/* Typographical Styles */

body {
	background-color: #E6E6E6;
	color: #3F3F3F;
	font-size:14px;
	font-family:verdana, helvetica, sans;
	height:100%
}
html {
	height:100%;
}
h1 {
    font: 25px "Segoe UI", Verdana, Helvetica, sans-serif;}

h2 {
	font-size:14px;
	color: #009E37;
}

h3 {
	font-size:12px;
	margin-bottom:5px;
}

p {
	font-size:14px;
	line-height:130%;
}
p.question {
	font-size:14px;
	line-height:130%;
	font-weight:bold;
}
p.question span {
	font-weight:normal;
}
p.error	{
	 color:red;
}
.error ul li	{
	 display:block;
	 color:red;
	 margin-left:-40px;
	 font-size:10px;
	 font-weight:bold;
}
.validationAlertText {
	 color:red;
	 font-size:10px;

}
/* Link Styles */

a:link {color: #5a839b; text-decoration: underline;}
a:visited {color: #5a839b; text-decoration: underline;}
a:hover {color: #cecece; text-decoration: none;}
a:active {color: #5a839b; text-decoration: underline;}

#topBanner ul li {
	font-size:12px;
	color:#FFF;
}
/* Positioning and layout */   

#mainContainer {
	background-color:#ffffff;
	position: relative;
	margin:0 auto;
	width:960px;
	height:100%;
}

#topBanner {
	background: #77868F url('images/header_bg3.gif') repeat-x;
	height:118px;
	margin:0px;
	padding:0px;
 	position:relative;
	left: 0px;
}
#topBannerDefault {
	background: #77868F url('images/header_bg3.gif') repeat-x;
	height:88px;
	margin:0px;
	padding:0px;
 	position:relative;
	top:-23px;
	left: 0px;
}
#logo	{
	background:url('images/eyeQ_logo.gif') no-repeat;
	background-color:transparent;
	position:relative;
	width:320px;
	height:83px;
    top:2px;
    left:10px;
}

#welcome
{
    text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #e1e5e9; 
	text-decoration: none;
	font-weight:bold;
	padding-top: 9px;
}

#trainingNav
{	
	border-top: groove 2px white;
	position:absolute;
	top:35px;
	left:360px;
	width:400px;
	height:60px;	
	padding-top:10px;
}
#trainingNav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #e1e5e9; 
	text-decoration: none;
	font-weight:bold;
}
#trainingNav a:hover{
	color: #ffffff; 
	text-decoration: underline;
}
#trainingNav ul {
	margin: 0;
	padding: 0;
	display:block;}
	#trainingNav li{
	float:left;
	margin:0 5px;
}

#secondaryNav {
	position:absolute;
	top:10px;
	left:360px;
}
#secondaryNav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #e1e5e9; 
	text-decoration: none;
	font-weight:bold;
}
#secondaryNav a:hover{
	color: #ffffff; 
	text-decoration: underline;

}
#secondaryNav ul {
	margin: 0;
	padding: 0;
}

#secondaryNav ul.secondaryNav2 li	{
	display:block;
	float:left;
	margin:0 5px;
}

#secondaryNav ul.secondaryNav1 li	{
	display:block;
	float:left;
	margin:0 5px;
}
#secondaryNav ul.secondaryNav2 {
	display: block;
	float: left;
	margin: 0px 0px 0px 15px;
}

/* main body breadcrumb nav */
.breadcrumb {
font: 25px "Segoe UI", Verdana, Helvetica, sans-serif;
}

.breadcrumb span {
font-size:16px;
 }
/* end main body breadcrumb nav */

#primaryNav {
	position:absolute;
	left:0;
	margin:0;
	padding:0;
	top:89px;
	line-height:25px;

}

/*navigation image code here*/
#liSessions a{
	display:block;
	height: 27px;
	width: 83px;
	background: url(images/b_sessions_off.gif) repeat;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
	}
#liTesting a {
	display:block;
	height: 27px;
	width: 116px;
	background: url(images/b_testingCenter_off.gif) repeat;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
	}
#liComprehension a{
	display:block;
	height: 27px;
	width: 149px;
	background: url(images/b_comprehensionTest_off.gif) repeat;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
	}
#liTwoPoint a{
	display:block;
	height: 27px;
	width: 172px;
	background: url(images/b_twoPtTraining_off.gif) repeat;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
}
#liResource a{
	display:block;
	height: 27px;
	width: 127px;
	background: url(images/b_resourceCenter_off.gif) repeat;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
}
#liReading a{
	display:block;
	height: 27px;
	width: 122px;
	background: url(images/b_comprehensionTest_off.gif) repeat;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
}

/*hover states*/
#liSessions a:hover.rollover {
	background: url(images/b_sessions_on.gif) repeat;
	position:relative;
	width: 83px;
	height: 27px;
}

