@charset "ISO-8859-1";
/* General styles---------------------------------------------*/
body {color:#000;background-color:#FFF;margin:0 4px;font-style:normal;}
* {font-family:arial, helvetica, sans-serif}
a, a:link, a:visited {color:#369}
a:hover {color:#4986FF}
a[name] {color:#000;}  /* Mozilla overly acquisitive on the anchor tag */
img {border-style:none}
.linkedIcon {margin-right:.3em;margin-bottom:-.1em;}
h1 {font-size:120%;padding:0;margin:0 0 15px 0}
h2 {font-size:95%;padding:0;margin:15px 0px 9px 0px}
h2 span {font-weight:normal}
h3 {font-size:85%;color:#000;padding:0;margin:1em 0 0 0;}
h3.miniAcctBalance {font-size:88%;color:#000;padding:0;margin:0}
h3 span {font-weight:normal}
h2 a {font-weight:normal}
p {font-size:75%;margin-top:0;padding-top:0;padding-bottom:4px}	
.important {text-transform:uppercase}
a.negative:link,a.negative:visited, a.negative:active {color:#CC0000}
a.negative:hover {color:#FF3333}
.alert {color:#CC0000;margin:3px 0 0 0;padding:0}
.alert a {color:#cc0000;}
.alert a:hover {color:#ff3333;}
.notFdic {border:1px solid #999;padding:1px 3px;margin:1px;float:left}
div.clearleft {clear:left;line-height:0;height:0}
div.clearright {clear:right;line-height:0;height:0}
div.clearboth {clear:both;line-height:0;height:0}
.smaller-text {font-size: 95%;}
div#globalerror {color:#fe0000}

#utility {font-size:75%;float:right;padding-top:3px;color:#ccc;width:auto;} /* w/o explicit width box took up entire available space, making it look left justified */
#utility a {text-decoration:none;}
#utility a:hover {text-decoration:underline;}

/* Form styles---------------------------------------------*/
form {font-weight:normal;padding:0px;margin:5px 0}
form.view, table.view {font-size:75%}

/* Header styles---------------------------------------------*/
#masthead {width:100%;border:none;padding:0;margin:0px 0px 6px 0px}
#mastLeftCol {width:180px; white-space:nowrap;}
#logo {display:inline;width:62px;height:62px;border:none;margin-right: .1em;}
#coach {width:98px;height:62px;border:none;display:inline}
#securityguarantee {width:11px;height:16px;border:none;display:inline}
#mastRightCol {font-size:100%}
#utilities {font-size:75%;float:right;margin-top:3px;margin-right:.2em;color:#B2B299;height:1.7em;}
a.headerLink:link,a.headerLink:visited {text-decoration:none;}
a.headerLink:hover {text-decoration:underline;}
.headerTopOn {font-weight:bold}
#mastNav {font-size:130%;float:left;width:99%;margin-top:1.2em;line-height:normal;background:url(images/grey_pix.gif) bottom repeat-x;height:2.0em;}
div.clearer {display:none}
.lastSignOn {float:left;text-align:left;color:#666;font-size:12px;padding-top:0px}
#securityguarantee {background:url(images/icons/securityguarantee.gif) center left no-repeat;padding-left:10px;width:11px;height:16px;}
.prominentNavLinks {font-weight:bold;text-decoration:none;}
.prominentNavLinks:hover {font-weight:bold;text-decoration:underline;}
/* ASR global styles */
#topBar {margin:0;padding:0;line-height:0.5;height:5px;background-color:#dddece;font-size:75%;} 
#mainheader {width:99%;min-width:980px;margin:0 7px 0 7px;background-color:#fff;}
#mainheader2 {width:275px;padding:0 15px;}
#masthead {padding:0;height:67px;margin:0;}
#logo {float:left;margin-left:14px;}
#LOBHead {padding-left:15px;vertical-align:bottom;float:none;margin-left:81px;margin-top:-27px;} /* adjust margin-top to bring image up. */
#mainHeader {width:981px;margin:0 auto;padding:0 7px;background-color:#fff;}


/* Body styles---------------------------------------------*/
#background {background-color:#FFF}
#content {margin:0;padding:0;width:100%}
#panel {border-top:0;border-right:0;background-color:white;vertical-align:top;padding:15px 0px 10px 5px;width:100%}
#paneltpb {border-top:0;border-right:0;background-color:white;vertical-align:top;padding:0px 0px 10px 5px;width:100%}
#panel .section {padding:0 0 15px 0;margin:0}
#panel .section p, #panel .linksection p{margin:3px 0 0 0}
#panel .section h3 {border-bottom:none;}
#pageHelp {font-size:75%; float:right;margin-top:7px;background:transparent 0% 50% no-repeat;white-space:nowrap;}
#pageHelp a,#pageHelp a:link,#pageHelp a:visited, a#pageHelp,a#pageHelp:link, a#pageHelp:visited {text-decoration:none;font-weight:bold}
#pageHelp a:hover, a#pageHelp:hover {text-decoration:underline}
.footnote {font-size:75%; margin-top:5px;text-indent:-10px;margin-left:10px}
.subheaderBar {font-size:95%;display:block;border-bottom:1px solid #666;margin-bottom:10px;margin-top:-10px;}
.subheaderBarVariation {font-size:95%;display:block;border-bottom:1px solid #666;margin-bottom:10px;margin-top:-10px;}
.subheaderBar a {font-size:75%;font-weight:bold;padding-left:10px}
.subheaderBarExtras {float:right}
.subheaderBarExtras a {padding-left:10px;font-weight:normal;}
p.error {margin:0;padding:0 0 3px 0}
.error {color:#C00;font-weight:bold}
.linksection p {margin:3px 0 0 0;}
/* These are for sections with different behaviour than PageLayout.  Should be same as content and panel. */
#content2 {margin:0;padding:0;width:100%}
#panel2 {border-top:0;border-right:0;background-color:white;vertical-align:top;padding:15px 0px 10px 5px;width:100%}
#panel2 input, #panel2 select {font-size:100%}
#panel2 .section {padding:0 0 15px 0;margin:0}
#panel2 .section p {font-size:75%;margin:3px 0 0 0}
#panel2 .section h3 {border-bottom:none;font-size:75%}


/* Buttons */
.buttonBarPage {height:23px; font-size:75%;text-align:right;background-color:#FFFFE2;border-top:1px solid #666;border-bottom:1px solid #666;padding:3px 0 3px 0;margin-top:15px}
.buttonBarTable {height:23px;font-size:75%;text-align:right;background-color:#EEEFE1;border-bottom:1px solid #CCC;padding:3px 0 3px 0}
.buttonBarTableBordered {height:23px;font-size:75%;text-align:right;background-color:#EEEFE1;border-bottom:1px solid #CCC;border-left:1px solid #A6A799;border-right:1px solid #A6A799;padding:3px 0 3px 0}
.primary {font-weight:bold; float:right;font-size:12px;}
.secondary {margin-right:4px;float:right;font-size:12px;}
.tertiary {margin-right:18px;float:right}

/* Buttons alternative style to address bug on os10 mac ie5.2*/
.altbuttonBarTable {font-size:75%;text-align:right;background-color:#EEEFE1;border-bottom:1px solid #CCC;padding:3px 0 3px 0}
.altbuttonBarTableBordered {font-size:75%;text-align:right;background-color:#EEEFE1;border-bottom:1px solid #CCC;border-left:1px solid #A6A799;border-right:1px solid #A6A799;padding:3px 0 3px 0}
.altprimary {font-weight:bold;}

/* Sidebar styles------------------------------------------ */
#sidebar {vertical-align:top;margin:0;padding-left:15px;padding-top:5px}
#sidebar h3 {margin:0;padding:0 4px;background-color:#D3D7C3;font-size:110%}
#sidebar h4 {font-size:75%;margin:0;padding-bottom:2px;border-bottom:1px solid #666;width:100%}
#sidebar .infoBox {font-size:68%;border:1px solid #D3D7C3;padding-bottom:4px;margin-bottom:20px;width:161px}
#sidebar .infoBoxText {font-size:68%;border-left:1px solid #D3D7C3;border-right:1px solid #D3D7C3;padding-bottom:4px;margin-bottom:20px;width:160px}
#sidebar .infoBoxBottomText {font-size:68%;border-top:1px solid #D3D7C3;padding-bottom:4px;margin-bottom:20px;width:160px}
#sidebar .infoBoxShaded {font-size:68%;border:1px solid #D3D7C3;padding-bottom:4px;margin-bottom:20px;width:160px;background-color:#F2F2EF}
#sidebar .helpText {width:160px;font-size:100%}

/* Table styles---------------------------------------------*/
table.data {width:100%;font-size:75%;}
table.data span {font-weight:normal}
table.data td, table.data th {vertical-align:top;text-align:left;padding:2px 10px 2px 6px;border-bottom:1px solid #CCC;border-left:1px solid #CCC}
table.data tr > td:first-child, table.data > th:first-child {border-left:none 0}

table.data td br {height:5px;line-height:5px}
table.data td.firstCol, table.data th.firstCol {border-left:0}
tr.total {background-color:#EEEFE1}
table.data td.currency,table.data th.currency {text-align:right;white-space:nowrap}
table.data th.mainSort {background-color:#FFFFE2;border:1px solid #999;white-space:nowrap}
span.info {font-size:90%;color:#666666;white-space:nowrap}
.TableInstr {font-size:68%;color:#666}
.TableInstrShadedTable {font-size:11px;color:#666}
/*---------Popular Payee Table Styles -----------------*/
table.shadedData {width:100%;font-size:75%;background-color:#F5F5F5;border:1px solid #A6A799}
table.shadedData span {font-weight:normal}
table.shadedData td, table.shadedData th {vertical-align:top;text-align:left;padding:2px 10px 4px 10px;border-bottom:1px solid #CCC;border-left:1px solid #CCC}
table.shadedData td br {height:5px;line-height:5px}
table.shadedData td.firstCol, table.shadedData th.firstCol {border-left:0}
table.shadedData td.currency,table.shadedData th.currency {text-align:right;white-space:nowrap}
table.shadedData th.mainSort {background-color:#FFFFE2;border:1px solid #999;white-space:nowrap}
/*---------Popular Payee Table Styles With no Top border -----------------*/
table.shadedDataNoTop {width:100%;font-size:75%;background-color:#F5F5F5;border:1px solid #A6A799;border-top:0}
table.shadedDataNoTop span {font-weight:normal}
table.shadedDataNoTop td, table.shadedDataNoTop th {vertical-align:top;text-align:left;padding:2px 10px 4px 10px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC}
table.shadedDataNoTop td br {height:5px;line-height:5px}
table.shadedDataNoTop td.firstCol, table.shadedDataNoTop th.firstCol {border-left-width:1px}
table.shadedDataNoTop td.currency,table.shadedDataNoTops th.currency {text-align:right;white-space:nowrap}
table.shadedDataNoTop th.mainSort {background-color:#FFFFE2;border:1px solid #A6A799;border-top:0;white-space:nowrap}

/*---------Overview Page -----------------*/
table.overviewShadedData {width:100%;font-size:75%;background-color:#F5F5F5;border-top:1px solid #A6A799}
table.overviewShadedData span {font-weight:normal}
table.overviewShadedData td, table.overviewShadedData th {vertical-align:top;text-align:left;padding:2px 10px 4px 10px;border-bottom:1px solid #CCC;border-left:1px solid #CCC}
table.overviewShadedData td br {height:5px;line-height:5px}
table.overviewShadedData td.firstCol, table.overviewShadedData th.firstCol {border-left:0}
table.overviewShadedData td.currency,table.overviewShadedData th.currency {text-align:right;white-space:nowrap}
table.overviewShadedData th.mainSort {background-color:#FFFFE2; white-space:nowrap}


/* MENU STYLES---------------------------------------------*/
.backLink {} /* needs to be on the div not the link */
div#previoustoolbar {margin-bottom:8px;margin-top:1em;}
.c15 {padding:0 0 15px 10px;background:url(images/backgrounds/caret_header_left.gif) top left no-repeat;}
div#navigationbar {margin:15px 5px 15px 5px;} /* short hand with auto/inherit doesn't work */
div#navigationbarblank {margin:15px 5px 15px 5px;height:0.1em;border-top:1px solid #b1b1b1;} /* short hand with auto/inherit doesn't work */

/* Level A Styles---------------------------------------------*/
#menu {font-size:75%;width:100%;margin:0 0 -2px 0;padding:0;border-bottom:1px solid #dddece;line-height:normal;}
#menu1Wrap {float:left;width:100%;background:url(images/tabs/levelA_bkg.gif) bottom repeat-x}
#menu1Wrap a {display:block;float:left;color:#7e8f9b;font-weight:bold;line-height:14px;margin-right:2px;padding:4px 8px 3px 6px;text-decoration:none;border-left:1px solid #ccc;background:url(images/tabs/levelA_tab.gif) 100% 0px no-repeat;}
#menu1Wrap a:hover {border-left:1px solid #b1b1b1;background:url(images/tabs/levelA_tab.gif) 100% 0px no-repeat;color:#4986ff;}/* level A selected tab */
#menu1Wrap a.tabA{display:block;float:left;border-left:1px solid #b1b1b1;font-weight:bold;text-decoration:none;padding-bottom:4px;color:#369;background:url(images/tabs/levelA_tab.gif) 100% -150px no-repeat;}
#menu1Wrap a.tabA:hover {color:#4986ff;}
#menu1Wrap a.close {float:right;border:0;background-image:none;}
#menu1Wrap a.close:hover {border:0;background-image:none;}

/* TabX is used as a dummy tab to keep the bottom border on even when there's no active tab */
#menu1Wrap div.tabX {padding:4px 0 2px 0;border-bottom:1px solid #666;background-image:none;border-left:none}
#menu1Wrap a#messageIcon {padding-right: 35px; display: block; padding-left: 6px; font-weight: bold; background: url(images/tabs/levelA_tab_msg.gif) no-repeat 100% 0px; float: left; padding-bottom: 3px; border-left: #ccc 1px solid; color: #7e8f9b; line-height: 14px; margin-right: 2px; padding-top: 4px; text-decoration: none}
#menu1Wrap a#messageIcon:hover {background: url(images/tabs/levelA_tab_msg.gif) no-repeat 100% 0px; border-left: #ccc 1px solid;color:#4986ff}
#menu1Wrap a#offerStar {padding-right: 35px; display: block; padding-left: 6px; font-weight: bold; background: url(images/tabs/levelA_tab_offer.gif) no-repeat 100% 0px; float: left; padding-bottom: 3px; border-left: #ccc 1px solid; color: #7e8f9b; line-height: 14px; margin-right: 2px; padding-top: 4px; text-decoration: none}
#menu1Wrap a#offerStar:hover {background: url(images/tabs/levelA_tab_offer.gif) no-repeat 100% 0px; border-left: #ccc 1px solid;color:#4986ff}
#menu1Wrap a.tabA#offerStar {display:block;float:left;border-left:1px solid #b1b1b1;font-weight:bold;text-decoration:none;padding-bottom:4px;color:#369;background: url(images/tabs/levelA_tab_offer.gif) 100% -150px no-repeat;}
#menu1Wrap a.tabA#offerStar:hover {color:#4986ff;}
/* Level B Styles---------------------------------------------*/
#menu2 {font-size:75%;width:100%;margin:-2px 0 0 0;padding:0;line-height:normal;border-top:1px solid #dddece}
#menu2Wrap {float:left;width:100%;padding-top:1px;background:url(images/tabs/levelB_bkg.gif) bottom repeat-x}
#menu2Wrap a {display:block;float:left;color:#7e8f9b;font-weight:normal;line-height:14px;margin-right:2px;padding:4px 8px 3px 6px;text-decoration:none;border-left:1px solid #ccc;background:url(images/tabs/levelB_tab.gif) 100% 0px no-repeat;}
#menu2Wrap a:hover {border-left:1px solid #b1b1b1;background:url(images/tabs/levelB_tab.gif) 100% 0px no-repeat;color:#4986ff;background-color:#fff;}
/* level A selected tab */
#menu2Wrap a.tabB, #menu1Wrap a.tabB:hover {display:block;float:left;border-left:1px solid #b3b1b1;font-weight:bold;text-decoration:none;padding-bottom:4px;color:#369;background:url(images/tabs/levelB_tab.gif) 100% -150px no-repeat;}
#menu2Wrap a.tabB:hover {}
#menu2Wrap a.close {float:right;border:0;background-image:none;}
#menu2Wrap a.close:hover {border:0;background-image:none;}





/* Level C Styles---------------------------------------------*/
#menu3 {font-size:75%;width:100%;margin:0;padding:0;border-bottom:1px solid #CCC}
#menu3 td {padding:4px 0}
#menu3 td a {display:block;float:left;color:#000;font-weight:normal;border:0;border-right:1px solid #b1b1b1;margin:0;padding:0 7px;text-decoration:none}
#menu3 td a:hover {color:#4986FF;text-decoration:underline}/* level C selected link */
#menu3 td a.tabC {display:block;float:left;font-weight:bold;color:#000;text-decoration:none;padding-left:12px;background:url(images/tabs/levelC_arrow.gif) 3px no-repeat}
#menu3 td a.tabC:hover {color:#4986FF;text-decoration:underline}

/* Shading underneath one level of tabs -----------------------*/
.shading {margin:0 1px;border-bottom:1px solid #666;background:url(images/tabs/levelB_bkg.gif) top repeat-x;height:2px;line-height:2px}
div.clearer {display:none}

/* Commented Backslash Hack for MacIE5 \*/
div.clearer {display:inherit;clear:left;line-height:0;height:2px}
/*#menu2Wrap a {background:url(images/tabs/levelB_tab.gif)100% 0 no-repeat}*/
/* End MacIE5 hack */

/* Footer styles---------------------------------------------*/
#footer {font-size:75%;line-height:1.3em;text-align:center;border-top:1px solid #999999;padding-top:10px;margin-bottom:10px;margin-top:30px}
#footer a {text-decoration:none}
#footer a:hover {text-decoration:underline}
div#EQL {text-align:center;margin-top:5px;margin-bottom:5px;}
span#equalhousinglender {font-weight:bold;}

/* Misc styles---------------------------------------------*/
#minWidth {display:block;clear:both;width:581px;height:1px}
#minWidthSidebar {display:block;clear:both;width:160px;height:1px}
.anchorSecondary {padding-top:6px;margin-right:10px;float:right}

/* For the popup bubbles. */
.c60 {float:none;width:100%;padding:0;vertical-align:top;line-height:normal;background:url("images/backgrounds/tab_bottom.gif") bottom left repeat-x}
.c60 ul,.c60 li {float:left;list-style-type:none;padding:0;margin:0 2px 0 0}
.c60 ul {margin-bottom:-1px}
.c60 ul a:link,.c60 ul a:visited {display:block;margin:0 0 1px 0;padding:5px 0 5px 16px;color:#369;font-weight:bold;text-decoration:none;background:url("images/backgrounds/tab_unselected_left.gif") top left no-repeat}
.c60 ul a:hover,.c60 ul a:active {color:#205080;text-decoration:none;background:url("images/backgrounds/tab_selected_left.gif") top left no-repeat}
.c60 li.tabOn {margin:0 2px 0 0;padding:0;font-weight:bold;color:#000}
.c60 li.tabOn a:link,.c60 li.tabOn a:hover,.c60 li.tabOn a:visited {padding:5px 0 6px 16px;background:url("images/backgrounds/tab_selected_left.gif") top left no-repeat}
.c60 li.tabOn a:hover {color:#002cda}
.c60content {display:none}
.c60contentSelected {margin:0 0 15px 0;padding:10px;border-left:1px solid #cdcdce;border-right:1px solid #cdcdce;border-bottom:1px solid #cdcdce;}
.c60 div.clearAll {clear:both;height:0;line-height:0}
.c60tabEnd {width:6px;margin:0 0 1px 10px;padding:5px 1px 5px 0;background:#fff url("images/backgrounds/tab_unselected_right.gif") top right no-repeat}
.c60 li.tabOn .c60tabEnd {padding-bottom:6px;background:url("images/backgrounds/tab_selected_right.gif") top right no-repeat}
.c60 a:hover .c60tabEnd {background:url("images/backgrounds/tab_selected_right.gif") top right no-repeat}

.c61Content {display:none;width:304px;position:absolute;z-index:40;}
.c61Top {padding:8px 10px 5px 5px;position:relative;font-size:80%;background:url("images/backgrounds/tip_default_top.gif") top left no-repeat}
.c61Bottom {position:relative;width:304px;height:53px;background:url("images/backgrounds/tip_bottom.gif") top left no-repeat}
.c61TopRight .c61Bottom  {background:url("images/backgrounds/tip_above_right_bottom.gif") top left no-repeat}
.c61BottomRight .c61Top  {padding-top:50px;background:url("images/backgrounds/tip_below_right_top.gif") top left no-repeat}
.c61BottomLeft .c61Top  {padding-top:50px;background:url("images/backgrounds/tip_below_left_top.gif") top left no-repeat}
.c61BottomLeft .c61Bottom,.c61BottomRight .c61Bottom {background:url("images/backgrounds/tip_below_bottom.gif") top left no-repeat}
a.c61Link:link,a.c61Link:visited,a.c61Link:active {text-decoration:none;border-bottom:1px dashed #369}
a.c61Close img {position:relative;float:right;z-index:50}
.c61Content h4 {margin:0 0 10px 0;padding:0;font-size:96%}

.c62 {margin:0 0 12px 0;padding:0;border:1px solid #eee}
.c62 h3 {margin:0;padding:0 0 0 3px;height:20px;background:url("images/backgrounds/show_hide_gradient.gif") top left repeat-x}
a.c62toggle:link,a.c62toggle:visited,a.c62toggle:hover,a.c62toggle:active {display:block;margin-top:3px;padding:0 3px 0 20px;text-align:right;text-decoration:none;font-size:90%;font-weight:normal;background:url("images/backgrounds/show_hide_right.gif") top left no-repeat}
a.c62toggle span {display:block;float:left;width:auto;font-weight:bold;font-size:100%;color:#000;cursor:pointer}
.c62content {display:none;margin:5px 10px 10px 15px;}
.c62 .clearer {height:0;line-height:0;clear:both}

/* Begin- Changes for Global Chrome */
div#LOBHead.pcgLobHead {float:right;}
/* End- Changes for Global Chrome */