/* === Clearing browser style === */

body, td, input, textarea, select  {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

body {
	background: #dfeeef url(../images/bg.gif) repeat-x;
	height: 100%;
	padding: 0px;
}

body.page {
	background: #dfeeef url(../images/bg-page.gif) repeat-x;
}

html {
	height: 100%;
}

/* === Links === */

a {
	color: #7d0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.reg {
	background: url(../images/bullet-reg.gif) no-repeat right top;
	font-size: 12px;
	color: #00447d;
	text-decoration: none;
	padding-right: 9px;
}

a.reg:hover {
	text-decoration: underline;
}

/* === Main === */

#layout {
	width: 100%;
	height: 100%;
}

	#left {
		width: 50%;
	}
	
	#middle {
		background: url(../images/bg-middle.jpg) no-repeat;
	}
	
		#emp1 {
			background: url(../images/emp1.gif) no-repeat 0px 214px;
		}
	
			#emp2 {
				background: url(../images/emp2.gif) no-repeat 258px 0px;
			}
			
				#board {
					background: url(../images/board.gif) no-repeat 420px 0px;
				}
				
					#emp3 {
						background: url(../images/emp3.gif) no-repeat 420px 235px;
					}
	
	#middle-page {
		background: url(../images/bg-middle-page.jpg) no-repeat;
	}
	
		#emp1-page {
			background: url(../images/emp1-page.gif) no-repeat 0px 214px;
		}
		
			#emp2-page {
				background: url(../images/emp2-page.gif) no-repeat 317px 0px;
			}
			
				#emp3-page {
					background: url(../images/emp3-page.gif) no-repeat 564px 0px;
				}
	
	#right {
		background: url(../images/bg-right.jpg) no-repeat;
		width: 50%;
	}
	
		#right-page {
			width: 50%;
		}
	
	/* Menu */
	
	#nav, #nav li {
		margin: 0px;
		padding: 0px;
	}

	#nav {
		list-style: none;
	}
	
		#nav a {
			display: block;
			background: url(../images/list-item.gif) no-repeat right top;
			font-size: 12px;
			color: #000000;
			text-decoration: none;
			padding: 0px 12px 10px 20px;
			border-left: 4px solid #7d0000;
		}
		
			#nav a.last {
				padding-bottom: 0px;
			}
		
		#nav a:hover {
			color: #000000;
			text-decoration: underline;
		}
		
		#nav a.selected {
			color: #000000;
			text-decoration: underline;
		}
		
		#nav a.selected:hover {
			color: #000000;
			text-decoration: underline;
		}
	
	#proj, #proj li {
		margin: 0px;
		padding: 0px;
	}
	
	#proj {
		list-style: none;
	}
	
		#proj li {
			background: url(../images/list-item-p.gif) no-repeat;
			font-size: 12px;
			color: #000000;
			padding-left: 23px;
			padding: 0px 0px 5px 23px;
		}
	
	#leftCol {
		width: 245px;
	}
	
		#navBox {
			padding: 24px 0px 0px 81px;
		}
	
	#infoCol {
		width: 461px;
	}
	
		#infoBox {
			padding: 396px 170px 22px 10px;
		}
		
			#infoBox .minHeight {
				height: 144px;
			}
	
	#infoColPage {
		width: 461px;
		height: 245px;
	}
	
		#infoBoxPage {
			height: 300px;
			padding: 0px 17px 33px 50px;
			line-height: 15px;
		}
		
			#infoBoxPage, #infoBoxPage td {
				font-family: verdana, sans-serif;
			}
	
	#regCol {
		width: 200px;
	}
	
		#regBox {
			padding: 15px 0px 0px 12px;
		}
	
	#iconsBox {
		width: 84px;
		padding-top: 20px;
	}
	
		#iconsBox .vSep {
			text-align: center;
			height: 7px;
		}
	
	#copyBox {
		width: 340px;
		padding: 0px 21px 0px 250px;
	}
	
	#copyBoxPage {
		padding: 0px 17px;
	}
	
		#createdBox {
			padding: 14px 8px 4px 8px;
			border-top: 1px solid #b0c2cc;
		}
	
	#logosBox {
		padding-bottom: 8px;
		border-top: 1px solid #b0c2cc;
	}

/* === Txt === */

.titleReg {
	font-size: 12px;
	color: #00447d;
	font-weight: bold;
	padding: 20px 0px 25px 0px;
	border-top: 4px solid #00447d;
}

h1.title {
	font-size: 16px;
	color: #004075;
	font-weight: bold;
	padding: 0px 0px 20px 0px;
}

span.copyright {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #6c839a;
	cursor: default;
}

span.copyright a {
	font-family: tahoma, sans-serif;
	font-size: 10px;
	color: #6c839a;
	text-decoration: none;
}