#liTesting a:hover.rollover {
	background: url(images/b_testingCenter_on.gif) repeat;
	position:relative;
	width: 116px;
	height: 27px;
}
#liComprehension a:hover.rollover {
	background: url(images/b_comprehensionTest_on.gif) repeat;
	position:relative;
	height: 27px;
	width: 149px;
	}
#liTwoPoint a:hover.rollover {
	background: url(images/b_twoPtTraining_on.gif) repeat;
	position:relative;
	height: 27px;
	width: 172px;
	}
#liResource a:hover.rollover {
	background: url(images/b_resourceCenter_on.gif) repeat;
	position:relative;
	height: 27px;
	width: 127px;
	}
#liReading a:hover.rollover {
	background: url(images/b_comprehensionTest_on.gif) repeat;
	position:relative;
	height: 27px;
	width: 122px;
	}
/*end nav image code here*/

#primaryNav li {
	display:block;
	float:left;
	margin:0;
	padding:0;

}

/*This style is used for the image replacement on the primaryNav buttons - hides the text, but keeps it available to engines*/
#primaryNav li span {
	/*display:none;*/
}
/*main body container*/
#mbContainer {
	position: relative;
	top: -23px;
	left: 0px;
	margin: 0px;
	background: url('images/mainBG.gif') repeat-y -1px;
	width:960px;
	height: 100%;
}
#mbContainerAE {
	 background-color: #D4D3CE;
	 height: 100%;
	 position:relative; 
	 top:-23px; 
	 left: 0px; 
	 margin:0px; 
	 padding:0px;
}

/*inner nav buttons*/

/*inner nav backgrounds*/
#navigationSessions {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 175px;
	height:450px;
	background-image:url('images/sessNavBG.gif');
	background-repeat:repeat-x;
}
#navigationTC {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 175px;
	height:400px;
	background-image:url('images/testingNavBG.gif');
	background-repeat:repeat-x;
}
#navigationComp {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 175px;
	height:400px;
	background-image:url('images/comprehensionNavBG.gif');
	background-repeat:repeat-x;
}
#navigationTwoPt {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 175px;
	height: 400px;
	background-image: url('images/2pointNavBG.gif');
	background-repeat: repeat-x;
}
#navigationResource {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 175px;
	height:400px;
	background-image:url('images/resourceNavBG.gif');
	background-repeat:repeat-x;
}
#navigationDefault {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 175px;
	height:400px;
	background-color:#f7f8f9;
	background-image:url('images/left_tile2.jpg');
	background-repeat:repeat-x;
	background-position: left top;
}

/*end inner nav backgrounds*/

/* sessions nav */
#navigation {
	position:absolute; 
	left:38px; 
    top: 26px;
	margin: 0;
	padding: 0;
	width: 128px;
	list-style-type: none;
}
#navigation li {
    width: 133px;
    border:1px white solid;
    border-bottom:none; 
}

#navigation a {
   background-color: #ebbd35;
   color: #ffffff;
   font: bold 10px verdana;
   display: block;
   width: 127px;
   line-height:25px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:6px;
   text-decoration:none;
}
#navigation a:hover {
   background-color: #fdd668;
   color: #000000;
   text-decoration: none;
}
#navigation a.current, #advancedNav a.current{
   background-color: #fdd668 !important;
   color: #000000 !important;
   text-decoration: none !important;
}

#navigation a.LevelCurrent
{
	text-align: center;
   color: #000000;
	background-color: #fdd668;
	width: 32px;
   padding-left:0px;
   padding-right: 0px;
   margin-left: 1px;
   margin-right: 1px;
   line-height:15px;
   display: inline-block;
   font: bold ;
}

#navigation a.LevelOther
{
	text-align: center;
   color: #ffffff;
	background-color: #ebbd35;
	width: 31px;
   padding-left:0px;
   padding-right: 0px;
   line-height:15px;
   display: inline-block;
   margin-left: 1px;
   margin-right: 1px;
}

#navigationLevelTitle
{
	text-align: center;
	background-color: #fdd668;
   color: #000000;
   font: bold 14px verdana;
   display: block;
   width: 132px;
   line-height:15px;
   padding-top:2px;
   padding-bottom:2px;
   text-decoration:none;
   border-bottom: solid 1px #fdd668;
}

div.check {
   background-image:url('images/circle_checked.gif'); 
   background-repeat:no-repeat;
   background-position:right;
}
div.circle{
   background-image:url('images/circle.gif') !important; 
   background-repeat:no-repeat !important;
   background-position:right !important;
}

