/* 
===========================================================================================	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 

	Css documment for Mcw Cms websites.

	This is the main css file for the websites.
	This file is based on the rendering of Firefox 3.5 and Internet Explorer 8.
		
	The purpose of the other files is listed below:
	
	ie.css 		                -->		Needed to overcome the differences in 
										rendering between Firefox and Internet Explorer
	ie6.css		                -->		Needed for correct rendering in Internet Explorer 6


	Used colors within website:
	Orange: #f58220
	Orange 50%; #fac08f
	Orange 75%: f8a158
	dark grey: #333333
	light grey: #cccccc
===========================================================================================
*/

html, body {
	width:100%; height:100%;
	margin:0; padding:0;
}
body {
	border-top:solid 3px #cccccc;
	font:normal 12px Verdana, Geneva, sans-serif;
	background:#ffffff url('../_images/bgbody.gif') repeat-x 0 240px; color:#333333;
	padding-bottom:1px;
}

form {
	margin:0 auto; padding:0 20px; border:none; outline:none;
	position:relative; width:950px; overflow:hidden;
	background:Transparent url('../_images/bgpageform.gif') no-repeat 19px 154px;
}

.clear {
	clear:both;	
}

#backButton {
	font-weight:normal;
	/*background:#ffffff url('../_images/fadeline.gif') no-repeat center top;*/
	position:absolute;
	left:20px; top:128px;
	z-index:1001;
}
	#backButton a {
		color:#333333 !important;
		text-decoration:none;
		padding:13px 0 15px 18px;
		display:block;
		font-size:11px;
		background:Transparent url('../_images/backbutton.gif') no-repeat 0 15px;
	}
	#backButton a:hover {
		text-decoration:underline;
	}

a, img {
	border:none;
	outline:none;
}

em {
	font-style:normal;
	color:#f58220;
}

#identity {
	width:950px; height:164px; margin:0; padding:0; overflow:hidden;
	border-bottom:solid 5px #f58220; position:relative;
}
	#identity a {
		width:350px; height:90px; display:block;
		overflow:hidden; text-indent:-9999px;
		background:url('../_images/logo-eccr.gif') no-repeat 0 0;
		position:absolute; left:300px; top:18px;
	}
	
#miniNav {
	position:absolute; right:20px; top:0;	
}
	#miniNav ul {
		list-style:none;
		margin:0; padding:0;	
	}
	#miniNav ul li {
		float:left;
	}
	#miniNav a {
		display:block;
		text-decoration:none;
		font-weight:normal;
		font-size:14px;
		padding:5px 15px 8px 15px;
		color: #f58220;
	}
	#miniNav a:hover {
		text-decoration:underline;
	}

#topMenu {
	 position:absolute;
	 width:100%; left:0; top:128px;
	 z-index:1000;
	 line-height:16px;
}
		
#homeVisual, #visual {
	width:950px; height:390px; overflow:hidden;
	margin:0px; padding:0 0 1px 0;
	border-top:solid 1px #ffffff;
	border-bottom:solid 3px	#cccccc;
}
#prevHome, #nextHome {
	cursor:pointer;
	display:block; border:none;
	width:20px; height:76px;
	position:absolute; top:326px;
	z-index:100;
}
#prevHome {
	left:11px;
}
#nextHome {
	left:959px;	
}

#visual {
	height:135px;
}

#contentContainer {
	padding-top:20px; min-height:300px; height:auto !important; height:300px;
	background:#ffffff url('../_images/bgcontent.gif') no-repeat left top;
}
#homeContentContainer {
	border-top:solid 13px #ffffff;  min-height:300px; height:auto !important; height:300px;
	background:#ffffff;
}
	#colLeft, #colContent, #colRight {
		min-height:420px; height:auto !important; height:420px;
		float:left;
	}
	#colLeft {
		width:160px;
		padding:0 20px 0 20px;
	}
	#colContent {
		width:515px;
	}
	#colRight {
		width:200px;
		padding:0 17px 0 17px;
		border-left:solid 1px #ffffff;
	}
	#colRight .menuContainer {
		display:none;	
	}
	#colLeft .menuContainer {
		font-weight:bold;	
	}
	
		#colLeft ul {
			margin:0; padding:20px; list-style:none;	
		}
		#colLeft ul li {
			margin:0 0 10px 0;	
		}
		#colLeft ul li a {
			text-decoration:none;
			color:#333333;
		}
	
	#homeColA, #homeColB, #homeColC  {
		width:300px;
		min-height:200px; height:auto !important; height:200px;
		float:left;
	}
	#homeColA, #homeColB {
		border-right:solid 25px #ffffff;
	}
	
