/********************************************

CSS NORMALIZATION

- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/


div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, p, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
input, textarea, select {font-size: 99%; font-family: verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
ul, ol {padding-left:18px;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}

/********************************************/

/* GLOBAL */

body {margin:0; padding:0; background:#FFF; color:#333; min-width:69em; font:70%/1.22em verdana,geneva,sans-serif;}

a, a:visited {color:#039; outline:none;}
a.nounderline {text-decoration:none;}
a.nounderline:hover {text-decoration:underline;}

h1 {font:bold 2em tahoma,geneva,sans-serif; white-space:nowrap; color:#0060B6;}
h2 {font:bold 1.3em verdana,geneva,sans-serif; color:#333; padding-bottom:1.3em;}
	.content h2 {padding-bottom:0;}
	h2.underline {text-decoration:none; background:#FFF url(/images/hr_dotted.gif) repeat-x bottom left; padding-bottom:.55em; margin-bottom:.5em;}
h3 {font:bold 1.2em tahoma,geneva,sans-serif; color:#333; margin-bottom:1.3em;}
h4,h5 {font-weight:bold;}

.content p {margin-top:.85em;}
	* html .content p {margin-top:.75em;}
	*:first-child+html .content p {margin-top:.75em;}

p {margin:1.3em 0;}

sup {vertical-align:top; position:relative; top:-2px; font-weight: normal !important;}
	#startOnLabelRow sup, #deliverByLabelRow sup {color:#333;}
	
sup.footnoteref {color:#7C7C7C;} /* SUP tags that are a reference to a footnote */

ol {padding-left:2em;}

body.fontnormal {font-size:11px;}
body.fontlarger {font-size:13px;}
body.fontlargest {font-size:15px;}

/* for web analytics div: */
#lyrPageDot {position:absolute; top:-1px; left:-1px; visibility:hidden; z-index:0;}

/********************************************/

/* UTILITY */

p.align-right {text-align:right;}

ol.questions {font-weight:bold;}
ol.questions label {font-weight:normal;}

img.left {float:left;}
img.right {float:right;}
img.show {padding-left:5px;} /* used by calendar icon, should use more descriptive class instead */ 

ul.nospacing li {margin-left:0;}
ul.checklist {list-style-image:url(/images/icon_popup_checkbox.gif) !important;}

.last-login { position: relative; top: -1.1em; color: #666; }
.last-login span { color: #333; }

/* spacing styles */
.margintop {margin-top:1.3em;}
.spacingtop {margin-top:1em !important;}
.spacingbottom {margin-bottom:1em !important;} /* to be used for axial tables in tr */
.paddingbottom {padding-bottom:1em !important;}
.thinspacingtop {margin-top:0.5em!important;}
.spacingleft {margin-left:1em !important;}
.thinspacingleft {margin-left:0.5em !important;}
.spacingleftradio {margin-left:1.1em !important;} /* aligns items that wrap under radio button labels */
	* html .spacingleftradio {margin-left:1.8em !important;}
	*:first-child+html .spacingleftradio {margin-left:1.7em !important;}
.spacingleftcheckbox {margin-left:1em;}
	* html .spacingleftcheckbox {margin-left:.5em !important;}
	*:first-child+html .spacingleftcheckbox {margin-left:.5em !important;}
.spacingright {margin-right:1em !important;}
.nospacing {padding:0 !important; margin:0 !important;}
.nospacingtop {padding-top:0 !important; margin-top:0 !important;}
.nospacingbottom {padding-bottom:0 !important; margin-bottom:0 !important;}
.spacer {width:2em !important;}
.indent {padding-left:10em;}
.indenthalf {padding-left:5em;}
input[type="checkbox"]+label, .horizontalradiolist input[type="radio"]+label, table.axial td span input[type="radio"]+label, table td input[type="radio"]+label {margin-left:.4em;}

.footnote {clear:both;}
.footnote p, p.footnote {margin-left:1em; color:#666; font-size:.9em;}
.footnote p .footnum {position:relative; margin-left:-1em;}

.clear {clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

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

.required {font-weight:bold;}
.inline {display:inline;}
.displayblock {display: block !important; }
.center {text-align:center !important;}
.centerblock, .centernested table {margin-left:auto!important; margin-right:auto!important;} /* used in ONA; see demo */
.top, tr.top td, tr.top th {vertical-align:top !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.bottom {vertical-align:bottom !important;}
.alignmiddle {vertical-align:middle !important;}
.floatleft {float:left;}
.floatright {float:right;}
.nowrap, tr.nowrap th, tr.nowrap td, tr.nowrap label, table.columns table.auto-width tr.nowrap span {white-space:nowrap !important;}
.nopadding, div.pageheadersection.nopadding, div.formemphasis .nopadding {padding-top:0;padding-bottom:0;}
.bold {font-weight:bold;}
.nobold {font-weight:normal !important;}
.deemphasis {color:#666!important;}
em.reference {font-style:italic !important;}
em.trademark-name {font-style:italic !important;}
.noborder {border:none !important;}
.underline {text-decoration:underline;}
.nounderline, li.nounderline a {border-bottom-style:none; text-decoration:none;}
li.nounderline a:hover {text-decoration:underline;}
.currency.zero {color:#666;}
.formaid {font-size:.9em; color:#7C7C7C; padding-left:.6em; font-weight: normal !important;}
	* html .formaid li {margin-left:.5em;}
	*:first-child+html .formaid li {margin-left:.5em;}
.formaid.belowfield {padding:.3em 0 0 .1em; clear:both;}
	* html .formaid.belowfield {padding-top:.2em;}
	*:first-child+html .formaid.belowfield {padding-top:.2em;}

.formfooter .formaid { padding: 0 0 1em 0; }

.linkaid {font-size:.9em; color:#7C7C7C; font-weight:normal !important;}  /*like formaid, but can be used inline */

.phone-aid { color: #7c7c7c !important; }

.full-width { width: 100% !important; }

.buttonref {text-transform:uppercase; font-weight:bold;}
.hide, .printshow {display:none;} /*hides completely*/
.hidekeeplayout {visibility:hidden;} /*hides but keeps layout*/
.hidevisual {position:absolute; width:0; height:0; font-size:0; overflow:hidden;} /*hides from on-screen display but not from screen readers - used for accessible hidden text*/
.border-thick {border:4px solid #666;}
.disabled, .disabled:visited, .disabled:hover {color:#999;}
a.disabled {text-decoration: none; cursor: default;}
.showscriptenabled {display:none;} /*javascript will remove class on page load, so element is only hidden if script is disabled.*/

button.link-submit, input.link-submit {font-family:verdana,arial,sans-serif; cursor:pointer; border:0; color:#039; text-decoration:underline; background:transparent; margin:0; padding:0; display:inline; text-align:left;}
button.link-submit span {text-decoration:underline;}
button.link-submit span.toolTipActive {text-decoration:none;white-space:nowrap;}
	* html input.link-submit {width:10px; overflow:visible;}
	*:first-child+html input.link-submit {width:auto; overflow:visible;}
	* html span.toolTipActive input.link-submit {text-decoration:none;}
	body:last-child:not(:root:root) button.link-submit { text-decoration:none; }
	@media all and (min-width: 0px) {
             body:not(:root:root) button.link-submit { text-decoration:none; }
    }

ul.action li .link-submit { background:url(/images/icon_arrow.gif) no-repeat 0 .35em; text-decoration: none; padding-left: 8px;}

input.nounderline, button.nounderline span {text-decoration: none; }
input.nounderline:hover span, button.nounderline:hover span {text-decoration: underline; }

/* field classes: sets field size for different input types */
.fieldlonger {width:18em;}
.fieldlong {width:16em;}
.fieldmediumlong {width:12em;}
.fieldmedium {width:8em;}
.fieldmediumshort {width:6em;}
.fieldshort {width:4em;}
.fieldzip {width:3.3em;}
	body:last-child:not(:root:root) .fieldzip {width:4em;} /* for Safari*/
.fielddate {width:6.8em;}
	body:last-child:not(:root:root) .fielddate {width:7.5em;} /* for Safari*/
.fieldinitial {width:1em;}
	body:last-child:not(:root:root) .fieldinitial {width:1.8em;} /* for Safari*/
.fieldlogin {width:12em;}
.fieldphonearea {width:2em;} 	/* the X chars in (XXX) 000-0000 */
	body:last-child:not(:root:root) .fieldphonearea {width:2.7em;} /* for Safari*/
.fieldphoneprefix {width:2em; margin-right:.25em;} 	/* the X chars in (000) XXX-0000 */
	body:last-child:not(:root:root) .fieldphoneprefix {width:2.7em;} /* for Safari*/
.fieldphoneline {width:2.65em;} 	/* the X chars in (000) 000-XXXX */
	body:last-child:not(:root:root) .fieldphoneline {width:3.4em;} /* for Safari*/
.fieldphoneext {width:4em;}	/* the X chars in (000) 000-0000 Ext: XXXXXX */
	body:last-child:not(:root:root) .fieldphoneext {width:4.6em;} /* for Safari*/
.fieldphoneextshort {width:3.3em;}	/* same, but max 5 digits */
	body:last-child:not(:root:root) .fieldphoneextshort {width:4em;} /* for Safari*/
.fieldssn {width:6.8em;}	/* 000-00-0000 */
	body:last-child:not(:root:root) .fieldssn {width:7.5em;} /* for Safari*/
.fieldssn1 {width:2em;}	/* the X chars in xxx-00-0000 */
	body:last-child:not(:root:root) .fieldssn1 {width:2.7em;} /* for Safari*/
.fieldssn2 {width:1.4em;}	/* the X chars in 000-xx-0000 */
	body:last-child:not(:root:root) .fieldssn2 {width:2.2em;} /* for Safari*/
.fieldssn3, .fieldzip4 {width:2.65em;}	/* the X chars in 000-00-xxxx */
	body:last-child:not(:root:root) .fieldssn3,
	body:last-child:not(:root:root) .fieldzip4 {width:3.4em;} /* for Safari*/
.fieldccn {width:10.5em;} /* #### #### #### #### */
.fieldindustry {width:23em;}

textarea.textareastandard {width:95%; height:7.5em;}

.print {padding:1px 0 2px 20px; background:url(/images/spriteImage.gif) no-repeat 0 -240px;} /* icon_print.gif */
	.fontlargest .print {background-position: 0 -239px;}
.pdf {padding:5px 0 2px 20px; background:url(/images/spriteImage.gif) no-repeat 0 -3297px;} /* pdf.gif */

/* used for MMC: */
.messages .msgPdfLink {padding:5px 0 0 20px; background:url(/images/spriteImage.gif) no-repeat 0 -3297px;} /* pdf.gif */
.messages .printMsgContainer {display:none;} /* only show the print link if JavaScript is enabled */

/* custom info drop down */
a.initDropEvent, a.initDropEvent:visited {padding-left:14px; background:url(/images/spriteImage.gif) no-repeat 0 -4898px;} /* icon_plus.gif */
a.initDropEvent.expanded, a.initDropEvent.expanded:visited {background:url(/images/icon_minus.gif) no-repeat left .2em;}

/* error boxes */
.error, .emphasis {color:#EE5D00;}

div.error {margin:.5em 0; padding:13px 15px 13px 45px; border:2px solid #FC0; color:#EE5D00; line-height:1.5em; background:#FFD url(/images/spriteImage.gif) no-repeat 10px -5290px;} /* icon_error.gif */
* html div.error {background-position: 10px -5290px;} 

	div.error ul {list-style-image:none; list-style:square; margin:0; padding:0 0 0 2.7em;}
		.login td.first div.error ul {padding-left:0;}

	div.error a {color:#EE5D00;}
	div.error a:hover {color:#039;}
	
	div.error ul li {list-style-image:none; list-style:square;}
	div.error ul li {list-style-image:none; list-style:square;}
	div.error ul.validation {list-style:none; padding-top:.24em; }
	div.error ul.validation li {list-style:none; margin:.5em 0 0; padding:0 0 0 1.99em; font-weight:bold; background:url(/images/spriteImage.gif) no-repeat .1em -1978px;} /* icon_error_small.gif */
		* html div.error ul.validation li {margin-top:.52em;}
		*:first-child+html div.error ul.validation li {margin-top:.52em;}

	div.error ul.action {padding-bottom:1.3em; padding-top:.5em;}
	div.error ul.action li {padding:0 .3em 0 0; margin:0; font-weight:normal;}
	div.error ul.action a {text-decoration:underline; background:url(/images/spriteImage.gif) 0 -796px no-repeat;} /* icon_arrow.gif */
	div.errorclean {margin:.5em 0; padding:1.2em .6em 1.3em 45px; color:#333; background:url(/images/spriteImage.gif) no-repeat 10px -5290px;} /* icon_error.gif */
		div.errorclean em {font-weight:bold; color:#F60;}
		div.errorclean.nospace {background-position:10px 0; padding-top:0; padding-bottom:.5em;}

	.errorDrop {margin-top:.5em;}
	.errorDrop ul.suggestions {margin-top:5px;}
	.errorDrop ul.suggestions ul {padding:0; list-style-image:none; list-style:none;}
	.errorDrop a.initDropEvent, .errorDrop a.initDropEvent:visited {color:#EE5D00;}
	.suggestions .suggestionsSubtableCol1 {padding-left:1.5em;}
	.suggestions .suggestionsSubtableCol2 {padding-left:3em;}

div.success {margin:.5em 0; padding:13px 15px 15px 41px; border:2px solid #20BA00; color:#317B26; background:#EAFFEA url(/images/spriteImage.gif) no-repeat 10px -2090px;} /* icon_success.gif */
	* html div.success {padding-bottom:14px;}
	*:first-child+html div.success {padding-bottom:14px;}

	div.successclean {margin:.5em 0; padding:1.29em .6em 1.3em 41px; color:#333; background:url(/images/spriteImage.gif) no-repeat 10px -2089px !important;} /* icon_success.gif */
		div.successclean em {font-weight:bold; color:#317B26;}

/* IMPORTANT: All HR must follow this convention: <div class="hr"><hr></div> */

/* HR: solid line, divides different sections of a page */
.hr {text-align:left; height:1px; border:0; background-color:#DDD; color:#DDD; width:100%;}

/* HR: solid yellow line, divides different sections of error box */
.error-hr {text-align:left; margin:1em 0; height:1px; border:0; background-color:#FFD58C; color:#FFD58C; width:100%;}

/* HR: dotted line, divides similar sections of a page */
.dotted-hr {margin:10px 0; height:5px; width:99.5%; background:url(/images/hr_dotted.gif) repeat-x;}
	* html tr td .dotted-hr {width:auto;}
	*:first-child+html tr td .dotted-hr {width:auto;}

.hr hr, .dotted-hr hr, .error-hr hr {display:none;} /* IE hack to cancel default MARGIN on HR */

/* need to use images; standard bullets can't be a different color than the text; sprite images do not work as list-style-image in Safari */
.content ul, .footer ul, .leftcol ul.pub-left-nav {list-style-image:url(/images/bullet_squareMOZ.gif); padding:0 0 10px 18px;} /* bullet_squareMOZ.gif */
	* html .content ul, * html .footer ul,* html .leftcol ul.pub-left-nav {list-style-image:url(/images/bullet_squareIE.gif);} /* bullet_squareIE.gif */
	*:first-child+html .content ul, *:first-child+html .footer ul, *:first-child+html .leftcol ul.pub-left-nav {list-style-image:url(/images/bullet_squareIE.gif);} /* bullet_squareIE.gif */
	@media all and (min-width: 0px) {
             body:not(:root:root) .content ul { list-style-image:url(/images/bullet_squareIE.gif); }
    }
	@media all and (min-width: 0px) {
             body:not(:root:root) .footer ul { list-style-image:url(/images/bullet_squareMOZ.gif); }
    }
	@media all and (min-width: 0px) {
             body:not(:root:root) .leftcol ul.pub-left-nav  { list-style-image:url(/images/bullet_squareMOZ.gif); }
    }
	body:last-child:not(:root:root) .content ul, body:last-child:not(:root:root) .footer ul, body:last-child:not(:root:root) .leftcol ul.pub-left-nav {list-style-image:url(/images/bullet_squareIE.gif);}
	.content ul li ul { padding-top: 1.2em;}
	
.content .axial ul {padding-bottom:0;}
.content ul li, .footer ul li {padding-bottom:.4em;}

ul.actionlink, ul.actionlink2, ul.actiontext {margin:1em 0; padding:0;}
ul.actionlink li, ul.actionlink2 li, ul.actiontext li {list-style-type:none; list-style-image:none; margin:.52em 0;}

ul.actionlink li a, ul.actiontext li, td.actionlink a {padding-left:19px; background:url(/images/spriteImage.gif) no-repeat 0 -419px;} /* icon_arrowbox.gif */
ul.actionlink li a, td.actionlink a {display:inline-block;}
ul.actionlink li.disabled {padding-left:19px; background:url(/images/icon_arrowbox_disabled.gif) no-repeat 0 1px; display:inline-block;}

ul.actiontext li.message {background: url(/images/spriteImage.gif) -6px -740px no-repeat; padding-left: 20px;} /* icon_email.gif */

form.authenticated ul.actiontext li a { font-weight: bold; }

div.gutter ul.actiontext li { display: block; }

.leftcol ul.actionlink, .leftcol ul.actionlink2, .leftcol ul.actiontext {margin-left:0;}
ul.actionlink li.back a, ul.actiontext li.back {background:url(/images/spriteImage.gif) 0 -539px no-repeat;} /* icon_arrowbox_back.gif */
	.fontlarger ul.actionlink li.back a, .fontlarger ul.actiontext li.back {background-position: 0 -539px !important;}
	.fontlargest ul.actionlink li.back a, .fontlargest ul.actiontext li.back {background-position: 0 -539px !important;}
.leftcol ul.actionlink li.back {margin-bottom:10px;}
	* html .leftcol ul.actionlink li.back {margin-bottom:11px;}
	*:first-child+html .leftcol ul.actionlink li.back {margin-bottom:11px;}
ul.actionlink li a, ul.actionlink2 li a, ul.actionlink li a:visited, ul.actionlink2 li a:visited, ul.actionlink li a:hover, ul.actionlink2 li a:hover  {text-decoration:underline; }

.fontlargest ul.actionlink li  a { font-size: .9em; }

ul.actionlink li.pub-selected {font-weight: bold; color: #7c7c7c; background:url(/images/icon_arrowbox_grey.gif) no-repeat 0 1px; padding-left: 19px;}

/*Test styles for replacing doPostBack links with <button>s */
ul.actionlink button.link-submit, ul.actionlink input.link-submit {padding:0 0 0 19px; background:url(/images/spriteImage.gif) no-repeat 0 -419px;} /* icon_arrowbox.gif */
	.fontlarger ul.actionlink button.link-submit, .fontlarger ul.actionlink input.link-submit {background-position: 0 -417.5px !important;}
	.fontlargest ul.actionlink button.link-submit, .fontlargest ul.actionlink input.link-submit {background-position: 0 -416px !important;}
	body.fontlarger:last-child:not(:root:root) ul.actionlink button.link-submit, body.fontlarger:last-child:not(:root:root) ul.actionlink input.link-submit {background-position: 0 -420px !important;}
	body.fontlargest:last-child:not(:root:root) ul.actionlink button.link-submit, body.fontlargest:last-child:not(:root:root) ul.actionlink input.link-submit {background-position: 0 -420.5px !important;}
	@media all and (min-width: 0px) {
             body.fontlarger:not(:root:root) ul.actionlink button.link-submit, body.fontlarger:not(:root:root) ul.actionlink input.link-submit  { background-position: 0 -420px !important; }
    }
	@media all and (min-width: 0px) {
             body.fontlargest:not(:root:root) ul.actionlink button.link-submit, body.fontlargest:not(:root:root) ul.actionlink input.link-submit { background-position: 0 -420.5px !important; }
    }
	
ul.actionlink li.back button.link-submit, ul.actionlink li.back input.link-submit {background:url(/images/spriteImage.gif) no-repeat 0 -539px;} /* icon_arrowbox_back.gif */
	.fontlarger ul.actionlink li.back button.link-submit, .fontlarger ul.actionlink li.back input.link-submit {background-position: 0 -539px;}
	.fontlargest ul.actionlink li.back button.link-submit, .fontlargest ul.actionlink li.back input.link-submit {background-position: 0 -539px;}
	
/* action box: */
dl.actionboxlink, dl.actionboxtext {margin:1em .5em 1em 0;}
dl.actionboxlink dt a, dl.actionboxtext dt {padding-left:19px; background:url(/images/spriteImage.gif) 0 -420px no-repeat;} /* icon_arrowbox.gif */
	.fontlarger dl.actionboxlink dt a, .fontlarger dl.actionboxtext dt {background-position: 0 -418.5px !important;}
	.fontlargest dl.actionboxlink dt a, .fontlargest dl.actionboxtext dt {background-position: 0 -417px !important;}
dl.actionboxlink dd, dl.actionboxtext dd {margin:0; padding:.4em 0 .75em 19px;}
dl.actionboxlink img {padding-left:8em; float:right; margin-bottom:-5px;}
dl.borderedbox dl.actionboxlink dt {padding:0; border:none;}
dl.borderedbox dl.actionboxlink dd {padding-top:4px; padding-left:19px;}

/* icon list: */
ul.iconlist {margin:1em 0 1em 2em; padding:0;}
ul.iconlist li {padding-left:20px; list-style-type:none; list-style-image:none; margin:1em 0;}
ul.iconlist li.checks {background:url(/images/spriteImage.gif) no-repeat 0 -1420px;} /* icon_checks.gif */
ul.iconlist li.check {background:url(/images/icon_check.gif) no-repeat 0 0;}
ul.iconlist li.card {background:url(/images/spriteImage.gif) no-repeat 0 -4298px;} /* icon_card.gif */
ul.iconlist li.email {background:url(/images/spriteImage.gif) no-repeat 0px -737px;} /* icon_email.gif */
ul.iconlist li.phone {background:url(/images/spriteImage.gif) no-repeat 0 2px;} /* icon_phone.gif */
	@media all and (min-width: 0px) {
             body:not(:root:root) ul.iconlist li.phone {background-position: 0 0;}
    }
ul.iconlist li.statement {background:url(/images/spriteImage.gif) no-repeat 0 -1618px;} /* icon_statement.gif */
ul.iconlist li.online {background:url(/images/spriteImage.gif) no-repeat 0 -1718px;} /* icon_online.gif */
ul.iconlist li.calculator {background:url(/images/icon_calculator.gif) no-repeat 0 0;}
ul.iconlist li.money {background:url(/images/icon_money.gif) no-repeat 0 0;}
ul.iconlist li.alert {background:url(/images/icon_error_small.gif) no-repeat 0 0;}

/* action list: */
ul.action, ul.action2, ul.actionlisttext {margin:1em 0; padding:0;} /* action2 is deprecated, replaced with actionlisttext */
	.pub-site .leftcol ul.action { margin-bottom: 15px; }
div.error ul.action li, ul.action li, ul.action2 li, ul.actionlisttext li{list-style-type:none; list-style-image:none; margin:0;} /* action2 is deprecated, replaced with actionlisttext */
	.pub-site .leftcol ul.action li { margin-bottom: 5px;}
	.pub-site .leftcol ul.action li.pub-selected { background:url(/images/bullet_squareMOZ.gif) 0 .4em no-repeat; padding-left: 10px; color: #7c7c7c; }
	* html .pub-site .leftcol ul.action li.pub-selected { background:url(/images/bullet_squareMOZ.gif) 0 .45em no-repeat; }
	
ul.action li a, ul.action li a:visited, td.action a, td.action a:visited, td.action span.disabled {text-decoration:none; display:-moz-inline-block; display:inline-block; padding-left:10px; background:url(/images/spriteImage.gif) 0 -797px no-repeat;} /* icon_arrow.gif */ /* SPAN.disabled is laid out like an A */
	.fontlarger ul.action li a, .fontlarger ul.action li a:visited, .fontlarger td.action a, .fontlarger td.action a:visited, .fontlarger td.action span.disabled {background-position: 0 -795px;}
	.fontlargest ul.action li a, .fontlargest ul.action li a:visited, .fontlargest td.action a, .fontlargest td.action a:visited, .fontlargest td.action span.disabled {background-position: 0 -794.5px;}
	* html ul.action li a, * html ul.action li a:visited, * html td.action a, * html td.action a:visited  {background-position:0 -797px;}
	*:first-child+html ul.action li a, *:first-child+html ul.action li a:visited, *:first-child+html td.action a, *:first-child+html td.action a:visited  {background-position:0 -796px;}
		*:first-child+html .fontlarger ul.action li a, *:first-child+html .fontlarger ul.action li a:visited, *:first-child+html .fontlarger td.action a, *:first-child+html .fontlarger td.action a:visited  {background-position:0 -796px;}
		*:first-child+html .fontlargest ul.action li a, *:first-child+html .fontlargest ul.action li a:visited, *:first-child+html .fontlargest td.action a, *:first-child+html .fontlargest td.action a:visited  {background-position:0 -795px;}

ul.action li a:hover, td.action a:hover {text-decoration:underline;}
ul.action2 li, ul.actionlisttext li {padding-left:12px; background:url(/images/spriteImage.gif) 0 -797px no-repeat; display:inline-block;} /* icon_arrow.gif */ /* action2 is deprecated, replaced with actionlisttext */
	.fontlargest ul.action2 li, ul.actionlisttext li  {background-position: 0 -794.2px;}
	body:last-child:not(:root:root) ul.action2 li, body:last-child:not(:root:root) ul.actionlisttext li, body:last-child:not(:root:root) ul.actiontext li  { display:block; } /* safari 2.0 does not format these correctly with inline-block */
	@media all and (min-width: 0px) {
             body:not(:root:root) ul.action2 li { display:block; } /* safari 3.0 does not format these correctly with inline-block */
			 }
	@media all and (min-width: 0px) {
             body:not(:root:root) ul.actionlisttext li { display:block; } /* safari 3.0 does not format these correctly with inline-block */
			 }
	@media all and (min-width: 0px) {
             body:not(:root:root) ul.actiontext li { display:block; } /* safari 3.0 does not format these correctly with inline-block */
			 }
/* single action, not a list */
a.actionSingle {text-decoration:underline; font-weight:bold; padding-left:10px; background:url(/images/icon_arrow.gif) no-repeat; background-position:0 .3em;}
	* html a.actionSingle {background-position:0 .4em;}
	*:first-child+html a.actionSingle {background-position:0 .39em;}

/* action list with no bullets: */
ul.none {margin:1em 0; color:#999; padding:0;}
ul.none li {list-style:none; list-style-image:none; margin:.5em 0;}
ul.none li a, ul.none li a:visited {text-decoration:none;}
ul.none li a:hover {text-decoration:underline;}

/* regular UL with no bullets: */
ul.clean {margin:0; padding:0; color:#666;}
ul.clean li {list-style:none; list-style-image:none; line-height:1.5em;}
ul.clean li a, ul.clean li a:visited {text-decoration:none;}
ul.clean li a:hover {text-decoration:underline;}

/* instruction list: */
ol.instructions {font-weight:bold; margin-left:4em;}
ol.instructions li span.itemcontent {font-weight:normal;}
ol.instructions li h3 {margin:0; padding-bottom:.3em;}

/* glossary */
#glossarySummary {width: 66em;}
.glossary-detail {width: 46em;}
.glossary-detail p {font-size: 1.2em; line-height: 1.3em;}
ol.glossary {margin:0; padding:0;}
ol.glossary li {display:inline; list-style:none; margin-right:13px; color:#7C7C7C;}
ol.glossary li a {text-decoration:none; font-weight:bold;}
ol.glossary li a:hover {text-decoration:underline;}

dl.glossary-list {margin:1.5em 0 0 1.9em;}
dl.glossary-list dt {margin:0; line-height:2em;}
dl.glossary-list dt a {text-decoration:none; font-size: 1.2em;}
dl.glossary-list dt a:hover {text-decoration:underline;}

ul.faq-list li a {text-decoration:none;}
ul.faq-list li a:hover {text-decoration:underline;}

/* disclosures */
div.disclosures {width:100%;}
div.disclosures table {width:100%;}
div.disclosures table td {padding:.4em 1.7em 1em 0;}
div.disclosures .error {margin-left:1.4em; margin-right:1.4em;}
div.disclosures p {margin-left:.9em; margin-top:0 !important;}
div.disclosures .disclosureform {margin-left:3.4em;}
div.disclosures input {position:relative; margin-left:-1.6em;}
	* html div.disclosures input {margin-left:-2em;}
	*:first-child+html div.disclosures input {margin-left:-2em;}
div.disclosures div.econsent {width:48em; border:1px solid #999; overflow:auto; height:12em; overflow-x:hide;}
div.disclosures div.econsent .hidewheninline {display:none;} /* hide when content is inside scrollable div rather than separate window */
.showwheninline {display:none;} /* hide when content is in a separate window */
div.disclosures div.econsent .showwheninline {display:block;} /* show when content is inside scrollable div rather than separate window */
div.disclosures .econsentsection {width:48em; padding:1em 0 1em 0; background:#E5E5E5; border:1px solid #999; border-top:0;}
.showwhendisabled {display:none;}
.showwhendisabled.show {display:block;}

	
/* disclosures JavaScript disabled version */
div.disclosures .disclosureformnoscript {margin-left:1.7em;}
div.disclosures .disclosureformnoscript input.btn {margin:.5em 0 1.5em 0 !important;}
div.disclosures .disclosureformnoscript p {color:#7C7C7C; font-weight:bold; margin-left:0;}

/* disclosures action links: */
div.disclosures table td.econsent {margin:0; font-weight:bold; background:#FFF url(/images/hr_disclosures.gif) 1.7em bottom no-repeat;}
div.disclosures table td.action {margin:0 0 0 .4em; background:#FFF url(/images/hr_disclosures.gif) 1em bottom no-repeat;}
.fontlarger div.disclosures table td.action, .fontlarger div.disclosures table td.econsent {background:#FFF url(/images/hr_disclosures_fontlarger.gif) 1em bottom no-repeat;}
.fontlargest div.disclosures table td.action, .fontlargest div.disclosures table td.econsent {background:#FFF url(/images/hr_disclosures_fontlargest.gif) 1em bottom no-repeat;}
div.disclosures table td.econsent {width:auto;}
	* html div.disclosures table td.econsent {width:2%;} /*IE6: expand the TD with the econsent link*/
	*:first-child+html div.disclosures table td.econsent {width:2%;} /*IE7: expand the TD with the econsent link*/
div.disclosures table td.callAction {color:#999; text-align:right; white-space:nowrap; vertical-align:bottom; width:1%;}
div.disclosures table td.callAction a, div.disclosures table td.action a {text-decoration:none; background-color:#fff !important;}
div.disclosures table td.action a, div.disclosures table td.action span.disabled {font-weight:bold;}
div.disclosures table td.callAction a:hover, div.disclosures table td.action a:hover, div.disclosures table td.econsent a:hover {text-decoration:underline;}
div.disclosures table td.callAction a.disabled:hover, div.disclosures table td.action a.disabled:hover, div.disclosures table td.econsent a.disabled:hover {text-decoration:none;}
div.disclosures table td.callAction b {margin:0 .2em; color:#CCC;}

/* view check: */
.viewCheck, button.viewCheck span, input.viewCheck span {padding-left:20px; background:url(/images/spriteImage.gif) 0 -160px no-repeat;} /* icon_viewCheck.gif */

/********************************************/

/* STRUCTURAL GRID

- These styles set the main spacing blocks for the header, body, left nav, content, and footer areas.
- Avoid making changes here unless you really know what you're doing!

*/

/* header */
.header {zoom:1;}

/* body: minimum height so that pages look good when content height is less than left nav height */
.body {float:left; width:69em; min-height:500px;}
	* html .body {height:500px;} /* IE 6 ONLY hack */
.body.wide {width:auto;}
.fixedcontainer {width:535px;} /* used to set a fixed size of some of the content inside a body.wide container */
.gutter {width:67em;}
.body.leftcolexpanded {background:url(/images/background_leftcol_expanded.gif) repeat-y; min-height:800px; clear: left;}
	* html .body.leftcolexpanded {height:800px;} /* IE 6 ONLY hack */
.body.leftcolclean, div.pub-site {background-image:none !important;}

.content {padding-bottom:80px; zoom:1; /* padding-top:1.3em; *padding-top:0; -- THIS ONLY FIXES THE PRODUCT DETAIL PAGE */}
.wmi-content {padding-bottom:145px;}
.gutter .content, .gutter .wmi-content {margin-left:30px;}
.leftcolexpanded .content {width:auto; margin-left:230px;}
.pub-site .content { margin-left: 245px; }
.splasherror {padding-bottom:200px;}

/* overrides for application pages */
.application .body {margin:0; min-height:700px;}
	* html .application .body {height:700px;} /* IE 6 ONLY hack */
.application .content {padding-top:70px;}
.application .content {padding-top:70px;}
	html:not([lang*=""]) .fontlarger.application .content {padding-top:80px;}
	html:not([lang*=""]) .fontlargest.application .content {padding-top:90px;}
	* html .application .content {padding-top:80px;}
	*:first-child+html .application .content {padding-top:80px;}

.application .gutter .content {padding-top:1em;}

/* override for popup */
body.popup {min-width:300px;}
body.popup h1 {white-space:normal;}
body.popup .body {width:auto; padding-right:0;}
body.popup .body .dotted-hr hr {display:block; border:none; color:#fff;} /* hidden HR doesn't work when body width is auto. Show HR, set border/color instead */
body.popup .subheader {margin: 0 0 2em 13px;}
body.popup .utilitynav {padding:10px; margin-left:0;}
body.popup .utilitynav a.print, body.popup .utilitynav a.close {padding-top:3px; padding-bottom:4px;}
body.popup .utilitynav.bottom {margin-bottom:5em;}
body.popup .content {margin-left: 15px; padding-right:10px;}

/* override for disclosure popup */
.disclosurepopup .header .hr {clear:both; border-top:4px solid #C2C2C2; height:10px; background:#D8D8D8;}
.disclosurepopup .subheader {padding-top:1.5em; padding-bottom:.5em; border-bottom:1px solid #ddd;}
.disclosurepopup .pagelogo {margin-bottom:15px;}
	* html .disclosurepopup .utilitynav {margin-top:-52px;}
	*:first-child+html .disclosurepopup .utilitynav {margin-top:-52px;}

/* top spacing for pop up windows */
.containerpopup {margin-top: 15px;}

/* overrides for please wait page with only animated gif */
body.please_wait {margin:0; padding:0; background:#EEE; min-width:69em;}
.please_wait .content {text-align:center; margin:0; padding:0; margin-top:15em;}
.please_wait .content h1 {font:bold 1.4em tahoma,geneva,sans-serif; color:#333;}
.please_wait .content h1.no-img {font:2.2em tahoma,geneva,sans-serif; color:#666;}
.please_wait .content img {padding-top:1.5em;}
.please_wait .content p {padding-top:.8em; font:bold 1.4em tahoma,geneva,sans-serif; color:#666;}

/* overrides for cms pages */
.cmscontent .pdMenu {width:21.5em; margin-left:19px;}
.cmscontent .pdDetail {margin-top:0;}
.cmscontent .pdDetail ul {margin-left:30px;}
.cmscontent .pdDetail ul.actionlink {margin-left:0;}

/********************************************/

/* HEADER */

/* logo includes text for screen readers - move it off the screen so it doesn't display */
.pagelogo {margin:15px 0 0 15px;}
.pwlogo	{margin:0; padding:15px 0 13px 15px; border-bottom:solid 1px #D8D8D8; background-color:#FFF;}

/* utility nav */
.utilitynav {font-size:.9em;position:relative; float:right; margin:-35px 0 0 400px; width:36em; text-align:right; color:#999; padding:0 15px 5px 0;}
	body:last-child:not(:root:root) .utilitynav { width: auto; margin-left: 0; }
	.wmi-nav { width: 57em; margin-top: -45px; }
	
.utilitynav a, .utilitynav .link-submit {font-weight:bold; padding:0 .45em; text-decoration:none;}
.utilitynav .link-submit {padding:0; font-size:1em; width:5.8em;}
	* html .utilitynav .link-submit {width:6.1em;}
	*:first-child+html .utilitynav .link-submit {width:6.1em;}
.utilitynav .link-submit span {padding:0 2px 0 0; text-decoration:none;}
.utilitynav a:hover, .utilitynav .link-submit:hover {text-decoration:underline;}
.utilitynav a.cancel {font-weight:bold; padding-left:16px; background:url(/images/spriteImage.gif) 0 -540px no-repeat;} /* icon_arrowbox_back.gif */
	.fontlarger .utilitynav a.cancel {background-position: 0 -540px;}
	.fontlargest .utilitynav a.cancel {background-position: 0 -540px;}
.utilitynav input.cancel, .utilitynav button.cancel {font-weight:bold; padding-left:14px; background:url(/images/spriteImage.gif) no-repeat 0 -539px;} /* icon_arrowbox_back.gif */
	.fontlarger .utilitynav input.cancel, .utilitynav button.cancel {background-position: 0 -539px;}
	.fontlargest .utilitynav input.cancel, .utilitynav button.cancel {background-position: 0 -539px;}
	* html .utilitynav input.cancel {padding:5px 0 3px 15px; background-position: 0 -535px; position: absolute; right: 11em;}
		* html .fontlarger .utilitynav input.cancel {background-position: 0 -533px;}
		* html .fontlargest .utilitynav input.cancel {background-position: 0 -531px;}
	*:first-child+html .utilitynav input.cancel {position: absolute; right: 11em; margin-top: 5px;padding-left: 16px; background-position: 0 -540px;}
		*:first-child+html .fontlarger .utilitynav input.cancel {background-position: 0 -538px;}
		*:first-child+html .fontlargest .utilitynav input.cancel {background-position: 0 -536px;}
	@media all and (min-width: 0px) {
             body:not(:root:root) .utilitynav button.cancel {background-position: 0 -540px;}
    }

.utilitynav a.close, .utilitynav input.close, .utilitynav button.close {font-weight:bold; padding-left:17px; margin-left:3px; background:url(/images/spriteImage.gif) no-repeat 0 -2698px;} /* icon_close.gif */
.utilitynav a.print, .utilitynav input.close {font-weight:bold; padding-left:19px; background:url(/images/spriteImage.gif) no-repeat 0 -238px;} /* icon_print.gif */

.utilitynav .search {position:absolute; right:15px; top:1.2em; text-align:right; margin-top:8px;}
.utilitynav .search input {margin-left:5px;}
#searchfield {height:1.3em;}

/* font sizer */
.fontsizer {color:#666; display:inline;margin-left:.6em; line-height:.1;}
	* html .fontsizer {line-height: normal; }
	*:first-child+html .fontsizer { line-height: normal; }

.fontsizer a {padding:0 0 .6em .3em; font-weight:bold;}
.fontsizer a.selected {cursor:default; color:#999; text-decoration:none; background:url(/images/spriteImage.gif) no-repeat;} /* font_selector_arrow.gif */
.fontsizer a.selected:hover {text-decoration:none;}

.fontsizer a.selectfontnormal.selected {background-position:.2em -570px;}
	* html .fontsizer a.selectfontnormal {background-position:.19em -570px;}
	*:first-child+html .fontsizer a.selectfontnormal.selected {background-position:.28em -570px;}
.fontsizer a.selectfontlarger.selected {background-position:.4em -564px;}
	* html .fontsizer a.selectfontlarger {background-position:.34em -564px;}
	*:first-child+html .fontsizer a.selectfontlarger.selected {background-position:.34em -564px;}
.fontsizer a.selectfontlargest.selected {background-position:.45em -559px;}
	* html .fontsizer a.selectfontlargest {background-position:.45em -559px;}
	*:first-child+html .fontsizer a.selectfontlargest.selected {background-position:.45em -559px;}

.selectfontnormal {font-size:.9em;}
.selectfontlarger {font-size:1.2em;}
.selectfontlargest {font-size:1.5em;}

/* font sizer non-JS */
.fontsizerNoJS, .fontsizerNoJS fieldset {display:inline; vertical-align:middle;}
.fontsizerNoJS input {display:inline; margin-top:-8px; background-color:#FFF; color:#039;}
.fontsizerNoJS a.selectfontnormal {font-size:.8em;}
.fontsizerNoJS a.selectfontlarger {font-size:1.2em;}
.fontsizerNoJS a.selectfontlargest {font-size:1.6em;}
.fontsizerNoJS .selected {background-color:#CCC;}

/* overides for application pages */
.application .header .hr {clear:both; border-top:4px solid #C2C2C2; height:10px; background:#D8D8D8;}
.application .pagelogo {margin-bottom:15px;}
.application .utilitynav {padding-bottom:15px; margin-top:-38px;}
	* html .application .utilitynav {margin-top: -40px;}
	*:first-child+html .application .utilitynav {margin-top:-40px;}

/********************************************/

/* TABS NAVIGATION */

/* MAIN class is for the top level navigation tabs */
/* INPAGE class is for the content area tabs */

/* default containers */
.tabs-container {border:1px solid #999 !important; z-index:10;}

	/* over-rides for elements/items inside tabs-container */
	.tabs-container p,
	.tabs-container ul,
	.tabs-container .indent,
	.tabs-container .forminstruction,
	.tabs-container .formsteps,
	.tabs-container ol,
	.tabs-container .formnav div,
	.tabs-container .formfooter .right,
	.tabs-container h2,
	.tabs-container .footnote p,
	.tabs-container h3 {margin:10px !important; zoom:1;}
	
		* html .tabs-container .forminstruction {padding-bottom:1em;}
	
	.tabs-container .footnote p {padding-left:1em;}
	.tabs-container .footnote p span.footnum {padding-left:-1em;}
	
	.tabs-container .indent {padding:0;}
	.tabs-container .clear {zoom:1;}

	.tabs-container .formfooter .left {margin-left:10px;}
		* html .tabs-container .formfooter .left {margin:10px;}
		*:first-child+html .tabs-container .formfooter .left {margin:10px;}

		* html .tabs-container .formfooter .formsteps,
		* html .tabs-container .formfooter .right {display:inline; width:100%;}
		*:first-child+html .tabs-container .formfooter .formsteps,
		*:first-child+html .tabs-container .formfooter .right {display:inline; width:100%;}

	.tabs-container .payContainer {margin-bottom:1.4em;}
		* html .tabs-container .payContainer {margin-bottom:0;}
		*:first-child+html .tabs-container .payContainer {margin-bottom:0;}
	.tabs-container .payFrom {float:left; margin:0 0 10px 10px;}
	.tabs-container .availAmnt {float:left; white-space:nowrap; margin:2px 0 10px 2em; zoom:1;}
	.tabs-container .form {width:100%;}

/* print style */
.tabs-container h4.printHdr {display:none; font-size:1em; font-weight:bold; color:#5A5A5A; padding:6px 12px; width:14em; margin-top:.5em; border:solid #999; border-width:1px 1px 0;}

ul.tabs {position:relative; margin-bottom:-1px; padding:0; zoom:1;}
ul.main {padding-left:15px;}
	* html ul.main {width:69em;}
	*:first-child+html ul.main {width:69em;}

.tabs li {font-weight:bold; display:inline-block; display:-moz-inline-stack; vertical-align:bottom; zoom:1;}
	* html .tabs li {margin-right:4px; display:inline;}
	*:first-child+html .tabs li {margin-right:4px; display:inline;}
	
/* "roll-over" states */
.tabs a {position:relative;}
.tabs a:active {outline:none;}
.tabs li a, .tabs li a:visited {color:#7C7C7C; display:block; display:inline-block; vertical-align:bottom; text-decoration:none;}
.tabs li a, .tabs li a:visited {white-space:nowrap; background:#FFF; display:block; vertical-align:text-top;}
.tabs.main li a, .tabs.main li a:visited {padding:4px 13px;}
.tabs.inpage li a, .tabs.inpage li a:visited {padding:4px 9px;}

.tabs li a:hover {color:#555; background:#EEE;}

ul.tabs.inpage {white-space:nowrap; z-index:100;}
ul.tabs.main li {border:1px solid #CCC;}
ul.tabs.inpage li {border:1px solid #999; padding-bottom:0;}

/* tab widths */
.main a, .main a:visited {width:13.2em;}
	* html .main a, * html .main a:visited {width:11.1em;}
	*:first-child+html .main a, *:first-child+html .main a:visited {width:11.1em;}
	body:last-child:not(:root:root) .main a, body:last-child:not(:root:root) .main a:visited {width:11.1em;}
	@media all and (min-width: 0px) {
             .main a {width:11.1em;}
    }
	@media all and (min-width: 0px) {
             .main a:visited {width:11.1em;}
    }

	/*tab width for commercial site first tab in FF */
	.comm-tabs:first-child a { width: 14.3em; }

	/* tab widths for WMI tabs */
	.main .medium-tab a { width: 14em; }
		* html .main .medium-tab a { width: 11.9em; }
		*:first-child+html .main .medium-tab a { width: 12.46em !important; }
		@media all and (min-width:0px) {
			body:not(:root:root) .main .medium-tab a  { width: 12.04em; }
		}
		body:last-child:not(:root:root) .main .medium-tab a { width: 12.04em; }
		
	.main .wide-tab a { width: 20em; }
		* html .main .wide-tab a { width: 17em; }
		*:first-child+html .main .wide-tab a { width: 17.8em !important; }
		@media all and (min-width:0px) {
			body:not(:root:root) .main .wide-tab a  { width: 17.2em; }
		}
		body:last-child:not(:root:root) .main .wide-tab a { width: 17.2em; }
	
.inpage a, .inpage a:visited {width:auto;}
	* html .inpage a, * html .inpage a:visited {float:left;}
	*:first-child+html .inpage a, *:first-child+html .inpage a:visited {float:left;}

/* "secure" padlock */
.tabs li.secure a, .tabs li.secure a:visited {padding-right:15px; background:url(/images/spriteImage.gif) 10.19em -37px no-repeat;} /* icon_nav_lock.gif */
	.fontlarger .tabs li.secure a, .fontlarger .tabs li.secure a:visited {background-position: 10.19em -35px;}
	.fontlargest .tabs li.secure a, .fontlargest .tabs li.secure a:visited {background-position: 10.19em -33.3px;}
	body:last-child:not(:root:root) .tabs li.secure a, body:last-child:not(:root:root) .tabs li.secure a:visited {background-position: 10.19em -37px;}
	body.fontlarger:last-child:not(:root:root) .tabs li.secure a, body.fontlarger:last-child:not(:root:root) .tabs li.secure a:visited {background-position: 10.19em -36px;}
	body.fontlargest:last-child:not(:root:root) .tabs li.secure a, body.fontlargest:last-child:not(:root:root) .tabs li.secure a:visited {background-position: 10.19em -36px;}
.tabs li.secure a:hover {background:#EEE url(/images/spriteImage.gif) 10.19em -37px no-repeat;} /* icon_nav_lock.gif */
	.fontlarger .tabs li.secure a:hover {background-position: 10.19em -35px;}
	.fontlargest .tabs li.secure a:hover {background-position: 10.19em -33.3px;}
	body:last-child:not(:root:root) .tabs li.secure a:hover {background-position: 10.19em -37px;}
	body.fontlarger:last-child:not(:root:root) .tabs li.secure a:hover {background-position: 10.19em -36px;}
	body.fontlargest:last-child:not(:root:root) .tabs li.secure a:hover {background-position: 10.19em -36px;}

/* "selected" state */
.tabs li.selected {border-bottom:1px solid #E5E5E5 !important;}
.tabs.inpage li.selected {border-bottom:1px solid #FFF !important;}

.tabs li.selected a, .tabs li.selected a:visited, .tabs li.selected a:hover {background-color:#E5E5E5; color:#5A5A5A;}
.tabs.inpage li.selected a, .tabs.inpage li.selected a:visited, .tabs.inpage li.selected a:hover {background-color:#FFF; color:#333;}

/********************************************/

/* TOP NAV */

/* DO NOT CHANGE Z-INDEX!!!!!!!!!!!!!!!! */
.topnav {clear:both; position:relative; margin-top:15px; z-index:1000; zoom:1;}

/* dropdown nav */
.dropnav-container {width:100%; float:left; background:#E5E5E5; border:solid #CCC; border-width:1px 0;}
	body:last-child:not(:root:root) .dropnav-container { position: relative; }
	* html .dropnav-container {margin-bottom:1px;}
	
/* action links and action text: */
	body.fontlargest .topnav .dropnav-container {font-size:.95em !important;}

.dropnav-container.nonav {height:0.5em; font-size:2px; height:3px;}

	ul.dropnav {position:relative; width:84.5em; padding:0; margin-left:19px; display:inline; float:left; font-size:.9em; line-height:1; font-weight:bold;}
	
	/* top level */
	.dropnav li {float:left; list-style:none; display:inline; margin-left:0;}
	.dropnav li:hover, .dropnav li.sfhover {color:#FFF; background:#4C77B3; }
		.dropnav a, .dropnav a:visited, .dropnav li.disabled {display:block; color:#5A5A5A; text-decoration:none !important; padding:.55em .92em;} /* apply padding to li.disabled, because disabled nav links should not contain an anchor */
			*html .dropnav a, *html .dropnav a:visited  { padding:.56em .92em;}
			*:first-child+html .dropnav a, *:first-child+html .dropnav a:visited  { padding:.56em .92em;}
		.dropnav>a:hover { color: #fff; } /* color change only for CSS2-compliant browsers */
		.dropnav li.sfhover a {background:#4C77B3;}
		.dropnav li.sfhover li a {background:transparent;}
	.dropnav a.offer {padding-top:0.7em; width: 16.2em; padding-bottom: 0.6em; padding-left: 35px !important; padding-right: 0px !important; background:transparent url(/images/spriteImage.gif) no-repeat scroll 7px -2897px !important;}

	/* secondary level */
	.dropnav li li {margin:0; padding-right:1.4em; width:18.69em; background:#FFF; line-height:1em; font-size:1.1em;}
		* html .dropnav li li {padding-right:.51em;}
	.dropnav li li:hover, .dropnav li li a:hover, .dropnav li li.sfhover {background:#CDE;}
	.dropnav li li:hover {width:18.7em;}
		* html .fontlargest .dropnav li li ul li:hover {width:18.69em;}
		*:first-child+html .fontlargest .dropnav li li ul li:hover {width:18.69em;}
	
	.dropnav li li a:hover { color: #039; text-decoration: underline !important; }
	.fontlargest .dropnav li li:hover {width:18.72em;}
		* html .dropnav li li:hover {width:18.72em;}
		*:first-child+html .dropnav li li:hover {width:18.72em;}

	.fontlarger .dropnav a.offer {width:16.7em;}
 	.fontlargest .dropnav a.offer {width:17em;}
		
	.dropnav li li.div {color:#DDD; background:#DBDBDB; padding:0 .45em; border:solid #FAFCFF; border-width:5px .27em; padding-left:.4em;}
		* html .dropnav li li.div {padding:0 4px; padding-left:.4em;}
	.dropnav li li a.arrow {background:url(/images/spriteImage.gif) no-repeat;} /* icon_dropnavarrow.gif */
	.dropnav li li.sfhover a.arrow {color:#039; text-decoration:underline; background:url(/images/spriteImage.gif) no-repeat;} /* icon_dropnavarrow.gif */
		.fontnormal .dropnav li li a.arrow, .fontnormal .dropnav li li.sfhover a.arrow  {background-position: 100% -673px;}
		.fontlarger .dropnav li li a.arrow, .fontlarger .dropnav li li.sfhover a.arrow  {background-position: 100% -672px;}
		.fontlargest .dropnav li li a.arrow, .fontlargest .dropnav li li.sfhover a.arrow  {background-position: 100% -671px;}
	.dropnav li.sfhover a, .dropnav li.sfhover li.sfhover a, .dropnav li.sfhover li.sfhover li.sfhover a  {color:#039; text-decoration:underline;}
	.dropnav li.sfhover li a, .dropnav li.sfhover li.sfhover li a   {color:#5A5A5A; text-decoration:none;}
	
	.dropnav li.disabled {background:none !important; color:#999; width:16.2em;} /*don't change the color or background for disabled nav items on hover*/

	/* tertiary level and beyond */
	* html .dropnav li li ul li:hover {width:18.69em;}
	*:first-child+html .dropnav li li ul li:hover {width:18.69em;}

	.dropnav li ul {position:absolute; border:1px solid #CCC; left:-999em; height:auto; width:22.09em; font-weight:normal; margin:-2px 0; padding:0; background:#FAFCFF;}
		* html .dropnav li ul {width:20em;}
		* html .dropnav li li ul li {width:18.69em;}
		*:first-child+html .dropnav li li ul li {width:18.69em;}

	.dropnav li ul ul {margin:-2.1em 0 0 20.1em;}
		* html .dropnav li ul ul {margin:-2.1em 0 0 19.9em;}
	.dropnav li ul li {background:#FAFCFF;}
	.dropnav ul li ul {width:20.1em;}
		* html .dropnav ul li ul {width:0;}
	.dropnav ul li ul li {font-size:1em;}
	.dropnav li ul a {width:17.6em; background:#FAFCFF;}
	.dropnav li:hover ul ul, .dropnav li:hover ul ul ul, .dropnav li.sfhover ul ul, .dropnav li.sfhover ul ul ul {left:-999em;}
	.dropnav li:hover ul, .dropnav li li:hover ul, .dropnav li li li:hover ul, .dropnav li.sfhover ul, .dropnav li li.sfhover ul, .dropnav li li li.sfhover ul {left:auto;}

	.dropnav li li:hover ul, .dropnav li li.sfhover ul {left:-999em;}
	.dropnav li li.opennav ul {left:auto;}
	
	/* when nav opens left */	
	.dropnav .navLeft li ul { margin-left: -20.25em;}
	
/* custom styles for personal/business drop down */
.dropnav .custom {margin-top:.2em;}
.dropnav li.custom a, .dropnav li.custom a:visited {padding:.3em 2.5em .3em .4em; color:#666;}
	* html .dropnav li.custom a, * html .dropnav li.custom a:hover, * html .dropnav li.custom a:visited {padding:.3em 2.5em .2em .4em; display:inline;}
	*:first-child+html .dropnav li.custom a, *:first-child+html .dropnav li.custom a:hover, *:first-child+html .dropnav li.custom a:visited {padding:.3em 2.5em .2em .4em; display:inline;}
.dropnav li.custom a:hover {color:#666; background:#FFF url(/images/spriteImage.gif) no-repeat;} /* icon_arrowDownON.gif */
	.fontnormal .dropnav li.custom a:hover {background-position: 100% -640px;}
	.fontlarger .dropnav li.custom a:hover {background-position: 100% -638px;}
	.fontlargest .dropnav li.custom a:hover {background-position: 100% -637px;}
	* html .topnav .dropnav li.custom .customSelect a:hover {background:#FFF url(/images/spriteImage.gif) no-repeat;} /* icon_arrowDownOn_IE.gif */
		*html .fontnormal .topnav .dropnav li.custom .customSelect a:hover {background-position: 100% -2501px;}
		*html .fontlarger .topnav .dropnav li.custom .customSelect a:hover {background-position: 100% -2499px;}
		*html .fontlargest .topnav .dropnav li.custom .customSelect a:hover {background-position: 100% -2498px;}	
	*:first-child+html .topnav.dropnav li.custom.customSelect.pobbob a:hover {background:#FFF url(/images/spriteImage.gif) no-repeat;} /* icon_arrowDownOn_IE.gif */
		*:first-child+html .fontnormal .topnav.dropnav li.custom.customSelect.pobbob a:hover {background-position: 100% -2501px;}
		*:first-child+html .fontlarger .topnav.dropnav li.custom.customSelect.pobbob a:hover {background-position: 100% -2499px;}
		*:first-child+html .fontlargest .topnav.dropnav li.custom.customSelect.pobbob a:hover {background-position: 100% -2498px;}	
	* html .topnav .dropnav li.custom .customSelect ul a:hover {background-image:none;}
	*:first-child+html .topnav .dropnav li.custom .customSelect ul a:hover {background-image:none;}

.dropnav li.custom ul {width:12.75em; left:-1px; background:none; top:1.65em; margin:0; padding:0; visibility:hidden; border:solid #999; border-top:solid #DBDBDB; border-width:1px; display:block; background:#FAFCFF;}
.dropnav li.custom ul a, .dropnav li.custom ul a:visited {width:12em; font-weight:bold; font-size:.9em; background:none; padding:.3em .4em;}
	 * html .dropnav li.custom ul a, * html .dropnav li.custom ul a:visited {width:11.6em;}
	 *:first-child+html .dropnav li.custom ul a, *:first-child+html .dropnav li.custom ul a:visited {width:10em;}
.dropnav li.custom ul a:hover {color:#333; background:none; text-decoration:none;}

.dropnav li.custom li {list-style:none; width:8.8em; padding-bottom:0;}
	*:first-child+html .dropnav li.custom li:hover {width:10.2em;}
.dropnav li.custom li.div {padding:0 .45em;}
	   .custom fieldset {display:inline;}

/* custom select nested inside dropnav  */
.dropnav div.customSelect ul { width: 16.5em; }
.dropnav .customSelect li, .dropnav .customSelect li a {width: 100% !important; padding: 0 !important;}
.dropnav .customSelect li a {width: auto !important; padding:0.55em 1em !important;}

/********************************************/

/* PAGE-HEADER */

.pageheadersection {position:relative; clear:both; padding:12px 0 25px 30px; z-index:10; zoom:1;}
	* html .pageheadersection {padding:12px 0 12px 30px;}
	*:first-child+html .pageheadersection {padding:12px 0 12px 30px;}
.headertitle {float:left;}
.pageheadersection .headertitle h1 {margin-top:2px;}

/* login-in box */
.pageheadersection .loginbox {position:absolute; border:1px solid #FFF; z-index: 1000; top:8px; right:15px; cursor:pointer; width:16.2em;}
.pageheadersection .loginbox fieldset {padding:7px 7px 10px;}
	* html .pageheadersection .loginbox fieldset {padding:6px 7px 4px;}
	*:first-child+html .pageheadersection .loginbox fieldset {padding:6px 7px 4px;}
.pageheadersection .loginbox input.usernamefield, .pageheadersection .loginbox input.passwordfield {width:8em; height:1.3em;}
.pageheadersection .loginbox h5 {font-weight:normal; margin-bottom:12px; background:url(/images/spriteImage.gif) no-repeat 14em -40px;} /* icon_nav_lock.gif */
	.fontlarger .pageheadersection .loginbox h5 {background-position: 14em -39px;}
	.fontlargest .pageheadersection .loginbox h5 {background-position: 14em -37.5px;}
	* html .pageheadersection .loginbox h5 {margin-bottom:11px; background-position:14em -41px;}
	*:first-child+html .pageheadersection .loginbox h5 {margin-bottom:11px; background-position:14em -40px;}
		*:first-child+html .fontlarger .pageheadersection .loginbox h5 {background-position:14em -39px;}
		*:first-child+html .fontlargest .pageheadersection .loginbox h5 {background-position:14em -37px;}
	body:last-child:not(:root:root) .pageheadersection .loginbox h5 {margin-bottom:11px; background-position:14em -41px;}
	@media all and (min-width: 0px) {
		body:not(:root:root) .pageheadersection .loginbox h5 {margin-bottom:11px; background-position:14em -41px;}
    }
.pageheadersection .loginbox a#loginexpander {padding-left:16px; height:12px; display:inline-block; background:url(/images/spriteImage.gif) 0 -5100px no-repeat;} /* icon_plusbox.gif */
	.fontlarger .pageheadersection .loginbox a#loginexpander {background-position: 0 -5097.5px;}
	.fontlargest .pageheadersection .loginbox a#loginexpander {background-position: 0 -5096px;}
	*:first-child+html .fontlarger .pageheadersection .loginbox a#loginexpander {background-position: 0 -5100.5px;}
	*:first-child+html .fontlargest .pageheadersection .loginbox a#loginexpander {background-position: 0 -5100.5px;}
	body:last-child:not(:root:root) .pageheadersection .loginbox a#loginexpander {height:13px; background-position: 0 -5098px;}
	body.fontlarger:last-child:not(:root:root) .pageheadersection .loginbox a#loginexpander {background-position: 0 -5099px;}
	body.fontlargest:last-child:not(:root:root) .pageheadersection .loginbox a#loginexpander {background-position: 0 -5100px;}
	@media all and (min-width: 0px) {
		body:not(:root:root) .pageheadersection .loginbox a#loginexpander {height:13px; background-position: 0 -5098px;}
		}
	@media all and (min-width: 0px) {
		body.fontlarger:not(:root:root) .pageheadersection .loginbox a#loginexpander {background-position: 0 -5099px;}
		}
	@media all and (min-width: 0px) {
		body.fontlarger:not(:root:root) .pageheadersection .loginbox a#loginexpander {background-position: 0 -5100px;}
		}
.pageheadersection .expanded a#loginexpander {background:url(/images/spriteImage.gif) 0 -620px no-repeat;} /* icon_minusbox.gif */
	.fontlarger .pageheadersection .expanded a#loginexpander {background-position: 0 -617.5px;}
	.fontlargest .pageheadersection .expanded a#loginexpander {background-position: 0 -616px;}
	*:first-child+html .fontlarger .pageheadersection .expanded a#loginexpander {background-position: 0 -620px;}
	*:first-child+html .fontlargest .pageheadersection .expanded a#loginexpander {background-position: 0 -620px;}
	body:last-child:not(:root:root) .pageheadersection .expanded a#loginexpander {background-position: 0 -618px;}
	body.fontlarger:last-child:not(:root:root) .pageheadersection .expanded a#loginexpander {background-position: 0 -619px;}
	body.fontlargest:last-child:not(:root:root) .pageheadersection .expanded a#loginexpander {background-position: 0 -620px;}
	@media all and (min-width: 0px) {
		body:not(:root:root) .pageheadersection .expanded a#loginexpander {background-position: 0 -618px;}
		}
	@media all and (min-width: 0px) {
		body.fontlarger:not(:root:root) .pageheadersection .expanded a#loginexpander {background-position: 0 -620px;}
		}
	@media all and (min-width: 0px) {
		body.fontlargest:not(:root:root) .pageheadersection .expanded a#loginexpander {background-position: 0 -618px;}
		}
.pageheadersection .loginbox .loginform {display:none; text-align:right;}
.pageheadersection .loginbox div {margin:.5em 0;}
	* html .pageheadersection .loginbox div {margin:.4em 0;}
	*:first-child+html .pageheadersection .loginbox div {margin:.4em 0;}
.pageheadersection .loginbox div a {padding:0; background:0; font-size:.9em; float:left;}
.pageheadersection .loginbox label {display:inline; color:#5A5A5A; font-size:.9em;}
.pageheadersection .loginbox .remember label {display:inline;}
.pageheadersection .loginbox .remember input {width:13px; height:13px; margin:1px 4px 3px 0;}
	* html .pageheadersection .loginbox .remember input {margin:3px 4px 3px 0;}
	*:first-child+html .pageheadersection .loginbox .remember input {margin:3px 4px 3px 0;}

.pageheadersection .loginbox .logout {position:absolute; padding-left:16px; right:0; line-height:1.3em; background:url(/images/spriteImage.gif) no-repeat 0 -419px !important;} /* icon_arrowbox.gif */
	.fontlarger .pageheadersection .loginbox .logout {background-position: 0 -417.5px !important;}
	.fontlargest .pageheadersection .loginbox .logout {background-position: 0 -416px !important;}
/* WMI Market Watch widget (no longer in pageheadersection - TODO move down below wmiHpBody) */
.market-watch {float:right; margin-top:3.5em; width:15.5em; padding:29px 13px 0 10px; overflow:hidden;}
	* html .market-watch {width:175px;} /* prevent wrapping divs IE6; related to .wmiHpBody */
.market-watch dl {font-size:95%;}
.market-watch dt {color:#999; font-size:95%; font-weight:bold; border-bottom:1px dashed #c2c2c2; padding-bottom:5px; margin-bottom:8px;}
.market-watch dd dt {border-bottom:0; margin-bottom:0; padding-bottom:0;}
.market-watch dd {margin-bottom:2em; color:#666;}
.market-watch dd dd {margin-bottom:1em;}
.market-watch dd .inputStyle {width:50px;}
.market-watch fieldset {font-size:95%;}
.wmiHpBody .market-watch a {text-decoration:none;}
	.wmiHpBody .market-watch a.actionSingle {font-weight:normal; text-decoration:underline;}
	.wmiHpBody .market-watch a:hover {text-decoration:underline;}

/* breadcrumbs */
.pageheadersection .breadcrumbs {white-space:nowrap; color:#7c7c7c; margin:5px 0 0 0; padding:0;}
.pageheadersection .breadcrumbs a, .pageheadersection .breadcrumbs a:visited {color:#7c7c7c; text-decoration:none;}
.pageheadersection .breadcrumbs a:hover {text-decoration:underline; color:#039;}

/* state select */
/* line-height set to 1.9em so page content does not jump when state menu is displayed */
.pageheadersection .forstate, .pageheadersection .forstatenojs {float:left; color:#7c7c7c; height:1.8em; line-height:1.8em;}
	* html .pageheadersection .forstate fieldset {width:90%;}
	*:first-child+html .pageheadersection .forstate fieldset {width:90%;}

.pageheadersection .forstate select, .pageheadersection .forstatenojs select {font-size:1em; width:16em;}
.forstate, .forstatenojs {padding:0; margin:0;}
#statelink {position:relative; background-color:#FFF; border:1px solid #FFF; padding:2px 0; margin:0; font-family:verdana,geneva,sans-serif; color:#039; cursor:pointer;}
#statemap {padding:20px 0;}

/* secure offer */
.headeroffer {position:relative; z-index:1; clear:both;} /* set zindex so offer DHTML content will appear over other layers in IE6 */
.headeroffer .genericTipContainer {padding-bottom:.7em;}
.headeroffer .offercontent {color:#006b37; padding-left:.8em;text-decoration:none;}
.headeroffer .offercontent:hover {text-decoration:underline;}
.headeroffer .dotted-hr {width:535px; margin-bottom:.3em; margin-top:0;} /* set fixed width per design, also prevent dotted-hr from collapsing in IE7 */
/*.offertransition {position:absolute; visibility:visible; filter:revealTrans(DURATION=2, TRANSITION=3); width:550px; height:0px; background-color:#fff;}*/
.headeroffer .offertransition {position:absolute; visibility:visible; background:#fff; width:100%; height:100%; right:0;}
	* html .headeroffer .offertransition {filter:progid:DXImageTransform.Microsoft.GradientWipe(duration=3); height:50px;}
	*:first-child+html .headeroffer .offertransition {filter:progid:DXImageTransform.Microsoft.GradientWipe(duration=3);}

/* overides for application pages */
.application .subheader {float: right; margin: 9px 0 -100px 0; padding-left:230px; border-bottom:1px solid #DDD;}
	html:not([lang*=""]) .application .subheader {width:100%;}
	body:last-child:not(:root:root).application .subheader {padding-left:270px; width:100%;}
	@media all and (min-width:0px) {
		body:not(:root:root).application .subheader {padding-left:270px; width:100%;}
	}
.application .subheader.gutter {position:relative;left:auto;padding-left:30px;}
.application .subheader.noprogressbar {float:left; padding-top:7px; padding-bottom:2px; width:805px;} /* if no progress bar, line below header should match content width */
.application .subheader.noprogressbar h1 {width:100%; zoom:1;} /* make h1 fill container to fix font sizer prob. in IE6 + FF */
	html:not([lang*=""]) .application .subheader.noprogressbar h1 {margin-left: -230px;}
.application .subheader.nounderline {border-bottom-style:none;}
.application .subheader .productname {padding-top:.2em; color:#7C7C7C;}
	html:not([lang*=""]) .application .subheader .productname {padding-left: 230px;}
	body:last-child:not(:root:root).application .subheader .productname {margin-left:-40px;}
	@media all and (min-width:0px) {
		body:not(:root:root).application .subheader .productname {margin-left:-40px;}
	}
html:not([lang*=""]) .application .subheader.noprogressbar .productname {padding-left: 0px;}
.application .subheader h1 {padding-top:3px; float:left;}
	html:not([lang*=""]) .application .subheader h1 {padding-left: 230px;}
	body:last-child:not(:root:root).application .subheader h1 {margin-left:-40px;}
	@media all and (min-width:0px) {
		body:not(:root:root).application .subheader h1 {margin-left:-40px;}
	}
.application .subheader .hr {margin-top:.3em;}

/* styles for app A-B tests: #5 */
.absubheader {float:left; padding:36px 0 2px 230px; margin-bottom:-100px;}
.absubheader h1 {margin:0; padding:0; white-space:normal;}
.abrightcol {float:left; padding-left:71em; margin-bottom:-400px;}
.abrightcolcontainerwithgraphic {width:17em; position:relative; margin-top:67px;}
.abrightcolboxwithgraphic {border:1px solid #ccc; position:absolute; width:15.2em; top:14px; right:0; padding:7px 10px 9px 8px;}
.abrightcolgraphicspacer {float:right; width:55px; height:40px;}
.abrightcol h2 {margin:0; padding:0 0 8px; line-height:1.2; color:#0060b6; font-family:tahoma,geneva,sans-serif; font-weight:700; font-size:130%;}
.abrightcol p {margin:0; padding:5px 0 10px; line-height:1.2; color:#666; font-family:verdana,geneva,sans-serif; font-size:90%;}
.abrightcol p sup {font-size:105%;}
.abrightcolcontainerwithgraphic .abgraphic {margin:0; padding:0; display:block; position:absolute; top:0; right:0;}
/* add'l for #7-9 */
.abrightcolcontainerwithtextonly {width:17em; margin-top:81px;}
.abrightcolboxwithtextonly {border:1px solid #ccc; width:15.2em; padding:7px 10px 5px 8px;}
.abrightcol h3 {margin:0; padding:0; line-height:1.2; color: #0060b6; font-family:verdana,geneva,sans-serif;}
.abrightcol ul.abcheckboxes {margin:0; padding:1px 0 2px;}
.abrightcol ul.abcheckboxes li {list-style-type:none; list-style-image:none; margin:6px 0; padding-left:20px; background:url(/images/ab_ona_7_check.gif) no-repeat 2px 1px;}
/* for #10 */
.aboffercommenttable {width:68em;}
.aboffercommenttable .column1 {width:48em;}
.aboffercommenttable .column2 {padding-left:40px;}
.aboffercommentcontainerwithgraphic {width:15em; position:relative; margin-top:-5px;}
.aboffercommentboxwithgraphic {border:1px solid #ccc; position:absolute; width:15em; top:5px; right:0; padding:7px 10px 9px 8px;}
.aboffercommentgraphicspacer {float:right; width:8px; height:7px;}
.h2like {line-height:1.2; color:#0060b6; font-family:verdana,geneva,sans-serif; font-weight:700; font-size:145%;}
.aboffercommentboxwithgraphic p {margin:0;}
.aboffercommentcontainerwithgraphic .abgraphic {margin:0; padding:0; display:block; position:absolute; top:0; right:-6px;}
/* add'l for #1 */
div.absubheader1 {padding-top:20px; margin-bottom:-200px; width:48em;}
.absubheader1b {text-align:right; padding-top:6px; padding-right:.6em; color:#666;}
.abital {font-style:italic;}
.application div.abcontent1 {padding-top:75px;}
	* html .application div.abcontent1 {padding-top:85px;}
	*:first-child+html .application div.abcontent1 {padding-top:85px;}
/* for #11 */
.absummarybox11 .summarybox {background-color:#fff;}
/* for #12 */
.ab12leftcolcontent {background-color:#E5E5E5 !important; padding-left:0 !important; border:0 !important;}
.ab12leftcolheading {background-color:#E5E5E5 !important; padding-left:0 !important;}
.ab12thinbottomspacing {margin-bottom:8px !important;}
.leftcol dl.checklist .ab12leftcolcontent ul li {background:url(/images/ab_ona_12_checkbox.gif) no-repeat !important;}

/* progress bar */
.progressbar {float:right; width:338px; height:34px; text-indent:-9999em; margin-top:14px; margin-right:10px; background-position: top right; background-repeat: no-repeat;}
	body:last-child:not(:root:root) .progressbar {width:623px; margin-right:0; background-position:top left;}
	@media all and (min-width:0px) {
		body:not(:root:root) .progressbar {width:623px; margin-right:0; background-position:top left;}
	}
.progressbar-submitted {background-image:url(/images/progressbar_submitted.gif);}
.progressbar-approved {background-image:url(/images/progressbar_approved.gif);}
.progressbar-incomplete {background-image:url(/images/progressbar_incomplete.gif);}

/* version for ocl */
.progressbar-oclstep1 {background-image:url(/images/progressbar_ocl_1.gif);}
.progressbar-oclstep1a {background-image:url(/images/progressbar_ocl_1a.gif);}
.progressbar-oclstep2 {background-image:url(/images/progressbar_ocl_2.gif);}
.progressbar-oclstep2a {background-image:url(/images/progressbar_ocl_2a.gif);}
.progressbar-oclstep3 {background-image:url(/images/progressbar_ocl_3.gif);}
.progressbar-oclstep4 {background-image:url(/images/progressbar_ocl_4.gif);}

/* version for instant app */
.progressbar-instantappstep1 {background-image:url(/images/progressbar_instantapp_1.gif);}
.progressbar-instantappstep1a {background-image:url(/images/progressbar_instantapp_1a.gif);}
.progressbar-instantappstep2 {background-image:url(/images/progressbar_instantapp_2.gif);}
.progressbar-instantappstep2a {background-image:url(/images/progressbar_instantapp_2a.gif);}
.progressbar-instantappstep3 {background-image:url(/images/progressbar_instantapp_3.gif);}
.progressbar-instantappstep3a {background-image:url(/images/progressbar_instantapp_3a.gif);}
.progressbar-instantappstep3b {background-image:url(/images/progressbar_instantapp_3b.gif);}

/* version for business app */
/* Note that class names do not match the gif graphics names. They are one digit apart. This is intentional,
   to simplify code that is shared between Business and Personal apps.
*/
.progressbar-businessappstep10 {background-image:url(/images/progressbar_businessapp_1.gif);}
.progressbar-businessappstep10a {background-image:url(/images/progressbar_businessapp_1a.gif);}
.progressbar-businessappstep1 {background-image:url(/images/progressbar_businessapp_2.gif);}
.progressbar-businessappstep1a {background-image:url(/images/progressbar_businessapp_2a.gif);}
.progressbar-businessappstep2 {background-image:url(/images/progressbar_businessapp_3.gif);}
.progressbar-businessappstep2a {background-image:url(/images/progressbar_businessapp_3a.gif);}
.progressbar-businessappstep3 {background-image:url(/images/progressbar_businessapp_4.gif);}
.progressbar-businessappstep3a {background-image:url(/images/progressbar_businessapp_4a.gif);}
.progressbar-businessappstep3b {background-image:url(/images/progressbar_businessapp_4b.gif);}

/* sample check illustration for account funding */
ul.checkinfo {width:310px; margin-left:2em; float:left; display:inline; padding-top:85px; background:url(/images/sample_check.gif) no-repeat;}
ul.checkinfo.indent {margin-left:9.5em; padding-left:18px;}
table.checkinfofields  {margin-left:3.2em;width:95%;}
table.checkinfofields th {text-align: right;}
table.checkinfofields .required th {font-weight: bold;}
ul.checkinfo li {margin:0; padding-right:20px; float:left; list-style:none; text-align:center;}
ul.checkinfo label {font-weight:bold; display:block; text-align:left; padding-top:5px;}
ul.checkinfo label.error {font-weight:bold; display:block; text-align:left; padding-top:5px; padding-left:23px; background:url(/images/icon_error_small.gif) no-repeat .1em .35em;}
	* html ul.checkinfo label.error {background-position:.15em .45em;}
	*:first-child+html ul.checkinfo label.error {background-position:.15em .45em;}

/* check image display */
.checkdisplay {width:592px; margin-bottom: 10px;}
	* html .checkdisplay { float: left; }
	*:first-child+html .checkdisplay { float: left; }
	
.checkdisplay iframe {width:592px; height:278px;}
.checkdisplay .checkdisplayutils {background:#EDEDED; color:#5A5A5A; font-weight:bold; padding:.7em 5px; width:auto;}
.checkdisplay .checkdisplayutils a, .checkdisplay .checkdisplayutils a:visited {padding:0 .5em; text-decoration:none;}
.checkdisplay .checkdisplayutils a:hover {text-decoration:underline;}
.checkdisplay .checkdisplayutils .checkdisplaytools {float:right; color:#D7CCD7;}
.checkdisplayinfo {font-size:.8em;}

/* external account checking entry */
.addExtAcctCheckInfo ul.checkinfo {float: none; display: block; margin: 0 auto;}
.addExtAcctCheckInfo table.checkinfofields { width: auto; margin: 10px auto 0 auto;}

/********************************************/

/* BODY */

.formemphasis {background:#E5E5E5; padding:10px 15px;}
.formemphasis .datagrid {background:#FFF;}
.datagrid .formemphasis {padding:0 15px; background:#FFF;}
.formemphasis div {padding:15px 30px;}
.formemphasis h3 {margin:0; padding:0;}
.formemphasis label {color:#333; font-weight:bold;}
.datagrid .formemphasis label {color:#333; font-weight:bold;}
.formemphasis input {margin-left:10px;}
.formemphasis input.fieldzip4, .formemphasis input.fieldssn3 {margin-left:0;} /* fields that are next to another field shouldn't have margin */
.formemphasis .singlecheckbox input {margin-left:0;}

.blockemphasis {background:#fff; padding:7px 20px 7px 7px; border:1px solid #999;}

/* homepage */
.hpHero {float:left; width:410px; position: relative; }
.hpMenu {float:left; width:355px; margin:27px 0 3em 5px;}
.hpHero .subhero {margin:0 0 0 15px;}
.hpMenu h2 {font:1.61em tahoma,verdana,geneva,sans-serif; font-weight:bold;}
.hpMenu form {width:100%;}
.hpBody div.body {width:70em;}
.hpBody .pageheadersection .headertitle {display:none;} /* headertitle causes home page spacing problems */
	* html .hpBody .heroimage-container {top:-2px;} /* adjust hero position in IE6 */

/* exceptions for wmi homepage */
body.wmiHpBody div.body {width:auto; min-width:995px;} /* overrides .hpBody div.body */
	* html body.wmiHpBody div.body {width:995px;} /* prevent wrapping divs in IE6*/

/* product detail */
.pdHero {float:left; width:260px;}
.pdMenu {float:left; width:32em; margin-left:1em;}
.pdMenu ul {padding:0 0 1em 1.5em; font-size:1.1em;}
.pdMenu ul li {margin-bottom: .5em;}
.pdHero .subhero {margin:3em 0 0 10px;}

.pdDetail {float:left; clear:both; display:inline; width:520px; margin:3em 30px 0;}
	.fontlarger .pdDetail {width:648px;}
	.fontlargest .pdDetail {width:678px;}
	.pdDetail.home-loans { width: 690px; }
.pdRelated {float:left; width:170px; margin-top:4.8em;}

.addInfo strong {padding-left:10px;}
.addInfo div {padding-left:72px;}
table.axial td.addInfo {padding-bottom:22px;}
	* html table.axial td.addInfo {padding-bottom:8px;}
	*:first-child+html table.axial td.addInfo {padding-bottom:8px;}
	
/* investor relations */
.irHero {float:left; width:530px; margin:6em 0 0 0;}
	* html .irHero {float:none; padding-top:5em;}
	*:first-child+html .irHero {float:none; padding-top:5em;}
.irHero ul.herotext-container li span {padding:0 0 3em 1.5em; line-height:1.8em; font-size:1.1em;}

/* hero image styles */

.heroimage-container {position:relative; zoom:1; margin-bottom:31px;}
	* html .heroimage-container {margin-bottom:29px;}
	*:first-child+html .heroimage-container {margin-bottom:29px;}
.pdHero .heroimage-container img {padding-bottom:33px;}

/* ul container */
ul.herotext-container {position:absolute; left:0; color:#FFF; padding:0;}
	body:last-child:not(:root:root) ul.herotext-container.pink  { position: static; margin-top: -111px; }
	body:last-child:not(:root:root) .pdHero ul.herotext-container.pink  { position: static; margin-top: -81px; }
	body:last-child:not(:root:root) .pdHero ul.herotext-container.bottom.blue  { position: static; margin-top: -70px; }
		body:last-child:not(:root:root) .pdHero ul.herotext-container.bottom.orange  { position: static; margin-top: -83px; }
	body:last-child:not(:root:root) ul.herotext-container.orange  { position: static; margin-top: -113px; }
	@media all and (min-width:0px) {
		body:not(:root:root) .pdHero ul.herotext-container.pink { position: static; margin-top: -81px; }
	}
	@media all and (min-width:0px) {
		body:not(:root:root) .pdHero ul.herotext-container.bottom.blue  { position: static; margin-top: -70px; }
	}
	@media all and (min-width:0px) {
		body:not(:root:root) ul.herotext-container.pink { position: static; margin-top: -116px; }
	}
	@media all and (min-width:0px) {
		body:not(:root:root) ul.herotext-container.orange { position: static; margin-top: -113px; }
	}
		
ul.herotext-container.top {top:1;}
ul.herotext-container.middle {top:1px;left:20px;}
.pdHero ul.herotext-container.middle {top:1px;}
ul.herotext-container.bottom {bottom:1px;}
	* html ul.herotext-container.bottom {bottom:-4px;}
	*:first-child+htm ul.herotext-container.bottom {bottom:-4px;}

ul.herotext-container li {list-style:none; list-style-image:none; padding:0; margin:0; }
		
.pdHero ul.herotext-container li span {padding:.154em .9em .15em 0;}

/* commmon line 1 blue for homepage only */
ul.herotext-container li.line1 span {background:#005495; }

/* li styles for line 1 homepage */
.hpHero ul.herotext-container li.line1 span {padding:.2em .5em .4em 21px; font:bold 11px/16px tahoma,verdana,geneva,sans-serif; zoom:1;}
	* html .hpHero ul.herotext-container li.line1 {margin-bottom:-2px;}
		body:last-child:not(:root:root) ul.herotext-container li.line1 span { line-height: 13px; }
		body:last-child:not(:root:root) .pdHero ul.herotext-container.pink li.line1 span { line-height: 17px; }
		@media all and (min-width:0px) {
			body:not(:root:root) ul.herotext-container.pink li.line1 span { line-height: 18px;}
		}
		@media all and (min-width:0px) {
			body:not(:root:root) ul.herotext-container.orange li.line1 span { line-height: 13px;}
		}

/* common home page font styles */
.hpHero ul.herotext-container li span img {padding-right:.1em;}
.hpHero ul.herotext-container li.line2 span {padding:0 .2em .1em 21px; font:bold 28px/38px tahoma,verdana,geneva,sans-serif;}
		body:last-child:not(:root:root) ul.herotext-container li.line2 span { line-height: 34px; }
		body:last-child:not(:root:root) .pdHero ul.herotext-container.bottom.blue li.line2 span { line-height: 38px;}
		*:first-child+html .hpHero ul.herotext-container li.line2 span {display:inline-block; line-height:34px;} /*adjustment for IE7*/
		@media all and (min-width:0px) {
			body:not(:root:root) ul.herotext-container li.line2 span { line-height: 34px;}
		}
		@media all and (min-width:0px) {
			body:not(:root:root) .pdHero ul.herotext-container.bottom.blue li.line2 span { line-height: 25px;}
		}
		
.hpHero ul.herotext-container li.line3 span {padding:.05em .3em .1em 21px; font:bold 28px/36px tahoma,verdana,geneva,sans-serif; zoom:1;}
.hpHero ul.herotext-container li.line3 img {padding-bottom:.1em; }
	* html .hpHero ul.herotext-container li.line3 img {padding-top:.2em;}
	*:first-child+html .hpHero ul.herotext-container li.line3 img {padding-top:.2em;}

/* common li styles for product detail, line 1 and line 2 have same font sizes */
.pdHero ul.herotext-container li span {padding-left:30px; font:bold 18px/28px tahoma,verdana,geneva,sans-serif;}

/* common li styles for product detail, line 1 and line 2 have same font sizes, smaller left padding for pages with left column expanded*/
.leftcolexpanded .pdHero ul.herotext-container li span {padding-left:15px;}

/* common li styles for investor relations, line 1 and line 2 have same font sizes */
.irHero ul.herotext-container li span {padding-left:20px; padding-right:15px; font:bold 25px/34px tahoma,verdana,geneva,sans-serif;}
.irHero ul.herotext-container li span img {padding:.2em 0 0 .2em;}

/* link color */
ul.herotext-container li span a, ul.herotext-container li span a:hover, ul.herotext-container li span a:visited {color:#FFF; text-decoration:none}

ul.herotext-container li span { padding-bottom:4px; }
	* html ul.herotext-container li span { padding-bottom:.15em;}
	*:first-child+html ul.herotext-container li span { padding-bottom:.15em;}

/* blue */
.pdHero ul.herotext-container.blue li.line1 span, .irHero ul.herotext-container.blue li.line1 span {background:#009FE3;}
.pdHero ul.herotext-container.blue li.line2 span, .irHero ul.herotext-container.blue li.line2 span {background:#0078C0; }
ul.herotext-container.blue li.line2 span {background:#009FE3;}
ul.herotext-container.blue li.line3 span {background:#0078C0;}

/* green */
.pdHero ul.herotext-container.green li.line1 span, .irHero ul.herotext-container.green li.line1 span {background:#78C042; }
.pdHero ul.herotext-container.green li.line2 span, .irHero ul.herotext-container.green li.line2 span {background:#0EB04C; }
ul.herotext-container.green li.line2 span {background:#78C042;}
ul.herotext-container.green li.line3 span {background:#0EB04C;}

/* pink */
.pdHero ul.herotext-container.pink li.line1 span, .irHero ul.herotext-container.pink li.line1 span {background:#EE5B9F; }
.pdHero ul.herotext-container.pink li.line2 span, .irHero ul.herotext-container.pink li.line2 span {background:#D5007F; }
ul.herotext-container.pink li.line2 span {background:#EE5B9F;}
ul.herotext-container.pink li.line3 span {background:#D5007F;}

/* orange */
.pdHero ul.herotext-container.orange li.line1 span, .irHero ul.herotext-container.orange li.line1 span {background:#F9A41A; }
.pdHero ul.herotext-container.orange li.line2 span, .irHero ul.herotext-container.orange li.line2 span {background:#F48120; }
ul.herotext-container.orange li.line2 span {background:#F9A41A;}
ul.herotext-container.orange li.line3 span {background:#F48120;}\


.userblock, .newsblock, .productblock {position:relative; width:29em;}
.fontlarger .productblock, .fontlargest .productblock  {width: 30em;}
.userblock ul, .productblock ul {margin:0;}
.userblock h2 {padding-bottom:.2em;}
.productblock h2, .newsblock h2 {padding-bottom:.5em;}

form.userblock.identified {padding-bottom:1em;}
form.userblock.identified h2 {font-weight:bold;}
form.userblock.identified span {float:left; padding-top:10px;}
form.userblock.identified label {display:block; padding:4px 0;}
	* html form.userblock.identified label {padding:4px 0 2px 0;}
	*:first-child+html form.userblock.identified label {padding:4px 0 2px 0;}
form.userblock.identified .inputStyle {margin-left:0;}
form.userblock.identified #password {height:1.3em;}
form.userblock.identified img {margin-left:.49em;}

.personaloffer h2 {padding-bottom:.7em; color:#F60; font-weight:bold;}
.personaloffer img {vertical-align:-.6em; margin:15px 0 0 10px;}

.productblock .lft, .userblock .lft {float:left;}
.productblock .rgt, .userblock .rgt {float:right;}
.productblock .lft li, .productblock .rgt li, .newsblock li {padding-bottom:.5em;}
.productblock {position:relative; width:auto;}
.productblock .sideLink {float:right;}
.productblock .switch {padding: 0 0 10px 0;}
.productblock .lft a, .productblock .rgt a {text-decoration:none;}
.productblock .lft a:hover, .productblock .rgt a:hover {text-decoration:underline;}
.productblock ul.sideLink.action li a, .productblock ul.sideLink.action li a:visited {display:inline; text-decoration:underline;}
.userblock .action a, .userblock .action a:visited {display:inline; text-decoration:underline;}
.productblock ul.lft, .productblock ul.rgt {padding-bottom:5px;}

ul.subhero {font-weight:bold;}
ul.subhero a {font-weight:normal;}

.calltoapply b {margin:0 .5em; color:#CCC;}
.calltoapply {display:inline;}

/* two column version of call to apply -- used on product pages with live chat link */
table.calltoapplycolumns {width:1% !important;}
table.calltoapplycolumns td {padding-top:0 !important; padding-bottom:0 !important;}
table.calltoapplycolumns td.first {padding-right:2em;}
table.calltoapplycolumns td.calltoapplybutton {vertical-align:middle; padding-bottom:1em!important;}
table.calltoapplycolumns ul {margin:0; padding:0;}
table.calltoapplycolumns ul li.online {margin-top:0;}
table.calltoapplycolumns ul li.phone {margin-bottom:0; font-weight:bold; font-size:0.9em; white-space:nowrap;}
table.calltoapplycolumns a.btn {white-space:nowrap;} /* Apply button */
table.calltoapplycolumns a {margin-top:1em; display:-moz-inline-block; display:inline-block;} /* add margin to chat link */
table.calltoapplycolumns ul li a {margin-top:0; display:inline; font-size:0.9em;} /* remove margin if non-Chat link */

/* dhtml custom drop-down menu */
.customSelect {position:relative; z-index:100; border:1px solid #999; background:#FFF url(/images/spriteImage.gif) no-repeat;} /* icon_arrowDown.gif */
	.fontnormal .customSelect  {background-position:100% -600px;}
	.fontlarger .customSelect   {background-position:100% -598px;}
	.fontlargest .customSelect   {background-position:100% -597px;}
	* html .topnav .dropnav li.custom .customSelect {background:#FFF url(/images/spriteImage.gif) no-repeat;} /* icon_arrowDown.gif */
		*html .fontnormal .topnav .dropnav li.custom .customSelect {background-position: 100% -599px;}
		*html .fontlarger .topnav .dropnav li.custom .customSelect {background-position: 100% -597px;}
		*html .fontlargest .topnav .dropnav li.custom .customSelect {background-position: 100% -596px;}
	* :first-child+html .topnav .dropnav li.custom .customSelect {background:#FFF url(/images/spriteImage.gif) no-repeat;} /* icon_arrowDown.gif */
		*:first-child+html .fontnormal .topnav .dropnav li.custom .customSelect {background-position: 100% -599px;}
		*:first-child+html .fontlarger .topnav .dropnav li.custom .customSelect {background-position: 100% -597px;}
		*:first-child+html .fontlargest .topnav .dropnav li.custom .customSelect {background-position: 100% -596px;}
.customSelect.on {background:#FFF url(/images/spriteImage.gif) no-repeat;} /* icon_arrowDown_on.gif */
	.fontnormal .customSelect.on {background-position:100% -640px;}
	.fontlarger .customSelect.on {background-position:100% -638px;}
	.fontlargest .customSelect.on {background-position:100% -637px;}
.customSelect.vertical ul {border-top:1px solid #999999 !important; border-bottom:1px solid #DBDBDB !important;}

.customSelect a, .customSelect a:visited, .customSelect a:hover {color:#039; display:block; zoom:1; text-decoration:none;}

.dropnav .customSelectDefault select {font-weight:bold; color:#666;}
.dropnav li:hover .customSelectDefault {background:#E5E5E5;}
.customSelect {display:none;}

.customSelect ul {position:absolute; margin:0; padding:0; visibility:hidden; border:solid #999; border-top:solid #DBDBDB; border-width:1px; display:block; background:#FAFCFF;}
.content .customSelect ul li {color:#5a5a5a; list-style-image:none; list-style:none; padding-bottom:0;}
.customSelect li.div {padding:0 .45em;}
.customSelect li a:active, .customSelect li a:hover {text-decoration:underline;}

		/* dhtml custom drop-down menu - homepage "applyonline now" version */
		.customSelect.applyOnline {width:16.5em; margin:.2em 0 20px; padding:.1em 0 .1em .5em;}
			* html .customSelect.applyOnline {padding-top:0;}
			*:first-child+html .customSelect.applyOnline {padding-top:0;}
		.customSelect.applyOnline ul {left:-1px; top:1.45em; width:17em; padding-bottom:2px}
			* html .customSelect.applyOnline ul {width:17.05em;}
			*:first-child+html .customSelect.applyOnline ul {width:17.05em;}
			* html .customSelect.applyOnline a {padding-bottom:1px;}
			*:first-child+html .customSelect.applyOnline a {padding-bottom:1px;}

		.customSelect.applyOnline li a {padding:.3em .5em;}

		/* dhtml custom drop-down menu, simplified version for reuse. We can probably apply this to the homepage too, and reduce this css code duplication. */
		.customSelect.customselectpadded {margin:.2em 0 .2em; padding:0 0 .1em .5em;}
		.customSelect.customselectpadded ul {left:-1px; top:1.45em; padding-bottom:2px}
		.customSelect.customselectpadded li a {padding:.3em .5em;}

		/* CD term version: set width */
		.customSelect.customselectcdterm {width:16.5em;}
		.customSelect.customselectcdterm ul {width:17.05em;}
		.customSelect.customselectcdterm .bold {font-size:110%;}
		
/* e-mail addresses */
.primaryAddressText {float:left; width:40%; padding-left:70px; background:url(/images/icon_greyarrow_backLg.gif) no-repeat 10px 5px;}
.primaryAddressBox {float:left; width:195px; margin-bottom:20px;}
.primaryAddressBox div {color:#666; font-size:.9em;}
.primaryAddressBox th {font-size:.9em;}

/* payoff quote confirmation page */
div.scroll {border:1px solid #000; padding:8px; overflow:auto; width:516px; height:400px; background:#FFF;}

/* search results page */
.searchResultsPrimary {float:left; width:43em; margin-right:40px; padding-bottom:7em;} /*padding needed so float doesn't cause footer overlap in FF*/
* html .searchResultsPrimary { padding-bottom:0; } /*reset padding for IE6*/
*:first-child+html .searchResultsPrimary { padding-bottom:0; } /*reset padding for IE7*/

	.search label {font-weight:bold; margin-left:1.5em;}
	.searchCategories {margin-top:.8em;}
	.searchCategories label {font-weight:normal; margin:0 1em 0 0;}
	.searchCategories input { position: relative; top: 3px; }

	.searchResultsHdr {padding:.5em 0}
	.searchResultsHdr span {font-weight:bold;}
	.searchResultsList li {margin-bottom:2em;}
	.searchResultsList a {font-weight:bold; display:block;}
	.searchResultsList blockquote {font-weight:bold; color:#666; margin:1em 0 0 0; padding:0;}
	.searchResultsList blockquote a {font-weight:normal; display:block; text-decoration:none; word-break:break-all;}

.searchResultsSecondary {float:left; width:20em;}

ul.searchnumber {margin:15px 0 0 0; list-style-type:none; list-style-image:none !important;}
ul.searchnumber li {display:inline;}
	* html ul.searchnumber, *:first-child+html ul.searchnumber {list-style-image:none;}
ul.searchnumber li a.previous {padding-right:15px;}
ul.searchnumber li a.next {background:none!important;} /*override IE6 double class problem with btn.next rules*/

/* modal dialog: used e.g. for session timeout, speed bump */
#modalMask {position:absolute; z-index:2000; top:0; left:0; width:100%; height:100%; opacity:.5; filter:alpha(opacity=40); background-color:#333; background-image:url("/images/maskBG.png") !important; background-repeat:repeat; display:none;}
#modalContainer {position:absolute; z-index:2001; top:0; left:0; display:none; padding:0;}
#modalDialogBody {border:2px solid #666; background-color:#FFF; padding:1em;}

.modalContent {padding:1em; zoom:1;}
.modalContent img {float:right; zoom:1;}
	.modalContent blockquote { margin: 0; padding: 0; text-indent: 0;}
	.modalContent blockquote img { float: none; display: block; }
.modalContent h1 {font-size: 22px;}
.modalContent h4 {margin:1em 0 .5em 0;}
.modalContent ul {margin:0 0 2em 4em;}
.modalContent dl.actionboxlink {margin-left:25px;}

/* WMI-specific modal dialog styles */
	.wmi-modal { padding: 0 1em; }
		.wmi-modal.modalContent p { font-size: 1.2em; line-height: 1.2em; }
		.wmi-modal.modalContent ul {list-style-image:url(/images/bullet_squareMOZ.gif);
padding:0pt 0pt 0 18px;}
			.wmi-modal.modalContent ul.actiontext { padding-left: 0; margin: 0;  }
			.wmi-modal.modalContent li { margin-bottom: 8px; font-size: .95em; }
			.wmi-modal.modalContent ul.actiontext li { font-size: 1.2em; }
	
	.wmi-modal.modalContent .floatleft,
	.wmi-modal.modalContent .floatright { width: 49.5%;}
	
	.wmi-modal.modalContent .floatright { margin-top: .8em; }

/* for SSO transfer interstitial -- so it looks right during page load, with or without JS */
.bodyTransfer {background-color:#EEE;}
.bodyTransfer #modalContainer {display:block; width:100%; padding-left:auto; padding-right: auto;}
.bodyTransfer #modalDialogBody {width:464px; margin-left:auto; margin-right:auto; margin-top: 10px;}

/********************************************/

/* LEFT COLUMN */

.leftcol {position:absolute; left:0; clear:both; width:190px; padding:10px; background:#E5E5E5;}
	.pub-site .leftcol { left: 20px; background: #fff; }
	.fontlargest .leftcol button { max-width: 180px; }
	* html .fontlargest .leftcol input { font-size: .7em;}
	*:first-child+html .fontlargest .leftcol input { font-size: .7em;}
	
	* html .fontlarger .leftcol input { font-size: .85em;}
	*:first-child+html .fontlarger .leftcol input { font-size: .85em;}

.leftcol.clean {background:#fff;}
.leftcol ul, .leftcol ol {list-style-type:none !important; list-style-image:none !important; padding:0; margin:0;}

.leftcol ul.pub-left-nav {list-style-image:url(/images/bullet_squareMOZ.gif) !important; padding: 0 0 10px 18px !important;}
	* html  .leftcol ul.pub-left-nav {list-style-image:url(/images/bullet_squareIE.gif) !important;}
	*:first-child+html .leftcol ul.pub-left-nav {list-style-image:url(/images/bullet_squareIE.gif) !important;}
	.leftcol ul.pub-left-nav li {margin-bottom: 5px;}
	.leftcol ul.pub-left-nav li a {text-decoration: none;}
.leftcol ul.secure li {padding-left:16px; margin:0 .5em .2em 0; line-height:1.3em; font-weight:bold; color:#999; background:url(/images/spriteImage.gif) no-repeat 2px -40px;} /* icon_nav_lock.gif */
	.fontlargest .leftcol ul.secure li {background-position: 2px -40px;}
.leftcol dl {border:1px solid #CCC; width:100%; margin-bottom:15px; zoom:1;}
.leftcol dl a, .leftcol dl a:visited {text-decoration:none;}
.leftcol dl a:hover {text-decoration:underline;}
.leftcol dl input.link-submit, .leftcol dl button.link-submit span {text-decoration: none; }
.leftcol dl input.link-submit:hover span, .leftcol dl button.link-submit:hover span {text-decoration: underline; }
.leftcol dt {font-weight:bold; color:#5A5A5A; padding:6px 7px; border-bottom:1px solid #CCC; background:#EFEFEF;}
.leftcol dd {margin:0; padding:5px 7px 0; background:#FFF;}
	* html .leftcol dd {padding-top:4px;}
	*:first-child+html .leftcol dd {padding-top:4.5px;}
.leftcol dd form {padding-bottom:1em;}
.leftcol dd input {margin:.4em .5em 0 0;}
.leftcol li.divider {background:#FFF url(/images/hr_dotted.gif) repeat-x;}

	* html .leftcol dl.related ul li.divider,
	* html .leftcol dl.questions ul li.divider {padding-bottom:0;} /* IE6 hack to kill bottom padding */

	* +html .leftcol dl.related ul li.divider,
	* +html .leftcol dl.questions ul li.divider {padding-bottom:0;} /* IE7 hack to kill bottom padding */

/* related */
.leftcol dl.related ul li {padding-bottom:.75em; zoom:1;}
.leftcol dl.related textarea {margin-top:2em; height:50px; width:164px;}
.leftcol dl.related input {margin-right:8px;}

/* steps */
.leftcol dl.steps dt.steptime7, .leftcol dl.steps dt.steptime15 {padding:9px 40px 11px 7px; background-color:#EFEFEF; background-repeat:no-repeat; background-position:141px 9px;}
	* html .leftcol dl.steps dt.steptime7, .leftcol dl.steps dt.steptime15 {padding-top:8px;}
	*:first-child+html .leftcol dl.steps dt.steptime7, .leftcol dl.steps dt.steptime15 {padding-top:8px;}
.leftcol dl.steps dt.steptime7 {background-image:url(/images/icon_time_7minutes.gif);}
.leftcol dl.steps dt.steptime15 {background-image:url(/images/icon_time_15minutes.gif);}
.leftcol dl.steps ol li {padding:0 0 1em 20px; zoom:1;}
.leftcol dl.steps ol li.step1 {background:url(/images/spriteImage.gif) 0 -2600px no-repeat;} /* icon_step_1.gif */
	*:first-child+html .fontlarger .leftcol dl.steps ol li.step1 {background-position: 0 -2599px;}
	*:first-child+html .fontlargest .leftcol dl.steps ol li.step1 {background-position: 0 -2598px;}
.leftcol dl.steps ol li.step2 {background:url(/images/spriteImage.gif) 0 -980px no-repeat;} /* icon_step_2.gif */
	*:first-child+html .fontlarger .leftcol dl.steps ol li.step2 {background-position: 0 -979px;}
	*:first-child+html .fontlargest .leftcol dl.steps ol li.step2 {background-position: 0 -978px;}
.leftcol dl.steps ol li.step3 {background:url(/images/spriteImage.gif) 0 -1060px no-repeat;} /* icon_step_3.gif */
	*:first-child+html .fontlarger .leftcol dl.steps ol li.step3 {background-position: 0 -1059px;}
	*:first-child+html .fontlargest .leftcol dl.steps ol li.step3 {background-position: 0 -1058px;}
.leftcol dl.steps ol li.step4 {background:url(/images/spriteImage.gif) 0 -1140px no-repeat;} /* icon_step_4.gif */
	*:first-child+html .fontlarger .leftcol dl.steps ol li.step4 {background-position: 0 -1139px;}
	*:first-child+html .fontlargest .leftcol dl.steps ol li.step4 {background-position: 0 -1138px;}
	
/* when finished */
.leftcol dl dd.finished {padding:10px 5px 10px 0;}
.leftcol dl dd.finished ol li {margin:0; padding:0; text-align:center; font-weight:bold; color:#666;}
.leftcol dl dd.finished ol li img {padding-top:5px;}

/* print */
.leftcol dl li.print {background-position:0 -240px;}
	.fontlargest .leftcol dl li.print {background-position:0 -238px;}

/* checklist */
.leftcol dl.checklist ul li {padding:0 0 1em 16px; background:url(/images/spriteImage.gif) 0 -1239.5px no-repeat; zoom:1;} /* icon_checkbox.gif */
	.fontlarger .leftcol dl.checklist ul li {background-position: 0 -1238.5px;}
	.fontlargest .leftcol dl.checklist ul li {background-position: 0 -1237.5px;}
.leftcol dl.checklist ul li.noimage {background:none;}

/* questions */
.leftcol dl.questions ul li {padding-bottom:1em;}
.leftcol dl.questions li.chat {padding-left:20px; background:#FFF url(/images/spriteImage.gif) 0 -4100px no-repeat;} /* icon_chat.gif */

/* contact */
.leftcol li.contactnumber {font-weight:bold; color:#5A5A5A; padding-left:20px; background:url(/images/spriteImage.gif) no-repeat;} /* icon_call.gif */
	.fontlargest .leftcol li.contactnumber {background-position: 0 1px;}
.leftcol li.contactintl {color:#999;}

/* promo */
.leftcol dl.promo dd {padding:0;}
.leftcol dd li.code {padding:10px 7px;}
.leftcol dd li.description {padding:0 7px 10px;}
.leftcol dd li.promo .img {border:0;}

/* offer */
.leftcol dl.offerbox dd {padding:.5em 0 .6em 0;}
.leftcol dl.offerbox dd a {padding:.5em 0 .6em 35px; background:#fff url(/images/spriteImage.gif) no-repeat 7px -2897px;} /* icon_new_offer.gif */
.fontlarger .leftcol dl.offerbox dd a {background-position: 7px -2896px;}
.fontlargest .leftcol dl.offerbox dd a {background-position: 7px -2894.5px;}
.leftcol dl dd ul li a.offer {padding:0.4em 0pt 0.6em 28px; background:#fff url(/images/spriteImage.gif) no-repeat scroll 0px -2899px !important;} /* offer inside a related links box */

/********************************************/

/* FORMS */

div.form {width:535px; }
div.form table.axial {margin-bottom:17px;}
	* html div.form table.axial {margin-bottom:18px;}
div.form table.axial.nospacing {margin-bottom:0;}

#Confirm1_StatementContentPanel em,
#Confirm1_StatementContentPanel em { font-style: italic !important; }
#Confirm1_StatementContentPanel strong em { font-weight: bold; }

#Confirm1_StatementContentPanel u { text-decoration: underline; }

.radiolist, .radiolist li {list-style-image:none; list-style-type:none;}

/* DEPRECATED legacy format. Use verticalradiotable instead. */
.verticalradiolist label {display:block; margin-top:-1.4em; margin-bottom:1em; padding-top:.2em;} /* all */
	.verticalradiolist input[type="radio"]+label {margin-left:19px;} /* Firefox, Safari 2-3, ie7 -- not sure why this rule is needed */
	* html .verticalradiolist label {margin-top:-1.5em; margin-bottom:.3em; margin-left:2.1em; padding-top:0;} /* ie6 */
	*:first-child+html body div .verticalradiolist label {margin-top:-1.5em; margin-bottom:.3em; margin-left:2.1em; padding-top:0;} /* ie7 more specific */

/* Normalize right margin of radios, in non-IE browsers. */
/* TODO: Remove verticalradiolist everywhere; test in horizontal case; then make this rule global. */
.verticalradiotable input[type="radio"] {margin-right:3px;} /* all but IE6 */
	*:first-child+html .verticalradiotable input[type="radio"] {margin:0;} /* reverse for IE7 */

/* Vertical radio table - use when needed for nested elements */
table.verticalradiotable tr td {padding:4px 0 .35em 0;} /* Higher specificity than axial table, for nesting */
table.verticalradiotable tr td.radiocell {vertical-align:top; text-align:right; padding:5px 2px .5em 0;}
	* html table.verticalradiotable tr td.radiocell {padding:.1em 2px .3em 0;}
	*:first-child+html table.verticalradiotable tr td.radiocell {padding:.1em 2px .3em 0;}

tr.spacingtop table.verticalradiotable  tr td{ padding-top: 0em !important;} /*added to override padding top from .spacingtop rule*/

/* ONE-OFF radios in page 1 of New Accounts */
table.OfferDetailsForOnlineSavings-verticalradiolist {table-layout: fixed; width:45.5em;}
table.OfferDetailsForOnlineSavings-verticalradiolist .column1 {width:7em; padding:5px 10px 5px 7px;} /* non-js buttons */
table.OfferDetailsForOnlineSavings-verticalradiolist .column2 {width:2em; vertical-align:top; text-align:right; padding:5px 8px 0 0;} /* radios */
	* html table.OfferDetailsForOnlineSavings-verticalradiolist .column2 {width:2em; padding:2px 4px 2px 1px;}
	*:first-child+html table.OfferDetailsForOnlineSavings-verticalradiolist .column2 {width:2em; padding:2px 4px 2px 1px;}
table.OfferDetailsForOnlineSavings-verticalradiolist .column3 {padding:4px 0;}

.horizontalradiolist label {padding-right:1em;}

  /* Use 'verticalcheckboxlist' around one or more checkboxes, when each checkbox is completely wrapped in a LABEL tag.
     -or- put a 'singlecheckbox' div around each individual checkbox -- e.g. when non-label text is inserted between the checkboxes.
   */
.verticalcheckboxlist label, .singlecheckbox {display:block; padding-left:21px; text-indent:-21px;}
	* html .verticalcheckboxlist label, * html .singlecheckbox {padding-left:24px; text-indent:-24px;}
	*:first-child+html .verticalcheckboxlist label, *:first-child+html .singlecheckbox {padding-left:21px; text-indent:-21px;}

/* First used in OfferDetailsForOnlineSavings; can be utility */
h2.errorheading {color:#EE5D00; padding-left:19px; background:url(/images/icon_error_small.gif) no-repeat 0 .2em;}

.formheader {width:auto; background:#FFF url(/images/hr_dotted.gif) repeat-x bottom; margin-bottom:21px; padding-bottom:7px;}
.formheader .formsteps {padding-bottom:4px;}
	* html .formheader .formsteps {padding-bottom:3px;}
	*:first-child+html .formheader .formsteps {padding-bottom:3px;}
.formheader .forminstruction {margin:.6em 0;}
	.formheader .forminstruction p {margin-bottom:0;}

.formfooter {width:auto; clear:both;}
	* html .formfooter { height: 1%; }
.formfooter .formsteps {color:#5A5A5A; text-align:right; margin-bottom:5px;}
.formfooter .formnav {border-top:1px solid #CCC; clear:both; padding-top:15px; margin-top:3px;}
	* html .formfooter .formnav {margin-top:7px;}

.formfooter .left {float:left;}
.formfooter .right {float:right;}
.formsteps {font-weight:bold;}

.acceptconsent {margin-right:.2em;}

	.credit-card-left { float: left; width: 385px; }
	.credit-card-right { float: right; width: 120px;}
	
/* over-ride formheader/formfooter for in-page tabs container */
.tabs-container div.dotted-hr, .tabs-container div.form, .tabs-container div.formfooter {margin:0;}
.tabs-container .footer {margin:.5em 0 0 0; padding:0; float:right;}
.tabs-container .formnav {border:none !important; padding:0 !important; margin:0 !important;}
.tabs-container .formfooter .right {float:none}

	* html .formfooter .right, * html .formfooter .formsteps {margin:0; padding:0; width:auto !important; float:right !important;}
	*:first-child+html .formfooter .right, *:first-child+html .formfooter .formsteps {margin:0; padding:0; width:auto !important; float:right !important;}

/* predictive text: first used in New Accounts */
.predtextcontainer {position:relative; z-index:100;}
.predtextlist {border:1px solid #c2c2c2; background:#fafcff; width:28em; height:200px; overflow:scroll; position:absolute; left:2px; top:-1px; z-index:100; visibility:hidden;}
.summaryeditbox .predtextlist {top:2px;} /* case of ONA summary - following the OK, Cancel buttons */
	* html .predtextlist, * html .application .predtextlist {top:-2px;} /* in IE, one size fits both cases */
	*:first-child+html .predtextlist, *:first-child+html .application .predtextlist {top:-2px;}
	body:last-child:not(:root:root) .predtextlist {top:1px;}
	@media all and (min-width: 0px) {
		body:not(:root:root) .predtextlist {top:1px;}
	}
.predtextcontainer .predtextlist ul {list-style-type:none; list-style-image:none; margin:.2em 5px; padding:0;}  /* more specific than .content ul */
.predtextlist a {text-decoration:none; color:#333;}
.predtextlist a:hover {text-decoration:underline;}
.predtextlist .matchtext {color:#ee5000;}

/********************************************/

/* TABLES */

/* simple table */

html body table.simpletable {border:0!important;}  /* for simpletable that is also a datagrid, override datagrid borders */

html body table.simpletable thead th {padding:.3em .5em!important; font-weight:bold; background-color:#efefef!important; border:0!important; border-bottom:1px solid #ccc!important; text-align:left; color:#333; font-size:1em;}  /* overrides when in context of summarybox.product or .summarybox.application */
	.summarybox table.simpletable thead th {background-color:#f6f6f6!important;}  /* lighten the header to contrast with containing summarybox */

html body table.simpletable tbody td {padding:.3em .5em!important; background-color:#fff!important; border:0!important; border-bottom:1px solid #ddd!important;}
	html body table.simpletable tbody tr.alternate td {background-color:#f6f6f6!important;}
table.simpletable tfoot td, table.simpletable tfoot th {padding:1.5em .5em .3em .5em; font-weight:bold; border-top:2px solid #ddd; border-bottom:1px solid #ddd; text-align:left;}

/* axial tables */
table.axial {border-collapse:collapse; width:auto;}
table.axial th, table.axial td {vertical-align:middle; padding:.3em 0; padding-right:4px; margin:0;}
	table.axial th.top, table.axial td.top, table.axial tr.top th {vertical-align:top;}
table.axial th {font-weight:normal; text-align:right; width:206px;}
	table.auto-width th, table.autowidth th, table.login table.auto-width td.axialdivider { width: auto; } /* "autowidth" is deprecated. use "auto-width" */
table.axial th.full-width {width:auto; text-align:left;}
table.axial td {padding-right:0;}
table.axial td.axialdivider {width:0}
table.axial td .ext {padding-left:10px;}
table.axial tr.required th, table.axial th.required {font-weight:bold;}
table.axial tr.required td {font-weight:normal;}
table.axial tr.underline {text-decoration:none;}
table.axial tr.underline td, table.axial tr.underline th {border-bottom:1px solid #CCC; padding-bottom:.5em;}
table.axial tr.overline td, table.axial tr.overline th {border-top:1px solid #CCC; padding-top:.5em;}
table.axial td.text {text-align:right;}

table.axial.flipproportion th {width:332px;} /* make left column larger and right column smaller */
table.axial.questions th {width:385px; text-align:left;} /* make left column larger and aligned left for questions with radio buttons */
table.axial.questions th, table.axial.questions td {padding:.75em 0 !important;}
table.axial.questions.nospacing th, table.axial.questions.nospacing td {padding:0 !important;}
table.axial.questions td fieldset {white-space:nowrap;}
table.axial.autowidth, table.axial.autowidthfixedlabels {width:auto;} /* remove the axial table width */
table.axial.autowidth th {width:auto;} /* remove the width set in the labels column (TH) */

table.axial td.indent, table.axial tr.indent th, table.axial tr.indent td, table.axial .indent {padding-left:164px;}
.axialindent {margin-left:164px;} /* for items below an axial table row, but not inside the table */
.axialmediumindent {margin-left:111px;} /* one and a half indents - equivalent to 10em at default font size */

/* TEMPORARY FIX FOR ESTIMATED PROP VALUE ON HLO LOAN INFO PAGE - label too long, causing rendering problem in FF */
table.axial tr#EstimatedPropertyValueLBL th {width:208px;}
	/* reset for IE: */
	* html table.axial tr#EstimatedPropertyValueLBL th {width:206px;}
	*:first-child+html table.axial tr#EstimatedPropertyValueLBL th {width:206px;}

/* if the row has an error, color only the th */
table.axial .error td {color:#333;}
table.axial .error td.formaid, table.axial .error td .formaid {color:#7C7C7C;}
table.axial label.error, table.axial .error th label, table.axial th.error label, table.axial .error th {color:#F60;}
.error th label, th.error label {padding-left:23px; padding-top:1px; background:url(/images/icon_error_small.gif) no-repeat .1em 0;}

/* if the row has the error, and erroralllabels is in the row, apply color to all labels */
table.axial tr.erroralllabels label {color:#F60;}

/* if spacingtop/bottom is used in the row, add space to the td */
table.axial tr.spacingtop td, table.axial tr.spacingtop th {padding-top:1.55em !important;}
	table.axial tr.spacingtop td.top, table.axial tr.spacingtop th.top {padding-top:0 !important;}
table.axial tr.spacingbottom td, table.axial tr.spacingbottom th {padding-bottom:1.55em !important;}
table.axial.login tr.spacingbottom td, table.axial.login tr.spacingbottom th {padding-bottom:1em !important;}

/* axial table summary style */
table.axial.summary thead td {font:bold 1.2em tahoma,geneva,sans-serif; color:#333;}
table.axial.summary th, table.axial.summary td {vertical-align:top!important;}
table.axial.summary th {font-weight:bold;}
table.axial.summary.twocolumns td {padding-left:1em; color:#5a5a5a;}
table.axial.summary.twocolumns td.axialdivider {padding-left:0;}
table.axial.summary.twocolumns td.first {border-right:1px solid #CCC; padding-left:0; padding-right:.1em; width:168px;}

table.axial.summary #rowAdditionalPayment input {vertical-align: top}

/* axial table transaction history */
table.transaction, table.transaction .datagrid {width: 100%;}
table.axial.transaction {width:100%; margin-bottom:1em;}
table.axial.transaction td {white-space:nowrap; vertical-align:middle;}
	table.axial.transaction td .calendar {margin:0 10px 0 2px;}
table.axial.transaction td.searchby {padding-right:12px;}
	table.axial.transaction td.searchby .fieldlong {margin-right:6px;}
table.axial.transaction td.search {width:100%; padding-left:9px;}
table.axial.transaction a, table.axial.transaction a:visited {text-decoration:none;}
table.axial.transaction a:hover {text-decoration:underline;}
table.transaction select, table.transaction input { vertical-align: middle; }
table.transaction #ButtonRowBottom input {float: right;}

/* some common axial font styles */
table.axial.transfer th, table.axial.payee th, table.axial.income th, table.axial.selectaccount th, table.axial.otherincome th {padding-right:0 !important; font-weight:bold;}

/* axial table with bullet list (used for create user name/pw interface) */
.axial-header {margin:0 0 .7em 14.8em;}
.axial-container {float:left; width:31.4em;}
.axial-container TH, .axial-container-errorbox TH {width:14.5em!important;}
.axial-container-errorbox .success, .axial-container-errorbox .error {margin-top:0;}
.axial-errorbox-cell {width: 32em;}
.axial-list-container {float:left; width:15em; margin-left:.8em; margin-top:.2em;}
	* html .axial-list-container {margin-left:1.3em !important;}
	*:first-child+html .axial-list-container {margin-left:1.3em !important;}
.axial-list-container ul li {font-size:.9em; color:#7C7C7C; padding-left:.4em;}
	* html .axial-list-container ul li {padding-left:.1em !important;}
	*:first-child+html .axial-list-container ul li {padding-left:.1em !important;}

/* axial table for spacing left - needs to be larger than default 1em */
table.axial .spacingleft {padding-left:8px;}
table.axial input.spacingleft {padding-left: 0;}

/* axial table for payee */
table.axial.payee span.formaid {font-weight:normal;}
table.axial.payee .marginleftcheckbox {margin-left:175px;}

/* axial for income */
table.axial.income span.formaid {font-weight:normal;}
	* html table.axial.income td {width:350px;}
	*:first-child+html table.axial.income td {width:350px;}
table.axial.income input {width:60px;}
table.axial.income td input.perweek {margin-left:10px; width:25px;}

/* axial select account */
table.axial.selectaccount td p {line-height:.1em;}
table.axial.selectaccount a.dashed, table.axial.income a.dashed {text-decoration:none; border-bottom:1px dashed #00C;}

/* axial for pull down questions */
table.axial.pulldown th, table.axial.pulldown td {text-align:left; width:100%;}
table.axial.pulldown td select {margin:15px 0 15px 30px;}

/* axial for other income */
table.axial.otherincome th {width:326px;}
table.axial.otherincome span.formaid {font-weight:normal;}
table.axial.otherincome td input.other_income {width:40px;}
table.axial.otherincome td input.spacingleft {margin-left:0;}

/* axial-style rate tables */
table.rates-axial {font-size:1em; margin-left:20px;}
table.rates-axial td, table.rates-axial th {vertical-align:top; padding:2px; padding-right:5px; white-space:nowrap; border-collapse:collapse; font-size:.9em;}
table.rates-axial tbody th {text-align:right; font-size:1em; font-weight:bold;}
table.rates-axial thead th, table.rates-axial tbody tr.table-header th {font-weight:bold; text-align:left; font-size:.9em; padding-top:8px;}
table.rates-axial tbody tr.ons td {background:#EEE;}
table.rates-axial td.rate-details, table.rates-axial tr.ons td.rate-details {padding:0; background:transparent; white-space:normal;}
table.rates-axial tr.ons td.rate-details {background:#EEE;}
table.rates-axial td div {padding:2px; position:relative; left:-2px; width:210px; white-space: normal; font-size:1em;}
	* html table.rates-axial td div {width:220px;}
table.rates-axial .TodayRatestoolTip {color:#039; white-space:nowrap;}

/* statement terms table*/
#bodyContainer table.axial.statement-terms { width: 100%;}
table.axial.statement-terms th {width:auto; text-align:left;}
#bodyContainer table.axial.statement-terms th, #bodyContainer table.axial.statement-terms td {padding:.3em 0;}
table.axial.statement-terms td {white-space:nowrap;}
#bodyContainer table.axial.statement-terms tr.indent th {padding-left: 2em;}
table.axial.statement-terms tr.with-data th {background:#FFF url(/images/hr_disclosures.gif) 2em 1.5em no-repeat;}
table.statement-terms tr.empty th { height: 2em;}

/* summarybox tables */
div.summarybox {margin:1em 0; padding:1em; width:auto; background:#EFEFEF; border:1px solid #CCC;}
div.summarybox table thead th, div.summarybox .offerbox h3 {font-size:1.5em; text-align:left; color:#0060B6;line-height:normal;}
div.summarybox table tbody th {padding-left:1em; padding-right:1em; font-weight:bold; text-align:right;}
div.summarybox.flipproportion table th {width:332px;} /* make left column larger and right column smaller */

/* summarybox for application info */
div.summarybox.application {background:#E5E5E5;}
div.summarybox.application table {width:100%;}
div.summarybox.application table thead th {padding:.5em; background:#FFF;}
div.summarybox.application table tbody th {padding-right:.5em;}
div.summarybox.application table tbody td {padding:.3em; background:#EFEFEF;}
div.summarybox.application table td, div.summarybox.application table th {border:1px solid #E5E5E5;}

/* summarybox offer */
div.summarybox .offerbox {background:#FFF; margin-top:1em; padding:0.8em;}
div.summarybox .offerbox .tagline {margin:.4em 0 .8em; font-size:1.1em; font-weight:bold;}
div.summarybox .offerbox h3 {margin-bottom:.5em;}
div.summarybox .offerbox .offerimage {float:left; width:80px;}
div.summarybox .offerbox .offerdetails {margin:0 150px 0 90px; width:240px;}
div.summarybox .offerbox ul{list-style-type:square; padding-top:0;}
div.summarybox .offerbox .offerbutton {float:right; width:140px; text-align:right;}

/* bordered box */
dl.borderedbox {border:1px solid #999;}
dl.borderedbox dt, dl.borderedbox dd {padding:15px;}
dl.borderedbox dt {background:#efefef; border-bottom:1px solid #CCC;}
dl.borderedbox dt strong {display:block; font-size:1.1em;}
dl.borderedbox dd table.axial {margin-bottom:0;}

/* datagrid table */
table.datagrid {border:1px solid #999 !important;}
		.pdDetail .tabs-container table.datagrid { border: 0 !important; border-bottom: 1px solid #999 !important; }
		.pdDetail .tabs-container table.ratetable { border-top: 1px solid #ccc !important; }
table.datagrid a, table.datagrid a:visited {zoom:1;}
	* html table.datagrid a, * html table.datagrid a:visited {float:none !important;}
	*:first-child+html table.datagrid a, *:first-child+html table.datagrid a:visited {float:none !important;}

.tabs-container table.datagrid {border-width:1px 0; width:100%}
table.datagrid th, table.datagrid td {padding:7px; text-align:left;}
table.datagrid thead th {text-align:left !important; font-weight:bold !important; background:#DBDBDB !important;}
	table.datagrid thead th.right {text-align:right !important;}
	.pdDetail .tabs-container table.datagrid thead th { background: #fff !important; border-top: 0 !important; }
	table.datagrid thead th div.deemphasis {font-weight:normal !important;}
table.datagrid thead th a {white-space:nowrap;}
.tabs-container table.datagrid thead th a {white-space:normal;}
table.datagrid .lighter {color:#666;}
table.datagrid td, table.datagrid tbody th {border:solid #DDD; border-bottom: none; border-width:1px 0 !important; background:inherit; font-weight:normal;}
table.datagrid.noborder td, table.datagrid.noborder tbody th {border:0;}
table.datagrid tr.noborder td, table.datagrid tr.noborder th {border:0 !important;}
table.datagrid td.last {border:0;}

table.datagrid thead a, table.datagrid thead a:visited {text-decoration:none;}
table.datagrid thead a:hover {text-decoration:underline;}

table.datagrid tfoot tr {background:#E7E7E7;}
table.datagrid tfoot tr td {border:0;}

table.noalternating tr td {border: 0pt none;}

.accountactiondropdown {width:14.5em;}

.accountcolumn {width:17.8em}
.alternate {background:#F6F6F6;}
.datagrid tr td table tr.alternate,
.datagrid tr td table tr { background: #ffffff; }
.datagrid tr.alternate td table tr.alternate,
.datagrid tr.alternate td table tr  { background: #F6F6F6; }

.mouseovercell, .pdDetail .tabs-container table.datagrid thead th.mouseovercell {background:#ffffdd!important;}
.alternate td.mouseovercell {background:#f6f6dd!important;}

table.datagrid .rightarrow {padding-right:20px; background:url(/images/spriteImage.gif) 101% -2317px no-repeat;} /* gray_arrow.gif */
	.fontlarger table.datagrid .rightarrow {background-position: 101% -2315px;}
	.fontlargest table.datagrid .rightarrow {background-position: 101% -2313px;}
	
table.datagrid a.cancelLinkColor {color:#000 !important;}

table.datagrid .verify {padding-left: 20px; background: url(/images/exclamation.gif) 0 2px no-repeat; }

/* insufficient funds error styles */
table.datagrid .insufficientfunds {background:#FFFFDF !important; border:solid #FC0; border-width:2px 0 0 0 !important;}
	table.datagrid .insufficientfunds input {background:#FFFFDF !important;}
table.datagrid .insufficientfundsfooter {background:#FFFFDF !important; border:solid #FC0; border-width:0 0 2px 0 !important;}

/* rates tables */
h4.rateTableHeader {margin-bottom:10px; font-size:1.2em;}
	.tabs-container h4.rateTableHeader {font-size:1em; font-weight:normal; padding:0 8px;}
.teaserRateTable {margin-bottom:10px; padding:15px; background:#e5e5e5;}
table.ratetable {width:auto; border:1px solid #CCC; margin-bottom:10px; }
	.tabs-container table.ratetable, .teaserRateTable table.datagrid  {width:100%;}
	.teaserRateTable table.datagrid {border:1px solid #999;}
table.ratetable thead th {background:#FFF; vertical-align:middle;}
	table.ratetable thead tr.colGrouper th , table.ratetable thead tr.colGrouper td {border-bottom:0; background:#FFF; padding:5px 15px 0; white-space:nowrap;}
	table.ratetable thead tr.colGrouper th span {display:block; padding:5px; border-bottom:1px dashed #999; color:#666; text-align: center; }
			div.show table.ratetable thead tr.colGrouper th span {color:#000;}
table.ratetable thead th sup {font-weight:normal;}
table.ratetable tbody th, .teaserRateTable table tbody th {font-weight:bold;}
table.ratetable thead th, table.ratetable tbody th, table.ratetable tbody td, .teaserRateTable table.datagrid td, .teaserRateTable table.datagrid tbody th  {padding:15px 5px;text-align:center;}
	.teaserRateTable table.datagrid td, .teaserRateTable table.datagrid tbody th {border-color:#999; background:#FFF; padding:7px;}
	.teaserRateTable table.datagrid tr.first-tier td, .teaserRateTable table.datagrid tr.first-tier th {border-color:#CCC; color:#666;}
	.teaserRateTable table.datagrid td.left, .teaserRateTable table.datagrid th.left {text-align:left;}
table.ratetable .featured td {font-weight:bold; font-size:1.2em; color:#000;}	

.tabs-container div.selectTable {margin:0; background:#EFEFEF; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.tabs-container div.selectTable fieldset {float:left; width:15em;}
.tabs-container div.selectTable fieldset p {margin:5px;}
.tabs-container div.selectTable fieldset p label {display:block; margin:20px 0 5px;}
.tabs-container div.selectTable table.ratetable {width:auto;margin-bottom:0; border-top:0; border-bottom:0; border-left:1px solid #CCC;}
	* html .tabs-container div.selectTable table.ratetable {margin-bottom:-2px;}
	*:first-child+html .tabs-container div.selectTable table.ratetable {margin-bottom:-1px;}
.tabs-container div.selectTable table.ratetable thead th {vertical-align:middle;}
.tabs-container div.selectTable table.ratetable tbody tr td, .tabs-container div.selectTable table.ratetable tbody tr th {background:#FFF;}
.tabs-container div.selectTable table.ratetable tbody tr.alternate td, .tabs-container div.selectTable table.ratetable tbody tr.alternate th {background:#F6F6F6;}
.tabs-container div.selectTable .footnote {border-top:1px solid #CCC; clear:left; background:#FFF; margin:-1px 0 0; padding:10px;}
	* html .tabs-container div.selectTable .footnote {border-top:2px solid #CCC; margin-top:0;}
	*:first-child+html .tabs-container div.selectTable .footnote {border-top:1px solid #CCC; margin-top:0;}

/* transaction history table */
table.datagrid tr.pending {background:#FFD; color:#666;}
table.datagrid tr.pending em {color:#F60; font-weight:bold}

/* message center table */
table.datagrid.messages {width:100%; border:1px solid #999 !important; margin-bottom:10px;}
table.datagrid.messages a {text-decoration:none;}
table.datagrid.messages em {font-style:italic;}
table.datagrid.messages thead th {width:100%;}
table.datagrid.messages thead td {background:#DBDBDB; border:solid #999; border-width:1px 0;}
	* html table.datagrid.messages td {padding:4px 7px;}
	*:first-child+html table.datagrid.messages td {padding:4px 7px;}

table.datagrid.messages .icon {text-align:right;}
table.datagrid.messages .important a, table.datagrid.messages .important a:visited, table.datagrid.messages tr.viewed .important a {color:#EE5D00;}
table.datagrid.messages .message {width:100%;}
table.datagrid.messages .date {white-space:nowrap;}
table.datagrid.messages .time {white-space:nowrap;}

table.datagrid.messages img.getLoad {padding:2em; text-align:center;}
img#postLoadImg {padding-left:1em;}
table.datagrid.messages tr.error {background-color:#FFFFDF;}
table.datagrid.messages div.errorclean {color:#F00;}

table.datagrid.messages .none {font-style:italic; font-weight:bold; text-align:center;}
table.datagrid.messages th.none {text-align:left; font-style:normal; color:#999;}

table.datagrid.messages tr.viewed {background:#F6F6F6;}
table.datagrid.messages tr.viewed a {font-weight:normal; color:#666; text-decoration:none;}

table.datagrid.messages tbody.active td {background-color: #fff} 

table.datagrid.messages tr td {border-bottom: 1px solid #ccc;}
table.datagrid.messages tr.toggle {display:none;}
table.datagrid.messages thead input {background:#DBDBDB;}
table.datagrid.messages tr.dotted td {border:dashed #CCC; border-width:1px 0;}
table.datagrid.messages td.link a {text-decoration:underline;}
table.datagrid.messages td.close {text-align:right;}
table.datagrid.messages td.close a {padding: 0 0 2px 18px; background:url(/images/icon_close.gif) no-repeat;}
	* html table.datagrid.messages td.close {padding:.6em;}
	*:first-child+html table.datagrid.messages td.close {padding:.6em;}

/* message center e-mail styles */
table.messages td.ajaxContent .logo { margin-top: 10px; }
table.messages td.ajaxContent .mmc-notice { float: right; width: 209px; margin-right: 10px; }
table.messages td.ajaxContent .mmc-notice p { padding: 5px 8px; border: 1px solid #333;  }

/* message center leftcol styles */

.leftcol li.message a { background: url(/images/spriteImage.gif) 5px -735px no-repeat; padding-left: 26px; display: block; } /* icon_email.gif */
	.leftcol li.important a {color: #EE5D00; background: url(/images/spriteImage.gif) 0 -3898px no-repeat;} /* icon_email-important.gif */

/*actions in datagrid*/
.alertActions table.axial tr th, .alertActions table.axial tr td { width: auto; border: none; padding: 0; vertical-align: top;}
.alertActions table.axial tr th {padding-top: 2px; font-weight: bold;}
.alertActions { width: 590px;}
.alertActions .error {margin-bottom: 10px;}
.alertActions table.axial ul { padding: 0 0 0 5px; list-style-image: none; list-style-type: none;}
.alertActions, .alertActions .formnav { background: url(/images/hr_dotted.gif) left top repeat-x; padding:10px 0pt;}
.alertActions .inputStyle {width: 70px; vertical-align: middle;}
.alertActions table.axial {width: 100%;  margin-bottom: 10px;}
.datagrid .togglerow td, .alertActions .formnav { border-top: none;}

/* extended datagrid styles */
table.extended {color:#666; border-width:1px 0 !important}

a.calendar {width:20px; height:16px; display:-moz-inline-box; vertical-align:middle; background:url(/images/spriteImage.gif) 0 -100px no-repeat;} /* icon_calendar.gif */
a.calendar {display:inline-block;}
	* html a.calendar {top:0;}
	*:first-child+html a.calendar {top:0;}

table.extended th {color:#333; white-space:nowrap; font-weight:bold;}
table.extended th.payment {background:#D0D0D0; border-left:1px solid #CCC;}

table.extended td.payee {width:40%}
table.extended td.payee em, table.datagrid td.payee em {padding:5px 0 5px 18px; display:block; background:url(/images/spriteImage.gif) no-repeat 0 -2394px;} /* icon_wm.gif */
	* html table.extended td.payee em, * html table.datagrid td.payee em {display:inline-block;}
	*:first-child+html table.extended td.payee em, *:first-child+html table.datagrid td.payee em {display:inline-block;}
table.extended td.payee a em, table.datagrid td.payee a em {text-decoration:underline; color:#039; cursor:pointer;}

* html table.extended td.payee a em, * html table.datagrid td.payee a em {cursor: pointer;}

table.extended td.amount {white-space:nowrap;}
table.extended td.wrap {white-space: normal;}
table.extended td.delivery {color:#333; width:100%; white-space:nowrap;}
table.extended td.delivery img {padding-right:3px;}
table.extended td.delivery .datePickerWrapper { height:16px; padding-left:20px; display:-moz-inline-box; vertical-align:middle; background:url(/images/spriteImage.gif) 0 -100px no-repeat; zoom:1;} /* icon_calendar.gif */
	body:last-child:not(:root:root) table.extended td.delivery .datePickerWrapper {height:16px; padding-left:20px; display:-moz-inline-box; vertical-align:middle; background:url(/images/spriteImage.gif) 0 -102px no-repeat;} /* icon_calendar.gif */
	@media all and (min-width: 0px) {body:not(:root:root) table.extended td.delivery .datePickerWrapper {height:16px; padding-left:20px; display:-moz-inline-box; vertical-align:middle; background:url(/images/spriteImage.gif) 0 -102px no-repeat;}} /* icon_calendar.gif */
table.extended td.payment {background:#EFEFEF; border-left:1px solid #DDD !important; text-align:right; vertical-align:top;}
table.extended td.payment span {display:block;}
table.extended td.payment span a {display:block; margin:.5em 0; padding:0;} /* display:block fixes weird IE bug */

/* active state styles */
table.extended tbody {background:#FFF;}
table.extended tr.highlight, table.extended tbody.highlight, table.extended tbody.highlight td.check input {background:#F2F2F2;}
table.extended tbody.highlight td.text {text-align:right;}
table.extended tr.highlight td.payment, table.extended tbody.highlight td.payment {background:#E7E7E7;}

table.extended tr.highlight span.showactive {display:inline;}
table.extended tr.highlight span.hideactive, table.datagrid span.showactive {display:none;}

	/* hack: forces alignment of INPUT boxes */
	table.extended tbody.details td,
	table.extended tbody.extra td,
	table.extended tbody.highlight td {padding-left:7px;}
	table.extended tbody.details td.payee,
	table.extended tbody.extra td.payee,
	table.extended tbody.highlight td.payee {padding-top:7px;}

table.extended tbody.details td.text,
table.extended tbody.highlight td.text {text-align:right; white-space:nowrap;}

table.extended tbody.details td.check input,
table.extended tbody.highlight td.check input {float:left;}

table.extended tbody input.error { background: #FFD; color: black; border: solid 2px #EE5D00; }

table.extended tbody.details td.payment,
table.extended tbody.extra td.payment,
table.extended tbody.highlight td.payment {padding:7px; border-left:1px solid #DDD !important;}

table.extended tbody.details label,
table.extended tbody.highlight label {color:#666 !important; vertical-align:top;}

table.extended tbody label.error {color: #EE5D00 !important; }

table.extended tbody em {color:#333;}

table.extended tbody.details th, table.extended tbody.details td {border:0 !important;}
table.extended tbody.details td.detailsFtr {background:#DDD; margin:0; padding:0; border-bottom:1px solid #DDD !important;} /* needed to add bottom border to consecutive WaMu payees */
	* html table.extended tbody.details td.detailsFtr {background:#DDD; margin:0; padding:0; border:0 !important;} /* needed to add bottom border to consecutive WaMu payees */
	*:first-child+html table.extended tbody.details td.detailsFtr {background:#DDD; margin:0; padding:0; border:0 !important;} /* needed to add bottom border to consecutive WaMu payees */

table.extended tbody.details label,
table.extended tbody.highlight label {vertical-align:top;}

	* html table.extended tbody.details label, * html table.extended tbody.highlight label {color:#333; vertical-align:middle;}
	*:first-child+html table.extended tbody.details label, * html table.extended tbody.highlight label {color:#333; vertical-align:middle;}

table.extended tbody.details sub,
table.extended tbody.highlight sub {margin-left:1.6em; display:block !important; zoom:1;}

table.extended tbody.details .message,
table.extended tbody.highlight .message {background:#EFEFEF; padding:7px; margin-right:20px; font-size:.9em; line-height:1.2em; border-bottom:1px solid #999;}

.serviceCharge {color:#F60;}

table.extended tfoot tr {background:#E7E7E7;}
table.extended tfoot th {color:#666; text-align:right; border:solid #999 !important; border-width:1px 0 !important;}
table.extended tfoot td {color:#333; font-weight:bold; border:solid #999 !important; border-width:1px 0 !important;}

table.extended tbody.error {background:#FFFFDF; color:#666;}

/* hack to fix buttons when formfooter does not have grey border */
.noborder .right {margin-top:1.5em}
.noborder .left {float:left}
* html .noborder .left {margin-top:1.5em}
*:first-child+html .noborder .left {margin-top:1.5em}

/* expanded box */

/* lots of repeated attributes here - compensates for parent styles when this widget lives inside other TABLES */
.expandedBox {position:relative; display:inline}
.expandedBox table {position:absolute; left:1em; top:1.8em; width:210px !important; border:1px solid #CCC; background:#FAFCFF; white-space:nowrap;}
.expandedBox table td {color:#666; text-align:right; padding:0;}
.expandedBox table thead th {color:#666; text-align:left; border:0; background:#FAFCFF; padding:.5em; font-weight:bold;}

.expandedBox table tbody th {padding:0 .5em !important; font-weight:normal !important; background:#FAFCFF; color:#666; border:0; text-align:right;}
.expandedBox table tbody th span {text-align:left; padding:.8em .5em !important;}
.expandedBox table tbody td {padding:0 .5em !important; border:0; background:#FAFCFF;}
.expandedBox table tbody td strong {color:#333;}

.expandedBox table tfoot td {border:0; color:#333; padding:.5em;}
.expandedBox table tfoot tr {background:none}
.expandedBox table tfoot th {padding:.8em .5em; color:#666; border:0;}

/* add sorting arrow */
table.datagrid thead th a.sortdown, table.datagrid thead th button.sortdown, table.datagrid thead th input.sortdown {display:inline-block; padding-right:15px; background:url(/images/spriteImage.gif) no-repeat;} /* sort_down.gif */
	.fontnormal table.datagrid thead th a.sortdown, .fontnormal table.datagrid thead th button.sortdown, .fontnormal table.datagrid thead th input.sortdown {background-position: 100% -775px;}
	.fontlarger table.datagrid thead th a.sortdown, .fontlarger table.datagrid thead th button.sortdown, .fontlarger table.datagrid thead th input.sortdown {background-position: 100% -773px;}
	.fontlargest table.datagrid thead th a.sortdown, .fontlargest table.datagrid thead th button.sortdown, .fontlargest table.datagrid thead th input.sortdown {background-position: 100% -772px;}
	*html .fontnormal table.datagrid thead th a.sortdown, .fontnormal table.datagrid thead th button.sortdown, .fontnormal table.datagrid thead th input.sortdown {background-position: 100% -772px;}
	*html .fontlarger table.datagrid thead th a.sortdown, .fontlarger table.datagrid thead th button.sortdown, .fontlarger table.datagrid thead th input.sortdown {background-position: 100% -772px;}
	*html .fontlargest table.datagrid thead th a.sortdown, .fontlargest table.datagrid thead th button.sortdown, .fontlargest table.datagrid thead th input.sortdown {background-position: 100% -771px;}
	body:last-child:not(:root:root).fontnormal table.datagrid thead th a.sortdown, .fontnormal table.datagrid thead th button.sortdown, .fontnormal table.datagrid thead th input.sortdown {background-position: 100% -775px;}
	body:last-child:not(:root:root).fontlarger table.datagrid thead th a.sortdown, .fontlarger table.datagrid thead th button.sortdown, .fontlarger table.datagrid thead th input.sortdown {background-position: 100% -775px;}
	body:last-child:not(:root:root).fontlargest table.datagrid thead th a.sortdown, .fontlargest table.datagrid thead th button.sortdown, .fontlargest table.datagrid thead th input.sortdown {background-position: 100% -775px;}
table.datagrid thead th a.sortup, table.datagrid thead th button.sortup, table.datagrid thead th input.sortup {display:inline-block; padding-right:15px; background:url(/images/sort_up.gif) no-repeat right;}

/* address box */
table.address {background:#EFEFEF; border:1px solid #999; width:17.1em;}
table.address td {margin:0; padding:5px 5px 7px 9px;}
table.address th {text-align:right; font-weight:normal; padding:3px 10px 5px; background:#E5E5E5; border-top:1px solid #CCC;}

/* commment with arrow for addresses */
.addressarrowcomment {width:auto; padding-left:78px; background:url(/images/icon_greyarrow_backLg.gif) no-repeat 16px 2px; min-height:60px;}
	* html .addressarrowcomment {height:60px;} /* ie6; not needed for ie7+ */
.addressbuttons {float:right; padding-bottom:2em;}
.addressbuttons input {margin-left:1.2em;}

/* content columns table */
table.columns {width:100%;}
table.columns td {width:33%; vertical-align:top; border-left:1px solid #C2C2C2; padding:1em 1em 1em 2em;}
	.borderedbox table.columns td {padding-top: 0; padding-bottom: 0;}
table.columns td.twothirds {width:66%; border:none;}
table.columns td.first, table.columns td.twothirds, table.columns td.last {border:none; padding-left:0;}
table.columns td table td {width:auto; vertical-align:baseline; border-left:0; padding:0;} /* reset style for nested tables */
	table.columns table.auto-width tr.nowrap.required td {vertical-align: middle;}
	
table.columns ul {margin-left:0;}
	table#ContentColumnGroup1.columns ul {margin-top:10px;}
table.columns .dottedline {width:80%;}
table.columns .first .dottedline {width:90%;}
table.columns .indent {margin-left:15px;}

/* columns table for mapquest  template */
	table.mapquest h2 {margin-bottom: 1em;}
	table.mapquest td.twothirds {border-left: 0;}
	 table.mapquest td.twothirds h2, table.mapquest td.twothirds table.auto-width {margin-left: 27px;}

/* columns table for customer service template */
table.customer-service h5 { color: #f60; font-size: 1.25em }
table.customer-service acronym { background: url(/images/icon_tdd.gif) no-repeat; padding-left: 20px; text-decoration: none; border-bottom: 0; }
table.customer-service .iconlist { margin-left: 20px;}
table.customer-service ul.iconlist li { margin: .5em 0; }

/* columns table for pub-site */
table.pub-site td { padding-right: 3em; }

/* deposit page */
table.columns.deposit td {width:45%;}
table.columns.deposit td.middle {width:10%; border:none; padding-left:.5em;}
table.deposit td address { font-weight: bold; }

/* public login page */
table.columns.login ul a:hover {text-decoration:underline;}
table.columns.login th label {white-space:nowrap;}
table.columns.login td {width:180px;}
table.columns.login td.first {padding-right:10px; width:320px;}
table.columns.login td.last {width:auto;}
table.columns.login tr#RememberMeRow td {padding:5px 0 6px;}
table.columns.login td .axial td {width: auto;}
table.columns.login td .axial td.right {width: 90px;}


/* product detail table */
table.prodDetail {border:1px solid #CCC;}
table.prodDetail td, table.prodDetail thead th {border:0 !important; line-height:1.1em !important; text-align:center!important;}
table.prodDetail td {line-height:2.2em;}
table.prodDetail thead th {background:#FFF; border-bottom:1px solid #999 !important;}
table.prodDetail td.left, table.prodDetail th.left {text-align:left!important;}
table.prodDetail a.btn {text-decoration:none !important;}

/********************************************/

/* TOOL TIP */

span.toolTipActive, span.toolTipActive a {cursor:help;}
span.toolTipActive span.toolTipText a {cursor:pointer;} /*for links in tooltip text */
span.toolTipActive {border-bottom:1px dashed #039; position:relative; color:#039; zoom:1;}
span.toolTipActive label, span.toolTipActive sup {color:#039;}
span.toolTipText sup {color:#333;}

.error span.toolTipActive label, .error label span.toolTipActive {color:#fb561c; border-bottom:1px dashed #FB561C;}

.fontlargest tr#BOBAccountNumberTaxIDLbl.error th label { display: block; padding-right: 0; }

span.toolTipActive span.toolTipText {font-weight:normal; background:#FFD; border:1px solid #999; padding:10px !important; margin:0 0 0 20px; position:absolute; color:#333; cursor:default;}
	h3 span.toolTipActive span.toolTipText { font-size: .8em; }

span.toolTipText {display:none;}
span.toolTipActive span.toolTipText p {padding:8px 0 !important; margin:0 !important;}
span.toolTipActive span.toolTipText h4 {position:relative; margin:-10px 0 0;}
h2 span.toolTipActive span.toolTipText {font-size:.7em; font-weight:normal; color:#333; font-family:verdana,geneva,sans-serif;}
span.toolTipActive span.toolTipText ul {margin:0; width:300px;}
span.toolTipActive span.toolTipText ul li {margin-left:5px;}
.formaid span.toolTipActive span.toolTipText {font-size:1.1em; color:#333;}
span.toolTipActive span.toolTipText.leftTip {margin:0 0 0 -15px;}
span.toolTipActive span.toolTipText.show {display:block; white-space:normal; text-align:left; text-decoration:none; top:0; padding:5px 12px;}
span.toolTipActive span.toolTipText.show span.toolTipArrow {position:absolute; top:4px; width:5px; height:9px; background:url(/images/tooltip_arrow.gif) no-repeat;}
span.toolTipActive span.toolTipText.show.rightTip span.toolTipArrow {left:-5px !important;}
span.toolTipActive span.toolTipText.show.leftTip span.toolTipArrow {right:-5px !important; background:url(/images/tooltip_left_arrow.gif) no-repeat;}
select.hideforlayer {visibility:hidden;}

/********************************************/

/* ACCOUNT TIP, TIP BOX, and GENERIC TIP */

/* Account Tip link*/
.accounttip {font-weight:bold; color:#F60; text-decoration:none;}
.accounttip:visited {color:#F60;}
.accounttiptext {padding-left:0.5em;}
/* Future tips might underline when hovered */
a.hoverunderline:hover {text-decoration:underline!important;}

/* Tip Box opened below */
.tipbox {background:#FFD; border:1px solid #999; padding:9px 0 17px; margin:2px 0 0 1px; width:28.6em; position:absolute; z-index:1500; visibility:hidden;}
.tipboxcontent {margin:0 9px;}

/* Even non-A triggers get hand pointer */
.genericTipTrigger {cursor: pointer;}

/* Show a Generic Tip element w/out JS */
body .generictiptriggeredbypostback {position:static; visibility:visible;}

/********************************************/

/* CSS BUTTONS */

/* input button styles */
input.btn {text-transform:uppercase;font:bold 99% verdana,sans-serif; padding:.1em .7em .2em .7em; cursor:pointer; border:1px solid #FC0; background:#F60; color:#FFF; font-size:.85em; letter-spacing:1px; overflow:visible;}
	* html input.btn {padding:.1em 1em; font-size:.8em;}
	*:first-child+html input.btn {padding:.1em 1em; font-size:.8em;}

input.btn.next, .formnav input.btn.next {padding-right:1.7em; background:#F60 url(/images/spriteImage.gif) no-repeat 100% -4495px;} /* btn_forward_arrow.gif */
	.fontlarger input.btn.next, .fontlarger .formnav input.btn.next {background-position: 100% -4494px;}
	.fontlargest input.btn.next, .fontlargest .formnav input.btn.next {background-position: 100% -4492px;}
	* html input.btn.next, *html .formnav input.btn.next {padding:.1em 1em !important; padding-right:2.2em;}
	*html .fontnormal input.btn.next, *html .fontnormal .formnav input.btn.next {background-position: 100% -4496px !important;}
		*html .fontlarger input.btn.next, *html .fontlarger .formnav input.btn.next {background-position: 100% -4496px !important;}
		*html .fontlargest input.btn.next, *html .fontlargest .formnav input.btn.next {background-position: 100% -4495px !important;}
	*:first-child+html input.btn.next, *:first-child+html .formnav input.btn.next {padding:.1em 1em !important; padding-right:2.2em !important;}
	*:first-child+html .fontnormal input.btn.next, *:first-child+html .fontnormal .formnav input.btn.next {background-position: 100% -4496px !important;}
		*:first-child+html .fontlarger input.btn.next , *:first-child+html .fontlarger .formnav input.btn.next {background-position: 100% -4496px !important;}
		*:first-child+html .fontlargest input.btn.next , *:first-child+html .fontlargest .formnav input.btn.next {background-position: 100% -4495px !important;}
	body.fontnormal:last-child:not(:root:root) input.btn.next, body.fontnormal:last-child:not(:root:root) .formnav input.btn.next {background-position: 100% -4497px;}
		body.fontlarger:last-child:not(:root:root) input.btn.next, body.fontlarger:last-child:not(:root:root) .formnav input.btn.next {background-position: 100% -4495px;}
		body.fontlargest:last-child:not(:root:root) input.btn.next, body.fontlargest:last-child:not(:root:root) .formnav input.btn.next {background-position: 100% -4494px;}
	@media all and (min-width:0px) {
		body:not(:root:root) input.btn.next {background-position: 100% -4498px; padding-right:2.2em;}
	}
	@media all and (min-width:0px) {
		body:not(:root:root) .formnav input.btn.next {background-position: 100% -4498px; padding-right:2.2em;}
	}
		@media all and (min-width:0px) {
			body.fontlarger:not(:root:root) input.btn.next {background-position: 100% -4495px; }
		}
		@media all and (min-width:0px) {
			body.fontlarger:not(:root:root) .formnav input.btn.next {background-position: 100% -4495px;}
		}
		@media all and (min-width:0px) {
			body.fontlargest:not(:root:root) input.btn.next {background-position: 100% -4494px;}
		}
		@media all and (min-width:0px) {
			body.fontlargest:not(:root:root) .formnav input.btn.next {background-position: 100% -4494px;}
		}

input.btndisabled, input.nextdisabled, input.prevdisabled {text-transform:uppercase;font:bold 99% verdana,sans-serif; padding:.1em .7em .2em .7em; cursor:pointer; border:1px solid #DDD; background:#CCC; color:#FFF; font-size:.85em; letter-spacing:1px; overflow:visible;}
	* html input.btndisabled {padding:.1em 1em; font-size:.8em;}
	*:first-child+html input.btndisabled {padding:.1em 1em; font-size:.8em;}

input.nextdisabled {padding-right:1.7em; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -6696px;} /* btn_arrow_disabled.gif */
	.fontlarger input.nextdisabled {background-position: 100% -6695px;}
	.fontlargest input.nextdisabled {background-position: 100% -6693px;}
	* html input.nextdisabled {padding:.1em 1em; padding-right:2.2em; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -6697px;} /* btn_arrow_disabled.gif */
	* html .fontlarger input.nextdisabled {background-position: 100% -6697px;}
	* html .fontlargest input.nextdisabled {background-position: 100% -6696px;}
	*:first-child+html input.nextdisabled {padding:.1em 1em; padding-right:2.2em; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -6697px;} /* btn_arrow_disabled.gif */
	*:first-child+html .fontlargest input.nextdisabled {background-position: 100% -6696px;}
	@media all and (min-width:0px) {
		body:not(:root:root) input.nextdisabled {padding:.1em 1em; padding-right:2.2em; background-position: 100% -6699px;}
		}
		@media all and (min-width:0px) {
			body.fontlarger:not(:root:root) input.nextdisabled {padding:.1em 1em; padding-right:2.2em; background-position: 100% -6696px;}
			}
		@media all and (min-width:0px) {
			body.fontlargest:not(:root:root) input.nextdisabled {padding:.1em 1em; padding-right:2.2em; background-position: 100% -6695px;}
			}
input.prevdisabled {padding-right:1.6em; background:#CCC url(/images/spriteImage.gif) no-repeat 1.5px -6895px;} /* btn_reverse_arrow_disabled.gif */
	.fontlarger input.prevdisabled {background-position: 1.5px -6894px;}
	.fontlargest input.prevdisabled {background-position: 1.5px -6892px;}
	* html input.prevdisabled {padding:.1em 1em; padding-left:2em; background-position: 7px -6896px;}
		* html .fontlarger input.prevdisabled {background-position: 7px -6896px;}
		* html .fontlargest input.prevdisabled {background-position: 7px -6895px;}
	*:first-child+html input.prevdisabled {padding:.1em 1em; padding-left:2em; background-position: 7px -6896px;}
		*:first-child+html .fontlarger input.prevdisabled {background-position: 7px -6896px;}
		*:first-child+html .fontlargest input.prevdisabled {background-position: 7px -6895px;}
	@media all and (min-width:0px) {
		body:not(:root:root) input.prevdisabled {padding:.1em 1em; padding-left:2em; background-position: 7px -6898px;}
	}
		@media all and (min-width:0px) {
			body.fontlarger:not(:root:root) input.prevdisabled {background-position: 7px -6896px;}
		}
		@media all and (min-width:0px) {
			body.fontlargest:not(:root:root) input.prevdisabled {background-position: 7px -6894px;}
		}
	
input.btn.prev {padding-left:1.6em; background:#F60 url(/images/spriteImage.gif) 9px -196px no-repeat;} /* btn_reverse_arrow.gif */
	.fontlarger input.btn.prev {background-position: 11px -195px;}
	.fontlargest input.btn.prev {background-position: 13px -193px;}
	*html input.btn.prev {padding:.1em 1em; padding-left:2em; background-position: 9px -197px;}
		*html .fontlarger input.btn.prev {background-position: 11px -197px;}
		*html .fontlargest input.btn.prev {background-position: 13px -196px;}
	*:first-child+html input.btn.prev  {padding:.1em 1em; padding-left:2em; background-position: 9px -197px;}
		 *:first-child+html .fontlarger input.btn.prev {background-position: 11px -197px;}
		 *:first-child+html .fontlargest input.btn.prev {background-position: 13px -196px;}
	@media all and (min-width:0px) {
		body:not(:root:root) input.btn.prev {background-position: 6px -199px;}
	}
		@media all and (min-width:0px) {
			body:not(:root:root).fontlarger input.btn.prev {background-position: 8px -196px;}
		}
		@media all and (min-width:0px) {
			body:not(:root:root).fontlargest input.btn.prev {background-position: 10px -195px;}
		}

input.btn.add {padding:.2em 2.3em .2em .8em; border:0; background:url(/images/spriteImage.gif) 0 -3500px no-repeat;} /* btn2_add_arrow_blank.gif */
	* html input.btn.add {padding:.2em 2.6em .2em 1.5em;}
	*:first-child+html input.btn.add {padding:.2em 2.6em .2em 1.5em;}
	
input.btndisabled.adddisabled {padding:.2em 2.3em .2em .8em; border:0; background:url(/images/btn_add_arrow_blank_disabled.gif) no-repeat;}
	* html input.btndisabled.adddisabled {padding:.2em 2.6em .2em 1.5em;}
	*:first-child+html input.btndisabled.adddisabled {padding:.2em 2.6em .2em 1.5em;}

/* wide version of input buttons -- necessary since IE6 can't render multiple same name classes with different styles, properly */
input.widebtn {font:bold 99% verdana,sans-serif; padding:.1em 2.5em .2em 2.6em; cursor:pointer; border:1px solid #FC0; background:#F60; color:#FFF; font-size:.85em; letter-spacing:1px; overflow:visible;}
	* html input.widebtn {padding:.15em 3.1em .15em 3.2em; font-size:.8em;}
	*:first-child+html input.widebtn {padding:.15em 3.1em .15em 3.2em; font-size:.8em;}

input.widebtn.widenext {padding-right:3.5em; background:#F60 url(/images/spriteImage.gif) no-repeat 100% -2796px;} /* btn_forward_arrow_wide.gif */
	.fontlargest input.widebtn.widenext { background-position: 100% -2794px; }
	* html input.widebtn.widenext {padding:.15em 3.1em .15em 3.2em; padding-right:4.4em; background:#F60 url(/images/spriteImage.gif) no-repeat 100% -2797px;}
		* html .fontlarger input.widebtn.widenext { background-position: 100% -2796px; }
		* html .fontlargest input.widebtn.widenext { background-position: 100% -2795px; }
	*:first-child+html input.widebtn.widenext {padding:.15em 3.1em .15em 3.2em; padding-right:4.4em; background:#F60 url(/images/spriteImage.gif) no-repeat 100% -2797px;}
		*:first-child+html .fontlarger input.widebtn.widenext { background-position: 100% -2796px; }
		*:first-child+html .fontlargest input.widebtn.widenext { background-position: 100% -2795px; }
	body:last-child:not(:root:root) .widebtn.widenext {padding:.15em 3.1em .15em 3.2em; padding-right:4.4em; background:#F60 url(/images/spriteImage.gif) no-repeat 100% -2797px;}
	body.fontlargest:last-child:not(:root:root) input.widebtn.widenext { background-position: 100% -2796px; }
	@media all and (min-width: 0px) {
            body:not(:root:root) .widebtn.widenext {padding:.15em 3.1em .15em 3.2em; padding-right:4.4em; background:#F60 url(/images/spriteImage.gif) no-repeat 100% -2797px;}
    }
	@media all and (min-width: 0px) {
			body.fontlargest:not(:root:root) input.widebtn.widenext { background-position: 100% -2796px; }
	}
	
input.widebtndisabled {font:bold 99% verdana,sans-serif; padding:.1em 2.5em .2em 2.6em; cursor:pointer; border:1px solid #DDD; background:#CCC; color:#FFF; font-size:.85em; letter-spacing:1px; overflow:visible;}
	* html input.widebtndisabled {padding:.15em 3.1em .15em 3.2em; font-size:.8em; background-color:#CCC !important;} /* added !important to get around double class bug in IE6 -- color being reset by .widenext class */
	*:first-child+html input.widebtndisabled {padding:.15em 3.1em .15em 3.2em; font-size:.8em;}

input.widebtndisabled.widenextdisabled {padding-right:3.5em; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -6496px;} /* btn_arrow_wide_disabled.gif */
	.fontlarger input.widebtndisabled.widenextdisabled {background-position: 100% -6495px;}
	.fontlargest input.widebtndisabled.widenextdisabled {background-position: 100% -6493px;}
	* html input.widebtndisabled.widenextdisabled {padding:.15em 3.1em .15em 3.2em; padding-right:4.4em; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -6497px;} /* btn_arrow_wide_disabled.gif */
		* html .fontlarger input.widebtndisabled.widenextdisabled {background-position: 100% -6496px;}
		* html .fontlargest input.widebtndisabled.widenextdisabled {background-position: 100% -6495px;}
	*:first-child+html input.widebtndisabled.widenextdisabled {padding:.15em 3.1em .15em 3.2em; padding-right:4.4em; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -6497px;} /* btn_arrow_wide_disabled.gif */
		*:first-child+html .fontlarger input.widebtndisabled.widenextdisabled {background-position: 100% -6496px;}
		*:first-child+html .fontlargest input.widebtndisabled.widenextdisabled {background-position: 100% -6495px;}
	@media all and (min-width: 0px) {
             body:not(:root:root) input.widebtndisabled.widenextdisabled {padding:.15em 3.1em .15em 3.2em; padding-right:4.4em;  background-position: 100% -6498px;}
    }
	@media all and (min-width: 0px) {
             body.fontlarger:not(:root:root) input.widebtndisabled.widenextdisabled {background-position: 100% -6497px;}
    }
	@media all and (min-width: 0px) {
             body.fontlargest:not(:root:root) input.widebtndisabled.widenextdisabled {background-position: 100% -6496px;}
    }
	
input.widebtn.wideprev {padding-left:3.6em; background:#F60 url(/images/spriteImage.gif) no-repeat -3px -4695px;} /* btn_reverse_arrow_wide */
	.fontlarger input.widebtn.wideprev { background-position: -3px -4694px; }
	.fontlargest input.widebtn.wideprev { background-position: -3px -4693px; }
	* html input.widebtn.wideprev {padding:.15em 3.1em .15em 4.5em; background:#F60 url(/images/spriteImage.gif) no-repeat -3px -4695px;} /* btn_reverse_arrow_wide.gif */
		* html .fontlarger input.widebtn.wideprev { background-position: -3px -4694px; }
		* html .fontlargest input.widebtn.wideprev { background-position: -3px -4693px; }
	*:first-child+html input.widebtn.wideprev {padding:.15em 3.1em .15em 4.5em; background:#F60 url(/images/spriteImage.gif) no-repeat -3px -4696px;} /* btn_reverse_arrow_wide.gif */
		 *:first-child+html .fontlarger input.widebtn.wideprev { background-position: -3px -4695px; }
		 *:first-child+html .fontlargest input.widebtn.wideprev { background-position: -3px -4694px; }
	@media all and (min-width: 0px) {
             body:not(:root:root) input.widebtn.wideprev { background-position: -5px -4697px; }
    }
	@media all and (min-width: 0px) {
             body.fontlarger:not(:root:root) input.widebtn.wideprev { background-position: -5px -4695px; }
    }
	@media all and (min-width: 0px) {
             body.fontlargest:not(:root:root) input.widebtn.wideprev { background-position: -5px -4694px; }
    }
	
input.widebtndisabled.wideprevdisabled {padding-left:3.6em; background:#CCC url(/images/spriteImage.gif) no-repeat 0 -7095px;} /* btn_reverse_arrow_wide_disabled.gif */
.fontlarger input.widebtndisabled.wideprevdisabled {background-position: 0 -7094px;} 
.fontlargest input.widebtndisabled.wideprevdisabled {background-position: 0 -7092px;} 
	* html input.widebtndisabled.wideprevdisabled {padding:.15em 3.1em .15em 4.5em; background-position: 0 -7095px;}
		* html .fontlarger input.widebtndisabled.wideprevdisabled {background-position: 0 -7095px;}
		* html .fontlargest input.widebtndisabled.wideprevdisabled {background-position: 0 -7094px;}
	*:first-child+html input.widebtndisabled.wideprevdisabled {padding:.15em 3.1em .15em 4.5em; background:#CCC url(/images/spriteImage.gif) no-repeat 0 -7095px;} /* btn_reverse_arrow_wide_disabled.gif */
		*:first-child+html .fontlarger input.widebtndisabled.wideprevdisabled {background-position: 0 -7095px;} 
		*:first-child+html .fontlargest input.widebtndisabled.wideprevdisabled {background-position: 0 -7094px;} 
	@media all and (min-width: 0px) {
             body:not(:root:root) input.widebtndisabled.wideprevdisabled {padding:.15em 3.1em .15em 4.5em; background-position: 0 -7097px;} 
    }
	@media all and (min-width: 0px) {
             body.fontlarger:not(:root:root) input.widebtndisabled.wideprevdisabled {padding:.15em 3.1em .15em 4.5em; background-position: 0 -7096px;} 
    }
	@media all and (min-width: 0px) {
             body.fontlargest:not(:root:root) input.widebtndisabled.wideprevdisabled {padding:.15em 3.1em .15em 4.5em; background-position: 0 -7095px;} 
    }
		
/* href button styles */
a.btn, a.btn:visited, a.btn:hover {zoom:1; font:bold 99% hei,verdana,sans-serif; letter-spacing:1px; font-size:.85em; border:1px solid #FC0; text-decoration:none; color:#FFF; background:#F60; padding:.2em .8em .25em .9em;}
	* html a.btn, * html a.btn:visited, * html a.btn:hover {font-size:.8em; padding:.25em 1em .3em 1em;}
	*:first-child+html a.btn, *:first-child+html a.btn:visited, *:first-child+html a.btn:hover {font-size:.8em; padding:.25em 1em .3em 1em;}

/* buttons used in datagrid headers were overlapping the header text in FireFox, e.g. on CD landing page. Set inline block to fix  */
.datagrid thead th a.btn, .datagrid thead th a.btn:visited, .datagrid thead th a.btn:hover {display:-moz-inline-block;} 

a.btn.next, a.btn.next:visited, a.btn.next:hover {padding-right:2em; zoom:1; background:#F60 url(/images/spriteImage.gif) no-repeat 100% -4495px;} /*btn_forward_arrow.gif */
.fontlargest a.btn.next, .fontlargest a.btn.next:visited, .fontlargest a.btn.next:hover {background-position: 100% -4493px;}
	* html a.btn.next, * html a.btn.next:visited, * html a.btn.next:hover {padding-right:2.2em;}
	*:first-child+html a.btn.next, *:first-child+html a.btn.next:visited, *:first-child+html a.btn.next:hover {padding-right:2.2em;}
		*:first-child+html .fontlarger a.btn.next, *:first-child+html .fontlarger a.btn.next:visited, *:first-child+html .fontlargera.btn.next:hover {background-position: 100% -4494px;}
		*:first-child+html .fontlargest a.btn.next, *:first-child+html .fontlargest a.btn.next:visited, *:first-child+html .fontlargest a.btn.next:hover {background-position: 100% -4493px;}
	body:last-child:not(:root:root) a.btn.next, body:last-child:not(:root:root) a.btn.next:visited, body:last-child:not(:root:root) a.btn.next:hover {background-position: 100% -4496px;}
		body.fontlarger:last-child:not(:root:root) a.btn.next, body.fontlarger:last-child:not(:root:root) a.btn.next:visited, body.fontlarger:last-child:not(:root:root) a.btn.next:hover {background-position: 100% -4494px;}
		body.fontlargest:last-child:not(:root:root) a.btn.next, body.fontlargest:last-child:not(:root:root) a.btn.next:visited, body.fontlargest:last-child:not(:root:root) a.btn.next:hover {background-position: 100% -4493px;}
	@media all and (min-width: 0px) {
             body:not(:root:root) a.btn.next, body:not(:root:root) a.btn.next:visited, body:not(:root:root) a.btn.next:hover { background-position: 100% -4498px; }
    }
		@media all and (min-width: 0px) {
	             body.fontlarger:not(:root:root) a.btn.next, body.fontlarger:not(:root:root) a.btn.next:visited, body.fontlarger:not(:root:root) a.btn.next:hover { background-position: 100% -4496px; }
	    }
		@media all and (min-width: 0px) {
	             body.fontlargest:not(:root:root) a.btn.next, body.fontlargest:not(:root:root) a.btn.next:visited, body.fontlargest:not(:root:root) a.btn.next:hover { background-position: 100% -4495px; }
	    }
	
a.btndisabled, a.btndisabled:visited, a.btndisabled:hover {zoom:1; font:bold 99% hei,verdana,sans-serif; letter-spacing:1px; font-size:.85em; border:1px solid #DDD; text-decoration:none; color:#FFF; background:#CCC; padding:.25em .8em .25em .9em;}
	* html a.btndisabled, * html a.btndisabled:visited, * html a.btndisabled:hover {font-size:.8em; padding:.25em 1em .3em 1em;}
	*:first-child+html a.btndisabled, *:first-child+html a.btndisabled:visited, *:first-child+html a.btndisabled:hover {font-size:.8em; padding:.25em 1em .3em 1em;}

a.nextdisabled, a.nextdisabled:visited, a.nextdisabled:hover {padding-right:2em; zoom:1; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -7295px;} /* btn_arrow_disabled-1.gif */
.fontlarger a.nextdisabled, .fontlarger a.nextdisabled:visited, .fontlarger a.nextdisabled:hover {background-position: 100% -7294px;}
.fontlargest a.nextdisabled, .fontlargest a.nextdisabled:visited, .fontlargest a.nextdisabled:hover {background-position: 100% -7292px;}
	* html a.nextdisabled, * html a.nextdisabled:visited, * html a.nextdisabled:hover {padding-right:2.2em !important; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -7295px;} /* btn_arrow_disabled-1.gif */
		* html .fontlarger a.nextdisabled, * html .fontlarger a.nextdisabled:visited, * html .fontlarger a.nextdisabled:hover {background-position: 100% -7294px;}
		* html .fontlargest a.nextdisabled, * html .fontlargest a.nextdisabled:visited, * html .fontlargest a.nextdisabled:hover {background-position: 100% -7293px;}
	*:first-child+html a.nextdisabled, *:first-child+html a.nextdisabled:visited, *:first-child+html a.nextdisabled:hover {padding-right:2.2em !important; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -7295px;} /* btn_arrow_disabled-1.gif */
		*:first-child+html .fontlarger a.nextdisabled, *:first-child+html .fontlarger a.nextdisabled:visited, *:first-child+html .fontlarger a.nextdisabled:hover {background-position: 100% -7294px;}
		*:first-child+html .fontlargest a.nextdisabled, *:first-child+html .fontlargest a.nextdisabled:visited, *:first-child+html .fontlargest a.nextdisabled:hover {background-position: 100% -7293px;}
	@media all and (min-width: 0px) {
			body:not(:root:root) a.nextdisabled, body:not(:root:root) a.nextdisabled:visited, body:not(:root:root) a.nextdisabled:hover { background-position: 100% -7297px; }
	}
		@media all and (min-width: 0px) {
				body.fontlarger:not(:root:root) a.nextdisabled, body.fontlarger:not(:root:root) a.nextdisabled:visited, body.fontlarger:not(:root:root) a.nextdisabled:hover { background-position: 100% -7296px; }
		}
		@media all and (min-width: 0px) {
				body.fontlargest:not(:root:root) a.nextdisabled, body.fontlargest:not(:root:root) a.nextdisabled:visited, body.fontlargest:not(:root:root) a.nextdisabled:hover { background-position: 100% -7295px; }
		}
	
a.btn.prev, a.btn.prev:visited, a.btn.prev:hover {padding-left:2em; zoom:1; background:#F60 url(/images/spriteImage.gif) no-repeat 1em -196px;} /* btn_reverse_arrow.gif */
	.fontlarger a.btn.prev, .fontlarger a.btn.prev:visited, .fontlarger a.btn.prev:hover  {background-position: 1em -195px;}
	.fontlargest a.btn.prev, .fontlargest a.btn.prev:visited, .fontlargest a.btn.prev:hover  {background-position: 1em -194px;}
	* html a.btn.prev, * html a.btn.prev:visited, * html a.btn.prev:hover {padding-left:2em !important;}
	*:first-child+html a.btn.prev, *:first-child+html a.btn.prev:visited, *:first-child+html a.btn.prev:hover {padding-left:2em !important;}
	body:last-child:not(:root:root) a.btn.prev, body:last-child:not(:root:root) a.btn.prev:visited, body:last-child:not(:root:root) a.btn.prev:hover  {background-position: 1em -197px;}
		body.fontlarger:last-child:not(:root:root) a.btn.prev, body.fontlarger:last-child:not(:root:root) a.btn.prev:visited, body.fontlarger:last-child:not(:root:root) a.btn.prev:hover  {background-position: 1em -196px;}
		body.fontlargest:last-child:not(:root:root) a.btn.prev, body.fontlargest:last-child:not(:root:root) a.btn.prev:visited, body.fontlargest:last-child:not(:root:root) a.btn.prev:hover  {background-position: 1em -195px;}
	@media all and (min-width: 0px) {
            body:not(:root:root) a.btn.prev, body:not(:root:root) a.btn.prev:visited, body:not(:root:root) a.btn.prev:hover { background-position: 1em -199px; }
    }
		@media all and (min-width: 0px) {
	            body.fontlarger:not(:root:root) a.btn.prev, body.fontlarger:not(:root:root) a.btn.prev:visited, body.fontlarger:not(:root:root) a.btn.prev:hover { background-position: 1em -197px; }
	    }
		@media all and (min-width: 0px) {
	            body.fontlargest:not(:root:root) a.btn.prev, body.fontlargest:not(:root:root) a.btn.prev:visited, body.fontlargest:not(:root:root) a.btn.prev:hover { background-position: 1em -196px; }
	    }
	
a.prevdisabled, a.prevdisabled:visited, a.prevdisabled:hover {padding-left:2em; zoom:1; background:#CCC url(/images/spriteImage.gif) no-repeat 1em -6895px;} /* btn_reverse_arrow_disabled.gif */
	.fontlarger a.prevdisabled, .fontlarger a.prevdisabled:visited, .fontlarger a.prevdisabled:hover {background-position: 1em -6894px;}
	.fontlargest a.prevdisabled, .fontlargest a.prevdisabled:visited, .fontlargest a.prevdisabled:hover {background-position: 1em -6892px;}
	* html a.prevdisabled, * html a.prevdisabled:visited, * html a.prevdisabled:hover {padding-left:2em !important;}
		* html .fontlarger a.prevdisabled, * html .fontlarger a.prevdisabled:visited, * html .fontlarger a.prevdisabled:hover {background-position: 1em -6894px;}
		* html .fontlargest a.prevdisabled, * html .fontlargest a.prevdisabled:visited, * html .fontlargest a.prevdisabled:hover {background-position: 1em -6893px;}
	*:first-child+html a.prevdisabled, *:first-child+html a.prevdisabled:visited, *:first-child+html a.prevdisabled:hover {padding-left:2em !important; background-position: 1em -6895px;}
		*:first-child+html .fontlarger a.prevdisabled, *:first-child+html .fontlarger a.prevdisabled:visited, *:first-child+html .fontlarger a.prevdisabled:hover {background-position: 1em -6894px;}
		*:first-child+html .fontlargest a.prevdisabled, *:first-child+html .fontlargest a.prevdisabled:visited, *:first-child+html .fontlargest a.prevdisabled:hover {background-position: 1em -6893px;}
	@media all and (min-width: 0px) {
		body:not(:root:root) a.prevdisabled, body:not(:root:root) a.prevdisabled:visited, body:not(:root:root) a.prevdisabled:hover { background-position: 1em -6897px; }
	}
		@media all and (min-width: 0px) {
			body.fontlarger:not(:root:root) a.prevdisabled, body.fontlarger:not(:root:root) a.prevdisabled:visited, body.fontlarger:not(:root:root) a.prevdisabled:hover { background-position: 1em -6896px; }
		}
		@media all and (min-width: 0px) {
			body.fontlargest:not(:root:root) a.prevdisabled, body.fontlargest:not(:root:root) a.prevdisabled:visited, body.fontlargest:not(:root:root) a.prevdisabled:hover { background-position: 1em -6895px; }
		}
		
a.btn.add, a.btn.add:visited, a.btn.hover {padding:.2em 2.6em .4em .8em; border:0; background:url(/images/btn2_add_arrow_blank.gif) no-repeat;}
	* html a.btn.add, * html a.btn.add:visited, * html a.btn.add:hover {padding:.2em 2.6em .2em 1.5em;}
	*:first-child+html a.btn.add, *:first-child+html a.btn.add:visited, *:first-child+html a.btn.add:hover {padding:.2em 2.6em .2em 1.5em;}
	
a.btndisabled.adddisabled, a.btndisabled.adddisabled:visited, a.btndisabled.adddisabled:hover {padding:.2em 2.6em .4em .8em; border:0; background:url(/images/btn_add_arrow_blank_disabled.gif) no-repeat;}
	* html a.btndisabled.adddisabled, * html a.btndisabled.adddisabled:visited, * html a.btndisabled.adddisabled:hover {padding:.2em 2.6em .2em 1.5em;}
	*:first-child+html a.btndisabled.adddisabled, *:first-child+html a.btndisabled.adddisabled:visited, *:first-child+html a.btndisabled.adddisabled:hover {padding:.2em 2.6em .2em 1.5em;}

/* wide version of href buttons -- necessary since IE6 can't render multiple same name classes with different styles, properly */
a.widebtn, a.widebtn:visited, a.widebtn:hover {zoom:1; font:bold 99% hei,verdana,sans-serif; letter-spacing:1px; font-size:.85em; border:1px solid #FC0; text-decoration:none; color:#FFF; background:#F60; padding:.2em 2.8em .25em 2.9em;}
	* html a.widebtn, * html a.widebtn:visited, * html a.widebtn:hover {font-size:.8em; padding:.25em 3.3em .3em 3.4em;}
	*:first-child+html a.widebtn, *:first-child+html a.widebtn:visited, *:first-child+html a.widebtn:hover {font-size:.8em; padding:.25em 3.3em .3em 3.4em !important;}

a.widebtn.widenext, a.widebtn.widenext:visited, a.widebtn.widenext:hover {padding-right:3.9em; zoom:1; background:#F60 url(/images/spriteImage.gif) no-repeat 100% -2796px;} /* btn_forward_arrow_wide.gif*/
	.fontlarger a.widebtn.widenext, .fontlarger a.widebtn.widenext:visited, .fontlarger a.widebtn.widenext:hover {background-position: 100% -2795px;}
	.fontlargest a.widebtn.widenext, .fontlargest a.widebtn.widenext:visited, .fontlargest a.widebtn.widenext:hover {background-position: 100% -2794px;}
	* html a.widebtn.widenext, * html a.widebtn.widenext:visited, * html a.widebtn.widenext:hover {padding-right:4.5em !important;}
	*:first-child+html a.widebtn.widenext, *:first-child+html a.widebtn.widenext:visited, *:first-child+html a.widebtn.widenext:hover {padding-right:4.5em !important;}
	body:last-child:not(:root:root) a.widebtn.widenext, body:last-child:not(:root:root) a.widebtn.widenext:visited, body:last-child:not(:root:root) a.widebtn.widenext:hover {background-position: 100% -2797.5px;}
		body.fontlarger:last-child:not(:root:root) a.widebtn.widenext, body.fontlarger:last-child:not(:root:root) a.widebtn.widenext:visited, body.fontlarger:last-child:not(:root:root) a.widebtn.widenext:hover {background-position: 100% -2796px;}
		body.fontlargest:last-child:not(:root:root) a.widebtn.widenext, body.fontlargest:last-child:not(:root:root) a.widebtn.widenext:visited, body.fontlargest:last-child:not(:root:root) a.widebtn.widenext:hover {background-position: 100% -2795px;}
	@media all and (min-width: 0px) {
             body:not(:root:root) a.widebtn.widenext {padding-right:4.5em !important; background-position: 100% -2799px;}
	}
		@media all and (min-width: 0px) {
	             body.fontlarger:not(:root:root) a.widebtn.widenext {padding-right:4.5em !important; background-position: 100% -2798px;}
		}
		@media all and (min-width: 0px) {
	             body.fontlargest:not(:root:root) a.widebtn.widenext {padding-right:4.5em !important; background-position: 100% -2798px;}
		}
		
a.widebtndisabled, a.widebtndisabled:visited, a.widebtndisabled:hover {zoom:1; font:bold 99% hei,verdana,sans-serif; letter-spacing:1px; font-size:.85em; border:1px solid #DDD; text-decoration:none; color:#FFF; background:#CCC; padding:.25em 2.8em .25em 2.9em;}
	* html a.widebtndisabled, * html a.widebtndisabled:visited, * html a.widebtndisabled:hover {font-size:.8em; padding:.25em 3.3em .3em 3.4em;}
	*:first-child+html a.widebtndisabled, *:first-child+html a.widebtndisabled:visited, *:first-child+html a.widebtndisabled:hover {font-size:.8em; padding:.25em 3.3em .3em 3.4em;}

a.widenextdisabled, a.widenextdisabled:visited, a.widenextdisabled:hover {padding-right:3.9em; zoom:1; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -6496px;} /* btn_arrow_wide_disabled.gif */
	.fontlarger a.widenextdisabled, .fontlarger a.widenextdisabled:visited, .fontlarger a.widenextdisabled:hover {background-position: 100% -6495px;}
	.fontlargest a.widenextdisabled, .fontlargest a.widenextdisabled:visited, .fontlargest a.widenextdisabled:hover {background-position: 100% -6493px;}
	* html a.widenextdisabled, * html a.widenextdisabled:visited, * html a.widenextdisabled:hover {padding-right:4.5em !important; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -6496px;} /* btn_arrow_wide_disabled.gif */
		* html .fontlarger a.widenextdisabled, * html .fontlarger a.widenextdisabled:visited, * html .fontlarger a.widenextdisabled:hover {background-position: 100% -6495px;}
		* html .fontlargest a.widenextdisabled, * html .fontlargest a.widenextdisabled:visited, * html .fontlargest a.widenextdisabled:hover {background-position: 100% -6494px;}
	*:first-child+html a.widenextdisabled, *:first-child+html a.widenextdisabled:visited, *:first-child+html a.widenextdisabled:hover {padding-right:4.5em !important; background:#CCC url(/images/spriteImage.gif) no-repeat 100% -6496px;} /* btn_arrow_wide_disabled.gif */
		*:first-child+html .fontlarger a.widenextdisabled, *:first-child+html .fontlarger a.widenextdisabled:visited, *:first-child+html .fontlarger a.widenextdisabled:hover {background-position: 100% -6495px;}
		*:first-child+html .fontlargest a.widenextdisabled, *:first-child+html .fontlargest a.widenextdisabled:visited, *:first-child+html .fontlargest a.widenextdisabled:hover {background-position: 100% -6494px;}
	@media all and (min-width: 0px) {
			body:not(:root:root) a.widenextdisabled, body:not(:root:root) a.widenextdisabled:visited, body:not(:root:root) a.widenextdisabled:hover  {padding-right:4.5em !important; background-position: 100% -6498px;}
	}
		@media all and (min-width: 0px) {
			body.fontlarger:not(:root:root) a.widenextdisabled, body.fontlarger:not(:root:root) a.widenextdisabled:visited, body.fontlarger:not(:root:root) a.widenextdisabled:hover  {padding-right:4.5em !important; background-position: 100% -6497px;}
		}
		@media all and (min-width: 0px) {
			body.fontlargest:not(:root:root) a.widenextdisabled, body.fontlargest:not(:root:root) a.widenextdisabled:visited, body.fontlargest:not(:root:root) a.widenextdisabled:hover  {padding-right:4.5em !important; background-position: 100% -6496px;}
		}	
		
a.widebtn.wideprev, a.widebtn.wideprev:visited, a.widebtn.wideprev:hover {padding-left:3.9em; zoom:1; background:#F60 url(/images/spriteImage.gif) no-repeat left -4695px;} /* btn_reverse_arrow_wide.gif */
	.fontlarger a.widebtn.wideprev, .fontlarger a.widebtn.wideprev:visited, .fontlarger a.widebtn.wideprev:hover { background-position: left -4694px;}
	.fontlargest a.widebtn.wideprev, .fontlargest a.widebtn.wideprev:visited, .fontlargest a.widebtn.wideprev:hover { background-position: left -4692.5px;}
	* html a.widebtn.wideprev, * html a.widebtn.wideprev:visited, * html a.widebtn.wideprev:hover {padding-left:4.5em !important;}
	*:first-child+html a.widebtn.wideprev, *:first-child+html a.widebtn.wideprev:visited, *:first-child+html a.widebtn.wideprev:hover {padding-left:4.5em !important;}
		*:first-child+html .fontlargest a.widebtn.wideprev, *:first-child+html .fontlargest a.widebtn.wideprev:visited, *:first-child+html .fontlargest a.widebtn.wideprev:hover {background-position: left -4693px;}
	body:last-child:not(:root:root) a.widebtn.wideprev, body:last-child:not(:root:root) a.widebtn.wideprev:visited, body:last-child:not(:root:root) a.widebtn.wideprev:hover {background-position: left -4696px; padding-left:4.5em !important;}
		body.fontlarger:last-child:not(:root:root) a.widebtn.wideprev, body.fontlarger:last-child:not(:root:root) a.widebtn.wideprev:visited, body.fontlarger:last-child:not(:root:root) a.widebtn.wideprev:hover {background-position: left -4695px !important;}
		body.fontlargest:last-child:not(:root:root) a.widebtn.wideprev, body.fontlargest:last-child:not(:root:root) a.widebtn.wideprev:visited, body.fontlargest:last-child:not(:root:root) a.widebtn.wideprev:hover {background-position: left -4693.5px;}
	@media all and (min-width: 0px) {
             body:not(:root:root) a.widebtn.wideprev {padding-left:4.5em !important; background-position: 0 -4698px;}
	}
		@media all and (min-width: 0px) {
	             body.fontlarger:not(:root:root) a.widebtn.wideprev {padding-left:4.5em !important; background-position: 0 -4696px;}
		}
		@media all and (min-width: 0px) {
	             body.fontlargest:not(:root:root) a.widebtn.wideprev {padding-left:4.5em !important; background-position: 0 -4696px;}
		}
		
a.wideprevdisabled, a.wideprevdisabled:visited, a.wideprevdisabled:hover {padding-left:3.9em; zoom:1; background:#CCC url(/images/spriteImage.gif) no-repeat 0 -7095px;} /* btn_reverse_arrow_wide_disabled.gif */
.fontlarger a.wideprevdisabled, .fontlarger a.wideprevdisabled:visited, .fontlarger a.wideprevdisabled:hover {background-position: 0 -7094px;}
.fontlargest a.wideprevdisabled, .fontlargest a.wideprevdisabled:visited, .fontlargest a.wideprevdisabled:hover {background-position: 0 -7092px;}
	* html a.wideprevdisabled, * html a.wideprevdisabled:visited, * html a.wideprevdisabled:hover {padding-left:4.5em !important;}
		* html .fontlargest a.wideprevdisabled, * html .fontlargest a.wideprevdisabled:visited, * html .fontlargest a.wideprevdisabled:hover {background-position: 0 -7093px;}
	*:first-child+html a.wideprevdisabled, *:first-child+html a.wideprevdisabled:visited, *:first-child+html a.wideprevdisabled:hover {padding-left: 4.5em !important; background-position: 0 -7095px;}
	*:first-child+html .fontlarger a.wideprevdisabled, *:first-child+html .fontlarger a.wideprevdisabled:visited, *:first-child+html .fontlarger a.wideprevdisabled:hover {background-position: 0 -7094px;}
	*:first-child+html .fontlargest a.wideprevdisabled, *:first-child+html .fontlargest a.wideprevdisabled:visited, *:first-child+html .fontlargest a.wideprevdisabled:hover {background-position: 0 -7093px;}
	@media all and (min-width: 0px) {
             body:not(:root:root) a.wideprevdisabled, body:not(:root:root) a.wideprevdisabled:visited, body:not(:root:root) a.wideprevdisabled:hover {background-position: 0 -7097px;}
	}
		@media all and (min-width: 0px) {
             body.fontlarger:not(:root:root) a.wideprevdisabled, body.fontlarger:not(:root:root) a.wideprevdisabled:visited, body.fontlarger:not(:root:root) a.wideprevdisabled:hover {background-position: 0 -7096px;}
		}
		@media all and (min-width: 0px) {
             body.fontlargest:not(:root:root) a.wideprevdisabled, body.fontlargest:not(:root:root) a.wideprevdisabled:visited, body.fontlargest:not(:root:root) a.wideprevdisabled:hover {background-position: 0 -7095px;}
		}
	
/********************************************/

/* CALENDAR */

a.datechooser {padding:2px 20px 2px 0; background:url(/images/icon_calendar.gif) no-repeat right 0; display:none; height:1em;} /* hide the links by defaut, show with JavaScript */

/* showcal added by JS to show the links -- IE needs inline-block for icon to show up when no text in the link */
a.datechooser.showcal {display:inline;}
	* html a.datechooser.showcal {display:inline-block;}
	*:first-child+html a.datechooser.showcal {display:inline-block;}

.extended a.datechooser {padding:2px 0 2px 20px; background-position:left 0;}
.extended span.datearrow {padding: 2px 0 0 20px; background: url(/images/spriteImage.gif) 100.5% -2314px no-repeat; display:inline-block; height:1em;} /* gray_arrow.gif */
.extended a.datechooser.noicon {background: none; padding:2px 0 2px 0;}

div.datechooser {border:1px solid #000; background-color:#fff; padding:40px 8px 8px; position:absolute; margin: 1.2em 0 0 -135px; z-index:20000; color:#333;}

div.datechooser .othermonth {color:#777777;}

div.datechooser table {border:1px solid #999; background-color:#fff; font-size:.8em; color:#333; padding:0px; margin:1em 0 0 0; border-collapse:collapse; width:150px;}
div.datechooser thead th {background-color:#999 !important; text-align:center !important; color:#fff !important; font-size:1.1em;}
div.datechooser tbody th, .extended div.datechooser tbody th {border-bottom:1px solid #ccc !important; width:14%; text-align:right; padding-right:3px; color:#333 !important;}
div.datechooser tbody th.ineligible, div.datechooser tbody td.ineligible a, div.datechooser tbody td.ineligible a:visited {color:#999 !important;}  
div.datechooser tbody td {padding:2px 3px 2px 1px !important; text-align:right; cursor:default; color: #999;}
div.datechooser tbody td a, div.datechooser tbody td a:visited {color: #999; text-decoration:none;}
div.datechooser tbody td.selected {background:url(/images/calendar_selected.gif) no-repeat;}
div.datechooser tbody td.today {background:url(/images/calendar_today.gif) no-repeat;}
div.datechooser tbody td.selectable {color:#333; font-weight:bold; cursor:pointer; cursor:hand;}
div.datechooser tbody td.selectable a, div.datechooser tbody td.selectable a:visited {color:#333;}
div.datechooser tbody td.in-range a, div.datechooser tbody td.in-range a:visited, div.datechooser tbody td.end-of-range a, div.datechooser tbody td.end-of-range a:visited, div.datechooser tbody td.start-of-range a, div.datechooser tbody td.start-of-range a:visited {color:#fff;}
div.datechooser tbody td.in-range{background:url(/images/calendar_range.gif) no-repeat;}
div.datechooser tbody td.end-of-range,
div.datechooser tbody .end-of-range{font-weight:bold; background:url(/images/calendar_range_end.gif) no-repeat;}
div.datechooser tbody td.start-of-range,
div.datechooser tbody .start-of-range{font-weight:bold; background: url(/images/calendar_range_start.gif) no-repeat;}
div.datechooser tbody td.in-current-month, .extended div.datechooser tbody td.in-current-month {background-color: #efefef; border-bottom: 1px solid #fff !important;}
div.datechooser tfoot td {border-top:1px solid #ccc;}
div.datechooser tfoot div {padding:0px 4px 2px 4px; margin:2px; text-align:center; background-color:#ccc; width:35px; height:12px; border:2px outset #ccc; cursor:pointer; cursor:hand; float:left;}
div.datechooser tfoot div.cancel {float:right;}

/* override table styles when calendar is used in PMB table */
div.datechooser thead th {padding:.3em 4px .3em 0; font-weight:bold;}
div.datechooser tbody th {padding:.3em 3px .3em 0; font-weight:bold;}
div.datechooser tbody td {border-top:0 !important;}
.legend-send-line a, .legend-deliver-line a {zoom:normal !important;}

/* legend */
div.datechooser .legend {font-size:.8em; margin:.7em .3em; line-height: 1.7em;}
div.datechooser .legend div.selected {font-weight:bold;}
.legend-send-line, .legend-deliver-line {white-space:nowrap;}
.legend-send-line a {background:url(/images/calendar_range_start_legend.gif) 0 1px no-repeat; padding-left:15px;}
.legend-deliver-line a {background:url(/images/calendar_range_end_legend.gif) 0 1px no-repeat; padding-left:15px;}

div.datechooser .drag-bar {position:absolute; background-color:#D9D9D9; border-bottom:1px solid #999; top:0; left:0; height:17px; width:166px; cursor:move;}

div.datechooser .calendartitle {font-size:.9em; width:150px; top:-7px; position:relative;}

div.datechooser .control-strip {position:absolute; top:18px; text-align:center; left:0; width:111px; padding-left:55px; background-color:#EDEDED;}
div.datechooser .control-strip a {float:left; background-repeat:no-repeat; background-position:center; width:19px; height:11px; cursor:pointer; cursor:hand; margin:0;}
table.datagrid div.datechooser .control-strip a {float:left !important;} /* override datagrid float none */

div.datechooser a.close-button {position:absolute; top:1px; right:6px; background:url(/images/calendar_close.gif) no-repeat; height:15px; width:15px; margin:0; padding:0; cursor:pointer; cursor:hand;}
div.datechooser a.close-button-hover {background-image: url(/images/calendar_close_hover.gif);}
div.datechooser .previous-month-button {background-image: url(/images/calendar_nav_left.gif);}
div.datechooser .previous-month-button-hover {background-image: url(/images/calendar_nav_left_hover.gif);}
div.datechooser .current-month-button {background-image: url(/images/calendar_nav_center.gif);}
div.datechooser .current-month-button-hover {background-image: url(/images/calendar_nav_center_hover.gif);}
div.datechooser .next-month-button {background-image: url(/images/calendar_nav_right.gif);}
div.datechooser .next-month-button-hover {background-image: url(/images/calendar_nav_right_hover.gif);}

div.date-off-calendar {margin:8px 0 0 0; padding:3px; height:20px; width:140px; font-size:.8em; display:none;}
div.date-off-calendar.show {display:block;}
div.date-off-calendar .date-container {border:1px solid #000; display:inline; margin-left:3px; padding:0 2px 0 2px; font-weight:bold; color:#fff;}
div.date-off-calendar .date-container.deliver {background-color:#FF6406;}
div.date-off-calendar .date-container.send {background-color:#FFD001; color:#000;}

div.datechooser div.zoom-send {position:absolute; display:none; width:1.7em; margin-top:-.15em; font-size:1em; font-weight:bold; background-color:#f99; text-align:center;}
div.datechooser div.zoom-deliver {position:absolute; display:none; width:1.7em; margin-top:-.15em; font-size:1.em; font-weight:bold; background-color:#9f9; text-align:center;}


/********************************************/

/* STATEMENTS */

table.statementpaymentdue {margin:1em 0 1em 0;}
table.statementpaymentdue td {font-weight:bold; text-align:center;}
table.statementpaymentdue thead td {padding:0 .5em .5em .5em; color:#5a5a5a;}
table.statementpaymentdue td.underline {border-bottom:1px solid #000;}

.sub-header {margin:0;}
.sub-header p {margin:0; padding:0; line-height:1.5em;}
.sub-header .date {text-align:right;}
.sub-header .acct-name {margin:50px 0;}
.sub-header .acct-detail {float:left; clear:both;}
.sub-header .assistance {float:right; text-align:right;}

.content-header {border:solid 1px #999; zoom:1;}
.content-header p {margin:0; padding:10px 0 5px 10px;}
.content-header p.header {padding-top:5px; font-weight:bold; border-bottom:solid 1px #CCC; background-color:#EFEFEF;}
.content-header p.details {margin:-2.7em 0 0 12em; padding-bottom:10px; width:20em; line-height:1.5em;}

.summary-container {float:left; margin:0 10px 0 5px; width:20em;}
.summary-container-2 {float:right; padding:10px 10px 0 0; width:22em;}
.summary-container .acct-glance {margin:10px 0; width:100%;}

table.acct-glance {font-size:inherit; font-size:100%; width:99%; line-height:1.8em;}
table.acct-glance tr th {text-align:right; white-space:nowrap; font-weight:bold;}
table.acct-glance tr td {text-align:right;}
table.acct-glance td.center {width:3em;}
table.acct-glance td.middle {width:1em;}

table.details {border:1px solid #999;}
table.details.wide {width:100%;}
table.details.short {width:40%;}
table.details tr.header th {padding:5px 10px; font-weight:bold; background:#DBDBDB; border-bottom:solid 1px #999;}
table.details .content td {padding:5px 10px;}
table.details tr.alt {background:#F6F6F6;}
table.details .alt td {border-top:1px solid #DDD; border-bottom:1px solid #DDD;}

table.extra-details {margin:10px 0;}
table.extra-details td.right {padding-right:10px; line-height:2em;}

p.desc {background:#EFEFEF; padding:10px; border:solid 1px #999;}

/********************************************/

/* LIVE CHAT */

.livechat {font-family: verdana, Arial, Helvetica, sans-serif; background-color:#E5E5E5;}
.livechat h1 {font-weight:bold; color:#333; font-size:12px; margin-bottom:6px; width:355px; white-space:normal;}
.chat-branding-image {position:absolute; right:10px;top:10px;}

/* Chat Invitation */
#chat-invitation {position:absolute; top:100px; left:100px; width:457px; height:228px; background-color:#E5E5E5; padding:19px 15px; border:2px ridge;}
#chat-invitation h1 {font-family:verdana; font-weight:bold; color:#333; font-size:12px; margin-bottom:2px;}
#chat-invitation .chat-close-link {position:absolute;	top:10px; right:15px; padding:0;}
#chat-invitation .chat-close-link a {color:#039; text-decoration:none; font-family:verdana; font-size:11px; font-weight:bold; padding-right:20px; background-image:url(/images/images/close_button.gif); background-repeat: no-repeat; background-position: 100% 0; line-height: 15px; display: block;}
#chat-invitation .chat-branding-image{position:absolute; right:15px; top:38px;}
#chat-invitation .chat-now-button{position:absolute; top:178px; right:153px;}
#chat-invitation a img{border:0;}
#chat-invitation .faux-chat {margin:4px 0;}

/* Chat Window */
#chat-ui {padding:10px;}
#chat-ui .chat-branding-image {position:absolute; right:10px; top:10px;}
#chat-ui .lp-logo {position:absolute; right:20px; top:215px;}
#chat-ui #chat-transcript-window {width:355px; height:220px; border:1px solid #999;}
#chat-ui #chat-status {font-size:11px; color:#333; margin-top:14px; margin-bottom:7px; padding-left:18px; background-image:url(/images/images/icon_nav_lock.gif); background-repeat:no-repeat; background-position:3px;}
#chat-ui #chat-input {border:1px solid #999; width:353px; height:30px; font-family:verdana, Arial, Helvetica, sans-serif; color:#333; font-size:11px; padding:3px;}
#chat-ui .send-button {position:absolute; top:279px; right:20px;}
#chat-ui a img {border:0;}

/* Chat Transcript */
#chat-transcript {font-family:verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#fff; padding:4px;}
div#chat-transcript div {margin:7px;}
#chat-transcript div.with-arrow {margin:7px 7px 7px 0px; padding:0 0 0 7px; background-image:url(/images/icon_arrow.gif); background-repeat:no-repeat; background-position:0 3px;}
#chat-transcript .system-message {color:#7c7c7c;}
#chat-transcript .agent-feedback {color:#0060b6;}
#chat-transcript .visitor-inquiry {color:#333;}
#chat-transcript hr {border:1px solid #ccc; height:1px;}

/* Exit Survey */
#chat-survey {padding:13px 10px 10px 10px;}
#chat-survey h1 {margin-right:97px;}
#chat-survey .form-footer {position:absolute; top:279px; right:10px; vertical-align:bottom;}
#chat-survey .form-footer input.button {margin-left:7px;}
#chat-survey form table.axial {margin-top:20px;}
#chat-survey form table.axial th, form table.axial td {vertical-align:middle;}
#chat-survey .comments-section {position:absolute; top:180px;}
#chat-survey .comments-section textarea {border:1px solid #999; margin-top:7px; width:445px; height:60px;}
#chat-survey form input.radio {background-color:#e5e5e5;}

/* Offline Survey/message */
#offline-survey {padding:13px 10px 10px 10px;}
#chat-offline-message {width:350px; height:120px; border:1px solid #999; background-color:#fff; padding:4px;}
#offline-survey .form-footer {position:absolute; top:170px; right:102px; width:355px; vertical-align:bottom;}
#offline-survey .form-footer input.button {position:absolute; right:0px;}
#offline-survey .form-footer span {position:absolute; left:0px;}

/********************************************/

/* CALCULATORS */

.calculator table td a img {padding:0 0 2px 2px;}
.calculator .fieldRowTableRow img {padding:0;}

/********************************************/

/* PRINTABLE DEPOSIT SLIP */

.depositslip {border:1px solid #ccc; padding:1em 2em .5em 1em; width:600px; margin-top:3em;}
.depositslip h2 {margin:1.5em 0 1em 0;}
.depositslip .disclaimer {padding-top:4em;}
.depositslip table .last {padding-left:2em;}
.depositslip table .middle {vertical-align:middle;}
.depositslip table td {vertical-align:top;}
.depositslip table.simpletable {width:21em;}
html body .depositslip table.simpletable tbody td {padding: 1em .5em .2em .5em!important;}
.depositslip table.simpletable th#amountcolumn {width:40%;}
html body .depositslip table.simpletable th#dotcolumn {padding-right:3em!important;}
.depositslip table.simpletable tfoot th {white-space:nowrap;}
.depositslip .depositdatebox {border-bottom:1px solid #000; padding:0 3em 0 1.25em;}
.depositslip .depositdatebox span {padding:0 1.25em;}
.depositslip .depositamountline {display:inline-block; border-bottom:1px solid #000; margin-left:.5em; padding:0 2em 0 1.25em;}
.depositslip .depositamountline span {padding:0 2em;}
.depositslip .accountnum {font-size:1.1em; font-weight:bold;}

/********************************************/

/* EDITABLE BOXES FOR THE SUMMARY PAGE */

a.triggersummaryeditbox {text-decoration:none;}
a.triggersummaryeditbox:hover {text-decoration:underline;}
.summaryeditbox {border:1px solid #999; background:#EFEFEF; padding:3px; position:absolute; margin-top:-.5em; display:none;}
.summaryeditbox.editboxshow {display:block;}
	* html .summaryeditbox.editboxshow {width:40em;} /* IE6 wraps lines, so specify a container width */
.summaryeditbox .editboxformat {display:none;}
	* html .summaryeditbox label {position:relative; top:-4px;}
	*:first-child+html .summaryeditbox label {position:relative; top:-4px;}
.editboxbuttons {display:inline; margin-left:1em;}
.editboxbuttons .closesummaryeditbox {background:url(/images/icon_close.gif) no-repeat; height:15px; padding:1px 8px 1px 7px; display:inline-block;} /* padding needed for FireFox */
	body:last-child:not(:root:root) .editboxbuttons .closesummaryeditbox {margin-bottom:-6px;} /* for Safari*/
.buttonsbelow .editboxbuttons {text-align:right; display:block; padding:.7em .2em .2em .2em; margin-top:.5em; background:url(/images/hr_dotted.gif) repeat-x;}
.summaryeditbox input {margin-bottom:0;}
	* html .summaryeditbox input {margin-bottom:.3em;}
	*:first-child+html .summaryeditbox input {margin-bottom:.3em;} 

/********************************************/

/* FOOTER */

.footer {position:relative; clear:both; padding-bottom:10px; z-index:1;}
.footer .hr {color:#CFCFCF; background:#CFCFCF;}
.footer .footerbar {color:#5A5A5A; background:#E5E5E5; clear:both; text-align:right; border-bottom:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; padding:3px 10px 5px;}
.footer .footerbarHome {color:#5A5A5A; background:#EBEBEB; font-size:.9em; padding:15px 15px 2px;}
.footer .footerbarHome p {color:#7C7C7C;}
.footer .footerbar a {color:#5A5A5A; padding:0 .5em; font-size:.9em; font-weight:bold; text-decoration:none;}
.footer .footerbar a:hover {text-decoration:underline;}
.footer .companies {width:47em; padding:6px 10px 9px; color:#666; margin-bottom:10px; border:1px solid #B6CFE7;}
.footer .companies h5 {font-size:1.1em;}
.footer .companies ul {color:#333; padding:5px 0 0 16px;}
.disclaimer {font-size:.9em; color:#7C7C7C; padding:6px 14px 0 0; clear:both;}
	.footer .disclaimer {padding-left:15px;}
	.formfooter .disclaimer { color: #666; }
	.wmi-modal .disclaimer a { color: #7c7c7c; }
.footer .copyright {font-size:.9em; color:#7C7C7C; padding:2px 14px 12px;}
.footer .copyright a, .footer .copyright a:visited {text-decoration:underline;}
.footer .copyright a:hover {text-decoration:underline;}

.subfooter {position:absolute; left:0; top:-64px; width:99.8%; height:60px;}
	.wmi-subfooter { top: -94px; height: auto; }
		.fontlargest .wmi-subfooter {top:-106px;} /* when it wraps */
	.wmi-subfooter dl.lftCol-fdic {margin-left:232px;} /*account for left colum, if it exists*/
	.subfooter.lftCol-fdic { top: -112px; }
.subfooter .fdic {margin-left:232px; height:29px; width:358px; position:absolute; bottom:12px;}
.subfooter .lftCol-fdic {margin-left:15px; top:auto;} /*reset the top position if inside subfooter - needed for IE6 double class bug caused by the other leftCol-fdic rule above*/
.subfooter .fdic.expanded {position:absolute; bottom:12px; height:15px; width:650px;}
	* html .subfooter .fdic.expanded {position:absolute; bottom:3px; height:15px; width:650px;}
.subfooter .fdic img { display: block; }
.subfooter .equalhousing {position:absolute; right:13px; bottom:5px;}

/* WaMu Investments footer */

.subfooter dl { margin: 0 15px 20px 15px; }
	.subfooter.lftCol dl { margin-left: 232px; }
	.subfooter dt { font-size: 10px; font-weight: bold; color: #666; margin-right: 200px; }
	.subfooter .no-fdic { display: inline-block; width: 70em; font-weight: bold; margin: 1em 0; padding: 3px 5px; color: #666; border: 2px solid #999; font-size: 10px; }
	.subfooter .trademark { color: #333; font-size: .9em; }

/* mapquest search results page styles */

div.mapquest { margin-bottom: 15px;}
	div.mapquest dl { margin-left: 320px; font-weight: bold; }
		div.mapquest dt { font-size: 1.3em; margin-bottom: 1em; }
		div.mapquest dd { margin-left: 3px; background: url(/images/icon_mapquest_poi.gif) no-repeat; padding-left: 2em; }
	div.mapquest ul.zoom-controller { margin-left: 405px;}
	.content div.mapquest h2 , .from-to .floatleft h2 { margin-bottom: .8em; }
	.content div.mapquest  .floatleft img, .directions img, .multi-city img { border: 2px solid #999;}

table.ratetable address a { display: block; margin-bottom: 10px; }
table.ratetable ul { list-style-image: none; list-style-type: none; }
	table.ratetable li { margin-bottom: 0;}
	
ul.zoom-controller, ul.zoom-controller li { list-style-type: none; list-style-image: none; }
	* html ul.zoom-controller {height: 1%;}
	ul.zoom-controller label  { padding-left: 1em; }
	ul.zoom-controller li.zoom-icon { padding-left: 6px; }

.from-to { margin-top: 1em; }
	.from-to .floatleft { margin-right: 100px; }
		.directions .floatleft { margin-right: 20px; margin-bottom: 2em; }
		.from-to .floatleft h2,
		.from-to .floatleft p,
		.from-to .floatleft table { margin-left: 25px; }

.from-to { margin-bottom: 25px;}
.from-to  div.last { margin-left: 15px; margin-right: 0; padding-left: 10px; border-left: 1px solid #ccc; }
.from-to dl dt, dl.distance dt { float: left; width: 3em; text-align: right; white-space: nowrap; }
.from-to dl dd { margin-left: 3.5em; }
dl.distance { margin-top: 1em; }
dl.distance dt { width: 10em; font-weight: bold; }
dl.distance dd { margin-left: 11em; }
.from-to strong { display: block;}
.from-to address { margin-bottom: 1em; }
.from-to dl address { margin-bottom: 0; }

.from-to table.tiny th { width: auto; font-weight: bold; }

.directions img { display: block; clear: left; }

.zoomer { margin-bottom: 1.5em; }

.content .multi-city , .content .multi-city li { padding-left: 0; list-style-type: none; list-style-image: none; }
	.multi-city li { margin-bottom: 2em; }
	.multi-city a { display: inline-block; font-weight: bold; margin-left: 10px; }

/* My FICO styles for Servicing */
table.fico-wrapper-table .loan-header-row td {vertical-align:bottom; padding-bottom:1em;}
table.fico-wrapper-table .datagrid {width:100%;}
.my-fico {position:relative; z-index:1; padding-left:30px;}
.my-fico-header {text-align:right; position:relative;}
a.fico-hot {color:#f60; text-decoration:none; font-weight:bold; padding-left:31px; background:url(/images/spriteImage.gif) 0 -3100px no-repeat;} /* icon_tip_new.gif */
	.fontlarger .fico-hot {background-position: 0 -3099px;}
	.fontlargest .fico-hot {background-position: 0 -3097px;}
a.fico-hot:visited {color:#f60;}
.fico-info {display:block; color:#666;}
.my-fico .tipbox {border-color:#DBDBDB; background-color:#FFC; width:29.6em; right:2px; padding-bottom:10px;}
.my-fico .tipbox .actionlink {padding:0.5em 1em 0 2.5em!important;}

/* ONE OFF dba fax cover */
/* COPY from screen.css to print.css */
div.dbafaxcontainer {width:600px;}
.dbafaxbanner {text-align:center; padding-top:1em;}
.dbafaxcontainer .loud1 {font-size:160%; font-weight:bold;}
.dbafaxcontainer .loud2 {font-size:200%; font-weight:bold;}
table.faxial {margin:1em 1em 2em;}
.faxial th {text-align:right; padding:0.5em; font-weight:bold;}
.faxial td {padding:0.5em 0;}

/* ONA spinner */
.onaspinner {text-align:center; margin:40px;}

/* Used for the offer details list for offer pages with an image to the left and a left column present*/
ul.offer-detail-list-with-image{padding-left: 25em;}