/* advanced sessions nav */
#advancedNav {
	position:absolute; 
	left:38px; 
    top: 300px;
	margin: 0;
	padding: 0;
	width: 128px;
	list-style-type: none;
}
#advancedNav li {
    width: 133px;
    border:1px white solid;
    border-bottom:none;
}
#advancedNav a {
   background: #ebbd35;
   color: #ffffff;
   font: bold 10px verdana;
   display: block;
   width: 127px;   
   line-height:25px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:6px;
   text-decoration:none;
}
#advancedNav a:hover {
   background: #fdd668;
   color: #000000;
   text-decoration: none;
}

/* testing center sub nav*/
#TCNav {
	position:absolute; 
	left:38px; 
    top: 26px;
	margin: 0;
	padding: 0;
	width: 130px;
	list-style-type: none;
}
#TCNav li {
    width: 133px;
    border:1px white solid;
    border-bottom:none;
    
}
#TCNav a {
   background: #b52f1d;
   color: #FFFFFF;
   display: block;
   width: 127px;
   padding-top:8px;
   padding-bottom:8px;
   padding-left:6px;
   text-decoration:none;
   font: bold 10px verdana;
   
}
#TCNav a:hover {
   background: #df4c38;
   color: #000000;
   text-decoration: none;
}

/* Comprehension sub nav*/
#CompNav {
	position:absolute; 
	left:38px; 
    top: 26px;
	margin: 0;
	padding: 0;
	width: 130px;
	list-style-type: none;
}
#CompNav li {
    width: 133px;
    border:1px white solid;
    border-bottom:none;
}
#CompNav a {
   background: #0091b3;
   color: #ffffff;
   font: bold 10px verdana;
   display: block;
   width: 130px;
   padding-top:8px;
   padding-bottom:8px;
   padding-left:3px;
   text-decoration:none;
}
#CompNav a:hover {
   background: #57bfd5;
   color: #000000;
   text-decoration: none;
}

/* 2 Point sub nav*/
#TwoPtNav {
	position:absolute; 
	left:38px; 
    top: 26px;
	margin: 0;
	padding: 0;
	width: 130px;
	list-style-type: none;
}
#TwoPtNav li {
    width: 133px;
    border:1px white solid;
    border-bottom:none;
}
#TwoPtNav a {
   background: #ea6608;
   color: #ffffff;
   font: bold 10px verdana;
   display: block;
   width: 130px;
   padding-top:8px;
   padding-bottom:8px;
   padding-left:3px;
   text-decoration:none;
}
#TwoPtNav a:hover {
   background: #ff7710;
   color: #000000;
   text-decoration: none;
}
/* Resource sub nav*/
#ResourceNav {
	position:absolute; 
	left:38px; 
    top: 26px;
	margin: 0;
	padding: 0;
	width: 130px;
	list-style-type: none;
}
#ResourceNav li {
    width: 133px;
    border:1px white solid;
    border-bottom:none;
}
#ResourceNav a {
   background: #00a33d;
   color: #ffffff;
   font: bold 10px verdana;
   display: block;
   width: 127px;
   padding-top:8px;
   padding-bottom:8px;
   padding-left:6px;
   text-decoration:none;
}
#ResourceNav a:hover {
   background: #8abc3a;
   color: #000000;
   text-decoration: none;
}
/* end inner nav buttons */


/*This style is used for the image replacement on the primaryNav buttons - hides the text, but keeps it available to engines*/
#testingIntNav li span {
	display:none;
}

#offerTextBox {
	background-color:#dceaf3;
	margin-top: 30px;
	padding-right:5px;
	width: 530px;
	height:131px;
	position:relative;
	left:0px;
	border:2px #5b859c solid;
	font-size:12px;
	/*background-image:url('images/offerBG.gif');
	background-repeat:repeat-x;*/

	 
}
.photoHome {
	position:relative;
	float:left;
	padding-right:5px;
}

#motivationTextBox {
	background-color:#FFF;
	margin:0px 0px 0px 0px;
	padding:0px;
	width: 480px;
	position:relative;
	left:0px;
}

#TextBox {
	background-color: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width: 535px;
	position:relative;
	top: 5px;
}

/*More About Exercises */
#TextBoxExercise {
	background-color: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	position: absolute;
	left: 180px;
	top: 5px;
}

#exerciseScreenContainer	{
	 margin:0;
	 padding:0px;
}
#exerciseScreen	{
	position:relative;
	top:25px;
	left:0px;
	width: 200px;
	margin-top:15px;
	margin-bottom: 15px;
}
#exerciseScreen P	{
    position: absolute;
	left:0px;
	top: 2px;
	width: 490px;
    height:150px;
	margin:0px;
	vertical-align:middle;
	
}

/* Right Line*/
#rightLine{
	background-image:url('images/rightGreyhLine.gif');
	width: 9px; 
	height: 466px; 
	position:relative; left:750px;	
}