#footer {
	padding:15px 0;
	border-top:solid 5px #cccccc;
	text-align:center;
	margin:30px 0;
	color:#333333;
}
	#footer a {
		color:#595959;
		text-decoration:none;
		border-bottom: dotted 1px #cccccc;
	}
	
.newsItem {
	border-bottom:solid 30px #ffffff;
}
	.newsItem .itemLeft {
		width:175px;
		float:left;	
		padding-top:3px;
	}
		.newsItem .itemLeft img {
			width:150px;
			height:110px;
		}
	.newsItem .itemRight {
		width:330px;
		float:left;
	}
		.newsItem .itemRight h3 {
			margin-bottom:10px;	
		}
		.newsItem .itemRight p {
			margin-bottom:0 !important;	
		}
		
	.newsItem .itemDate {
		font-size:10px;
		margin-bottom:0 !important;	
	}
	
	#smallList {
		background:#ffffff url('../_images/fadeline.gif') no-repeat center top;	
		border-left:none; border-right:none;
		padding-top:22px;
		padding-bottom:10px;	
		margin-bottom:20px;
		font-size:11px;
	}
		#smallList ul {
			margin:0 !important;
			padding-top:1px !important;
			padding-bottom:15px !important;
			background: Transparent url('../_images/fadeline.gif') no-repeat center bottom;
		}
		#smallList ul li {
			background:none !important;
			padding:0 !important;
		}
		#smallList ul li a {
			color:#f58220;
			text-decoration:none;
			font-weight:normal;
		}
		#smallList ul li.liFirst {
			font-weight:normal;
			font-style:italic;
		}
		#smallList ul li.liFirst a {
			font-weight:normal;
			color:#333333;	
		}
		#smallList ul li.liLast a {
			color:#333333 !important;
			font-size:11px;
		}
		#smallList ul li a:hover {
			text-decoration:underline;
		}
		/*#smallList ul li a:before {
			content: "\3E\ ";
		}*/
	
	#bigList .actionsBarEditableList {
		margin-bottom:20px;	
	}
	
	#smallList .actionsBarEditableList {
		display:none;
	}
	
	#bigList_upPnlForEditor .itemRight {
		width:300px;
	}
	
/* MCW EDITOR DECLARTIONS */

p, h1, h2, h3, h4, h5, h6 {
	margin-top:0;	
}

#contentContainer p, #homeContentContainer p {
	margin-bottom:30px;
	line-height:20px;
}
#contentContainer a, #homeContentContainer a {
	color:#f58220;
}
#contentContainer ul, #homeContentContainer ul {
	margin:0 0 30px 0; padding:0; list-style:none;
}
	#contentContainer ul li, #homeContentContainer ul li {
		padding:5px 0 5px 30px;
		background:Transparent url('../_images/bullet16.png') no-repeat 0 5px;
	}


table {
	margin-bottom:20px;
	background:#ffffff url('../_images/bgbody.gif') repeat-x 0 -100px;
	width:100%;
	border:dotted 1px #333333;
}
	table td {
		padding:5px;	
	}


h1 {
	font-size:19px;
	padding-top:0;
	margin-bottom:30px;	
}
	#homeContentContainer h1 {
		margin-bottom:16px;	
	}
	
h2 {
	font-size:16px;
	padding-top:2px;
	margin-bottom:18px;	
}
h3, h4, h5, h6 {
	font-size:14px;
	padding-top:8px;
	margin-bottom:19px;	
}

