﻿body 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    background-color: #ffffff;
    background-image: url(../images/BodyBackground.gif);
    background-position: left top; background-repeat: repeat-x;
}

/* CSS RESET */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* end CSS RESET */

/* PAGE SECTION WRAPPERS */
#wrapper{position:relative; width: 780px; margin: 0 auto; text-align: left; background-color: #ffffff}
/* end PAGE SECTION WRAPPERS */


/* BANNER */
#banner {position: relative; margin-bottom: 20px;}
/* fix IE 6: improperly positioning links 2in banner */
* html #banner {height: 1px;}
#banner #logo {position: relative; margin-top: 45px;}
#banner #strapline {position: absolute; right: 0px; top: 45px; color:#ff9e01; font-size:15pt; font-weight:bold; font-style:italic;}
#banner #strapline a {text-decoration:underline; color:#ff9e01;}
#banner ul.links1 {position: absolute; top: 5px; left:0px; width:150px; list-style: none; margin-left:-10px; padding:0;}
#banner ul.links1 li, #banner ul#links1 li a {font-size:10pt; color: #333333;}
#banner ul.links1 .separator, #banner ul.links2 .separator {font-size: 8pt; padding-right:5px;}
#banner ul.links2 {position: absolute; right:95px; top: 5px; list-style: none;}
#banner ul.links2 a {font-size:10pt;}
#banner ul.links2 #accountName {color:#333333; font-weight:bold;}
#banner ul.links2 #daysRemaining {color:#075886; font-style:italic;}
#banner li {display: inline; margin-left: 10px;}
#banner li a {color: #666666; font-size: 10pt;}
#banner #logout{position: absolute; right: 0px;}
/* end BANNER */

