/*Starburst*/
.ButtonBar a.starburst
{
    background: url(/media/images/btn_fade_repeat_starburst.gif) no-repeat;
    font-weight: bold !important;
    font-size: 12px !important;
    padding: 3px 4px 3px 42px !important;
    border: solid 1px #BDBA94 !important;
    text-decoration: none;
    display: block;
    color: #004131 !important;
    background-color: #BDBA94;
    width: 75px !important;
    height: 24 !important;
}

.ButtonBar a.starburst:hover
{
    background: url(/media/images/btn_fade_repeat_starburstOver.gif) no-repeat;
}

a.starburst
{
    background: url(/media/images/btn_fade_repeat_starburst.gif) no-repeat;
    font-weight: bold !important;
    font-size: 12px !important;
    padding: 3px 4px 3px 42px !important;
    border: solid 1px #BDBA94 !important;
    text-decoration: none;
    display: block;
    color: #004131 !important;
    background-color: #BDBA94;
    width: 75px !important;
    height: 24 !important;
}

a.starburst:hover
{
    background: url(/media/images/btn_fade_repeat_starburstOver.gif) no-repeat;
}

input.SearchInput
{
height: 13px;
width: 43px;
font-size: 11px;
color: rgb(80,80,80);
position: relative;
top: -2px;
border: solid 1px rgb(146, 106, 48);
}

span#SearchInterface input.SearchButton
{
position:relative;
top: 3px;
padding: 0 !important;
}


body.Interior #PageBanner
{
    margin-top: 25px;
    margin-left: 25px;
    overflow: hidden;
    width: 735px;
}

iframe
{
    border: solid 4px rgb(1, 69, 48);
}
/**********************/
/* Base styles
/**********************/

ol.alpha_lower          { list-style-type:lower-alpha;}
ol.alpha_upper          { list-style-type: upper-alpha}

#MainContent    
{
    position: relative;
}

body.Interior #MainContentContainer
{
    background: transparent url(/media/images/corner_gradient.jpg) no-repeat top left !important;
}

#MainContentContainer a
{
color: #7A6B3B;
}

.Bold
{
font-weight: bold;
}

#AccountAccess h2
{
font-size: 16px !important;
color: rgb(0, 67, 46);
margin-bottom: 5px;

}

.green_title,
.green_title a
{
    font-size: 26px !important;
    color: #00432E !important;
    margin-bottom: 5px;
    line-height: 26px !important;

}

#MainContentContainer p
{
margin: 10px 0 10px 0;
}

#MainContentContainer, #JT
{
font-family: arial;
margin: 0;
}

#MainContentContainer, #MainContentContainer table tr td, #JT, #JT td
{
text-align: left;
font-size: 12px;
line-height: 18px;
}

#JT { background-color: white; }

#MainContentContainer
{
padding-bottom: 20px;
padding-top: 1px;
}

body.Home #MainContentContainer
{
background-color: rgb(62, 67, 71);
}

#MainContentContainer div.Content {zoom: 1.0; margin: 0 30px 10px 30px; padding-bottom: 10px; }
#MainContentContainer div.Content img { width:auto; height:auto; }
 
#MainContentContainer div.Content.FAQ {border-top: 1px solid white;}

#MainContentContainer ul.NoBullet
{
list-style: none;
}

#MainContentContainer ul.NoBullet li a
{
/*position: relative;*/
}

a img {border:none; text-decoration: none;}

#MainContentContainer li
{
margin-bottom: 0.3em;
}

li a img {vertical-align: middle; text-decoration: none;}

div.Clear
{
clear: both !important;
height: 1px;
}


#MainContentContainer ul.SubPageLink li
{
list-style: none;
margin-bottom: 3px;
}


#MainContentContainer h3
{
font-size: 14px;
margin-bottom: 0px;
}

#MainContentContainer p.Notice, #JT p.Notice
{
display: inline-block;
margin-top: 20px;
margin-left: 80px !important;
margin-right: 80px !important;
border: double 3px black;
padding: 10px;
text-align: center;
}

/* Added for PB29 '/personal/brokerage' */
#MainContentContainer div.Notice
{
display: inline-block;
margin-top: 20px;
margin-left: 80px !important;
margin-right: 80px !important;
border: double 3px black;
padding: 10px;
text-align:left;
}

