/* General Notes */
/* FF: When using the font style you must specify every attribute in the proper order in order for it to render. You can use the specific font styles to overcome this issue. */
/* To vertically align text reliably across browsers, set the height and the line-height of the element to the same value. */
/* width:inherit specifies that this element is the full width of the containing element. width:100% is not the correct style for this behavior. */
/* Padding != apply to Bk images */
/* FF does not recognize font attribute if incomplete or in wrong order. */

/*  Stylesheet Structure
    - Generic Classes
    - HTML Elements
    - Layout Components
    - - Page
    - - Header
    - - Content
    - - - Progress
    - - - Errors
    - - - Sidebar
    - - - Main
    - - - Full Width
    - - - Error Page
    - - - Navigation
    - - - Floating Divs
    - - Footer
    - - Prototype
    - Page Specific - Each page has a section in numeric order.

*/

* { /* References every element in the HTML document  */
    margin: 0;
    padding: 0;
}

/**********     GENERIC CLASSES    **********/

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.valignTop { vertical-align: top; }
.valignMiddle { vertical-align: middle; }
.valignBottom { vertical-align: bottom; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

.hidden { display: none; }
.displayBlock { display: block; }
.displayInline { display: inline; }
.visibilityHidden { visibility: hidden; }
.visibilityVisible { visibility: visible; }

.adjusted {
    color: #FF6600;
    font-weight: bold;
}
.pleaseNote {
    color: #FF6600;
}
.altBox {
    background: #FFFFFF;
    
    border-left: 1px solid #CDE1C1;
    border-top: 1px solid #CDE1C1;
    border-right: 1px solid #CDE1C1;
    
    padding: 0px;
}

.altBoxBottom {
    height: 14px;
    width: 509px;
    background: url( '../images/global/box_bottom_sm_alt.gif' ) no-repeat;
}

.box {
    background: #F9FDF1;

    border-top: 1px solid #CDE1C1;
    border-left: 1px solid #CDE1C1;
    border-right: 1px solid #CDE1C1;
    
    padding: 14px 10px 0 10px;
}

.boxBottom {
    height: 14px;
    width: 509px;
    background: url( '../images/global/box_bottom_sm.gif' ) no-repeat;
}

.box hr, .altBox hr {
    height: 1px;
    
    background-color: #CDE1C1;
    
    color: #CDE1C1;
    
    border: 0;

    margin: 10px;
}

.box hr.thin, .altBox hr.thin {
    margin: 2px 10px;
}

/* Orange Button
.button {
    float: right;
    
    height: 17px;
    background: #FFFFFF;

    font-weight: normal;
    line-height: 17px;
    text-align: center;

    border: 1px solid #FF9900;
    
    margin: 1px 0 0 0 !important;
    padding: 0 20px;
}

.button a, .button a:visited {
    color: #009900;
}

.button a:hover {
    color: #FF6600;
}
*/

/* Green Button */
.button, .buttonLeft {
    float: right;
    
    height: 16px;
    background: url( '../images/global/button_back.gif' ) repeat-x;

    font-weight: normal;
    line-height: 16px;
    text-align: center;

    border: 1px solid #3f7230;
    
    margin: 3px 0 0 3px !important;
    padding: 0 20px;
}

.buttonLeft {
    float: left;
}

.button a, .buttonLeft a, .button a:visited, .buttonLeft a:visited {
    color: #080;
}

.coloredText {
    font-weight: bold;
}

.documentHeader {
    clear: both;

    height: 35px;
    width: 706px !important; /* Used by Firefox */
    /* width: 726px; Used by IE */
    background: url( '../images/eSig/titleBar.gif' ) top center no-repeat;
    
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 0px;
}

.documentHeader img {
    cursor: pointer;
    
    border: 0;

    margin-top: 1px;
    margin-right: 4px;
    margin-left: 0px;
}

.extendedTooltip {
    width: 265px;
}

.footnoteMark {
    color: #666666;
    font-size: 1.1em;
    font-weight: bold;
}

.footnote {
    color: #666666;
    margin: 5px 0 10px 0;
}

.indent {
    margin-left: 10px;
}

.infoIcon {
    cursor: pointer;

    vertical-align: middle;

    margin-top: 0 !important; /* Used by Firefox */
    margin-bottom: 2px !important; /* Used by IE */
    margin-top: 3px;
    margin-bottom: 0;
}

.largeColoredText {
    font-size: 12px;
    font-weight: bold;
}

.legal strong {
    color: #FF6600;
}

.pdfIcon {
    float: right;

    border: 0;

    margin: 3px 10px;
}

.prefilled {
    font-weight: bold;
}

.print {
    background: url( '../images/global/print.gif' ) no-repeat;

    line-height: 13px;

    padding-left: 20px;
}

.question .options {
    margin-top: 10px;
}

.required {
    height: 12px;
    width: 2px;
    background: url( '../images/global/required.gif' ) no-repeat center center;

    margin: 0 5px;
}

.secure {
    height: 19px;
    background: url( '../images/global/secure.gif' ) no-repeat;
    color: #009900;
    line-height: 19px;

    padding-left: 25px;
    padding-bottom: 10px;
}

.supplemental {
    background: url( '../images/global/arrow_double.gif' ) no-repeat;

    line-height: 17px;

    margin: 0 !important;
    padding-left: 17px;
}

.section {
    padding-bottom: 20px;
}

.section p {
    margin: 0 0 10px 0;
}

.squareBox {
    width: 558px !important; /* Used by Firefox */
    /* width: 533px; Used by IE */
    background: #F9FDF1;

    text-align: left;

    border: 1px solid #CDE1C1;

    margin-bottom: 10px;
    padding: 10px;
}

.timer {
    width: 500px;
    background: #FF9900;

    color: #FFFFFF;
    font-size: 11px;
    text-align: center;

    border: 2px solid #FF9900;

    margin: 5px 1px 8px 1px;
    padding: 0;
}

.timer strong {
    display: block;

    border: 1px solid #FFFFFF;

    padding: 2px 0;
}

.titleBar, .titleBarRounded {
    height: 22px;

    font-size: 11px;
    font-weight: bold;

    padding: 3px 6px;
}

.titleBar .button {
    margin: 0 !important;
}

#clickBlock {
    position: fixed;
    top: 0;
    left: 0;

    cursor: wait;

    height: 100%;
    width: 100%;
    background: url( '../images/global/spacer.gif' ) repeat;

    z-index: 90;

    /* Solution for position:fixed in IE */
    _position: absolute;
    _top: expression( eval( document.documentElement.scrollTop ) );
}