/* NAV BAR */
.mainNav {position: absolute; top: 119px; width:780px;}
.mainNav ul {margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
.mainNav li {float: left; padding: 0; margin-right: 2px;}
.mainNav li a, #mainNav li a:link {color: #FFFFFF;text-decoration: none; height:32px; display: block;}
.mainNav li a:hover {}
.mainNav li#help {position:absolute; right: 0px; margin-right: 0px;}
.mainNav li#help a { border-right:none;}

.mainNav #mn1.selected {background-image: url(../images/mnuHomeSelected.gif); background-position:left top; background-repeat:no-repeat; width: 84px}
.mainNav #mn1.unSelected {background-image: url(../images/mnuHomeUnselected.gif); background-position:left top; background-repeat:no-repeat; width: 84px}
.mainNav #mn1.unSelected:hover {background-image: url(../images/mnuHomeSelected.gif); background-position:left top; background-repeat:no-repeat; width: 84px; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}

.mainNav #mn2.selected {background-image: url(../images/mnuProgressMonitorSelected.gif); background-position:left top; background-repeat:no-repeat; width: 165px}
.mainNav #mn2.unSelected {background-image: url(../images/mnuProgressMonitorUnSelected.gif); background-position:left top; background-repeat:no-repeat; width: 165px}
.mainNav #mn2.unSelected:hover {background-image: url(../images/mnuProgressMonitorSelected.gif); background-position:left top; background-repeat:no-repeat; width: 165px; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}

/*.secondaryNavPlacedholder {position: absolute; top:32px; width: 780px; height:50px; background-color: #ff9e01;}*/
.secondaryNav {position: absolute; top:150px; width: 780px; height:50px; background-color: #ff9e01;}
.secondaryNav ul {position: absolute; margin-left: 5px; margin-top: 10px; padding: 0; list-style: none; float: left; }
.secondaryNav li {float: left; padding: 0; margin: 0; color: #000000; font-size: 10pt; font-weight:bold;}
.secondaryNav li a, #secondaryNav li a:link {color: #000000; text-decoration: none; padding: .5em 1em; display: block;}
.secondaryNav li a:hover, .secondaryNav li a:active {color: #ffffff;}

.secondaryNav li.selected {background: url(../images/mnuLevel2BackgroundRHS.gif) no-repeat top right;}
.secondaryNav li.selected a {color: #ffffff; background: url(../images/mnuLevel2BackgroundLHS.gif) no-repeat top left;}
.secondaryNav .unSelected{}

/* IE 6 hack to make entire button clickable */
* html #mainNav a { width: 1px; }
* html .secondaryNav a { width: 1px; }
/* end NAV BAR */

/* FOOTER */
#footer {position: relative; height:320px; border-top: 1px solid #d2d2d2; color: #333333; margin-top:20px; width:760px;}
#footer li {display: inline;}
#footer ul.links1 {position: absolute; left: 10px; top: 20px; margin: 0px; padding: 0px; list-style: none; font-weight:bold;}
#footer ul.links1 li a {font-size:10pt;  font-weight:bold; color: #333333;}
#footer #copyright{position: absolute; left: 10px; top: 65px; font-size: 10pt; width: 180px;}

#footer #logos #logosGroup1Separator {position:absolute; top: 65px; left: 250px; width: 1px; height:200px; border-left: 1px solid #ff9e01; padding-left: 20px;}
#footer #logos #logosGroup2Separator {position:absolute; top: 65px; left: 570px; width: 1px; height:200px; border-left: 1px solid #ff9e01; padding-left: 20px;}
#footer #logos {position: absolute; top: 0px; left: 0px; font-size:10pt; font-weight:normal; color:#000000;}
#footer #logos ul {margin-left: -10; margin-top:5px; padding: 0px; list-style: none;}
#footer #logos #logos1 {position: absolute; top:65px; left: 270px; width: 250px;}
#footer #logos #logos2 {position: absolute; top:160px; left: 270px; width: 250px;}
#footer #logos #logos3 {position: absolute; top:65px; left: 590px; width: 180px;}
#footer #logos #logos4 {position: absolute; top:190px; left: 590px; width: 180px;}
#footer #logos #logos5 {position: absolute; top:145px; left: 10px; width: 250px;}
#footer #logos1 li,  #footer #logos2 li, #footer #logos3 li, #footer #logos4 li, #footer #logos5 li {float: left; padding: 0; margin-right: 20px;}

#footer #legal {position:absolute; left: 0px; top:283px; width: 780px; height:38px; background-color: #ff9e01;}
#footer #legal ul.links1 {position: absolute; left: 10px; top: 5px; margin: 0px; padding: 0px; list-style: none;}
#footer #legal ul.links1 li, #footer #legal ul.links1 li a {font-size:8pt; font-weight:normal; color: #000000;}
#footer #legal ul.links2 {position: absolute; right: 20px; top: 5px; margin: 0px; padding: 0px; list-style: none;}
#footer #legal ul.links2 li, #footer #legal ul.links2 li a {font-size:8pt; font-weight:normal; color: #000000;}
#footer #legal ul.links2 .separator {font-size: 8pt; padding-right:5px;}
/* end FOOTER */

/* COLUMN 2 */
#col2PanelPaid {position:absolute; right: 0px; top:175px; width: 180px; height: 198px; background: url(../images/Col2AlertsOnlyBackground.gif) no-repeat top left; text-align:center;}
#col2PanelPaid #col2PaidLogout {position:absolute; top:163px; left: 10px;}
#col2PanelPaid #col2PaidNumMessages {position:absolute; top:58px; left: 20px; text-align:left; font-size:10pt;}
#col2PanelPaid #col2PaidShowMessages {position:absolute; top:103px; left: 17px;}
/* end COLUMN 2 */

/* HOME PAGE */
#col2NotLoggedIn #subscribeNow {position:absolute; right:0px; top:400px;}
#notLoggedInParts {position:relative;}
#notLoggedInParts #intro {}
#notLoggedInParts #intro ul{margin-left: 40px; padding: 0;}
#notLoggedInParts #intro ul li {list-style-image: url(../images/InformationBullet.gif); line-height:16pt; padding-bottom:5px; font-size:10pt; font-weight:bold;}
#notLoggedInParts #intro ul li li {list-style-image: url(../images/SmallBullet.gif); line-height:16pt; padding-bottom:5px; font-size:10pt; font-style:italic; font-weight:normal;}
#notLoggedInParts #screens {position:relative; margin: 0 auto;}
#notLoggedInParts #screens div {margin-top:40px; margin-bottom:40px;}

#homeWhatOurCustomersSay {position:relative; width:780px; height:239px; background: url(../images/HomeWhatOurCustomersSayBg.gif) no-repeat top left; color:#ffffff; padding-bottom:20px;}
#homeWhatOurCustomersSay ul {position:absolute; margin: 0; padding: 0; top:61px; left:0px; list-style: none; float: left; width: 100%;}
#homeWhatOurCustomersSay li {float: left; padding: 0;width:220px; margin-right: 35px; font-size:10pt; color:#333333;}
#homeWhatOurCustomersSay li.first {float: left; padding: 0; margin-left: 15px;}

#homeMembersLogin {position:absolute; top: 195px; right:0; width:230px; height:180px; background: url(../images/HomeMemberLoginBg.gif) no-repeat top left; }
#homeMembersLogin .userName {position:absolute; top:62px; left:18px; width:192px; color:#000000; font-size:10pt;}
#homeMembersLogin .password {position:absolute; top:112px; left:18px; width:192px; color:#000000; font-size:10pt;}
#homeMembersLogin .login {position:absolute; top:143px; left:143px; width:72px; height:29px;}
/* end HOME PAGE */

/* LOGIN */
#formLogin {width:650px; margin: 0 auto;}
#formLogin .fixedWidth {width:200px; display:block; float:left; font-size:10pt; font-weight:normal; }
#formLogin .options {text-align:right;}
#formLogin .submit {text-align:right;}
#formLogin .last {padding-bottom:40px;}
#formLogin .captcha {font-size:10pt; font-weight:bold; color:#333333;}
#formLogin h1 {font-size: 12pt; font-weight:bold; color:#333333; padding-bottom:20px;}
#formLogin h3 {font-size: 10pt; font-weight:bold; color:#333333; padding-bottom:10px;}
#formLogin a {font-size: 12pt; color:#333333; text-decoration:underline;}

#formSelectTestGroup .last {padding-bottom:40px;}
#formSelectMultiTestGroup .last {padding-bottom:40px;}

#formAcceptTerms {}
/* end LOGIN */

/* FORM AREAS */
.form {color:#333333; background-color: #f2f2f2; padding:20px;}
.formField {padding-bottom: 10px;}
.TextBox {font-size: 12px; color: #000000; width: 200px; border-right: #c7ccdc 1px solid; border-top: #c7ccdc 1px solid; border-left: #c7ccdc 1px solid; border-bottom: #c7ccdc 1px solid;}
/* end FORM AREAS */

/* PROGRESS MONITOR */
.PartnerSearchResultsHeader
{
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    background-color: #454F8C;
    border-right: 1px solid #ffffff;
}

A.PartnerSearchResultsHeader
{
    text-decoration: underline;
    border: none;
}

.PartnerSearchResultsEntry
{
    color: #454F8C;
    font-size: 10pt;
    font-weight: normal;
    background-color: #ffffff;
    border-bottom: solid 1px #cccccc;
    vertical-align: top;
}

A.PartnerSearchResultsEntry
{
    color: Red;
}

.PartnerSearchResultsRow
{
    border-bottom: solid 1px #454F8C;
}

/* end PROGRASS MONITOR */

/* TERMS */
#terms {font-size: 10pt; width:500px;}
#terms p.section {padding-bottom:20px; text-align:justify;}
#terms .last {padding-bottom:40px;}
/* end TERMS */

/* SITE MAP */
#siteMap { width:500px;}
#siteMap li {font-size:10pt; color:#333333; line-height:18pt;}
#siteMap li a {font-size:10pt; color:#333333; text-decoration:underline;}
#siteMap .sectionHeader {font-size:12pt; font-weight:bold; font-style:italic; padding-top:20px;}
#siteMap .last {padding-bottom:40px;}
/* end SITE MAP */

/* PRIVACY */
#privacy {font-size: 10pt; width:500px;}
#privacy p.section {padding-top:20px; text-align:justify;}
#privacy .last {padding-bottom:40px;}
/* end PRIVACY */

/* CONTACT US */
#formContactDetails {position:relative; width:500px; font-size:10pt; margin: 0 auto;}
#formContactDetails .fixedWidth {width:200px; display:block; float:left; font-size:10pt; font-weight:normal; }
#formContactDetails .options {text-align:right;}
#formContactDetails .submit {text-align:right;}
#formContactDetails .last {padding-bottom:40px;}
#formContactDetails .captcha {font-size:10pt; font-weight:bold; color:#333333;}
#formContactDetails h1 {font-size: 12pt; font-weight:bold; color:#333333; padding-bottom:20px;}
#formContactDetails h3 {font-size: 10pt; font-weight:bold; color:#333333; padding-bottom:10px;}
#formContactDetails a {font-size: 10pt; color:#333333; text-decoration:underline;}

#formContactDetails #address {position:relative; top:0px; right:0px; text-align:right; font-size:10pt; font-weight:bold;}
#formContactDetails #contactUsInfo {padding-top:30px; margin: 0 auto;}
#formContactDetails #contactUsInfo p {padding-bottom:15px;}

#contactAck {position:relative; width:500px; margin: 0 auto; font-size:12pt;}
#contactAck p {padding-bottom:15px;}
#contactAck .submit {text-align:right;}
/* end CONTACT US */

/* ABOUT US */
#aboutUs {width:500px; font-size:10pt; padding:20px;}
#aboutUs p {padding-bottom:10px;}
#aboutUs p.last {padding-bottom:40px;}
/* end ABOUT US */

/* GENERAL FORMATTING */
#page {position:absolute; top:170px;}
#page h1.pageTitle{font-size: 16pt; font-weight:bold; font-style: italic; margin-top:60px; margin-bottom: 20px;} 
#page h1.pageTitleLarge{font-size: 20pt; font-weight:bold; font-style: italic; margin-top:60px; margin-bottom: 20px;} 
#page h1.pageTitleExtraLarge{font-size: 24pt; font-weight:bold; font-style: italic; margin-top:60px; margin-bottom: 20px;} 
#page h1.pageTitle2{font-size: 1.2em; font-weight:bold; margin-top:10px; margin-bottom: 20px;} 
#page h2{font-size: 12pt; font-weight:bold; font-style: italic; margin-top:20px; margin-bottom: 20px;} 
#page h3 {font-size:10pt; font-weight:normal;}
#page h3 a {color:#333333; text-decoration:underline}
#page p.smallInfo{padding-top: 6px; font-style:italic; font-size: 8pt; font-weight: normal; color: Black; text-align: left;}
#page .contentArea{position: relative; padding-left: 0px; padding-right: 0px; background-color: Transparent; font-size:10pt; color:#000000;}
.Label{font-size: 8pt; font-weight: normal; color: Black; text-align: left;}
.Label a{color: Red;text-decoration: underline;}
.LabelBold{font-size: 8pt; font-weight: bold; color: Black;}
.LabelBold a{color: Red; text-decoration: underline;}
.LabelRed{font-size: 8pt; font-weight: normal; color: Red; text-align: left;}
.LabelRedBold{font-size: 8pt; font-weight: bold; color: Red; text-align: left;}
.SmallLabelWhite {font-size: 8pt; font-weight: normal; color: #ffffff; text-align: left;}
.separator {border-right: 1px solid #333333; padding-right:10px;}
.separatorMid {border-right: 1px solid #333333; padding-left:5px; padding-right:10px;}
.separatorRight {padding-left:5px;}
.Warning{font-size: 14px; font-weight: bold; color: #ff0000;}
.redLink{color: #ff0000; text-decoration: underline; font-size: 8pt;}
/* end GENERAL FORMATTING */

/* BUTTONS */
.Button{color: White; background-color: #FF9E01; background-image: url(../images/ButtonBg.gif); background-repeat: repeat-x; border: none; font-size: 8pt; font-family: Tahoma, Verdana, 'Times New Roman'; font-weight: normal; cursor: pointer; padding: 2px;}
.ButtonLarge{color: Black; background-color: #FF9E01; border: #606060 1px solid; font-size: 10pt; font-family: Tahoma, Verdana, 'Times New Roman'; cursor: pointer;}
/* end BUTTONS */

.clear:after
{
    content: ".";
    display:block;
    height:0;
    font-size: 0;
    clear:both;
    visibility:hidden;
}
.clear
{
    zoom:1;
}