p.Emphasis
{
    font-style: italic;
    font-weight: bold;
}

div.Bottom
{
padding-top:30px;
}

div.BottomCornerImage a img
{
border:none;
}

body.Home div.BottomCornerImage 
{
display:none;
}

div.DropDown 
{
    height:3em; 
    width:auto; 
    padding-top:1.5em;
}


/**********************/
/*  Feature lists     */
/**********************/

#MainContentContainer ul.Features
{
width: 44%;
zoom: 1.0;
float: left;
border-left: solid 2px #004F39;
padding: 0;
margin: 10px 2% 0 0;
}

#MainContentContainer ul.Features li
{
list-style: none;
margin-bottom: 4px;
padding:2px 0;
line-height:16px; 
}


#MainContentContainer ul.Features li ul li
{
margin-bottom: 4px;
}


#MainContentContainer ul.Features ul
{
padding-top: 5px;
padding-bottom: 8px;
padding-left: 20px;
}

#MainContentContainer ul.Features h3
{
background: url(/images/backgrounds/features_header.jpg) repeat-y;
padding: 2px 0 2px 5px;
margin-bottom: 0px;
margin-top: 0px;
}

/**********************/
/* Buttons            */
/**********************/

.ButtonBar
{
list-style: none;
padding: 0;
margin: 0;
clear: both;
}

ul.ButtonBar-FormatInline li
{
float: left;
margin-right: 10px;
}


ul.ButtonBar-AlignRight li
{
text-align: right;
float: right;
margin-right: 0;
margin-left: 10px;
}

#MainContentContainer ul.ButtonBar a
{
/*position: relative;*/
top: 2px;
padding: 4px 10px 4px 10px;
background-color: #004131;
color: #E6E5BB;
border: solid 1px white;
font-size: 15px;
text-decoration: none;
font-weight: normal;
}


#MainContentContainer ul.ButtonBar a:hover
{
color: #004131;   
font-weight: normal;
background-color: #BDBA94;
border: solid 1px  #BDBA94; 
}

ul.ButtonBar
{
clear: both;
margin-top: 20px;
margin-bottom: 20px;
}

ul.ButtonBar li
{
    margin-bottom: 5px;
}

/**********************/
/* Pop ups            */
/**********************/

div.PopUp-Shadow
{
background-color: #c5c3a4;
}