/**********     GENERIC HTML    **********/

html, body {
    height: 100%;
    width: 100%;
    background: #FFF0AB url( '../images/global/body_bg.gif' ) top repeat-x;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    /* In order to Center the Web Page, Text Align Center (aligns anything in IE & Div elements sent to auto in FF) on the Body Tag and Margin = Auto on the ID Supporting the Page Div*/
    /* IE uses Text Align Center & FF uses Margin Auto (maybe in conj. w. Text Align Center */

    z-index: 0;
}

a, a:visited {
    color: #009900;
    text-decoration: none;
}

a:hover {
    color: #FF6600;
}

iframe {
    margin-bottom: 10px;
}

img {
    border: 0;
}

img#zoom {
    cursor: pointer;
}

li {
    margin: 5px 0;
}

ol, ul {
    padding: 0 15px;
}

ul.simple {
    list-style: none;

    margin: 0;
    padding-left: 10px;
    padding-right: 0;
}

p {
    margin: 10px 0;
}

.box p {
    margin: 0px;
    padding-bottom: 10px;
}

table {
    width: 100%;
}

table, td, th, tr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

th {
    height: 14px;

    color: #009900;
    font-weight: bold;
    line-height: 14px;
    text-align: center;

    border-top: 4px solid #93C684;
    border-bottom: 4px solid #FFCC33;

    padding: 2px 0 3px 0;
}

th * {
    color: #009900;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
}

tr {
    height: 25px;

    line-height: 25px;
}

tr.altRow {
    background: #E0F0C6;
}

input, select {
    font-size: 11px;

    vertical-align: middle;
}

input.inputFillOn {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

input.inputFillOff {
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/*** test nationalCity logo ***/
#coBranding {
    background: url( '../images/landing/natCity.gif' ) no-repeat;
    position: absolute;
    margin-top: 175px;
    margin-left: 490px;
}
/*** end of nationalCity Logo positioning ***/

/**********     LAYOUT COMPONENTS    **********/

#page {
    width: 728px;

    background: #FFFFFF url( '../images/global/page_bg.gif' ) top repeat-y;

    text-align: left;

    margin: 0 auto; /* This centers the outer Page Div */
    padding: 0 17px;
}

/**********     HEADER    **********/

#header {
    clear: both;

    height: 180px;
    width: inherit;
}

.header1 { background: url( '../images/headers/header1.jpg' ) no-repeat; }
.header2 { background: url( '../images/headers/header2.jpg' ) no-repeat; }
.header3 { background: url( '../images/headers/header3.jpg' ) no-repeat; }
.header4 { background: url( '../images/headers/header4.jpg' ) no-repeat; }
.header5 { background: url( '../images/headers/header5.jpg' ) no-repeat; }
.header6 { background: url( '../images/headers/header6.jpg' ) no-repeat; }
.header7 { background: url( '../images/headers/header7.jpg' ) no-repeat; }

/**********     CONTENT    **********/

#content {
    clear: both;

    width: inherit;

    text-align: left;
}

/**********     PROGRESS BAR    **********/

/* UL: Defines the height and width of the entire progress bar component of the page. */
#progress {
    clear: both;

    height: 104px;
    width: inherit;

    list-style: none;

    margin: 0 10px;
    padding: 0;
}

