@charset "utf-8";

/* Defaults */
:focus {outline:0}
html {height:100%;margin:0;min-height:100%;padding:0}
body {background:url(/images/body_bg.gif) repeat-x top left #FFF;color:#000;font:75%/125% Arial, Helvetica, Sans-Serif;height:100%;margin:0 auto;text-align:center}
fieldset {border:0}
img {border:0;vertical-align:bottom}
p {margin:0 0 1em}
.label {font-weight: bold;}

th {background:#EEE;padding:2px;border-bottom:1px solid #999;text-align:left;}
td {vertical-align:top;padding:3px;}
a {color: #039;}

/* Containers */
#wrapper {background:url(/images/bg.gif) repeat-y top left;margin:0 auto;height:auto !important;min-height:480px;text-align:center;width:960px}
#page {background:url(/images/site_bg.png) no-repeat top left;margin:0 auto;height:auto !important;min-height:480px;padding:0 40px;text-align:left;width:880px}
* html #wrapper {height:100%}

/* Header */
#header {height:99px;position:relative;width:100%}
#logo {float:left}
#slogan {color:#333;display:block;font:1.585em Arial, Helvetica, Sans-Serif;left:-5px;position:relative;top:70px}
#slogan strong {color:#069;font-weight:400}
#loggedInInfo {position:absolute;width:680px;top:3px;left:190px;color:#069;font-size:.915em;}
#loggedInRoles {position:absolute;width:99%;top:95px;left:5px;color:#cc0000;font-size:.815em;line-height:10px;}
#menu {color:#069;float:left;font-size:.915em;list-style:none;margin:0 12px 0 22px;padding:0;width:428px}
#menu li {color:#069;float:right;line-height:19px;margin:0 6px 0 0;padding:0}
#menu li.last {color:#069;float:right;line-height:19px;margin:0;padding:0}
#menu li.register {float:right;margin:0;padding:0;text-align:right;width:100%}
#menu li a,ul#menu li a {color:#069;display:list-item;list-style-position:inside;list-style-type:disc;text-decoration:none}

/* Content */
#container {overflow:hidden;position:relative;width:960px}
#intro {background:url(/images/intro.jpg) no-repeat top left;display:inline;float:left;height:172px;margin:2px 0 0 10px;padding:59px 49px 74px 249px;text-align:left;width:347px}
#intro h1 {color:#333;font-size:1.415em;font-style:italic;font-weight:700;margin:0;padding:12px 0;text-align:left}
#intro p {padding: 0; margin:0}
#intro a {color:#069;font-weight:700;text-decoration:none}
#login {background:url(/images/fieldset.jpg) no-repeat top left;border:none;float:left;height:289px;margin:2px 10px 0 0;overflow:hidden;padding:16px 34px 0 26px;width:155px}
#login h3 {color:#6c3;float:none;font-size:1.335em;font-weight:700;line-height:20px;margin:0;padding:0 0 3px}
#login form fieldset {margin:0;padding:0;width:155px}
#login form legend {display:none}
#login form input {background:url(/images/input_bg.gif) no-repeat top left;border:solid 1px #fff;color:#666;float:left;font:.835em Arial, Helvetica, Sans-Serif;height:15px;padding:1px 5px;width:143px}
#login form input.checkbox {background:url(/images/check.gif) no-repeat top left;border:0;color:#666;float:left;height:12px;margin:3px 4px 3px 0;overflow:hidden;padding:0;width:12px}
#login form label {color:#9f9;float:left;font:.835em Arial, Helvetica, Sans-Serif;line-height:13px;margin:3px 4px 3px 0}
#login form input.login-btn {border:none;float:left;height:20px;margin:3px 4px 3px 0;padding:0;width:73px}
#login ul {float:left;list-style-position:outside;list-style-type:disc;margin:0;padding:0 0 0 1.3em;width:100%}
#login ul li {color:#fff;float:none;font-size:.915em}
#login ul li a {color:#fff}

#required {color:maroon;font-weight:bold;font-size:16px;}

/* Content */
#content {float:right;height:auto !important;min-height:480px;margin:20px 0 0;padding-right:15px;width:850px;height:100%;}
#content h1 {color:#2278b1;font-size:1.1em;line-height: 1.1em;margin:0 0 10px;padding:0}
#content fieldset {border:1px solid #039; padding: 5px; margin: 0;}
#content legend {font-weight: bold;color:#2278b1;font-size:1.2em;line-height: 1.2em;margin-bottom:5px;}

#userKeyStats .contentdiv {border:1px solid navy;margin:10px;padding:5px;}


/* Bottom Content */
#bottom-boxes {height:auto;margin:5px 10px 0;overflow:hidden;padding:0 0 5px;position:relative;text-align:left;width:100%}

	/* Pagination */
	#pagination {float:right;list-style:none}
	#pagination li {background:#EEE;border:1px solid #CCC;float:left;margin:0 2px;padding:3px 4px}
	#pagination li:hover {background:#CCC}

	/* Headings */
	#products,#solutions,#e4score,#learn {height:50px;margin:5px 0;padding:0;position:relative;width:215px}
	#products span, #solutions span, #e4score span, #learn span {height:100%;left:0;position:absolute;top:0;width:100%}
	#products span {background:url(/images/products.gif) no-repeat}
	#solutions span {background:url(/images/solutions.gif) no-repeat}
	#e4score span {background:url(/images/e4score.gif) no-repeat}
	#learn span {background:url(/images/learn.gif) no-repeat}

	/* Boxes */
	.box {float:left;margin:0;padding:0;width:auto}
	.box.green {background:url(/images/green01.gif) no-repeat top left;width:213px}
	.box.green div {background:url(/images/green01.gif) repeat-y center top;margin:7px 0 0;min-height:216px;width:213px}
	.box.green div div {background:url(/images/green01.gif) no-repeat right bottom}
	.box.green div div div {position:relative;top:-5px;background:url(/images/mapback1.jpg) no-repeat;width:209px;min-height:216px;margin-left:2px;}
	.box.blue {background:url(/images/blue.gif) no-repeat left top}
	.box.blue div {background:url(/images/blue.gif) repeat-y center top;margin:7px 0 0;min-height:216px;width:211px}
	.box.blue div div {background:url(/images/blue.gif) no-repeat right bottom}
	.box.blue div div div {position:relative;top:-5px;background:url(/images/mapback2.jpg) no-repeat;width:207px;min-height:216px;margin-left:2px;}
	.box.aqua {background:url(/images/aqua.gif) no-repeat left top}
	.box.aqua div {background:url(/images/aqua.gif) repeat-y center top;margin:7px 0 0;min-height:216px;width:211px}
	.box.aqua div div {background:url(/images/aqua.gif) no-repeat right bottom}
	.box.aqua div div div {position:relative;top:-5px;background:url(/images/mapback3.jpg) no-repeat;width:207px;min-height:216px;margin-left:2px;}
	.box.sky {background:url(/images/sky.gif) no-repeat left top}
	.box.sky div {background:url(/images/sky.gif) repeat-y center top;margin:7px 0 0;min-height:216px;width:213px}
	.box.sky div div {background:url(/images/sky.gif) no-repeat right bottom}
	.box.sky div div div {position:relative;top:-5px;background:url(/images/mapback4.jpg) no-repeat;width:209px;min-height:216px;margin-left:2px;}
	.box div div div ul {color:#333;font-size:.915em;padding-bottom:5px;padding-top:5px;margin-top:10px;}
	.box div div div ul li a {color:#000;text-decoration:none}
	.box div div div ul li a:hover {text-decoration:underline}
	* html .box.green div,* html .box.blue div,* html .box.aqua div,* html .box.sky div {height:216px}

/* Sidebar */
/*#sidebar {background:url(/images/green01.gif) no-repeat top left;display:inline;float:left;margin:20px 0 0 10px;padding:5px 0 0;width:213px}
#sidebar div {background:url(/images/green01.gif) repeat-y center top;width:213px}
#sidebar div div {background:url(/images/green01.gif) no-repeat right bottom;padding:10px;width:193px;}
#sidebar div div li {color:#069;display:list-item;list-style-position:inside;list-style-type:disc;text-decoration:none}
#sidebar div div li:hover {font-weight:bold;} */

#sidebar {background:#eeeeee;left:-10px;position:relative;display:block;margin:10px 0 0 10px;width:100%;text-align:center;}
#sidebar div {width:100%;}
#sidebar div div {font-weight:bold;font-size:1.15em;padding:10px;width:860px;border-top:1px solid navy;border-bottom:1px solid navy;}
#sidebar div div li {display:list-item;list-style-position:inside;list-style:none;}
#sidebar div div li a {text-decoration:none;line-height:20px;}
#sidebar div div li a:hover {text-decoration:underline;}
#sidebar div#alert {background:#ffffcc;color:red;}


/* Footer */
#footer {clear:both;color:#878787;font-size:.915em;margin:9px auto 0;padding:9px 0;position:relative;text-align:center;width:100%}
#footer a {color:#878787}
#footer ul li a {text-decoration:none}
#footer ul {color:#878787;height:20px;list-style-type:none;margin:0 auto;padding:0;position:relative;text-align:center;width:420px}
#footer ul li {background:url(/images/bullet_grey.gif) no-repeat left;float:left;margin:0 5px;padding:0 0 0 9px}
#footer ul li.first {background:none;float:left;margin:0 5px 0 0;padding:0}

.altRow {background: #eee;}
.msg {position:relative;background:#ffffcc;width:100%;left:-5px;margin:0 0 10px 0;padding:5px;border:1px solid red;}
.msg li {list-style-position:inside;}
#emulate {position:relative;background:#ffffcc;width:100%;left:-5px;margin:0 0 10px 0;padding:5px;border:1px solid blue;}

#pageTitle {color:#039;font-weight:bold;font-size:1.3em;line-height: 1.3em;}

a.infoPop {
	text-decoration: none;
}
a.infoPop span {
	display: none;
	text-decoration: none;
}
a.infoPop:hover span {
	position: absolute;
	float:left;
	text-align: left;
	padding: 5px;
	text-decoration: none;
	display: inline;
	background: #e9f3ff;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	border: 1px solid navy;
	color: black;
	cursor: hand;
}

a.validationPop {
	text-decoration: none;
}
a.validationPop span {
	display: none;
	text-decoration: none;
}
a.validationPop:hover span {
	position: absolute;
	text-align: left;
	padding: 3px;
	text-decoration: none;
	display: inline;
	left: 18px;
	background: #fff0f0;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	border: 1px solid red;
	color: black;
	cursor: hand;
}


#stats {background:url(/images/stats.gif) no-repeat left top;top:-20px;color:#fff;display:block;float:left;font-size:1.165em;height:65px;margin:0 auto;text-align:center;width:213px}
#keyStatsHeader a {color:#6c6;font-size:1.145em;font-weight:700;text-align:center;text-transform:uppercase}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom-width: 6px;
width: 200px; /*width of featured content slider*/
padding-top: 5px;
height: 30px;
top: -15px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0px;  /*leave as is*/
top: 22px;  /*leave as is*/
font-family:arial;
padding: 5px;
width: 200px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 30px;
opacity: 1;
}

.pagination{
font-size:1.145em;
color: #6c6;
}
.pagination a{
text-decoration: none;
font-size:1.145em;
color: #6c6;
}
.pagination a:hover{
font-size:1.145em;
text-decoration: none;
color: #6c6;
}