img.normalBorder { float:none; border:solid 1px #cccccc !important; padding:5px; }
img.normalNoBorder { float:none; border:none; }
img.leftBorder { float:left; border:solid 1px #cccccc !important; margin:5px 20px 5px 0; padding:5px; }
img.leftNoBorder { float:left; border:none; margin:5px 20px 5px 0; }
img.rightBorder { float:right; border:solid 1px #cccccc !important; margin:5px 0 5px 20px; padding:5px; }
img.rightNoBorder { float:right; border:none; margin:5px 0 5px 20px; }

/* END MCW EDITOR DECLARTIONS */


.cufon-ready h1 {
	font-size:24px;	
}
.cufon-ready h2 {
	font-size:20px;	
}
.cufon-ready h3 {
	font-size:16px;	
}

h1 a, h2 a, h3 a {
	text-decoration:none;	
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FORMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Generic CSS file for forms */

.formContainer ul {
    margin: 0px !important;
    padding: 10px;
	list-style:none;
}
.formContainer{
	float: left;
	width: 480px;
	padding:10px;
	margin-bottom:30px;
	border:solid 1px #cccccc;
	background:#eeeeee url('/_images/bguserform.gif') repeat-x 0 0;
}
.formContainer li {
    margin: 0px 0px 0.6em 0px;
    padding:0 !important;
	background:none !important;
    vertical-align: middle;
    clear: both;
    background: none;
}
.formContainer em.required, .formContainer .validatorsContainer {
    color: Red;
}
.formContainer li div {
	float: left;
}
.formContainer li ul {
	padding: 10px 0px;
}
.formContainer .validatorsContainer li {
    list-style-type: circle !important;
    margin-left: 20px;
}
.formContainer .validatorsContainer {
    margin-bottom: 12px;
}
.formContainer label, .formContainer .emptySpan {
    width: 130px;
    display: block;
    float: left;
}
.formContainer label {
    vertical-align: top;
    margin-top: 6px;
}
.formContainer {
    line-height: 1.4em;
}
.formContainer input, .formContainer textarea {
    width: 300px;
    height: 1.4em;
}
.formContainer select {
	width: 304px;
	height: 1.6em;
}
.formContainer textarea {
    height: auto;
}
.formContainer .checkBox input, .formContainer .radioButton input {
    min-width: 18px !important;
    width: 18px !important;
    float: left;
	display: block;
}
.formContainer .checkBox label, .formContainer .radioButton label {
    margin-top: 0px !important;
}
.formContainer .success, .formContainer .error {
    padding: 8px;
    margin: 8px 0px;
    font-size: 1.1em;
    color: #fff;
}
.formContainer .success {
    background-color: #66bd00;
}
.formContainer .error {
    background-color: Red;
}
.formContainer .submitBtnContainer a, .formContainer .resetBtnContainer a {
	display:inline-block;
	padding:5px 20px; background:#ffffff; border:solid 1px #cccccc;
	text-decoration:none;
	margin:10px 0 0 0; 
}
.formContainer .submitBtnContainer a:hover, .formContainer .resetBtnContainer a:hover {
	background-color:#cccccc;
}

/* Mailing subscribe Form */


.error {
	display:block; padding:0 0 10px 0; color:Red;
}
.succes {
	display:block; padding:0 0 10px 0; color:Green;
}



.AspNet-RadioButtonList {
	display:inline-block;
	width:300px;
}

.formContainer ul.AspNet-RadioButtonList-RepeatDirection-Vertical {
	display:block;
	width:300px;
	margin:0; padding:0; list-style:none;
}

.formContainer ul.AspNet-RadioButtonList-RepeatDirection-Vertical li {
	display:inline;
}

.formContainer ul.AspNet-RadioButtonList-RepeatDirection-Vertical li input {
	display:inline;
	width:auto; height:auto;
}
.formContainer ul.AspNet-RadioButtonList-RepeatDirection-Vertical li label {
	display:inline;
	width:auto;
	float:none;
	line-height:20px;
}