/* LI: Establishes the different states of the bar itself in the progress bar component. */
#progress li {
    float: left;

    height: 94px;
    background: url( '../images/progress/bar.gif' ) center bottom ;
    /* Keeps arrow centered to text inside li container*/

    padding: 0 8px;
}
#progress li.active { background: url( '../images/progress/bar_active.gif' ) center bottom; }
#progress li.complete { background: url( '../images/progress/bar_complete.gif' ) center bottom; }

/* DIV: Establishes the different states of the text above the bar in the progress bar component. */
#progress li div {
    margin-top: 25px;
}

/* Hides the SEO-friendly text. */
#progress li span {
    display: none;
}

/* #first: Special case to be the starting cap of the bar. */
#progress li#first {
    width: 10px;
    background: url( '../images/progress/bar_first.gif' ) left bottom no-repeat;
    /* Background image > container (white space), align it left / bottom to compensate */

    padding: 0;
}

/* #last: Special case to be the ending cap of the bar. */
#progress li#last {
    width: 10px;
    background: url( '../images/progress/bar_last.gif' ) left bottom no-repeat;

    padding: 0;
}
#progress li#last.complete { background: url( '../images/progress/bar_last_complete.gif' ) left bottom no-repeat; }

/* Special cases to change between the different states of the text. */
#progress #quote div { height: 26px; width: 84px; background: url( '../images/progress/quote.gif' ) no-repeat; }
#progress #quote.active div { height: 26px; width: 84px; background: url( '../images/progress/quote_active.gif' ) no-repeat; }
#progress #quote.complete div { height: 26px; width: 84px; background: url( '../images/progress/quote_complete.gif' ) no-repeat; }

#progress #profile div { height: 26px; width: 84px; background: url( '../images/progress/profile.gif' ) no-repeat; }
#progress #profile.active div { height: 26px; width: 84px; background: url( '../images/progress/profile_active.gif' ) no-repeat; }
#progress #profile.complete div { height: 26px; width: 84px; background: url( '../images/progress/profile_complete.gif' ) no-repeat; }

#progress #health div { height: 26px; width: 84px; background: url( '../images/progress/health.gif' ) no-repeat; }
#progress #health.active div { height: 26px; width: 84px; background: url( '../images/progress/health_active.gif' ) no-repeat; }
#progress #health.complete div { height: 26px; width: 84px; background: url( '../images/progress/health_complete.gif' ) no-repeat; }

#progress #beneficiaries div { height: 26px; width: 128px; background: url( '../images/progress/beneficiaries.gif' ) no-repeat; }
#progress #beneficiaries.active div { height: 26px; width: 128px; background: url( '../images/progress/beneficiaries_active.gif' ) no-repeat; }
#progress #beneficiaries.complete div { height: 26px; width: 128px; background: url( '../images/progress/beneficiaries_complete.gif' ) no-repeat; }

#progress #application div { height: 26px; width: 128px; background: url( '../images/progress/application.gif' ) no-repeat; }
#progress #application.active div { height: 26px; width: 128px; background: url( '../images/progress/application_active.gif' ) no-repeat; }
#progress #application.complete div { height: 26px; width: 128px; background: url( '../images/progress/application_complete.gif' ) no-repeat; }

#progress #policy div { height: 26px; width: 84px; background: url( '../images/progress/policy.gif' ) no-repeat; }
#progress #policy.active div { height: 26px; width: 84px; background: url( '../images/progress/policy_active.gif' ) no-repeat; }
#progress #policy.complete div { height: 26px; width: 84px; background: url( '../images/progress/policy_complete.gif' ) no-repeat; }

/**********     ERRORS    **********/

#errors {
    background: #FEFDFA;

    border: solid 1px #FF0000;

    margin: 0 0 20px 0;
    padding: 5px;
}

#getAccessErrors {

    margin: 0 0 20px 0;
    padding: 5px;
}

.alert { /* Applied to the labels next to fields with errors. */
    color: #FF0000;
    font-style: italic;
    font-weight: bold;
}

.error { /* Applied to the error message itself at the top of the screen. */
    color: #FF0000;
    font-weight: bold;

    margin: 0;
    padding-left: 5px;
}

/**********     SIDEBAR    **********/

#sidebar {
    float: right;

    width: 197px;
    background: url( '../images/global/prudential.gif' ) no-repeat bottom;

    margin-bottom: 25px;
    padding-bottom: 100px;
}

#sidebar.noLogo {
    clear: right;

    background: none;
}

#sidebar .titleBar {
    width: 185px;

    background: url( '../images/sidebar/titleBarOrange.gif' ) no-repeat;
}

#sidebar .titleBarRounded {
    width: 185px;

    background: url( '../images/sidebar/titleBarOrangeRounded.gif' ) no-repeat;
}

#sidebar #balloon {
    clear: right;

    background: url( '../images/sidebar/balloon_bg.gif' ) top repeat-y;
}

