/*
	Document template css file. Base for all css
*/
/*HTML TAG STANDARDS
-----------------------------------------------------*/
body{
	background-color: #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:0px;
	margin:0px;
	color: #666;
	/*text-align:justify;*/
	
}

a{
	font-weight:bold;
	color:#693;
}
a:hover{
	color:#360;
}
a.markedLink {
	/*display:block;*/
	background-image:url(/images/frontend/images/doc/body/linkArrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:13px;
}

h1, h2, h3 {
	font-family:Arial, Helvetica, sans-serif;
}	
h1{
}

h2{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:22px;
	line-height:20px;
	font-weight:bold;
	color: #693;
	letter-spacing:-0.5pt;
}

h3{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:normal;
	color: #693;
}
h3.passLarge {
	background-image:url(/images/frontend/images/doc/tickLarge.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:47px;
	height:42px;
	line-height:42px;
	font-size:18px;
}
h3.failLarge {
	background-image:url(/images/frontend/images/doc/crossLarge.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:47px;
	height:42px;
	line-height:42px;
	font-weight:bold;
	color:#c00;
	font-size:18px;
}
h3.passSmall {
	background-image:url(/images/frontend/images/doc/tickSmall.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:27px;
	height:22px;
	line-height:22px;
}
h3.failSmall {
	background-image:url(/images/frontend/images/doc/crossSmall.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:27px;
	height:22px;
	line-height:22px;
	font-weight:bold;
	color:#c00;
}
#testPassMsg {
	padding:10px;
}
/*p{
	line-height:18px;
}*/



/* Forms
-----------------------------------------------------*/
form.formThreeCol, form.formTwoCol {
 margin: 0px;
 padding:0px;
}
 
form.formThreeCol fieldset, form.formTwoCol fieldset, .elementRightColBG fieldset {
  margin: 10px 0px;
  border:none;
  border-top:1px solid #693;
  padding:0px;
  display:block;
  clear:both;
  
}
form.formThreeCol legend, form.formTwoCol legend, .elementRightColBG legend {
  	margin:5px 5px 5px 0;
	padding:10px 10px 0 0 ;
	font-size:16px;
	font-weight:normal;
	color: #693;
	display:block;
	width:auto;
}
form.formThreeCol label {
 display: block;
 line-height: 1.8;
  vertical-align: top;
  width:600px;
  float:left;
  /*border:1px solid #f00;*/
  
}
form.formTwoCol label {
 display: block;
 line-height: 1.8;
  vertical-align: top;
  width:150px;
  float:left;
  /*border:1px solid #f00;*/
  
}


form .notice, form .error{
	border:2px solid #f60;
	background-color:#fff;
	color: #f60;
	font-weight:bold;
	/*text-decoration:underline;*/
}

form.formThreeCol fieldset ol, form.formTwoCol fieldset ol {
  margin: 0;
  padding: 0;
  
}
form.formThreeCol fieldset li, form.formTwoCol fieldset li  {
  list-style: none;
  padding: 10px;
  margin: 0;
  clear:both;
  border-top:1px dotted #ccc;
}
form.formThreeCol fieldset li.top, form.formTwoCol fieldset li.top {
  border-top:none;
}

.formFooter {
	border-top:1px solid #693;
	padding-top:20px;
	text-align:center;
}

form.formThreeCol .submitBtn, form.formTwoCol .submitBtn {
	color: #666;
	font-weight:bold;
	padding:5px;
	width:150px;
	/*width:750px;*/
}

form.formThreeCol .footnote, form.formTwoCol .footnote {
	color: #ccc;
	font-size:10px;
	font-weight:normal;
	padding:10px;
	width:750px;

}
form.formThreeCol a.footnote, form.formTwoCol a.footnote {
	color: #693;
}

form.formThreeCol a.footnote:hover, form.formTwoCol a.footnote:hover {
	color:#360;
}

form.formThreeCol fieldset .longTextField{
	font-size: 12px;
	color:#666;
	font-weight:bold;
	border: #ccc solid 1px;
	padding:5px;
	width:305px;
}
form.formTwoCol fieldset .longTextField{
	font-size: 12px;
	color:#666;
	font-weight:bold;
	border: #ccc solid 1px;
	padding:5px;
	width:250px;
}

form.formThreeCol fieldset .longSelectField{
	font-size: 12px;
	color:#666;
	font-weight:bold;
	border: #ccc solid 1px;
	padding:5px;
	width:317px;
}

form.formThreeCol fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.formThreeCol fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.formThreeCol fieldset fieldset label {
  display: block;
  width: auto;
}
form.formThreeCol em, .required {
  font-weight: bold;
  font-size: 14px;
  line-height:10px;
  color: #693;
}
form.formThreeCol label {
  width:300px;
  margin:0px 10px 0px 10px;
}
form.formThreeCol fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
.errors p{
	background-image:url(/images/frontend/images/doc/crossSmall.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 0px 0px 15px 27px;
	/*height:22px;*/
	line-height:13px;
	font-weight:bold;
	color:#c00;
	
}
.notices p{
	background-image:url(/images/frontend/images/doc/tickSmall.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:27px;
	height:22px;
	line-height:22px;
	font-weight:bold;
	
}
/*COE items
-----------------------------------------------------*/
.coe-event-date-alt, .coe-event-date {
	float:left;
	width:75px;
	height:70px;
	padding-top:5px;
	margin-right:20px;
	text-align:center;
	color:#fff;
	font-size:40px;
	font-family:Arial, Helvetica, sans-serif;
}
.coe-event-date {
	background-image:url(/images/frontend/images/doc/body/coeDateBG.gif);
}
.coe-event-date-alt {
	background-image:url(/images/frontend/images/doc/body/coeDateBG-alt.gif);
}
.coe-event-month {
	font-weight:bold;
	font-size:11px;
}
.coe-event-list-content {
	width:375px;
	border-top:1px SOLID #693;
	float:left;
}
.coe-event-list-content strong {
	color:#693;
	font-size:14px;
}
.coe-divider {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:5px 0 10px 0;
	margin-bottom:20px;
	font-size:10px;
}
.coe-header-divider {
	border-top:1px SOLID #693;
	margin-top:15px;
	padding-top:10px;
}
a.reminderLink {
	/*display:block;*/
	background-image:url(/images/frontend/images/doc/body/reminderIcon.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:5px 0 5px 28px;
	height:23px;
	line-height:23px;
}

/*CORE DOC ELEMENTS
-----------------------------------------------------*/
/*controls the header*/
#docHeader{
	width:772px;
	margin: 0px auto;
	height:134px;
	background-image:url(/images/frontend/images/doc/header/logo.gif);
	background-repeat:no-repeat;
	padding:0px;
	/*border:1px solid #00f;*/
}

	#navigation{
		/*border:1px solid #f00;*/
		margin:0px 5px 0px 0px;
		padding:0px;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#navigation li{
		margin: 0px 0px 0px 5px;
		padding:0px;
		line-height:50px;
		display:inline;
		color:#693;
		/*border:1px solid #0f0;*/
		
	}
	
	#navigation li a{
		font-size: 12px;
		color: #fff;
		text-decoration:none;
	}
	
	#navigation li a:hover {
		color: #ccc;
		text-decoration:underline;
	}
	
	#subNavigation{
		/*border:1px solid #f00;*/
		margin:0px 5px 0px 0px;
		padding:0px;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#subNavigation li{
		margin: 0px 0px 0px 2px;
		padding:0px;
		line-height:50px;
		display:inline;
		/*border:1px solid #0f0;*/
		
	}
	
	#subNavigation li a{
		font-size: 12px;
		color: #693;
		background-image:url(/images/frontend/images/doc/header/subNavigation/icon.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding:0px 0px 0px 14px;
	}
	
	#subNavigation li a:hover {
		color: #360;
	}

.columnDivider {
	border-top:1px dashed #693;
	margin:0px;
	padding:0px;
}

/*the main body container*/
#docBody{
	width:772px;
	margin: 0px auto;
	background-color:#fff;
	padding-bottom:30px;
}
	/*element holders*/
	.elementThreeCol{
		display:block;
		background-image: url(/images/frontend/images/doc/body/elementThreeCol.gif);
		background-repeat:no-repeat;
		padding:10px 20px;
		/*border:1px solid #f00;*/
	}
	
	.elementTwoCol{
		float:left;
		background-image: url(/images/frontend/images/doc/body/elementTwoCol.gif);
		background-repeat:no-repeat;
		padding:10px 31px 10px 20px;
		width:470px;
		/*border:1px solid #f00;*/
	}
	
	.elementOneCol{
		float:left;
		background-image: url(/images/frontend/images/doc/body/elementOneCol.gif);
		background-repeat:no-repeat;
		padding:10px 10px 10px 20px;
		width:220px;
		/*border:1px solid #f00;*/
	}
		.elementOneRightColBG{
			float:left;
			background-image: url(/images/frontend/images/doc/body/elementOneRightColBG.gif);
			background-repeat:repeat-y;
			width:250px
			/*border:1px solid #f00;*/
		}
		.elementRightColBG{
			float:left;
			background-image: url(/images/frontend/images/doc/body/elementRightColBG.gif);
			background-repeat:no-repeat;
			background-position:top;
			width:230px;
			padding:10px 10px 10px 10px;
			/*border:1px solid #f00;*/
		}
		
		.elementOneRightCol{
			background-image: url(/images/frontend/images/doc/body/elementOneRightCol.gif);
			background-repeat:no-repeat;
			padding:10px 10px 0px 20px;
			width:220px;
			font-size:10px;
			color:#999;
			/*border:1px solid #f00;*/
		}
			.elementOneRightCol h2, .elementRightColBG h2 {
				padding-top:0px;
			}
			
			.elementOneRightCol h2 strong {
				color:#fff;
			}
			
			.elementOneRightCol p {
				padding:0px;
				margin:0px;
			}
			.elementOneRightCol strong {
				color:#ccc;
			}
		.elementOneRightColFooter {
			background-color:#fff;
			background-image: url(/images/frontend/images/doc/body/elementOneRightColFooter.gif);
			background-repeat:no-repeat;
			background-position:top;
			padding:26px 10px 11px 20px;
			height:27px;
			width:220px;
			/*border:1px solid #f00;*/
		}
	.elementCenter{
		margin: 0px 11px;
	}
