﻿/*Base Classes*/

/* forces scrollbar on right side prevents alignment differences between pages with and without right 

scrollbar */
html {
overflow: scroll;
}

body
{
	background:transparent url(/images/topbar_bg.gif) repeat-x top left;
	text-align:center;
	font:normal normal normal 67.2% verdana;
	margin:0;
	padding:0;
	color:#666666;
}

/*hides lynchpin tracking pixel so display is not pushed down 1px */
#lypn-hide
{
margin-left:-9999em;
display:none;
visibility:hidden;
}

body.thinheader 
{
	background:transparent url(/images/topbar_bg_thin.jpg) repeat-x top left;
	text-align:center;
	font:normal normal normal 67.2% verdana;
	margin:0px;
	color:#666666;
}
body.printer 
{
	background:transparent;
	text-align:center;
	font:normal normal normal 67.2% verdana;
	margin-top: 20px;
	color:#666666;
}
a
{
	color:#ff8400;
	text-decoration:none;
}
a:hover
{
	color:Black;
	text-decoration:underline;
}
a:visited
{
	color:#c96c09;
}
b
{
	color:#000000;
}
h1,h2,h3,h4,h5,h6
{
	color:#000000;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif;
	font-size:1.5em;/*taking into account the 1.2 from the base font*/
	background:#FFFFFF url(/images/header_bg.png) repeat-x top left;
	margin:0px 4px 0px 4px;
	padding:9px 0px 10px 7px;
 }
 h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey
 {
 		background:#FFFFFF url(/images/header_grey_bg.gif) repeat-x top left;
 }
 h1.plain,h2.plain,h3.plain,h4.plain,h5.plain,h6.plain
 {
 	background:none;
 	margin:0px;
 	font-size:1.1em;
 	padding:9px 0px 6px 0px;
 }
 
 h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue
 {
 	color:#217ab1;
 	background:none;
 	margin:0px;
 	font-size:1.1em;
 	padding:9px 0px 6px 0px;
 }
 
 h1.greysmall,h2.greysmall,h3.greysmall,h4.greysmall,h5.greysmall,h6.greysmall
 {
	background:#FFFFFF url(/images/header_grey_cont_small_bg.gif) repeat-x top left;
 	margin:0px;
 	font-size:1.1em;
 	margin:0px 4px 0px 4px;
 	padding:9px 0px 6px 7px;
 }
.header_start{background:transparent url(/images/header_start.gif) no-repeat top left;}
.header_end{background:transparent url(/images/header_end.gif) no-repeat top right;}
.header_cont_start{height: 41px; background:transparent url(/images/header_cont_start.gif) no-repeat top 

left;}
.header_cont_end{background:transparent url(/images/header_cont_end.gif) no-repeat top right;}
.header_grey_start{background:transparent url(/images/header_grey_start.gif) no-repeat top left;}
.header_grey_end{background:transparent url(/images/header_grey_end.gif) no-repeat top right;}
.header_grey_cont_start{height: 41px; background:transparent url(/images/header_grey_cont_start.gif) 

no-repeat top left;}
.header_grey_cont_end{background:transparent url(/images/header_grey_cont_end.gif) no-repeat top right;}
.header_grey_cont_small_start{height: 31px; background:transparent 

url(/images/header_grey_cont_small_start.gif) no-repeat top left;}
.header_grey_cont_small_end{background:transparent url(/images/header_grey_cont_small_end.gif) no-repeat 

top right;}

.greybox_middle{background:transparent url(/images/greyboxlong_bg.gif) repeat-y top right;}
.greybox_bottom{height:4px; background:transparent url(/images/greyboxlong_bottom.gif) repeat-y top right;}
.greybox_text{padding: 15px 10px 15px 10px;}

.reqfield
{
	width: 14px;
	height: 20px;
	background: transparent url(/images/asterix_orange.gif) no-repeat center left;
	float: left;
	clear:both;
}
.unreqfield
{
	width: 14px;
	height: 20px;
	float: left;
	clear:both;
}
.site
{
	text-align:left;
	margin:0px auto 0px auto;
	width:940px;
	font-size:1.2em;
	background:transparent;
	
}
a.promostep:hover
{
	color:#43a7fb;
	text-decoration:underline;
}
a.morelink
{
	background:transparent url(/images/link_Bubble_Arrow.gif) no-repeat center left;
	padding-left:30px;
	padding-top:4px;
	padding-bottom:4px;
}
a.threepoint
{
	background:transparent url(/images/list_item_link.gif) no-repeat center left;
	padding-left: 8px;
	font-weight: bold;
}
.bg_d7e2fa
{
	background-color:#d7e2fa;
}
ul{margin:12px 0px 0px 0px;padding:0px;color:Black;}