#sidebar #balloon p {
    margin: 0 10px;
}

#sidebar #balloon strong {
    color: #006600;
}

#sidebar #host {
    height: 139px;

    cursor: pointer;
}

#sidebar .host1 { background: url( '../images/hosts/host1.jpg' ) no-repeat; }
#sidebar .host2 { background: url( '../images/hosts/host2.jpg' ) no-repeat; }
#sidebar .host3 { background: url( '../images/hosts/host3.jpg' ) no-repeat; }
#sidebar .host4 { background: url( '../images/hosts/host4.jpg' ) no-repeat; }
#sidebar .host5 { background: url( '../images/hosts/host5.jpg' ) no-repeat; }

#sidebar #faq {
    line-height: 14px;
}

#sidebar #faq a, #sidebar #faq a:visited {
    color: #009900;
    text-decoration: none;
}

#sidebar #faq a:hover {
    color: #FF6600;
}

#sidebar #faq li {
    list-style-image: url( '../images/global/arrow_orange.gif' );
}

#sidebar #faq li.divider {
    height: 2px;

    line-height: 2px;

    list-style-image: none;
    list-style-type: none;

    border-bottom: 1px dotted #CDE1C1;
}

p.ifs {
    padding-top: 5px;
    font-size: 8px;
    font-weight: bold;
	color:#999;
}

#faqContractNumnberContainer {
	padding-bottom: 40px;
}

div .faqContractNumber {
    padding-top: 5px;
	padding-bottom: 40px;
    font-size: 8px;
    font-weight: bold;
	color:#999;
	/*border: 1px solid red;*/
}

#sidebar #contact {
    background: url( '../images/sidebar/contact.gif' ) top left no-repeat;

    line-height: 16px;

    margin: 40px 0;
    padding-left: 50px;
}

#sidebar #badges {
    clear: both;
}

#sidebar .secure {
    margin-top: 0;
}

/**********      MAIN    **********/

#main {
    width: 509px;

    text-align: left;
}

#main .titleBar {
    background: url( '../images/main/titleBar.gif' ) no-repeat;
}

/**********      FULL WIDTH    **********/

#fullWidth .secure {
    height: 12px;

    line-height: 12px;

    padding-top: 3px;
}

#fullWidth .secure.floatRight {
    margin-top: 0;
}

#fullWidth .titleBar {
    background: url( '../images/fullWidth/titleBar.gif' ) no-repeat;

    margin-left: 2px;
}

#fullWidth #errors {
    width: 497px !important; Used by Firefox
    width: 509px; Used by IE
}

#fullWidth #main #errors {
    width: 499px;
}

#fullWidth #main {
    width: 509px;
}

#fullWidth #navigation.main {
    width: 509px;

    text-align: center;

    margin-bottom: 10px;
}

#fullWidth #navigation.main img {
    margin: 0 5px;
}

#fullWidth #sidebarNoLogo {
    clear: right;

    margin-bottom: 0;
    padding-bottom: 0;
}

/**********     ERROR PAGE    **********/

#errorPage #content {
    padding: 0 35px;
}

#errorPage #errors {
    width: 645px;
}

#errorPage #errors ul {
    margin-left: 10px;
    margin-right: 10px;
}

/**********     NAVIGATION    **********/

#navigation * {
    vertical-align: middle;
}

#navigation img {
    cursor: pointer;
}

#navigation #hackerSafeLogo {
    margin-right: 10px;
}

#navigation  #hackerSecure {
    margin-top: 20px;
}

#navigation #hackerSecure img {
    cursor: default;
}

#navigation .secure {
    margin: 10px 0;
}

/**********     FOOTER    **********/

#footer {
    clear: both;

    width: inherit;
}

#footer p {
    margin: 0;
}

#footer #bankDisclosure {
    width: 100%;
    background: #F0F0F0;

    color: #999999;

    border: solid 1px #CCCCCC;

    margin: 20px 0 10px 0;
}

#footer #bankDisclosure td {
    color: #999999;

    line-height: 18px;

    padding: 0 10px;
}

#footer #bankDisclosure td.divider {
    width: 1px;
    background: #CCCCCC;

    padding: 0;
}

#footer .bar {
    height: 28px;
    background: #FF9900;

    color: #FFCC33;
    text-align: center;
    line-height: 28px;

    margin: 10px 0 20px;
}

#footer .bar a, #footer .bar a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#footer .bar a:hover {
    color: #FFCC33;
}

#footer .bar .left { /* Left Rounded End of Bar */
    float: left;

    height: 28px;
    width: 12px;
    background: url( '../images/footer/bar_left.gif' ) no-repeat;
}

#footer .bar .right { /* Right Rounded End of Bar */
    float: right;

    height: 28px;
    width: 12px;
    background: url( '../images/footer/bar_right.gif' ) no-repeat;
}