#docFooter{
	width:772px;
	margin: 0 auto;
}
.calendar tr td {
	margin:1px;
	padding:0px;

}
.calPrev {
	text-align:center;
	margin-bottom:10px;
}
.calMonth {
	text-align:center;
	margin-bottom:10px;
	font-size:11px;
	color:#693;
	font-weight:bold;
	background-color:#f2fafc;
}
.calNext {
	text-align:center;
	margin-bottom:10px;
}
/*.calPrev img, .calNext img {
	margin:2px;
}*/
.calWeekday {
	text-align:center;
	width:24px;
	padding:2px;
	font-size:10px;
	border:1px solid #360;
	background-color:#693;
	color:#fff;
}
.calDate {
	text-align:center;
	width:24px;
	height:24px;
	padding:2px;
	font-size:11px;
	border:1px solid #ccc;
}
.calEmptyDate {
	text-align:center;
	height:24px;
	background-color:#f2fafc;
}
.calPrevNextDay {
	text-align:center;
	height:24px;
	font-size:11px;
	color:#693;
	font-weight:bold;
	border-top:1px solid #360;
}
/*footer container*/
#footerSiteLogos {
	width:300px;
	padding-left:20px;
	float:left;
}
#footerCopyright {
	width:625px;
	line-height:34px;
	font-size:10px;
	color:#666;
	text-align:right;
	float:left;
}
#footerCopyright a {
	font-weight:normal;
	color:#666;
	text-decoration:none;
}
#footerCopyright a:hover {
	color:#fa0;
	text-decoration:underline;
}
#footerLogo {
	width:127px;
	float:left;
}

textarea.small	{font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
label.small		{font-size: 10px;}


.topdivider {
	border-top:1px dashed #ccc;
	margin-top:20px;
	padding-top:20px;
}

.clear {
	clear: both;
}