@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'MyriadProRegular';
  src: url('myriadpro-regular-webfont.eot');
  src: local('?'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfontcQKZYGmm') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face { /* Use this for bolded text */
	font-family: 'MyriadProSemibold';
	src: url('myriadpro-semibold-webfont.eot');
	src: local('?'), url('myriadpro-semibold-webfont.woff') format('woff'), url('myriadpro-semibold-webfont.ttf') format('truetype'), url('myriadpro-semibold-webfont.svg#webfontIVYx3LCk') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body {
 	height: 100%;
	margin: 0px;
}

body {
	height: 100%;
 	background-color: #ffffff;
 	font-size: 1em;
 	font-family: Arial, Helvetica, sans-serif;
}

/* Elements */
img {
	border: none;
}
.centerimg{
	display: block;
	margin: auto;
}
.hide {
	position:absolute;
	left:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.clear{
	clear: both;
}
.left{
	float: left;	
}
.right{
	float: right;	
}
.middle{
	text-align: center;
}
.blockquote{
	padding: 0px 20px 0px 20px;	
}
.lispace{
	padding-top:10px;
}
h2{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px;
	color: #2a4eaa;
}
h3{
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px;
	color: #4c260f;
}
h4{
	font-size: 1.17em;
	font-weight: bold;
	margin: 0px;
	color: #2a4eaa;
}
h5{
	font-size: 1.17em;
	font-weight: bold;
	margin: 0px;
	color: #252525;
}
h6{
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	color: #000000;
}
a:hover{
	color: #666666;
}
#examplebox{
	background: #fff3c5;
	padding: 20px;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0 0 5px #CCAE02;
	-moz-box-shadow: 0 0 5px #CCAE02;
	box-shadow: 0 0 5px #CCAE02;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	.examplepicright{
		float:right;
		padding: 0px 0px 20px 20px;
	}
	.examplepicleft{
		float:left;
		padding: 0px 20px 20px 0px;
	}
#tipbox{
	background: #2a439f;
	color: #ffffff;
	padding: 20px;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	#tipicon{
		width: 15%;	
	}
	#tipbox img{
		float: left;
	}
	#tipboxtip{
		float: left;
		padding: 9px 0px 0px 0px;
		color: #f2cd22;
		font-weight: bold;
		font-size: 140%;
	}
	#tipboxtext{
		float: left;
		width: 85%;
		padding: 0px 0px 0px 15px;
	}
	#tipboxtext a{
		color: #ffffff;
	}

#directionbox{
	background: #e1e1e1;
	padding: 20px;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#textbox{
	background: #e1e1e1;
	padding: 20px;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.webresource{
	float: left;
	padding: 10px 0px 0px 0px;
}
.webresourceul{
	float: left;
	padding: 0px 0px 0px 10px;
}
.requirement{
	float: left;
	padding: 23px 0px 0px 10px;
}
#requirementpic{
	float: left;
	width: 55px;
	padding: 0px 0px 0px 10px;
}
#requirementtext{
	float: left;
	width: 80%;
	padding: 0px 0px 0px 10px;
}
.proceed{
	color: #C30;	
}
.regButton{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	display: block;
	height: 43px;
	width: 238px;
	background: url('/public/images/buttons/register_orientation.png') no-repeat;
}
.regButton:hover{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: url('/public/images/buttons/register_orientation_over.png') no-repeat; 	
}
.regButtonText{
	font-size: 75%;
	padding: 15px 0px 0px 70px;	
}
.retButton{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	display: block;
	height: 43px;
	width: 238px;
	background: url('/public/images/buttons/return_orientation.png') no-repeat;
}
.retButton:hover{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: url('/public/images/buttons/return_orientation_over.png') no-repeat; 	
}
.retButtonText{
	font-size: 75%;
	padding: 15px 0px 0px 75px;	
}
.resButton{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	display: block;
	height: 43px;
	width: 238px;
	background: url('/public/images/buttons/resume_orientation.png') no-repeat;
}
.resButton:hover{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: url('/public/images/buttons/resume_orientation_over.png') no-repeat; 	
}
.resButtonText{
	font-size: 75%;
	padding: 15px 0px 0px 80px;	
}
.startButton{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	display: block;
	height: 43px;
	width: 238px;
	background: url('/public/images/buttons/start_quest_over.png') no-repeat;
}
.startButton:hover{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: url('/public/images/buttons/start_quest_over_over.png') no-repeat; 	
}
.startButtonText{
	font-size: 75%;
	padding: 15px 0px 0px 55px;	
}
.reprintButton{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	display: block;
	height: 43px;
	width: 238px;
	background: url('/public/images/buttons/reprint_cert.png') no-repeat;
}
.reprintButton:hover{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: url('/public/images/buttons/reprint_cert_over.png') no-repeat; 	
}
.reprintButtonText{
	font-size: 75%;
	padding: 15px 0px 0px 85px;	
}
#splashbuttons{
	padding: 50px 0px 0px 0px;
	width: 550px;
	margin: auto;	
}
.splashCenter{
	width: 600px;
	text-align: center;
	margin: auto;
}
.splashCenterButton{
	width: 238px;
	margin: auto;
}
#splashreg{
	float: left;
}
#splashret{
	float: left;
	padding: 0px 0px 0px 50px;
}
#menu1{
	float: left;
}
#menu2{
	float: left;
	padding: 0px 0px 0px 20px;
}
#menu3{
	float: left;
	padding: 0px 0px 0px 20px;
}
.lidisc{
 	list-style-type: circle;
}
.webresource{
	float: left;
	padding: 10px 0px 0px 0px;
}
.webresourceul{
	float: left;
	padding: 0px 0px 0px 25px;
}
#questionRadio{
	float:left;
	padding: 5px 5px 5px 10px;
}
#questionAnswer{
	float:left;
	width: 550px;
	padding: 5px 0px 0px 0px;
}
.red{
	color: #F00;
}
.updateText{
	color:#060;
}
.closeWindow{
	padding: 15px;
	text-decoration: none;
	font-size: .8em;	
}
.gray{
	background-color: #eeeeee;
}