/**********     PROTOTYPE ONLY    **********/
#prototype-only {
    width: inherit;
    padding-top: 15px;
}

#prototype-only p {
    margin: 0;
}

#prototype-only p.indent {
    padding-left: 15px;
	 
}

#prototype-only-left {
	float: left;
	text-align: left;
}
#prototype-only-right {
	float: right;
	text-align: right;
}

.border {
    border: 1px solid #000000;
}

/* Cross Browsers clearing float containers trick */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/**********     FLOATING DIVS    **********/
/* #childContainer: everything else ( T&C, Privacy, FAQ, etc ) */
/* #dialogBoxContainer: Alert Messages */
/* #documentContainer: eSig Documents */

#childContainer .close, #childAdditionalContainer .close, #dialogBoxContainer .close, #documentContainer .close {
    cursor: pointer;

    margin: 0 10px 10px 10px !important;
}

#childContainer, #childAdditionalContainer {
	position: fixed;
    top: 5px;
    left: 0;

    height: 100%;
    width: 100%;

    margin: 0 auto;

    z-index: 95;

    /* Solution for position:fixed in IE */
    _position: absolute;
    _top: expression( eval( document.documentElement.scrollTop ) );
}

#childContainer #page, #childAdditionalContainer #page {
    background: none;

    text-align: center;
}

#childContainer #panel, #childAdditionalContainer #panel {
   position: relative;

   width: 640px;
   background: url( '../images/global/doc_box_middle_640.gif' ) repeat-y;

   margin: 0 auto;

   z-index: 92;
}

#childContainer iframe, #childAdditionalContainer iframe {
    width: 602px;
}

#childContainer .documentHeader, #childAdditionalContainer .documentHeader {
    width: 582px !important;
    /*width: 602px;*/
    background: url( '../images/global/documentHeader_640.gif' ) no-repeat;
}

#dialogBoxContainer {
    position: absolute;
    top: 280px;
    left: 0;

    height: 100%;
    width: 100%;

    margin: 0 auto;

    z-index: 90;
}

#dialogBoxContainer #panel {
    position: relative;
   
    width: 375px;

    text-align: center;

    margin: 0 auto !important;

    z-index: 92;
}

#dialogBoxContainer .box {
    background: #F9FDF1;

    text-align: center;

    border: 1px solid #CDE1C1;

    padding: 10px;
}

#dialogBoxContainer .dialogBox {
   background: url( '../images/eSig/instruction_box_bg_middle.gif' ) repeat-y;

   margin-top: -6px !important; /* Used by Firefox */
   /* margin-top: -3px; Used by IE */
   padding: 5px 15px;
}

#dialogBoxContainer .dialogBox img {
    cursor: pointer;
}

#dialogBoxContainer .dialogBox ol, #dialogBoxContainer .dialogBox ul {
    text-align: left;

    margin: 0 0 14px 0;
    padding: 0;
}

#dialogBoxContainer .dialogBox li {
    margin: 0 0 0 25px;
}

#documentContainer {
   position: absolute;
   top: 280px;
   left: 0;

   height: 100%;
   width: 100%;

   margin: 0 auto;

   z-index: 90;
}

#documentContainer #page {
    text-align: center;

    padding-bottom: 17px;
}

#documentContainer #panel {
   position: relative;

   width: 726px;
   background: url( '../images/eSig/doc_box_bg_middle_726.jpg' ) repeat-y;

   margin: 0 auto;

   z-index: 92;
}

#documentContainer iframe {
    height: 892px;
    width: 686px;

    margin: 0 20px;
}

#documentContainer .box {
    clear: both;

    background: #F9FDF1;

    text-align: left;

    border: 1px solid #CDE1C1;

    margin: 0 10px !important; /* Used by Firefox */
    /* margin: 0 20px; Used  by IE */
    padding: 0 10px 10px 10px;
}

#documentContainer .documentHeader {
    height: 35px;
    width: 668px;
    background: url( '../images/eSig/titleBar.gif' ) top center no-repeat;

    text-align: left;

    font-size: 11px;
    font-weight: bold;

    margin: 0 auto;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

#documentContainer .document img {
    margin: 0 auto;
}

#documentContainer .print {
    clear: left;
    float: left;

    text-align: left;

    margin-left: 10px;
}

#documentContainer .secure {
    float: right;

    margin-top: 10px;
    margin-right: 10px;
}

/**********     PAGE SPECIFIC: Landing    **********/

/* This section needs clean up */

#cobrandingContainer {
    float: right;
    text-align: right;
    height: 135px;
}

#cobrandingLogo {
    width: 279px;
    text-align: center;
    margin-top: 15px;
}

#landing .infoIcon {
    margin-top: 0;
}

#landing ul {
    list-style-image: url( '../images/global/arrow_double.gif' );
}

#landing #header {
    height: 120px;
}