li{ Background:transparent url(/images/bullet_box3.gif) no-repeat 0px 2px;padding:1px 0px 8px 

25px;list-style-type:none;color: Black;}
li.link{background:transparent url(/images/list_item_link.gif) no-repeat 6px 9px;padding:3px 10px 3px 

16px;list-style-type:none;font-weight:bold;}
li.findoutmoreheading{margin: 10px 0px -5px -10px; background:transparent url(/images) no-repeat 0px 

2px;list-style-type:none;font-weight:bold;}
ul.topnav li{background:transparent url(/images/list_item_black.gif) no-repeat 6px center;padding:3px 10px 

3px 16px;list-style-type:none;font-weight:bold;color:#3b9bd8;}
.blue .alternate{background-color:#e0f0f6;}
.green .alternate{background-color:#e5f4cc;}
.right_text_wrap_pos{top:0px;right:0px;}
.black{color:Black;}

.blue_top{background:#f2f9fe url(/images/blue_dot.gif) repeat-x left top;color:#2b84bd;}
.blue_left{background:url(/images/blue_dot.gif) repeat-y left top;}
.blue_right{background:url(/images/blue_right.gif) repeat-y right top;}
.blue_bottom{background:url(/images/blue_dot.gif) repeat-x left bottom;}
.blue_top_left{background:url(/images/blue_top_left.gif) no-repeat left top;}
.blue_top_right{background:url(/images/blue_top_right.gif) no-repeat right top;}
.blue_bottom_left{background:url(/images/blue_bottom_left.gif) no-repeat left bottom;}
.blue_bottom_right{background:url(/images/blue_bottom_right.gif) no-repeat right bottom;}
/*Bad practice, but need everything to line up properly.*/
.h_48{height:48px;}
.name_bg{background:transparent url(/images/name_bg.gif) repeat-x left top;color:White;padding:4px auto 4px 

auto;}
.name_bg a,.name_bg a:hover,.name_bg a:visited{color:White;}
.name{margin:2px auto 6px auto;}
/*Base Classes*/
/*TOP NAV*/
ul.topnav{margin:0px;position:absolute;left:-6px;background:url(/images/topnav_parent_bg.gif) no-repeat 

right 4px;}
ul.topnav li{float:left;font-weight:normal;}
ul.topnav li a{color:Black;text-decoration:none;display:block;padding:6px 3px 6px 3px;}
ul.topnav li a:visited{color:Black;text-decoration:none;display:block;padding:6px 3px 6px 3px;}
ul.topnav li a:hover{text-decoration:underline;}
ul.topnav li.selected{display:inline;font-weight:normal;background:transparent 

url(/images/topnav_start.gif) no-repeat 0px 4px;padding:4px 15px 0px 10px;}
ul.topnav li.first .selected{background-image:url(/images/topnav_start_grey.gif)}
ul.topnav li.selected a{color:White;background:transparent url(/images/topnav_bg.gif) no-repeat right 

center;padding:6px 15px 6px 5px;}
ul.topnav li.selected a:visited{color:White;background:transparent url(/images/topnav_bg.gif) no-repeat 

right center;padding:6px 15px 6px 5px;}

* html ul.topnav li.first
{
	margin-left: 10px;
}

/*ul.topnav li.first.selected{display:inline;font-weight:normal;background:transparent 

url(/images/topnav_start.gif) no-repeat -6px 4px;padding:4px 10px 0px 11px;z-index:200;}*/
/*ul.topnav li.first.selected a{padding:6px 15px 6px 0px;}*/
/*TOP NAV*/
/*PROMO*/
.promobg{background:#FFFFFF url(/images/promo_bg.gif) repeat-x top left;}
.brandname{color:#43a7fb;font-weight:bold;font-size:1.6em;}
.price{color:#cd0000;font-weight:bold;}
.promostep{color:#43a7fb;font-weight:bold;}
.optionaltext{font-size:0.8em; margin-bottom: 3px;}
/*PROMO*/

/*QUESTIONNAIRE*/
.question_header .question_top{margin-top: 10px; background:transparent url(/images/question_top.gif) 

no-repeat top left;height:3px;line-height:0px;font-size:0px;}
.question_header .question_bottom{background:transparent url(/images/question_bottom.gif) no-repeat bottom 

left;height:3px;line-height:0px;font-size:0px;}
.question_header .question_content{background:transparent url(/images/question_bg.gif) repeat-y top 

left;font-weight:bold;color:Black;padding:8px 13px 8px 13px;}

* html .question_header .question_top{margin-top: 10px; background:transparent 

url(/images/question_top_ie6.gif) no-repeat top left;height:3px;line-height:0px;font-size:0px;}
* html .question_header .question_bottom{background:transparent url(/images/question_bottom_ie6.gif) 

no-repeat bottom left;height:3px;line-height:0px;font-size:0px;}
* html .question_header .question_content{background:transparent url(/images/question_bg_ie6.gif) repeat-y 

top left;font-weight:bold;color:Black;padding:8px 13px 8px 13px;}


.question{margin:auto 10px auto 10px;}
/*QUESTIONNAIRE*/

/*LEFT "thin column"*/
.box_left
{background:url(/images/box_left.gif) repeat-y top left;}
.box_right
{background:url(/images/box_right.gif) repeat-y top right;}
/*LEFT "thin column"*/
/*ERROR classes*/
.error_bg{background:transparent url(/images/error_bg.gif) repeat-y top left;}
.error_text{font-weight:bold;color:#cc3300;}
.Error{font-weight:bold;color:#cc3300; float: right;}
/*ERROR classes*/
/*Footer Classes*/
.footer_bg
{
	background:#FFFFFF url(/images/footer_bg.gif) repeat-x top left;
	color:#666666;
}
ul.footer
{
	padding:11px 0px 24px 0px;
}
ul.footer li 
{
	display:inline;
	background:transparent url(/images/footer_li_border.gif) no-repeat right 3px ; 
	padding:0px 9px 0px 9px;
	font-weight:normal;	
	color:Black;
}
ul.footer li a,.footer_bg ul li a:visited
{
	color:#666666;
	text-decoration:none;
}
ul.footer li a:hover
{
	text-decoration:underline;
}

ul.footer li.first
{
	color:#666666;
	padding:0px 40px 0px 0px;
}
/*Footer Classes*/
/* Progress Bar Styles */
.progressbar
{
	float: left;
	margin-top: 20px;
	clear: left;
	display: block;
	width: 755px;
}
.progressbartop
{
	width: 755px;
	float: left;
}
.progressbarpageicon
{
	float: left;
	width: 125px;
}
.progressbarfinalstep
{
	width: 100px;
	float: left;
	padding-left: 53px;
}
* html .progressbarfinalstep  /* only IE6 sees this */
{ 
    position: absolute;
	left: 878px;
	top: 182px;
	padding-left: 0px;
    
}

.progressbarbottom
{
	width: 755px;
	float: left;
	padding-bottom: 25px;
}
.progressbarprogressicon
{
	float: left;
	width: 125px;
}
/* Progress Bar Styles */

/* Progress Summary */
.ProgressSummaryLeft {background:transparent url(/images/bluebox_left.gif) no-repeat top left;}
.ProgressSummaryRight {background:transparent url(/images/bluebox_right.gif) no-repeat top right;}
.ProgressSummaryCentre 
{
	min-width: 0px;
	background:#FFFFFF url(/images/bluebox_bg.gif) repeat-x top left;
	margin:0px 3px 0px 3px;
	padding:15px 7px 10px 7px;
}
* html .ProgressSummaryCentre
{
	line-height: 1.2;
	height: 50px;
}
.ProgressSummaryBackButton
{
	float: right;
	padding-right: 6px;
}
.ProgressSummaryForwardButton
{
	float: right;
}
.ProgressSummarySaveButton
{
	clear: both;
	float: right;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 3px;
}
.ProgressSummaryUpper
{
	font-size: 1.0em;
	color: #2986BD;
	font-weight: bold;
}
.ProgressSummaryButtons
{
	margin-right: 5px;
}
/* Progress Summary */
/* Progress Summary Side*/
.ProgressSummaryLeftSide {float: left; background:transparent url(/images/sideprogressbox_left.gif) 

no-repeat top left;}
.ProgressSummaryRightSide {float: left; background:transparent url(/images/sideprogressbox_right.gif) 

no-repeat top right;}
.ProgressSummaryCentreSide 
{
	position: relative;
	min-width: 0px;
	background:#FFFFFF url(/images/sideprogressbox_bg.gif) repeat-x top left;
	margin:0px 3px 0px 3px;
	padding:5px 7px 5px 7px;
	float: left; 
}
* html .ProgressSummaryCentreSide  /* only IE6 sees this */
{ 
	margin:0px 2px 0px 2px;
}
.ProgressSummaryBackButtonSide
{
	float: left;
	padding-right: 6px;
	padding-top: 0px;
}
.ProgressSummaryForwardButtonSide
{
	float: left;
	padding-top: 0px;
}
.ProgressSummarySaveButtonSide
{
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 2px;
	
}
.ProgressSummaryUpperSide
{
	font-size: 1.0em;
	color: #2986BD;
	font-weight: bold;
}
.ProgressSummaryButtonsSide
{
	margin-right: 5px;
}
/* Progress Summary */
/* Infobox Style */
.InfoBoxLeft { background:transparent url(/images/infobox_left.gif) no-repeat top left;}
.InfoBoxRight {background:transparent url(/images/infobox_right.gif) no-repeat top right;}
.InfoBoxCentre 
{ 
	height: 93px;
	background:#FFFFFF url(/images/infobox_bg.gif) repeat-x top left;
	margin:0px 2px 0px 2px;
	padding:10px 7px 10px 7px;
}
.InfoboxInnerLeft
{
	height: 111px;
	float: left;
	width: 70px;
	background:transparent url(/images/blue_info.gif) no-repeat top;
}
.InfoboxInnerText
{
	height: 111px;
	width: 210px;
	float: left;
	text-align:left;
}
.InfoboxInnerRight
{
	height: 111px;
	float: left;
}
.InfoBoxClose
{
	width: 20px;
	height: 20px;
	background:transparent url(/images/infobox_close.gif) no-repeat top;
}
/* Infobox Style */
/* Errorbox Style */
.ErrorBoxLeft { background:transparent url(/images/errorbox_left.gif) no-repeat top left;}
.ErrorBoxRight {background:transparent url(/images/errorbox_right.gif) no-repeat top right;}
.ErrorBoxCentre 
{ 
	height: 93px;
	background:#FFFFFF url(/images/errorbox_bg.gif) repeat-x top left;
	margin:0px 2px 0px 2px;
	padding:10px 7px 10px 7px;
}
.ErrorboxInnerLeft
{
	height: 111px;
	float: left;
	width: 70px;
}
.ErrorboxInnerText
{
	height: 111px;
	width: 210px;
	float: left;
	text-align:left;
}
.ErrorboxInnerRight
{
	height: 111px;
	float: left;
}
.ErrorBoxClose
{
	width: 20px;
	height: 20px;
	background:transparent url(/images/infobox_close.gif) no-repeat top;
}
/* Errorbox Style */
.SideBoxLeft {height: 158px; background:transparent url(/images/sidebox_left.gif) no-repeat top left;}
.SideBoxRight {height: 158px; background:transparent url(/images/sidebox_right.gif) no-repeat top right;}
.SideBoxCentre 
{ 
	height: 158px; background:#FFFFFF url(/images/sidebox_bg.gif) repeat-x top left;
	margin:0px 4px 0px 4px;
	padding:10px 7px 10px 5px;
}
* html .SideBoxCentre  /* only IE6 sees this */
{ 
	padding:10px 0px 10px 5px;
}
/* Report box */
.reportbox_middle{height:91px; background:transparent url(/images/reportbox_bg.gif) repeat-y top left; 

padding-left: 1px;}
.reportbox_bottom{height:5px; background:transparent url(/images/reportbox_bottom.gif) no-repeat top left;}
.reportbox_top{height:4px; background:transparent url(/images/reportbox_top.gif) no-repeat top left;}

* html .reportbox_top
{
	margin-bottom: -12px;
}

.reportbox
{
	float: left;
	margin: 5px 5px 5px 5px;
	width: 460px;
	height: 100px;
}

* html .reportbox
{
	margin: 5px 3px 5px 3px;
}

.ReportBoxHeaderLeft {background:transparent url(/images/reportboxheader_left.gif) no-repeat top left;}
.ReportBoxHeaderRight {background:transparent url(/images/reportboxheader_right.gif) no-repeat top right;}
.ReportBoxHeaderCentre 
{
	min-width: 0px;
	background:#FFFFFF url(/images/reportboxheader_bg.gif) repeat-x top left;
	margin:0px 3px 0px 3px;
	padding:5px 0px 5px 0px;
}

* html .ReportBoxHeaderCentre
{
	padding:5px 0px 5px 0px;
}

.ReportBoxLeft
{
	float: left;
	width: 375px;
}

.ReportBoxHeader
{
	width: 153px;
	
}
.ReportBoxHeaderText
{
	font-size:1.0em;
	font-weight: bold;
	color: Black;
	padding-left: 5px;
}
.ReportBoxMessage
{
	width: 375px;
	font-size:1.0em;
	font-weight: bold;
	color: Black;
	padding: 15px 5px 10px 5px;
}

.ReportBoxGraphical
{
	width: 70px;
	clear: none;
	float: left;
}
.ReportBoxGraphicalText
{
	padding-left: 3px;
	text-align: center;
}
.ReportBoxGraphicalIcon
{
	text-align: center;
}
.green
{
	color: Green;
}

.blue 
{
	color: Blue;
}

.red
{
	color: Red;
}

/* Report box */
/* Traffic lights */
.trafficlighttext
{
	float: right;
	font-size: 0.8em;
	font-weight: normal;
	color: #636563;
	padding-right: 5px;
}
.trafficlightred
{
	float: right;
	padding-right: 3px;
}
.trafficlightamber
{
	float: right;
	padding-right: 3px;
}
.trafficlightgreen
{
	float: right;
	padding-right: 3px;
}
/*TOP TEN*/
ul.topten
{}
ul.topten li
{margin-bottom:10px;
 padding:10px 0px 0px 58px;list-style-type:none;color:Black;}
li.topten_1{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_1.gif) no-repeat 6px 7px;}
li.topten_2{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_2.gif) no-repeat 6px 7px;}
li.topten_3{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_3.gif) no-repeat 6px 7px;}
li.topten_4{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_4.gif) no-repeat 6px 7px;}
li.topten_5{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_5.gif) no-repeat 6px 7px;}
li.topten_6{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_6.gif) no-repeat 6px 7px;}
li.topten_7{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_7.gif) no-repeat 6px 7px;}
li.topten_8{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_8.gif) no-repeat 6px 7px;}
li.topten_9{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_9.gif) no-repeat 6px 7px;}
li.topten_10{vertical-align: middle; height: 47px; background:transparent 

url(/images/list_item_topten_10.gif) no-repeat 6px 7px;}

/*TOP TEN*/
/* Calendar */
.calendaricon
{
	padding-left: 3px;
}

/* Errors */
.Error
{
	font-size: 1.2em;
	color: #2986bd;
}
.ErrorBox
{
	color: #2986bd;
	background-color: #deebf7;
	border: solid 1px #c6dbef;
}
.ErrorText
{
	float: right;
	color: #2986bd;
	font-weight: bold;
}

.reportmargin
{
padding-bottom:15px;
}



/* Twitter Module CSS */
#twitter_div {background:#FFFFFF; padding:10px; width:575px; margin-top:10px;}
#twitter_div * {font-family:Arial, Helvetica, sans-serif;}
h2.sidebar-title {font-size:14px; margin-top:0; color:#666;}
#nsicon {position:relative; top:5px; border:none;}
#twitter_update_list {font-size:12px; margin:0; padding:0;}
#twitter_div a:link, a:visited, a:active {color:#0099FF; text-decoration:none;}
#twitter_div a:hover {color:#FF6600;}

#twitter-link {font-size:12px; font-weight:bold; text-decoration:bold;}
#twitter_div span {display:block; border:1px #e0f0f6 solid; padding:5px; background:#EAFFFF; position:relative; top:-5px;}