/* Right Links*/
#rightLink	{
	position:absolute;
	left: 769px; 
	top: 75px;
	width: 185px; 
	height: 22px;
	margin:0;
	padding:0;	
}

#rightLink a:link {color: #82929b; text-decoration: underline;}
#rightLink a:visited {color: #82929b; text-decoration: underline;}
#rightLink a:hover {color: #82929b; text-decoration: none;}
#rightLink a:active {color: #82929b; text-decoration: none;}

/* Forms */

input.form 
	{ 
	width: 200px;
	margin: 5px;
	padding: 3px; 
	border: 1px solid #CCCCCC;
	}
input.normal-form 
	{ 
	width: 180px;
	padding: 3px; 
	border: 1px solid #CCCCCC;
	}
input.go
	{ 
	width: 25px;
	height: 25px;
	margin: 5px 5px 5px 0px;
	padding: 3px; 
	}

textarea.form
	{
	padding: 3px; 
	border: 1px solid #CCCCCC;
	color: #000000;
	background: #FFFFFF;
	width: 500px;
	height: 200px;
	font-size: 110%;
	text-align: left;
	}

fieldset
	{
	padding: 5px;
	border: 1px solid #CCCCCC;
	}

fieldset legend
	{
	padding: 0px 5px 0px 5px;
	}

select 
	{ 
	width: auto;
	margin: 5px;
	padding: 3px; 
	border: 1px solid #CCCCCC;
	}
	
input.radio
	{
	margin-left: 5px;
	}

.multiselect
	{
	width: 150px;
	margin-left: 0px;
	}
	
/*login*/
input.login-form 
	{ 
	width: 130px;
	padding: 3px;
	margin:2px;
	border: 1px solid #CCCCCC;
	}
.login
	{
	margin: 0 0px 0px 0;
	width: 80px;
	height: 22px;
	font-size:12px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	text-transform:capitalize;
	background: url('images/buttonBG.gif') repeat-x;
	color:#ffffff;
	font-weight:bold;
    letter-spacing:-1px;
    font-family:Verdana, Arial, sans-serif;
    margin-left:2px;

	}
#loginControl a
	{
     color:#5a839b;
	}
#loginControl a:hover
	{
     color:#ffffff;
	}

#loginControl
	{
	position: relative;
	left:10px;
	top:20px;
	}

.register
	{
	width: 80px;
	height: 22px;
	line-height: 14px;
	font-size: 12px;
	border: 1px solid #80a5bb;
	cursor: pointer;
	text-transform: capitalize;
	background: url('images/buttonBG.gif') repeat-x;
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 3px;
	letter-spacing: -1px;
	font-family: Verdana, Arial, sans-serif;
	background-position:bottom;
}
.continue
	{
	width: 115px;
	height: 22px;
	line-height: 14px;
	font-size: 12px;
	border: 1px solid #80a5bb;
	cursor: pointer;
	text-transform: capitalize;
	background: url('images/buttonBG.gif') repeat-x;
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 3px;
	letter-spacing: -1px;
	font-family: Verdana, Arial, sans-serif;
	background-position:bottom;

}
.submit
	{
	width: 80px;
	height: 22px;
	line-height: 14px;
	font-size: 12px;
	border: 1px solid #80a5bb;
	cursor: pointer;
	text-transform: capitalize;
	background: url('images/buttonBG.gif') repeat-x;
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 3px;
	letter-spacing: -1px;
	font-family: Verdana, Arial, sans-serif;
	background-position:bottom;

}

.continueSelectSponsor
	{
	width: 100px;
	height: 22px;
	line-height: 14px;
	font-size: 12px;
	border: 1px solid #80a5bb;
	cursor: pointer;
	text-transform: capitalize;
	background: url('images/buttonBG.gif') repeat-x;
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 3px;
	letter-spacing: -1px;
	font-family: Verdana, Arial, sans-serif;
	background-position:bottom;

}
#motivationTextBox span {

    font-weight:bold;
}

.ReadingSessionCompletedRow {
	color:#ffffff;
}

/*footer*/

#footer	{
	background: url(images/footer_bg.gif) repeat-x;
	width: 770px;
	height: 27px;
	position:relative;
	font-size:10px;
}
#footer ul {
	margin:0;
	padding:0;
}

#footer ul.footerNav1 li {
	display: block;
	float: left;
	margin: 7px 10px 10px 10px;
}
#footer ul.footerNav2 li {
	display: block;
	float: right;
	margin: 7px 10px 10px 0;
}
#footer a:link {color: #374f73; text-decoration: underline;}
#footer a:visited {color: #374f73; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#footer a:active {color: #374f73; text-decoration: none;}
.instructions
{
	color: #cc3333;
	font-size: 11px;
	left: 375px;
	float: right;
	position: absolute;
	width: 150px;
}