/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{position:relative;height:auto;color:#000;background:#143D55;width:1024px;font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;margin-left:auto;margin-right:auto;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current{color:#fff;background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current:hover{color:#e6e6e6;background:#154a68 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:325%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- Page & Form style ---------------------- */
body {font:13px/17px Tahoma,Arial,Helvetica,sans-serif; color:#333; padding:5px 10px 5px 10px; background:#F1F7FE url(images/background.gif) repeat-x fixed center top !important;}
fieldset {-moz-border-radius:10px 10px 10px 10px;background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:3px; width:800px; padding-left: 3%; padding-top: 3%; padding-bottom: 3%; margin-left:auto;margin-right:auto;}
input, textarea, select {font:13px/13px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3; width:300px;}
label {font-size:12px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:auto; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:auto; line-height:25px; margin:0 0 10px 0;}
#footer {font-size:11px;}
.button {height: 23px; width: 80px; cursor:pointer;}
#button {height: 23px; width: 80px; cursor:pointer;}
#container {width:700px; margin:0 auto;}
div#topimg {background:#ffffff;}
img.dp {cursor:pointer;}
.link {background-image: url(images/button.jpg);height: 35px;width: 209px;background-repeat: no-repeat;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;text-align:center;padding-top: 8px;cursor:pointer;}
.link a {color: white; text-decoration:none;font-family: verdana, tahoma, sans-serif;font-size:16px;}
.link a:hover{color:#CCECFF}
.link p {color: white; text-decoration:none;font-family: verdana, tahoma, sans-serif;font-size:16px;cursor:pointer;}
.link p:hover{color:#CCECFF}
input:focus {border: 2px solid #1D6893;}
.toplinks {background:#C2D1D6;color:#02A2B1;font-weight:normal;text-decoration:none;font-size:10px;}
/* ---------------------- validation style ---------------------- */
input.required,textarea.required{border:1px solid#00A8E6}
select.validation-failed,input.validation-failed,textarea.validation-failed{border:1px solid#FF3300;color:#FF3300}
*html select.validation-failed{background-color:#E8CDB9}
select.validation-passed,input.validation-passed,textarea.validation-passed{border:1px solid#00CC00;color:#000}
.validation-advice{margin:0px 0;padding:0px;margin-left:10px;color:#FF3300;font-weight:bold}
.custom-advice1{margin:5px 0;padding:5px;background-color:#DFF3FB;color:#FF3300;font-weight:bold}
.custom-advice2{margin:5px 0;padding:5px;background-color:#FF3300;color:#FFF;font-weight:bold}
/* ---------------------- Table style ---------------------- */
#randresults {color:#0066FF;font-size:12px;font-weight:bold;padding:4px;margin-top:0;}
#mytable{width:100%;padding:0;margin:0;align:center}
.mytable{width:100%;padding:0;margin:0;align:center}
.mytable caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color:#4f6b72;
}

.mytable th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

.mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.mytable td.st {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


.mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

.mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
/* ---------------------- Table style ---------------------- */
.prev,.next{background-color:#b0232a;padding:5px 10px;color:#fff;text-decoration:none}.prev:hover,.next:hover{background-color:#000;text-decoration:none}.prev{float:left}.next{float:right}.StepHover{cursor:pointer}#steps{list-style:none;width:800px;overflow:hidden;margin-left:10%;margin-bottom:25px;padding:0px}#steps li{font-size:24px;float:left;padding:7px;color:#EAF3F8}#steps li span{font-size:11px;display:block}#steps li.current{color:#bfbf30}
/* ---------------------- Preload bar style ---------------------- */
.QOverlay {background-color: #000000;z-index: 9999;}
.QLoader {background-color: #CCCCCC;height: 1px;}
/*-------------------------- jQuery button --------------------------*/
.helpbutton{padding:4px 10px 3px 25px;border:1px solid #8AB134;position:relative;cursor:pointer;display:inline-block;background-image:url('images/bkg.png');background-repeat:repeat-x;font-size:11px;height:16px;text-decoration:none;color:#40740D;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px}
.helpbutton img{position:absolute;top:-4px;left:-12px;border:none}
.helpbutton:hover{color:#8AB134}
.hide {display: none;}
.box {width:25px;}

/*------------------------------- jQuery MessageBar ---------------------------------------*/
#footpanel {
	position: fixed;
	bottom: 0;
	height: 35px;
	left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #BFDA82;
	border: 1px solid #DAEAB6;
	border-bottom: none;
	width: 18%;
	margin: 0 5% 0 78%;
}
*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 26px; 
	width: 70px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #DAEAB6; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 26px;
	margin-top: -3px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}
#footpanel a.home{
	background: url(home.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.messages{ background: url(images/mail.png) no-repeat center center; }
#footpanel a.chat{
	background: url(balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel {	float: left; }  /*--Right align the chat and alert panels--*/
#footpanel a small {
	text-align: center;
	width: 70px;
	background: url(images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}
#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/
#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 36px;
	display: none;	/*--Hide by default--*/
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
	font: 14px normal Verdana, Arial, Helvetica, sans-serif;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
#footpanel .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}
#chatpanel .subpanel li { background: url(images/dash.gif) repeat-x left center; }
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}