﻿@import url(small.css);

html { /* Forces vertical scroll bar on FF to eliminate page jump */ overflow-x: auto; overflow-y: scroll; }

body { font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: normal; margin: 0; padding: 0; background: #D5E7C2 url(/Image/BodyBG.jpg) repeat-x; color: #000000; height: 100%; }

a { color: #000000; text-decoration: underline; }

a:hover { color: #000000; text-decoration: none; }

a img { border-style: none; }

/* These all need height 100% in XHTML Transitional for Mozilla */
html, form, center { height: 100%; margin: 0; padding: 0; }

div, form { margin: 0; padding: 0; }

h1, h2, h3, h4 {color:#684E8E; margin:10px 0px}
h1 {font-size:30px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:15px;}

/************************************************/
/*  All Tables, cellpadding=0, cellspacing=0	*/
/************************************************/

table { border-collapse: collapse; }
td { padding: 0; }

/*********************************************
/ Wrapper table
*********************************************/
table.wrapper { background-color: #ffffff; width: 800px; margin: 0; padding: 0; text-align: left; height: 100%; }

div.mainBox { width:989px; text-align:center; margin:0px auto }
/*********************************************
/ Header
*********************************************/
div.headerTop { width:963px; height:35px; background: url(/Image/HeaderBG.jpg) no-repeat; padding:2px 25px 3px 0px}
div.headerTop table {margin:3px 0px 0px auto; text-align:right}
div.headerTop td.searchText {padding:2px 10px 0px 0px; color:#ffffff; font-size:15px; font-weight:bold}
div.headerTop td.searchButton {padding:2px 0px 0px 10px}
td.headerBotLeft { width:223px; height:98px; }
/*td.headerBotMid { width:506px; height:98px; background:#ffffff; vertical-align:bottom; text-align: left; padding-left: 10px;}*/
td.headerBotMid { width:510px; height:98px; background:#ffffff; text-align:left}
td.headerBotRight { width:259px; height:98px; }

/*********************************************
/ content
*********************************************/
td.contentLB {width:9px; background:url(/Image/ContentLB.jpg) repeat-y}
td.content { width:952px; background:#ffffff; text-align:left; padding-top:10px; padding-right:10px; padding-bottom:15px; padding-left:10px;}
td.content a {color:#D77511}
td.contentRB {width:9px; background:url(/Image/ContentRB.jpg) repeat-y}

/*********************************************
/ Left navigation
*********************************************/
div.leftNavBox {width:198px; height:640px; float:left; background:url(/Image/LeftNavBG.jpg) no-repeat; margin-right:15px}
ul.leftNavHO {margin:57px 0px 0px 0px; padding-left:30px}
ul.leftNavHO li {list-style-type:none; margin:9px 0px;}
ul.leftNavHO li a {color:#492C75; font-weight:bold}

ul.leftNavAE {margin:61px 0px 0px 0px; padding-left:30px}
ul.leftNavAE li {list-style-type:none; margin:0px 0px 9px 0px;}
ul.leftNavAE li a {color:#492C75; font-weight:bold}

/*********************************************
/ Right navigation
*********************************************/
div.rightNavBox {float:right; margin-left:15px}
div.rightNavBox div.itAFactBox {margin:35px 0px 0px 3px}
div.rightNavBox div.itAFactBox div.itAFact {margin:0px; padding:15px 10px 10px 10px; width: 168px; border-right:solid 1px #A094B1; border-left:solid 1px #A094B1; color:#6BAA42; font-size:14px; font-weight:bold}
div.rightNavBox div.onLocationBox {margin:35px 0px 0px 0px}
div.rightNavBox div.onLocationBox div.onLocation {width:100px; float:left}
div.rightNavBox div.onLocationBox img.logo {float:right}
div.rightNavBox div.onLocationBox br {float:right}

/*********************************************
/ Footer
*********************************************/
div.footerTop {width:988px; height:28px; background:url(/Image/FooterBG.jpg) no-repeat;}
td.footerBotLeft {width:678px; height:103px; background:url(/Image/FooterBotSquareLogo.jpg) no-repeat; text-align:left; padding:5px 10px 0px 50px}
td.footerBotLeft a {color:#3588B1}
td.footerBotRight {width:311px; height:103px; text-align:center;padding:5px 0px 0px 0px}
p.footerLink {text-align:left; margin:0px 0px 0px 55px;}
p.footerLink img {margin:0px 5px}
p.footerLink a {color:#3588B1}

/*********************************************
/ print view elements
*********************************************/
div.windowLinks { display: none; }
div.printToolLinks { display: none; }
img.printToolHeader { display:none; }
img.printToolFooter {display:none; }

/*********************************************
form classes
*********************************************/
td.label {font-weight:bold; padding:0px 15px 10px 0px}

/*********************************************
Assessment
*********************************************/
div.topSplash {width:422px; height:464px; text-align:center; margin:0px auto; padding:120px 10px 0px 512px; text-align:left;}
div.topSplash table.answer td {padding-right:10px; padding-bottom:10px;}
div.formBox {width:429px; height:463px; overflow-y:auto}
ul.error {padding-left:0px; font-weight:bold;}
ul.error li {margin-left:15px; font-weight:normal; list-style:url(/Image/BlackBullet.gif) outside}

/*********************************************
Breadcrumb
*********************************************/
td.headerBotMid div.breadcrumb {
	padding:0px;
	margin:0px 0px 0px 10px;
	color:#000000;
}

/*********************************************
Previous/Next/Top of Page
*********************************************/
td.content div.breadcrumb {
	padding:0px;
	margin:0px;
	color:#000000;
}
td.content div.topofpage {
	padding: 0px 0px 0px 11px;
	margin: 0px 0px 0px 200px;
	color:#000000;
	background-image: url(../Image/top_of_page.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

td.content div.prevnexttop {
	color:#000000;
	padding: 4px 0px 4px 0px;
	/*float:left;*/
}
td.content div.prevnextbottom {
	color:#000000;
	float:right;
}
td.content div.prevnexttop span.pageprev {
	padding: 0px 0px 0px 13px;
	margin: 0px;
	color:#000000;
	background-image: url(../Image/page_prev.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
td.content div.prevnexttop span.pagenext {
	padding: 0px 13px 0px 0px;
	margin: 0px;
	color:#000000;
	background-image: url(../Image/page_next.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
td.content div.prevnextbottom span.pageprev {
	padding: 0px 0px 0px 13px;
	margin: 0px;
	color:#000000;
	background-image: url(../Image/page_prev.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
td.content div.prevnextbottom span.pagenext {
	padding: 0px 13px 0px 0px;
	margin: 0px;
	color:#000000;
	background-image: url(../Image/page_next.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
div.bottomrule {
	background-color:#e0edd7;
	font-size:1pt;		
	height:2px;
	margin-left: 200px;
}

/*********************************************
tip sheet/tools buttons
*********************************************/
/*table.toolLinks {float:right; margin:0px 0px 10px 0px}*/
/*table.toolLinks {text-align:right; margin:0px 0px 0px auto;}*/
/*table.toolLinks {float:right; clear:right; display:inline; margin:0px;}*/
table.toolLinks img {padding:0px 5px 0px 0px}
table.toolLinks td.linkSpace {padding:0px 10px 0px 10px}

/*********************************************
data grids
*********************************************/
table.info {display:block;}