/* Structure */
#container {
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* mozilla browsers */
	height: 100%; /* IE6: treaded as min-height*/
    min-height: 100% !important; /* mozilla browsers */
	min-width: 760px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/* Popup width friendly */
#containerresources {
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* mozilla browsers */
	height: 100%; /* IE6: treaded as min-height*/
    min-height: 100% !important; /* mozilla browsers */
	min-width: 500px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#header {
	height: 120px;
	width: 100%;
	margin 0px;
	padding: 0px;
	background: url('../images/header_tile.png') repeat-x; 
}
	#headertitle{
		position: absolute;
		top: 67px;
		left: 340px;
		width: 431px;
		height: 26px;
		background: url('../images/title.png') no-repeat; 
	}
	#headerul{
		position: absolute;
		top: 10px;
		right: 0px;
		margin: 0px;
		padding: 0px;
	}
		#headerul li{
			list-style: none;
		}
		#headerul li a{
			color: #ffffff;
			font-family: MyriadProSemibold, Arial, Helvetica, sans-serif;
			font-size: 75%;
			font-weight: bold;
			text-decoration: none;
		}
		#headerul li a:hover{
			color: #ffe066;
		}
		#headeraboutus{
			float: right;
			border-right: 1px #FFF solid; 
			text-align: center;
			width: 78px;
		}
		#headerresources{
			float: right;
			border-right: 1px #FFF solid; 
			text-align: center;
			width: 88px;
		}
		#headerhelp{
			float: right;
			border-right: 1px #FFF solid; 
			text-align: center;
			width: 52px;
		}
		#headerhelplast{
			float: right;
			text-align: center;
			width: 52px;
		}
		#headerlogout{
			float: right;
			text-align: center;
			width: 65px;
		}
#resourcesheader{
	background: url('../images/dupuy_resource_header_tile.jpg') repeat-x;
	height: 79px;
	width: 100%;
}
#navigation {
	height: 24px;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
	#navigation ul{
		width: 100%;
		height: 24px;
		margin: 0px;
		padding: 0px;
		background: url('../images/nav_tile.png') repeat-x;
	}
	#navigation li{
		list-style: none;
		margin: 0px;	
  		float: left;
  		height: 24px;
		font-family: MyriadProSemibold, Arial, Helvetica, sans-serif;
		font-size: 80%;
		font-weight: bold;
		background: url('../images/nav_tile.png') repeat-x;
		color: #ffffff;
	}
	#navigation li:hover{
		background:	url('../images/nav_tile_over.png') repeat-x;
	}
	#navigation a{
		text-decoration: none;
	 	color: #ffffff;	
	}