span.copyright a:hover {
	color: #6c839a;
	text-decoration: none;
}



	#pathBox {
		padding: 0px 0px 20px 0px;
	}
		
	#pathBox A {
		font-size: 16px;
		text-decoration:none;
		color: #004075;
		font-weight: bold;
	}
		
	#pathBox A:hover {
		font-size: 16px;
		text-decoration:underline;
		color: #004075;
		font-weight: bold;
	}

	#pathBox span {
		font-size: 16px;
		color: #004075;
		font-weight: bold;
	}

	#pathBox span.bullet {
		font-size: 16px;
		color: #004075;
		font-weight: normal;
	}




#login-form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
		
	#login-form div.field {
		margin-bottom: 2px;
	}
	
	#login-form div.field input {
		margin: -1px 0px -1px 0px;
		padding: 2px 2px 2px 2px;
		width: 123px;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		background: #CDDFEB;
		border-top: 1px solid #839BB0;
		border-left: 1px solid #839BB0;
		border-right: 1px solid #BFD8EF;
		border-bottom: 1px solid #BFD8EF;
	}

	/* mozilla */
	#login-form div.field > input {
		margin: 0px 0px 0px 0px;
	}

	#login-form div.last {
		float: left;
	}

	#login-form div.imgbutton input {
		margin-top: 1px;
		margin-left: 3px;
		width: 18px;
		height: 18px;
		border: 0px;
	}

	#login-form div.button input {
		width: 80px;
		border: 1px solid #00447D;
		background: #00447D;
		color: #ffffff;
		font-weight: bold;
	}

/* === Other === */

.w100 {
	width: 100%;
}

.w017 {
	width: 17px;
}

.h02 {
	padding-bottom: 2px;
}

.fLeft {
	float: left;
}



	.navSub, .navSub li {
		margin: 0px;
		padding: 0px;
	}

	.navSub {
		list-style: none;
		margin-bottom: 20px;
		float: left;
		width: 100%;
	}
	
		.navSub li {
			margin-left: 10px;
			padding: 0px 0px 5px 15px;
			display: block;
			width: 28%;
			float: left;
			background: url(../images/subbullet.gif) no-repeat;
		}
		
		.navSub a {
			font-size: 12px;
			color: #000000;
			text-decoration: none;
		}
		
		.navSub a:hover {
			color: #000000;
			text-decoration: underline;
		}
		
		.navSub a.selected {
			color: #000000;
			text-decoration: underline;
		}
		
		.navSub a.selected:hover {
			color: #000000;
			text-decoration: underline;
		}


.txtSep {
	background-color: #B0C2CC;
	height: 1px;
	margin: 20px 0px;
}

	
/* cool tables */
.odd00, .odd11, .odd01, .odd10 {
	border-collapse: separate;
}

.odd00 th, .odd11 th, .odd01 th, .odd10 th {
 	padding: 3px 5px 2px 5px;
	text-align: left;
	font-weight: bold;
	background: #004075;
	color: #ffffff;
}

.odd00 td, .odd11 td, .odd01 td, .odd10 td {
 	padding: 2px 5px 1px 5px;
	vertical-align: top;
}

.odd00 td.t10, .odd00 td.t11, .odd00 td.t00,
.odd00 td.t01, .odd10 td.t10, .odd10 td.t11,
.odd01 td.t10, .odd01 td.t00, .odd11 td.t10 {
	background: #CEE3EF;
}

.odd10 td.t00, .odd10 td.t01, .odd01 td.t11,
.odd01 td.t01, .odd11 td.t00 {
	background: #BED9E9;
}

.odd11 td.t11 {
	background: #BED9E9;
}

.odd11 td.t01 {
	background: #CEE3EF;
}

/* images */
table.imagecontainer {
	background: #CEE3EF;
	width: 170px;
	height: 170px;
}
	table.imagecontainer td {
		text-align: center;
		vertical-align: middle;
	}

/* forms */
.formcontainer {
	margin:0px;
	padding:0px;
}

	.formcontainer p input,
	.formcontainer p textarea,
	.formcontainer p select option {
		color: #000000;
	}

	.formcontainer p.resizeable,
	.formcontainer p.unresizeable {
		padding-bottom: 5px;
	}

	.formcontainer p.title span {
		font-weight: bold;
		color: #004075;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
	}

		.formcontainer p.title span.error {
			color: #962E99;
		}
	
	
	.formcontainer p.resizeable input,
	.formcontainer p.input input,
	.formcontainer p.resizeable select {
		border-top: 1px solid #839BB0;
		border-left: 1px solid #839BB0;
		border-right: 1px solid #BFD8EF;
		border-bottom: 1px solid #BFD8EF;
		width: 100%;
		background: #ffffff;
	}	

	.formcontainer p.resizeable textarea {
		border-top: 1px solid #839BB0;
		border-left: 1px solid #839BB0;
		border-right: 1px solid #BFD8EF;
		border-bottom: 1px solid #BFD8EF;
		overflow:auto;
		width: 100%;
		background: #ffffff;
	}	

	.formcontainer p.button {
		padding-top: 10px;
	}
	

		.formcontainer p.button input {
			border: 1px solid #00447D;
			background: #00447D;
			color: #ffffff;
			font-weight: bold;
		}	
	

h2.title {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}