#landing .header1 { background: url( '../images/landing/header1_top.jpg' ) top center no-repeat; }
#landing .header2 { background: url( '../images/landing/header2_top.jpg' ) top center no-repeat; }
#landing .header3 { background: url( '../images/landing/header3_top.jpg' ) top center no-repeat; }
#landing .header4 { background: url( '../images/landing/header4_top.jpg' ) top center no-repeat; }
#landing .header5 { background: url( '../images/landing/header5_top.jpg' ) top center no-repeat; }

#landing .content1 { background: url( '../images/landing/header1_bottom.jpg' ) top center no-repeat; }
#landing .content2 { background: url( '../images/landing/header2_bottom.jpg' ) top center no-repeat; }
#landing .content3 { background: url( '../images/landing/header3_bottom.jpg' ) top center no-repeat; }
#landing .content4 { background: url( '../images/landing/header4_bottom.jpg' ) top center no-repeat; }
#landing .content5 { background: url( '../images/landing/header5_bottom.jpg' ) top center no-repeat; }

#landing #main ul, #landing #main li {
    color: #006600;
}

#landing #sidebar {
    float: right;

    width: 247px;

    margin-right: 3px;
    padding-right: 15px !important; /* Used by Firefox */
    padding-right: 0; /* Used by IE */
}

#landing #quote {
    width: 222px;

    background: url( '../images/landing/quote_box_bg.gif' ) repeat-y;

    padding: 0 14px;
}

#landing #quote label {
    font-weight: bold;
}

#landing #bankProductsTable label{
	font-weight: normal;
}

#landing #bankProductsTable #bankProdListTitle{
	font-weight: bold;
}

#landing #quote p {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0 0 0 2px;
}

#landing #quoteTable {
    width: 206px;
    padding: 0 12px ;
}

#landing #quoteTable tr.questionDivider {
    height: 2px;
}

#landing #quote #state, #landing #quote #gender, #landing #quote .state, #landing #quote .gender {
    width: 110px;
}

#landing #quote #months, #landing #quote .months {
    width: 90px;
}

#landing #quote #days, #landing #quote .days {
    width: 50px;
}

#landing #quote #years, #landing #quote .years {
    width: 50px;
}

#landing #quote #errors {
    background: #FEFDFA;

    border: solid 1px #FF0000;

    margin: 0 0 10px 0;
    padding: 5px 1px;
}

#landing #quote img {
    cursor: pointer;
}

#landing #quote label.alert {
    color: #FF0000;
}

#landing #quote .question {
    height: 25px;
}

#landing #quoteTop { /* Graphic for Top of Quote Box */
    height: 50px;
    width: 220px;
    background: url( '../images/landing/quote_box_top.gif' ) no-repeat;

    padding: 0 15px;
}

#landing #quoteBottom { /* Graphic for Bottom of Quote Box */
    height: 24px;
    width: 220px;
    background: url( '../images/landing/quote_box_bottom.gif' ) no-repeat;

    margin-bottom: 15px;
    padding: 0 15px;
}

#landing #sidebar ol, #landing #sidebar ul {
    margin: 5px 0 5px 15px;
}

#landing #sidebar .secure {
    margin: 10px 0;
}

#landing #main {
    width: 419px;

    padding: 280px 0 20px 0;
}

#landing #main ol {
    margin: 5px 0 5px 30px;
}

#landing #main ul {
    margin-left: 30px !important; /* Used by Firefox */
    margin: 5px 0 5px 20px; /* Used by Both. IE renders 5px 0 5px 20px. FF renders 5px 0 5px 30px. */
}

#landing #main ul li {
    padding-left: 0 !important; /* Used by Firefox */
    padding-left: 10px; /* Used by IE */
}

#landing #main li img {
    margin-left: 20px;
    margin-top: 5px;
}

#landing #main .section {
    padding-left: 20px;
}

#landing #main #allyouneed {
    background: url( '../images/landing/allyouneed.gif' ) no-repeat;
}

#landing #main #allyouneed ul {
    padding-top: 100px;
}

#landing #quote tr#dobSelect {
    height: 30px !important; /* Used by Firefox */
    height: 25px; /* Used by IE */
    vertical-align: top;
}

/**********     PAGE SPECIFIC: Quote Selection ( 2 )    **********/

#coverageAmount input {
    margin-right: 8px;
    margin-top: 6px !important; /* Used by Firefox */
    margin-top: 3px; /* Used by IE */
}

#coverageAmount div.option {
    width: 90px;
    margin: 0 auto;
}

#coverageAmount div.option span {
    float: right;

    line-height: 24px;
    vertical-align: middle;

    padding: 0 3px;
}

#coverageAmount table tr td div {
    margin: 0 20px;
}

#coverageAmount td {
    text-align: center;

    padding: 0 5px;
}

#coverageAmount tr {
    height: 30px;

    line-height: 30px;
}

.selectedAmount {
    color: #FF6600;
    font-weight: bold;
}