body.popup #MainContentContainer {margin:0; padding:0;}
body.popup #MainContentContainer th {white-space: nowrap;}
body.popup div.PopUp-Shadow {background-color:#fff;}

div.PopUp-HasShadow
{
border: solid 1px rgb(100,100,100);
position: relative;
top: -6px;
left: -6px;
}

div.PopUp-TitleBar h2
{
    font-size: 14px;
    background-color: #004F39;
    color: white;
    margin: 0;
    padding: 6px 4px 6px 15px;
}

div.PopUp-TitleBar div.Content
{
padding: 15px;
padding-top: 1px;
background: url(/images/tooltips/pop-up_bkgd.jpg) repeat-x;
background-position: -20px 0;
background-color: white;
}

div.PopUp-Advantage
{
border: solid 1px rgb(100,100,100);
background: url(/images/tooltips/premier_advantage.gif) no-repeat;
background-position: 10px 10px;
background-color: white;
}

div.PopUp-Advantage div.Content
{
margin: 10px;
margin-top: 60px;
}

div.PopUp-TitleBar table.Matrix tr td, div.PopUp-TitleBar  table.Matrix tr th
{
border-bottom: solid 1px #6C2E1C;
}

/**********************/
/* Matrix Tables      */
/**********************/

#MainContentContainer table, #JT table
{
border-collapse: collapse;
}

#MainContentContainer table td
{
margin: 0;
line-height: 15px !important;
}

#MainContentContainer table td.Label
{
font-family: Arial;
}

#MainContentContainer table.Serif
{
font-family: serif;
}

#MainContentContainer table.Serif th
{
font-size: 12px;
font-family: arial;
}

#MainContentContainer table.Matrix, #JT table.Matrix
{
clear: both;
margin-top: 10px;
}

#MainContentContainer table.Matrix tr td, #MainContentContainer table.Matrix tr th
{
vertical-align: top;
border-bottom: solid 1px #004F39;
padding: 3px 10px 3px 10px;
}


#MainContentContainer table.Matrix td.Shaded, #JT table.Matrix td.Shaded
{
background-color: #D4D2BC;
padding-left: 10px;
padding-right: 10px;
}

#MainContentContainer table.Matrix tr.BottomRow td, #JT table.Matrix tr.BottomRow td
{
font-size: 0px;
height: 5px;
border-bottom: none !important;
}

#MainContentContainer table.Matrix td.Blank, 
#MainContentContainer table.Matrix tr th.Blank,
#JT table.Matrix td.Blank
{
padding: 0px;
width: 15px;
background: #fff !important;
}

#MainContentContainer table.Matrix td.NoWrap, #JT table.Matrix td.NoWrap
{
white-space: nowrap;
}

#MainContentContainer table.Matrix th, #MainContentContainer table.Matrix th a, tr.Header td, #JT table.Matrix th
{
font-family: arial;
text-align: left;
background-color: #004F39;
color: white;
font-weight: bold;
}


#MainContentContainer table.Matrix tr.NoBottomBorder td, #JT table.Matrix tr.NoBottomBorder td
{
border-bottom: none !important;
}

/**********************/
/*     Footnotes      */
/**********************/

#MainContentContainer span.FootnoteRef, #JT span.FootnoteRef
{
position: relative;
top: -4px;
font-size: 0.75em;
padding-right: 5px;
}

#MainContentContainer dl, #JT dl
{
margin-top: 20px;
clear: both;
font-size: 10px;
line-height: 11px;
display: inline-block;
}

#MainContentContainer dt, #JT dt
{
float: left;
display: inline-block;
}

#MainContentContainer dd, #JT dd
{
/*display: inline-block;*/
margin-left: 15px;
margin-bottom: 2px;
}


  /**********************/
 /* Menu Option Pages  */
/**********************/

div.Menu a
{
    display: block;
    text-decoration: none;

}

div.ThreeColumns, div.FourColumns
{
height: 500px;
}

#MainContentContainer a.MenuOption img
{
display: block;
border: none;
}

#MainContentContainer div.ThreeColumns a.MenuOption
{
width: 242px;
float: left;
}

#MainContentContainer div.FourColumns a.MenuOption
{
width: 183px;
float: left;
}

#MainContentContainer div.FiveColumns a.MenuOption
{
width: 147px;
float: left;
}

#MainContentContainer div.Menu div.MenuOptionContent
{
display: none;
}


#MainContentContainer a.Hover div.MenuOptionContent
{
display: block;
}

#MainContentContainer div.MenuOptionContent
{
background-color: rgb(62, 67, 70);
color: #FEFEFE;
padding:10px 10px 77px 10px;
margin-left: 4px;
margin-bottom: 20px;
position: relative;
}

#MainContentContainer div.AlignBottom
{
position:absolute;
bottom:6px;
left:10px;
}

#MainContentContainer div.MenuOptionContent div.LearnMore
{
background: url(/images/green_arrow.gif) no-repeat right center;
float: left;
clear: left;
text-decoration: none;
display: inline-block;
color: #FEFEFE;
padding: 1px 15px 1px 4px;
background-color: #98A386;
margin-bottom: 4px;
margin-top: 4px;
white-space: nowrap;
}

#ReplayButton, #GetFlashButton
{
text-align: right;
padding-right: 5px;
}


/*****************
Disclosure Controls
******************/

.DisclosureControls
{
    text-align: center;
}

.AboutUsVideoPlayer
{
    margin: 36px 0 0 36px;
}

#AccountAccess .Inner                                           {margin:0 0 0 100px;}
body.Home #AccountAccess .Inner                                 {margin:0;}
table.BB30, table.PB10                                          {margin-bottom: 1em;}

#Left a, #Left a img                                            {border:none; display: block;}
#Left a.GoldCard                                                {display:block; height:146px; width: 252px; background:transparent url(/images/gold_card.gif) top left no-repeat; position:relative; z-index:100; zoom:1;}

#Left a.GoldCard span.Inner, #Left a.IdentityTheft span.Inner   {display:none;}
body.Interior #Left a.GoldCard                                  {display:none; height:104px; width:180px; background:transparent url(/images/inner_gold_card.gif) top left no-repeat;}
body.Interior #Left a.IdentityTheft                             {display:block; height:82px; width:180px; background:transparent url(/media/images/inner_dog.gif) top left no-repeat;}

#MainContentContainer .AboutUsVideoPlayer #container            {height:287px; width:477px; background:transparent url(/images/backgrounds/tv_screen_435x244_fade.jpg) top left no-repeat; padding:18px 0 0 18px;}
#MainContentContainer .AboutUsVideoPlayer.GivingBack #container {height:332px; width:477px; background:transparent url(/images/backgrounds/tv_screen_435x290_fade.jpg) top left no-repeat;}


input.Button, .ButtonBar a, a.Button
{
    background: url(/media/images/btn_fade_repeat.gif) repeat-x;
    font-weight: bold !important;
    font-size: 12px !important;
    padding: 3px 4px 3px 4px !important;
    border: solid 1px #BDBA94 !important;
    text-decoration: none;
    display: block;
    color: #004131 !important;
    background-color: #BDBA94;
    width: auto;
}
.Button                                                         { border: solid 1px #BBBA96; color: #433F38; background: transparent url(Images/button_bkg.jpg) repeat-x center center; vertical-align: middle; margin-left: 3px; } /*height: 22px;*/



input.ButtonInactive, a.ButtonInactive
{
    background: url(/media/images/btn_fade_repeat.gif) repeat-x;
    /*color: #FF0000 !important;*/
    font-weight: bold !important;
    background-color: rgb(199, 197, 170) !important;
    font-size: 12px !important;
    padding: 3px 6px !important;
    border: solid 1px #BDBA94 !important;
    text-decoration: none;
    display: block;
    width: auto;
}

input.ButtonHover,
.ButtonBar a:hover,
a.Button:hover
{
    background: url(/media/images/btn_fade_repeat_rev.jpg) repeat-x !important;
}

.FloatRight
{
    float: right;
}

div.LowerLeftButton {position:relative; top:-80px; left:23px; margin:20px 0 0 0; padding:0; width:500px; background:#fff; z-index:1000;}
div.LowerLeftButton ul {margin:0;}
ol.ListAlpha {list-style-type:lower-alpha;}
.Center {text-align: center;}
.Gold {color:#7A6B3B;}
.OurEmployees {font-weight:bold; font-style:italic;}

.GreenNumber
{
font-size: 26px;
font-weight: bold;
padding-right: 10px;
color: rgb(0, 65, 49);
}

a.AdminLink
{
    padding-right: 15px;
}

.LoanAppMessage
{
position: absolute;
top: 110px;
left: 0;
/*background-color:#004331;*/

display:block;
font-family:arial;
font-size:15px;
padding:6px 20px;
text-decoration:none;
text-transform:uppercase;
font-weight: bold;
}

.LoanAppMessage a
{
    color:#E6E5BB;
    text-decoration: none;
}

/*Estatements - Online Statement Enrollment*/
/*Header Styles*/
.grid_header                                                { background: transparent url(Images/grid.jpg) repeat-x center center; height: 30px; color: #433F38; font-family: segoe ui,Arial,sans-serif; font-size: 12px; font-weight: bold; }
.grid_header th                                             { border-bottom: solid 1px #BBBA96; border-left: solid 1px #BBBA96; border-top: solid 1px #BBBA96; padding: 5px 8px;}
.grid_header th.last                                        { border-right: solid 1px #BBBA96; }
.grid_header th a                                           { display: block; }

.grid_header th.asc                                         { background: transparent url(images/Header_Sprite.jpg) no-repeat top right; }
.grid_header th.desc                                        { background: transparent url(images/Header_Sprite.jpg) no-repeat bottom right; }
/*Grid Row Styles*/
.grid_row td,
.grid_altrow td                                             { text-decoration: none; color: #433F38; font-size: 12px; border-bottom: solid 1px #BBBA96; border-left: solid 1px #BBBA96; padding: 5px 8px;}
.grid_row td.last,
.grid_altrow td.last                                        { border-right: solid 1px #BBBA96;}

.grid_row_empty td                                          { width: 100%; text-decoration: none; color: #433F38; font-size: 12px; border-bottom: solid 1px #BBBA96; border-left: solid 1px #BBBA96; border-right: solid 1px #BBBA96; padding: 5px 8px;}
.grid_altrow                                                { background: #EEEADE;}


/*Grid Footer Style*/
.grid_footer                                                { background: transparent url(Images/grid.jpg) repeat-x left center; }

.grid_footer td                                             { padding: 5px; border-bottom: solid 1px #BBBA96; border-left: solid 1px #BBBA96; }
.grid_footer td.last                                        { border-right: solid 1px #BBBA96; border-left: 0px; }

/*Grid Pager Style*/
.grid_pager a                                               { border: solid 1px #BBBA96; padding: 1px 6px; display: block; text-align: center; text-decoration: none; color: #433F38;}
.grid_pager a:hover                                         { background: #BDBA94; color: #433F38;}
.grid_pager span                                            { background: #BDBA94; color: #433F38; padding: 1px 6px; display: block; text-align: center; border: solid 1px #BBBA96;}

/*Account Action Container*/
.account_action_container                                   { border: solid 1px #BBBA96; border-bottom: 0px; padding: 4px 4px 4px 0; text-align: right; vertical-align: middle; background: transparent url(Images/grid.jpg) repeat-x left center;}
.account_action_container span                              { vertical-align: middle;}
/*Control Styles (Standard Controls)*/
.Textbox                                                    { border: solid 1px #BBBA96; height: 14px; vertical-align: middle; color: #433F38; font-family: segoe ui,Arial,sans-serif;}

/*Document item styles*/
.gray_small                                                 { color: #433F38; font-family: segoe ui,Arial,sans-serif; font-size: 12px;}
.gray_small_bold                                            { color: #433F38; font-family: segoe ui,Arial,sans-serif; font-size: 12px; font-weight: bold;}
.details_form                                               { border: 1px solid #BBBA96; padding: 1px;}
.details_form .end_item td                                  { padding-bottom: 12px;}
.details_form .form_footer                                  { border-top: 1px solid #BBBA96; background: #fee4bd url(Images/orange_bkg.png) 50% top repeat-x;}
.details_form .form_footer td                               { vertical-align: top;}
.details_form .form_footer .form_other_container            { background: #F5F5B5 url(Images/light_bkg.png) 50% top repeat-x;border-right: 1px solid #BBBA96}
.details_form .account_info                                 { background: #fee4bd url(Images/orange_bkg.png) center center repeat-x;}
.details_form .account_label                                { padding: 0 20px; background: #F5F5B5 url(Images/light_bkg.png) center center repeat-x}
.details_form .account_label h2                             { padding: 0px; margin: 0px;}
.left                                                       { border-right: solid 1px #BBBA96; padding-right: 20px;}
.right                                                      { border-left: solid 1px #BBBA96; padding-left: 20px;}

.faq_container                                              { padding-bottom: 12px;}
.faq_container .faq_question                                { font-weight: bold; display: block;}

.online_statement_notice                                    { border: solid 1px #BACBA5; background: #DAE4CF url(/Images/online_statement_notice_bkg.jpg) repeat-x top left; padding: 6px;}
.Error                                                      { background:#FFFFEF url(/images/loan_app/exclaim_icon.gif) no-repeat scroll 4px 4px; border:1px solid red; color:Red; font-size:13px; line-height:18px; margin-top:4px; padding:0.5em 0.5em 0.5em 30px;}


.dir-depth-1                                                { float:left; width:100%; text-align:left;}
.dir-depth-1 p                                              { color:#004331; font-weight:bold; font-size:1.5em;}
.dir-depth-2-left                                           { float:left; width:50%; }
.dir-depth-2-left p                                         { color:#004331; font-weight:normal; font-size:1em; }
.dir-depth-2-right                                          { float:right; width:50%; }
.dir-depth-2-right p                                        { color:#004331; font-weight:normal; font-size:1em; }

.ArchiverDiv                                                { background-color:#F5F5B5; color:black; border:1px solid black; }

/*animation pages for "What We Wouldn't Do To Earn Your Business"*/

.posrel                                                     { position: relative;}
#anim_container                                             { width: 760px; z-index: 100}
#anim_header                                                { background: transparent url(/media/images/animation_images/header_bkg.jpg) no-repeat top left; height: 190px; width: 760px; position: relative;}
#anim_header #image_the                                     { position: absolute; top: 34px; left: 14px; z-index: 2;}
#anim_header #image_sale                                    { position: absolute; bottom: 5px; right: 10px; z-index: 4;}
#anim_header #image_wwwd                                    { position: absolute; top: 20px; left: 82px; z-index: 6;}
#anim_header #header_fade                                   { position: absolute; top: 0px; left: 0px;}
#animation_container                                        { position: relative; height: 400px; overflow: hidden;}

#anim_tabs                                                  { position: relative; height: 350px; display: none; z-index: 12}
#anim_tabs div                                              { height: 350px; background-position: left top; background-repeat: no-repeat; background-color: #fff; position: absolute; top: -350px;}
#anim_tab_1                                                 { width: 253px; background-image: url(/media/images/animation_images/50_50.jpg); left: 0px;}
#anim_tab_2                                                 { width: 256px; background-image: url(/media/images/animation_images/pick_up_tab.jpg); left: 253px;}
#anim_tab_3                                                 { width: 251px; background-image: url(/media/images/animation_images/extra_2000.jpg); left: 509px}

#cliff                                                      { background: #fff url(/media/images/animation_images/cliff.jpg) no-repeat top left; height: 830px; width: 523px; position: relative; z-index: 8; display: none;}
#jumper                                                     { position: absolute; top: 42px; left: 50px; display: none; z-index: 50}

#would_container                                            { width: 460px; font-family: Verdana; font-weight: bold; font-size: 26px; position: absolute; top: 106px; left: 240px; z-index: 10}
#would_container #anim_block_1                              { position: absolute; top: 0px; left: 0px; display: none; line-height: 28px;}
#would_container #anim_block_2                              { position: absolute; top: 0px; left: 0px; display: none; line-height: 28px;}
#would_container #anim_block_3                              { position: absolute; top: 50px; left: 0px; display: none;}

a.anim_arrow                                                { line-height: 20px; *line-height: 22px; display: block; height: 22px; background: transparent url(/media/images/animation_images/arrow.png) no-repeat center left; color: #2e3193 !important; font-size: 26px; text-decoration: none; padding-left: 20px; position: absolute; top: 276px; right: 18px; font-weight: bold; font-family: Verdana;}
a.anim_arrow:hover                                          { text-decoration: underline !important; }

/*Up Pages*/
ul#package_up                                               { padding: 0px; margin: 0px auto; list-style-type: none; width: 600px;}
ul#package_up li                                            { padding: 0px; margin: 0px; width: 150px; list-style-type: none; float: left; text-align: center; padding: 12px 0;}
ul#package_up li p                                          { font-weight: bold; font-size: 14px;}

/*Checking Menu Items */

.vert_menu_item                                             { width: 145px; position: relative; margin-right: 5px; float: left;}
.vert_menu_item .icon                                       { position: absolute; top: 156px; left: -4px; z-index: 900}
.vert_menu_item .vert_image_container                       { height: 148px;}
.vert_menu_item .arrow_container                            { width: 145px; background: transparent url(/media/images/vert_tabs/arrow.png) no-repeat center center; height: 15px; overflow: hidden; z-index: 500; position: absolute; top: 0px; left: 0px;}
.vert_menu_item .gold_fade_bkg                              { height: 58px; background: transparent url(/media/images/gold_fade_bkg.jpg) repeat-x center center; overflow: hidden;}
.vert_menu_item .gold_inner                                 { border: solid 2px #074530; height: 48px; margin: 3px;}
.vert_menu_item .gold_inner p                               { float: right; font-size: 15px; font-weight: bold; line-height: 22px; color: #074530; margin: 0px 6px 0 0 !important; padding: 0px !important; width: 110px; text-align: right;}
.vert_menu_item .dropdown_container                         { background: #3E4346; color: #FEFEFE; padding: 20px 10px 10px; margin: 0; display: none; position: relative;}
.vert_menu_item span.learn_more                              { zoom:1; background: url("/images/green_arrow.gif") no-repeat scroll right center #98A386; display: block; width: 62px; color: #FEFEFE !important; margin-top: 4px;  padding: 1px 15px 1px 4px; position: relative;}
.vert_menu_item a.main_link                                 { display: block; height: 462px; text-decoration: none !important;}