/* Main Navigation text color overide control */
	.nonactive, .nonactive a{
		color: #b199af !important;
	}
	.nonactive:hover{
		background: url('../images/nav_tile.png') repeat-x !important;
	}
	.highlight{
		background: url('../images/nav_tile_over.png') repeat-x !important;
	}
/**/
	#nav1{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav1in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
	
	#nav2{
		width: 15%;
		padding: 5px 0px 5px 0px;
	}
	#nav2in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
	
	#nav3{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav3in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
	
	#nav4{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav4in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
		
	#nav5{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav5in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
		
	#nav6{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav6in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
		
	#nav7{
		width: 15%;
		padding: 5px 0px 5px 0px;
	}
	#nav7in{
		text-align: center;
		vertical-align: middle;
	}
		
#content{
	font-size: .95em;
	max-width: 1000px;
	padding: 10px 40px 100px 40px;	
}
/*Page Navigation*/
#pagenav{
	padding: 20px;	
}
	#toparrows{
		float: right;
		width: 125px;
		padding: 30px 20px 0px 10px;
		text-align: center;
		font-size: 75%;
	}
	.pageNum{
		width:105px;
		text-align: center;
		float: left;	
	}
#bottomarrows{
	position: absolute;
	width: 100%;
	height: 18px;
	bottom: 60px;
	
}
	#bottomarrowscenter{
		width: 300px;
		margin: auto;
	}
/**/

#footer{
 	height: 34px;
	width: 100%;
 	position: absolute;
	bottom: 0px;
 	background: url('../images/footer_tile.png') repeat-x; 
}
	#footertext{
		position: absolute;
		bottom: 10px;
		right: 15px;
		color: #ffffff;	
		font-family: MyriadProRegular, Arial, Helvetica, sans-serif;
		font-size: 70%;
	}
	#footertext a{
		text-decoration: none;
		color: #ffffff;
	}
/* Popup CSS */
#popuplinks{
	width: 650px;
}
.poplight{
	padding-bottom: 8px;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	color: #06F;
}
.poplight:hover{
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
.nextquestion{
	padding: 8px 0px 0px 0px;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
/* -- Questionnaire -- */
#questionBox ol{
	padding-right: 40px;	
}
#answer1, #answer2, #answer3{
	padding: 0px 70px 0px 70px;
	font-weight: bold;
	font-size: 1.1em;
	color: #F00;
}
#qnavButtons{
	
}
#qnavButtons .exitButton{
	float: left;
}
#qnavButtons .continueButton{
	float: left;
	padding: 0px 0px 0px 50px;
}
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#999;
}

/*--Overlabels --*/
div#inputone,
div#inputtwo,
div#inputthree,
div#inputfour,
div#inputfive,
div#inputsix,
div#inputseven,
div#inputeight,
div#inputnine{
	position:relative;
	float: left;
}
label.overlabel {
  position:absolute;
  top:3px;
  left:5px;
  z-index:1;
  color:#999;
}
.select {
	color:#999;
}
#loginBox{
	padding: 20px 0px 0px 75px;	
}
#submitbuttonplace{
	text-align: center;
}
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.blue {
	color: #ffffff;
	font-weight: bold;
	border: solid 2px #099af8;
	background: #099af8;
	background: -webkit-gradient(linear, left top, left bottom, from(#d5eefe), to(#099af8));
	background: -moz-linear-gradient(top,  #d5eefe,  #099af8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5eefe', endColorstr='#099af8');
}
.blue:hover {
	color: #ffffff;
	border: solid 2px #d65700;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8b88e), to(#d65700));
	background: -moz-linear-gradient(top,  #f8b88e,  #d65700);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b88e', endColorstr='#d65700');
}
.blue:active {
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8b88e), to(#d65700));
	background: -moz-linear-gradient(top,  #f8b88e,  #d65700);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b88e', endColorstr='#d65700');
}
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */

a.dp-choose-date {
	float: left;
	width: 25px;
	height: 20px;
	padding: 0;
	margin: 0px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/public/images/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
#evalsearchresults{
	width: 650px;
	padding: 50px 0px 0px 30px;	
}
.tableheader{
	font-weight: bold;
	border-bottom: 1px solid #666;
}