/**********     PAGE SPECIFIC: Personal Info / Review ( 3, 4 )    **********/

#otherPoliciesNY { padding-top: 24px; }

#otherPolicies ol#replacementQuestions {
    margin-left: 30px;
}

#lifestyleInfo td, #medicalInfo td {
    vertical-align: top;

    padding: 4px;
}

#lifestyleInfo ul, #medicalInfo ul {
    list-style: none !important;

    padding: 0;
}

#lifestyleInfo ul ul, #medicalInfo ul ul {
    padding: 0 15px;
}

#lifestyleInfo .options td, #medicalInfo .options td {
    padding: 4px 2px 4px 0;
}

#lifestyleInfo ol, #medicalInfo ol {
    margin-left: 10px;
}

#lifestyleInfo hr.thin, #medicalInfo hr.thin {
    margin: 10px 0;
}

#lifestyleInfo li.last, #medicalInfo li.last, #personalInfoForm li.last {
    margin-bottom: 0;
}

/**********     START Do  not Include in application     **********/
#beneficiaryInfo .altBox th, #beneficiaryInfo .altBox td {
    padding-left: 10px;
}
/**********     END Do  not Include in application     **********/

/**********     PAGE SPECIFIC: Identity Check ( 4.5 )    **********/

/**********     PAGE SPECIFIC: Medical ( 5 )    **********/

/**********     PAGE SPECIFIC: Beneficiaries ( 6 )    **********/

table.beneTbl {
    text-align: left;
}

table.beneSubTable td {
    height: 25px;

    vertical-align: middle;
}

.beneIndex {
    height: 25px;
    width: 15px;
    background: #93C684;

    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

/**********     PAGE SPECIFIC: Review ( 7 )    **********/

/**********     PAGE SPECIFIC: eSig ( 8 )    **********/

#documents table {
    width: 100%;

    list-style: none;

    margin: 0;
    padding: 0;
}

#documents tr {
    margin: 2px 0;
    padding-left: 5px;
}

#documents tr.off {
    height: 26px;

    /* 30% Transparency Cross Browser */
    filter: alpha(opacity=30);
    -moz-opacity: .30;
    opacity: .30;
}

#documents tr td {
    background: #F9FDF1;

    vertical-align: middle;
}

#documents tr td img {
    cursor: pointer;

    vertical-align: middle;
}

#documents .docTitle {
    font-weight: bold;

    margin-left: 10px;
}

/**********     PAGE SPECIFIC: Please Wait ( 9 )    **********/

#pleaseWait #page {
    background: none;

    text-align: center;
}

#pleaseWait #content {
    height: 240px;
    width: 458px;
    background: url( "../images/pleaseWait/background.jpg" ) no-repeat;

    margin: 55px auto 0 auto;
    padding: 0 9px 0 3px;
}

#acceptPolicyPleaseWait #page {
    background: none;

    text-align: center;
}
#acceptPolicyPleaseWait #content {
    height: 240px;
    width: 458px;
    background: url( "../images/pleaseWaitAcceptance/acceptancePleaseWaitBackground.jpg" ) no-repeat;

    margin: 55px auto 0 auto;
    padding: 0 9px 0 3px;
}


#pleaseWait #prototype-only {
    margin-top: 50px;
}

/**********     PAGE SPECIFIC: Payment ( 10 )    **********/

#paymentAuth tr {
    height: 25px;

    line-height: 25px;
}

/**********     PAGE SPECIFIC: Accept Policy ( 11 )    **********/

#acceptPolicy #panel {
   position: relative;

   width: 726px;
   background: url( '../images/eSig/doc_box_bg_middle_726.jpg' ) repeat-y;

   margin: 0 auto;

   z-index: 92;
}

#acceptPolicy iframe {
    height: 886px;
    width: 688px;
}

#acceptPolicy p {
    clear: both;

    line-height: 20px;

    margin: 0px 5px 15px 5px;
}

#acceptPolicy p.print {
    text-align: left;
    line-height: 13px;

    margin-left: 15px;
    padding-top: 0px;
    padding-left: 20px;
}

/**********     SECTION SPECIFIC: Policy Details Box    **********/

#policy ul {
    list-style: none;
}

#policy li {
    margin: 25px 0;
}

#policy table td {
    vertical-align: top;
}

#policy tr {
    height: 20px;

    line-height: 20px;
}

/**********     PAGE SPECIFIC: iFrame    **********/

/* Insert ID on HTML tag within Floating Pages b/c when we reference iframe for the T&C, FAQ, etc. we wante specific styling & tweaking in order to have it fit right (no horizontal scroll) in the iframe window.   */
#floatedDiv, #floatedDiv body {
    width: 582px !important; /* Used by Firefox */
    width: 562px; /* Used by IE */
    background: #FFFFFF;

    text-align: center;

    margin: 0;
    padding: 0;

    scrollbar-arrow-color: #FF6600; /*arrow color */
    scrollbar-track-color: #F9FDF1; /*background color of scrollbar track*/
    scrollbar-face-color: #F9FDF1; /*scrollbar color */
    scrollbar-3dlight-color: #FFF0AB; /*left - top  outer border color */
    scrollbar-darkshadow-color: #FF6600; /*right bottom outer border color */
    /* scrollbar-highlight-color: #FFFFCC; left - top  inner border color */
    /* scrollbar-shadow-color: #FFFF66; right bottom inner border color */
}

