@charset "utf-8";
/* CSS Document */
html,body {margin:0; padding:0; font-size:100%;height:100%;}/* needed to prevent text-scaling bug in IE6 */
body {color:#000; background: #e5e5e5; font:normal 0.75em Arial, Helvetica, Sans-Serif; text-align:center; } /*12px*/
a:link, a:visited {color: #0066cc; }
a:hover { color: #00478E; }


h1 {padding:0;margin:0;font:bold 20px Arial, Helvetica, Sans-Serif;}
h2 {padding:0;margin:0;font:bold 16px Arial, Helvetica, Sans-Serif;}
h3 {padding:0;margin:0;font:bold 14px Arial, Helvetica, Sans-Serif;}
h4 {padding:0;margin:0;font:bold 12px Arial, Helvetica, Sans-Serif;}
h5 {padding:0;margin:0;font:normal 12px Arial, Helvetica, Sans-Serif;}



#pageWrapper {position:relative; 
top:10px;}
#pageWrapper {text-align:center;background: #e5e5e5; min-height: 80%;_height: 80%;}
#bodyWrapper { width:80%;text-align:left;margin:0 auto; background:#fff;}


/* ---------------------------------------------------------
BODY CONTAINER 
-------------------------------------------------------------*/

#bodyContainer {width:96%; padding: 10px 10px 0;clear:both;}
#bodyContainer p {font-size:1em; line-height: 15px;margin-top:0;}
#bodyContainer p.reducedBottom {margin-bottom:5px;}
#bodyContainer ul {font-size:1em; line-height: 15px;}
/* --------------------------------------
MASTHEAD STYLES 
----------------------------------------- */
#header {width:100%;background:#fff url(../images/header_bg.gif) bottom center repeat-x;height:90px;position:relative;}
#appTitle {float:right; position:absolute; top:44px; right:0; background:transparent;}
#appTitle span {font-family: Arial, Helvetica, Sans-Serif; font-size:26px;}
.appTitleOnline {color:#CD040B;}
.appTitleAgreement {color:#888;}
#mainnav {width:760px;margin:0 auto;text-align:left;position:relative;}
#logoNew a {display:block;}
#logoNew img {width:163px;height:37px; border:0;}
#logoNew {position:relative; left:-2px; top:32px;}
#redline {background:#CD040B url(../../online/images/shared/nav/off_red.gif) repeat-x;text-align:center;width:100%; height:8px;}
#compTitleContainer {width:100%;height:44px;text-align:left;}
#compTitle {position:absolute:top:80px;left:-1px;float:left;background:transparent url(../images/companyTitleLeft.gif) repeat-x;width:400px;height:50px; 
}
#compTitle span h3{position:relative;top:3px;left:20px;}
#compTitle h3 {color:#888;font-size: 16px; }
#compTitle span span{position:absolute; top:98px; _top:105px; left:398px; background:#e5e5e5 url(../images/companyTitleRight.gif) no-repeat; height:39px; width:79px; display:inline; }

#compInfo {padding:15px 0 15px 0;}
span.compInfo {font-size:120%; display:block;line-height:20px;}
span.compInfo  span{font-weight:bold;}

/* center DIV */
#center700 { width:90%; margin-right:10px;margin-left:20px; }
#center700short { width:700px; margin-right:10px;margin-left:20px; height:350px;}
/* ---------------------------------------------------------
Containers
-------------------------------------------------------------*/
.contentContainer {border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; background: #fff; padding: 10px 9px 0 9px;}
.contentContainerNoHead {min-height:120px;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;background:transparent url(../../online/images/shared/containers/gradient.gif) repeat-x bottom;padding:1px 9px 0 9px;}
.contentContainerNoPad {border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; background:#fff url(../../online/images/shared/containers/gradient.gif) repeat-x bottom; padding-top:10px;padding-bottom:1px;}
.contentContainerTop {height:10px;padding-left:10px;background:transparent url(../../online/images/shared/containers/top_left.gif) no-repeat left;overflow:hidden;}
.contentContainerTop div {height:10px;padding-right:10px;padding-left:0px;background:transparent url(../../online/images/shared/containers/top_right.gif) no-repeat right;overflow:hidden;}
.contentContainerTop div div {height:10px;background:url(../../online/images/shared/containers/top_1px.gif) repeat-x;overflow:hidden;}
.contentContainerBottom {height:10px;padding-left:10px;background:transparent url(../../online/images/shared/containers/bottom_left.gif) no-repeat left;overflow:hidden;}
.contentContainerBottom div {height:10px;padding-right:10px;background:transparent url(../../online/images/shared/containers/bottom_right.gif) no-repeat right;overflow:hidden;}
.contentContainerBottom div div{height:10px;background:url(../../online/images/shared/containers/bottom_1px.gif) repeat-x;overflow:hidden;}

.contentContainerBordered {padding:0;margin: 0;background: url(../online/images/border_gradient_1x40.gif) repeat-x bottom left #ccc;}
.contentContainerBorderedContent {clear:both; background:#fff; margin:0 1px 0 1px; padding:10px; height:100%;}
.contentContainerBorderedGradient {clear:both;background: url(../online/images/gradient_1x100.gif) #fff repeat-x; margin:0 1px 0 1px;height:100%;}
.contentContainerBorderedGradient p, .contentContainerBorderedGradient ul {padding-left:10px;}

#statusText { float:right;font-weight:bold; color:#990000;}
/* ---------------------------------------------------------
Clearing Divs
-------------------------------------------------------------*/
/* Padding - Clearing DIVs  height for FF, line-height for IE */ 
.clear   {clear: both;height: 0px;line-height: 0;}
.clear5  {clear: both;height: 5px;line-height: 5px;}
.clear10 {clear: both;height: 10px;line-height: 10px;}
.clear15 {clear:both; height:15px; line-height: 15px;}
.clear20 {clear: both;height: 20px;line-height: 20px;}
.clear25 {clear: both;height: 25px;line-height: 25px;}
.clear30 {clear: both;height: 30px;line-height: 30px;}
.clear40 {clear: both;height: 40px;line-height: 40px;}
.clear60 {clear: both;height: 60px;line-height: 60px;}
.clearReg {clear:both;}


/* PROGRESS INDICATOR */
#progressDiv {width:50%; margin-top:15px; margin-bottom:15px; text-align:center; padding:0 20% 0 30%; }
#progressTable {border-collapse:collapse; }
#progressTable td {font-weight:bold; text-align:center;}
#progressTable td.active {color:#CD040B; }
#progressTable td.inactive {color:#888; }
#progressTable td.progressStep {width: 80px;background: #fff url(../images/progressLine.gif) repeat-x; }
#progressTable td.progressLeft {width:50px; text-align:right;}
#progressTable td.progressRight {width:50px; text-align:left;}
#progressTable td.progressSpacer {width:30px;}
#progressTable td.progressStep1 {width: 140px;text-align:center; background: #fff url(../images/progressLine.gif) repeat-x;}
#progressTable .spanLeft {text-align:left;padding-left:10px;}
#progressTable .spanRight {text-align:right;padding-right:10px;}

#progressContainer {width:300px; height:60px;}
#progress {
	display:block;
	width:300px;
	height:20px;
	background:url(../images/progressLine.gif) repeat-x;
}

h1.level1Heading700 {float:left;width:680px;padding:0;margin:0;font:bold 1.2em Arial, Helvetica, Sans-Serif; background:url(../online/images/header_red_1px.gif) #f30000 repeat-x;color:#fff;line-height:24px;}
#pageTitle {float:left;width:90%;height:5.8em;margin-left:2px;}
#pageTitle h2 {margin:11px 0 3px 15px; color:#888;}
#pageTitle h1 {margin:0 0 0 15px;}
div.buttons {text-align:right;display:block;width:100%;position:relative;}
div.informButtons {text-align:center;display:block;width:100%;}

/* These styles handle the footer. */
#footer {clear:both; margin:0 0 10px 0; text-align:center;padding:10px 20px 5px;background:url(../../online/images/shared/nav/footer.gif) repeat-x;font-size:0.9em;}
.footerCopyright {text-align:center;padding: 5px 0 8px;}

.pipe {color:#999;}

/* Special Offers Layouts */
#offers {width: 100%; margin:10px 0;}
.offer {display:block; background: transparent url(../images/iconCheck.gif) no-repeat left; padding:5px 0 5px 16px;}
#terms {display:block;font-size:75%; color:#888;line-height:8px;padding:15px 3px 0 3px;}


/* -----------------------------------------------------------------------------------------*/
/* BUTTONS */
button.red span, button.gray span {font-weight:bold;}
button.redButton, button.blackButton {padding:4px 15px;color:#fff; cursor:pointer;}
button.grayButton {color: #000;}
button.blackButton {background:#666;}
button.redButton span, button.blackButton span {font-weight:bold;font-size:1em}
button.relative {position:relative;top:3px;left:6px;}
/* hide the rest of the styles from mac/ie5 - it gets simpler buttons */
@media all
{
	button.relative {position:inherit;}	
	button.redButton, button.blackButton, button.grayButton, button.grayButtonSml	{border:none;background:transparent;padding:0;position:inherit;}
	button.redButton span, button.blackButton span, button.grayButton span {white-space:nowrap;display:block;height:21px;line-height:22px;}
	*+html button.redButton span, *+html button.blackButton span, *+html button.grayButton, *+html button.grayButtonSml {display:inline-block;}
	button.redButton span {background:url(../../online/images/shared/buttons/button_red_right.gif) no-repeat right top;}
	button.blackButton span {background:url(../../online/images/shared/buttons/button_black_right.gif) no-repeat right top;}
	button.redButton span span, button.blackButton span span, button.grayButton span span, button.grayButtonSml span span {padding:0 15px;}
	button.redButton span span {background:url(../../online/images/shared/buttons/button_red_left.gif) no-repeat left top;}
	button.blackButton span span {background:url(../../online/images/shared/buttons/button_black_left.gif) no-repeat left top;}
}


.grayLine  {clear: both;padding: 5px 0 10px 0;border-top: 1px solid #ccc;background: #fff; width:99%;}

/* ---------------------------------------------------------
Forms 
-------------------------------------------------------------*/
.required, .reqd {color:#f00;font-weight:normal;font-size:120%; vertical-align:top;} /* 12px */
#formTable, fieldset {padding:10px;}
#formTable {border:#ccc 1px solid;}
.formTable { width:100%; }
.formTable table {border-collapse:collapse;}
.formTable tr {padding-top:6px; padding-bottom: 6px;}
.formTable tr td {border-bottom:#CDE1F8 .0125em solid;}
.formTable td  { width:auto;vertical-align:middle;white-space:nowrap;  }
.formTable td.fldLabel {   padding: 1px; }
.formTable td.fldLabel, label {	
    font-weight :bold;
	white-space:nowrap;
	text-align:right;}

.instr {font-style:italic;font-weight:normal; padding-left:20px;width:100%;display:block; font-size:95%;}

form {margin:0;}
select {background:#fff;font-size:1em;}
/* Hidden text, like labels for form fields */
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hideLabel {position:absolute;top:-1000px; left:-1000px;}
.formField {clear:both;float:left; padding-top:5px;}
.formFieldInfo {float:left; margin-left:10px; padding:5px 0 0; font-size:0.9em; width:300px; height:35px;}

/* ---------------------------------------------------------
 Tooltip 
-------------------------------------------------------------*/
/* tooltips */
div.tip {width:250px;position:absolute;left:-1000em;background:url(../../online/images/shared/tooltips/s.gif);z-index:2000;font:normal 12px/15px Arial, Helvetica, Sans-Serif; text-align:left;}
.pl div.tip div.top,
.pl div.tip div.top div,
.pl div.tip div.bottom,
.pl div.tip div.bottom div,
.pl div.tip div.tip_carat {background-image:url(../../online/images/shared/tooltips/sprite.gif);background-color:transparent;background-repeat:no-repeat;overflow:hidden;}
.pl div.tip div.top {height:4px;padding:0 0 0 4px;background-position:0 0;}
.pl div.tip div.top div {height:4px;padding:0 4px 0 0;background-position:100% -4px;}
.pl div.tip div.top div div {height:4px;padding:0;background-repeat:repeat-x;background-position:0 -8px;}
.pl div.tip div.middle {border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;background-color:#fff;}
.pl div.tip div.middle div.pad {border-left:1px solid #999999;border-right:1px solid #999999;padding:6px 8px 6px 8px;}
.pl div.tip div.bottom {height:4px;padding:0 0 0 4px;background-position:0 -12px;}
.pl div.tip div.bottom div {height:4px;padding:0 4px 0 0;background-position:100% -16px;}
.pl div.tip div.bottom div div {height:4px;padding:0;background-repeat:repeat-x;background-position:0 -20px;}
.pl div.tip_pad_left {padding-left:11px;}
.pl div.tip_pad_right {padding-right:11px;}
.pl div.tip_pad_top {padding-top:11px;}
.pl div.tip_pad_bottom {padding-bottom:11px;}
.pl div.tip div.tip_carat {position:absolute;}
.pl div.tip_pad_left div.tip_carat, 
.pl div.tip_pad_right div.tip_carat {width:13px;height:22px;top:10px;}
.pl div.tip_pad_top div.tip_carat, 
.pl div.tip_pad_bottom div.tip_carat {width:22px;height:13px;left:10px;}
.pl div.tip_pad_left div.tip_carat {left:0px;background-position:100% -24px;}
.pl div.tip_pad_right div.tip_carat {right:0px;background-position:0 -46px;}
.pl div.tip_pad_top div.tip_carat {top:0px;background-position:0 -68px;}
.pl div.tip_pad_bottom div.tip_carat {bottom:0px;background-position:0 -82px;}

.error { font-weight: bold; color: red; }