@charset "utf-8";
/* CSS Document */

* { font-family: Verdana, Arial, Helvetica, sans-serif; }

body	{ 
	background-color: #fff; 
	background-image: url(/images/common/header_filler.gif); 
	background-repeat: repeat-x; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.2em;
	color: #333333;
}
table	{ border: none; border-spacing: 0px; border-collapse: collapse; } 
a:link, a:visited, a:active { color: #00F }
a:hover { text-decoration: none; }

blockquote, ul,fieldset, ol, dl, dir { margin: 1.12em 0 }
ol, ul, dir, dd { margin-left: 20px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }

.copy	{ margin: 15px; text-align: justify; }
.copy p	{ margin-bottom: 15px; }
.confirm { font-weight: bold; font-size: 10pt; color: #1e90ff ;}
.copy .suggest { font-size: 7pt; }
.copy li { margin-left: 30px; }
.copy ol, .copy ul { margin-bottom: 10px; }

h2 { margin-bottom: 8px; margin-top: 8px; border-bottom: solid 1px #aaa; }

td.page-header  
{
	font-family: Arial;
	background-image: url(/images/common/blank_header.gif);
	font-size: 28pt;
	padding-left: 35px;
	color: #3cac48;
}

span.clock_text	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #274d9d; }
span.clock_time	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #333 ; }

input.txt	{ background-color: #FFFFCC; border: solid 1px #000; margin-bottom: 3px; font-size: 8pt; padding: 2px; }
select.ddl	{ background-color: #FFFFCC; border: solid 1px #000; margin-bottom: 3px; font-size: 8pt; padding: 2px; }
input.btn	{ font-size: 10pt; }

span.login .txt { margin-bottom: 0px; }
span.login_txt { font-size: 8pt; color: #fff; }
span.login_txt a:link { color: #fff; }
span.login_txt a:visited { color: #fff; }
span.login_txt a:hover { text-decoration: none; }

span.signup_txt { font-size: 8pt; }
span.signup_err ul { font-size: 8pt; margin: 25px; margin-top: 5px; margin-bottom: 5px; }

#footer { padding-top: 20px; background:url(/images/common/footer_filler.gif); }
#footer .links { text-align: center; }
#footer a { color: #976e09; font-variant: small-caps; font-size: 7pt; }
#footer .msg { text-align: center; padding-top: 30px; color: #b8860b; font-weight: bold; font-size: 7pt; font-variant: small-caps; }

div.question { font-size: 13pt; background-color: #fff9d5; color: #5372b3; border: solid 1px #3aac4a; padding: 4px; margin-bottom: 8px;  }
div.question-sel { font-size: 13pt; background-color: #fbf1b4; color: #4b6390; border: solid 1px #3aac4a; padding: 4px; margin-bottom: none;  }
.question img { margin-right: 5px; }
.question a { text-decoration: none; }
div.answer { border: solid 1px #3aac4a; border-top: none; margin-bottom: 5px; padding: 10px; }

#FormStep { font-size: 15pt; color: #1e90ff; text-align: center; } 

div.form	{ margin: 10px; padding: 10px; background-image:url(/images/common/review_bg.gif); /*border: solid 1px #3CB371; background-image:url(/images/common/form_gradient.gif);*/ background-repeat: repeat-x; }
.form .title	{ color: #FFF; font-size: 14pt; margin-bottom: 25px; }
div.form .label { width: 150px; }
div.form .label_req {width: 150px; font-weight: bold; }
div.form .txt { padding: 2px 5px 5px 8px; }

div.form .instruction { padding: 5px; margin-bottom: 10px; border: solid 1px #3CB371; background-color: #FFD800; }
div.form input.txt,div.form textarea.txt { background-color: #FFFFBB; border: solid 1px #000; margin-bottom: 6px; font-size: 8pt; padding: 2px; margin-left: 8px; margin-right: 3px; width: 180px; }
div.form textarea.txt { width: 380px; height: 180px; }
div.form input.number { width: 80px; }
div.form select.ddl { background-color: #FFFFBB; border: solid 1px #000; margin-bottom: 6px; font-size: 8pt; margin-left: 8px; margin-right: 3px; }
div.form .chk input { margin-bottom: 3px; font-size: 10pt; margin-left: 8px; margin-right: 3px; }
div.form .date-picker input { width: 80px; margin-right: 5px; margin-top: 5px; }
.date-picker .img { vertical-align: top; }
div.form .hint { font-size: 8pt; position: absolute; width: 200px; margin-top: -16px; border: 1px solid #c93; padding: 10px 12px;  background-color: #fff8d4; display: none; }
div.form .hint .hint-pointer { position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; background:url(/images/common/pointer.gif) left top no-repeat; }
div.form .radio { text-align: right; vertical-align: top; }
div.form .radio-desc { padding: 0px 5px 10px 5px; }
div.form-submit { margin: 10px; margin-top: 0px; padding: 10px; padding-top: 0px; text-align: right; }
div.form-submit .error { color: Red; }
div.form-submit .next { float: right; }
div.form-submit .previous { float: left; }
.error { color: #f00; text-align: left; border: solid 1px #f00; background-color: #ffc; margin-bottom: 10px; padding: 10px; margin: 15px; }
.error ul { font-size: 8pt; margin: 25px; margin-top: 5px; margin-bottom: 5px; }

.agreement { max-height: 300px; overflow-y: scroll; margin: 10px 0 10px 0; border: solid 1px #000; padding: 5px; background-color: #fff; } 

table.rates { width: 100%; border: solid 1px #98da52; border-spacing: 0px; border-collapse: collapse; }
.rates td { padding: 3px; }
.rates .header { font-weight: bold; background-color: #4b9d28; color: #fff; }
.rates .item td { background-color: #ffb; }
.rates .alt-item td { background-color: #f4f477; }

table.chkBoxList { border-spacing: 0px; border-collapse: collapse; margin-bottom: 15px; }
.chkBoxList td { padding: 3px; }

input.btn 
{
	color: #050;
	font-size: 8pt; 
	font-weight: bold;
	background-color: #fed;
	border: 1px solid;
	border-color: #696 #363 #363 #696;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
	padding: 2px 4px 2px 4px;
}
input.btnhov {	border-color: #c63 #930 #930 #c63; }

div.review	{ margin: 10px; padding: 10px; background-image:url(/images/common/review_bg.gif); background-repeat: repeat-x; }
.review .title { color: #FFF; font-size: 14pt; margin-bottom: 20px; margin-top: 3px; }
.review table td	{ padding: 6px 3px 3px 3px; border-bottom: dotted 1px; }
.review table .label { width: 130px; font-weight: bold; }
.review table .value { width: 130px; }
.review .title .edit { float: right; }
.review .title .edit a { font-size: 12pt; text-decoration: none; color: #FFF; margin-right: 20px; }
.review .title .edit a:hover { text-decoration: underline; }

.right_nav td	{ padding: 5px; }

.nav { text-align: center; margin-bottom: 15px; }
.nav ol li.btn   
{
	color: #050;
	font-size: 8pt; 
	font-weight: bold;
	list-style-type: none;
	margin: 0px 2px 0px 0px;
	display: inline;
	border: 1px solid;
	border-color #696 #363 #363 #696;
	background-color: #fed;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
	padding: 3px 6px 3px 6px;
}
.nav ol li.btnhov  { border-color: #c63 #930 #930 #c63; }
.nav a { color: #050; text-decoration: none; }
.nav a:active { color: #f00; }

div.list	{ margin: 10px; padding: 10px; background-image:url(/images/common/review_bg.gif); background-repeat: repeat-x; min-height: 100px; }
.list .title { color: #FFF; font-size: 14pt; margin-bottom: 25px; margin-top: 3px; }
.list .title .edit { float: right; }
.list .title .edit a { font-size: 12pt; text-decoration: none; color: #FFF; margin-right: 20px; }
.list .title .edit a:hover { text-decoration: underline; }
.list .instruction { padding: 5px; margin-bottom: 10px; border: solid 1px #3CB371; background-color: #FFD800; }
.list table.dgrid  { width: 100%; border: none; border-collapse: collapse; }
.list .dgrid td	{ padding: 3px 0px 3px 0px; border: none; border-bottom: dotted 1px; }
.list .dgrid .header { font-weight: bold; background-color: #FFD800; }
.list .dgrid .header td { padding: 3px; }
.list .dgrid .item td { background-color: Transparent; padding-left: 4px; }
.list .dgrid .alt td { background-color: #ffb; padding-left: 4px; }
.list .dgrid .void td { background-color: #eee; padding-left: 4px; } 

table.radio-list { margin-top: 8px; }

.auth { text-transform: capitalize; font-weight: bold; color: #fff; font-variant: small-caps; }
.auth a { color: #fff; }
.auth-msg { color: #fff; }

.menu {
z-index:1000;
font-size:90%;
float:right;
/*margin:0 25px 50px 0; /* this page only */
}
 
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:162px;
border: solid 1px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#ffb;
height:26px;
}
 
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
 
/* style the links */
.menu a, .menu a:visited {
font-family:verdana, sans-serif;
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:161px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:162px; w\idth:161px;}
/* style the link hover */
* html .menu a:hover {color:#666; background:#FFD800;}
 
.menu :hover > a{
color:#666; 
background:#FFD800;
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-162px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}



@media print 
{
	#header { display: none; }
	#footer { display: none; }
	body	{ background-image: none; }
	.scrn	{ display: none; }
}