#floatedDiv.eSig, #floatedDiv.eSig body {
    width: 668px;

    text-align: center;
}

#floatedDiv .documentHeader {
    height: 35px;
    width: 560px !important; /* Used by Firefox */
    /* width: 535px; Used by IE */
    background: url( '../images/global/documentHeader_580.gif' ) no-repeat;

    margin: 0;
}

#floatedDiv.eSig .documentHeader {
    width: 655px !important; /* Used by Firefox */
    /* width: 665px; Used  by IE */
    background: url( '../images/eSig/titleBar.gif' ) top center no-repeat;

    margin: 0 auto;
    padding-left: 10px;
}

/**********     PAGE SPECIFIC: Cancel Pages    **********/

.cancelText {
   font-weight: bold;

   padding: 0 8px;
}

/**********     PAGE SPECIFIC: SSO    **********/

#sso table tr {
    height: 30px;
}

#sso table tr td label {
    line-height: 30px;
}

#sso .main {
    width: 525px;
}

#content #main .box ul#documents {
    width: 487px;
}

#content #main #yourdocuments ul#documents li {
    margin: 0;
}

/**********     JSF STYLES (Not Used In Prototype)    **********/

.radioTable { width: auto !important; }
.radioTable td { padding-right: 10px; }
.radioTable label { font-weight: normal !important; }
.radioTable input { margin-right: 3px !important; margin-right: 0; }

/* REMOVE eSIG after HERE */

ul#documents {
    width: 509px;

    list-style: none;

    margin: 0;
    padding: 0;
}

ul#documents li {
    clear: left;

    background: #F9FDF1;

    margin: 2px 0;
    padding-left: 5px;
}

ul#documents li.off {
    height: 26px;

    /* 30% Transparency Cross Browser */
    filter: alpha(opacity=30);
    -moz-opacity: .30;
    opacity: .30;
}

ul#documents li img {
    cursor: pointer;

    vertical-align: middle;
}

ul#documents li p {
    margin: 0;
    padding: 5px;
}

ul#documents .docTitle {
    height: 26px;

    font-weight: bold;
}

ul#documents .docTitle span {
    margin-left: 10px;
}

.replacementClarification {
	background: #FFFEFC;
	
	border: 1px solid #FFAB73;
	
	margin: 10px 0;
	padding: 10px;
}

/* Used only for first replacement question for NY */
#nyrpcol03 {
	vertical-align: bottom;
	padding-bottom: 5px;
}


.buttonCursor {
	cursor: pointer;
}

.pleaseNoteLarge {
	font-size: 12px !important;
	font-weight: bold !important;
}

.forgotLinkPadded {
	padding-left: 90px;
}

/*  ISSUE AGE TABLE - Added 10/26/2009 */

#issueAgeTable {
	margin-top: 25px;	
}

#issueAgeTable td {
	border: 1px solid #93C684;
}

#issueAgeTable td.columnHeader {
	font-weight: bold;
	text-align: center;
}


/****  Site Alerts  ****/
#main #siteAlerts {
    background: #FEFDFA;

    border: solid 1px #FF0000;

    margin: 0px 0px 10px 10px;
    padding: 5px;
}

#fullWidth #siteAlerts {
    background: #FEFDFA;

    border: solid 1px #FF0000;

    margin: 0px 0px 10px 0px;
    padding: 5px;
}

p.alerts { /* Applied to the error message itself at the top of the screen. */
    color: #FF0000;
    font-weight: bold;
    margin: 0;
	padding: 5px;
}

/***************************************************************/
/** Style for Profile Please Wait pages background **/
#profilePleaseWait #page {
    background: none !important;
    text-align: center;
}
#profilePleaseWait #content {
    height: 240px;
    width: 458px;
    background: url( "../images/pleaseWait/background_profile.jpg" ) no-repeat;
    margin: 55px auto 0 auto;
    padding: 0 9px 0 3px;
}

/***************************************************************/
/** Styles for Profile Please Wait pages Scrolling Text Area**/
#thewindow {
	position: relative;
	top: 20px;
	left: 10px;
	width: 440px;
	height: 140px;
	overflow: hidden;
	/*border: 2px solid white;*/
	line-height: normal;
	
}
#thetext {
	margin: 0 auto;
	position: relative ;
	width: 300px ;
	/* left: 60;*/
	/*top: 100; */
	font-size: 24px;
	color: #8B0000;
	text-align: center;
	/*border: 2px solid yellow;*/
}