﻿/***** Global Settings *****/
html { height: 102%; }
html, body { border: 0; margin: 0; padding: 0; }
body { font: 100%/1.25 arial, helvetica, sans-serif; background: url(images/bg.jpg) repeat-x top left; }
/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
.nmlsinfo th { text-align: left; }
h1 { padding: 10px 0 25px 0; letter-spacing: -1px; font: 1.7em arial, helvetica, sans-serif; }
h2 { padding: 10px 0; letter-spacing: -1px; font: 1.2em arial, helvetica, sans-serif; }
h3 { font: 1em arial, helvetica, sans-serif; font-weight: bold; color: #c53e01; }
p, ul, ol { margin: 0; padding: 0 0 18px 0; }
ul, ol { padding: 0 0 18px 40px; }
ul { list-style: none; }
a { color: #c53e01; }
a:hover { color: #000; }
blockquote { margin: 22px 40px; padding: 0; }
small { font-size: 0.85em; }
img { border: 0; }
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
sub { position: relative; bottom: -0.2em; vertical-align: baseline; }
acronym, abbr { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; }
.hrule { border-bottom: 1px solid #000; text-align: center; margin: 0 auto; width: 520px; }
.list li { background: transparent url(images/small-arrow.gif) left .2em no-repeat; font-size: 14px; list-style-type: none; padding-left: 18px; margin: 0; }
.list li ul li { background: transparent url(images/small-circle.gif) left .2em no-repeat; font-size: 14px; list-style-type: none; padding-left: 18px; margin: 5px 0; }
.list li ul li ul li { background: transparent url(images/small-square.gif) left .2em no-repeat; font-size: 14px; list-style-type: none; padding-left: 18px; margin: 5px 0; }
.list li a { color: #000; }
ul#events { margin-top: 10px; }
ul#events li { margin-bottom: 10px; }
ul#events li a { text-decoration: underline; color: #C53E01; }
ul.fdic-list li, ul.online-list li { list-style-type: disc; font-size: 100%; }
ul.fdic-list li ul li, ul.online-list li ul li { list-style-type: circle; }
ul.fdic-list li ul li ul li, ul.online-list li ul li ul li { list-style-type: square; }
/***** Links *****/
a, a:visited { text-decoration: none; }
/***** Forms *****/
#secure-login { width: 250px; font-size: 12px; }
input, select, textarea { font: 1em arial, helvetica, sans-serif; }
textarea { line-height: 1.25; }
label { cursor: pointer; }
/***** Tables *****/
table { border: 0; margin: 0 0 5px 0; padding: 0; }
table tr td { padding: 2px; }
table.teamtable td { border-bottom: 1px solid #000; }
.table_nopadding_nospacing { border-collapse: collapse; padding: 0; }
.tablerow_verticalalign { vertical-align: top; }
/***** Wrapper *****/
#wrap { width: 772px; margin: 0 auto; border-right: 1px solid #000; border-left: 1px solid #000; border-top: 1px solid #fff; border-bottom: 1px solid #000; background: #fff; }
/***** Content *****/
#topContent { margin: 1px 0; width: 772px; }
.timeBar { height: 25px; padding: 0; margin: 0; }
.sideContent { width: 180px; padding: 18px 10px; float: left; font-size: 12px; }
#mainContent { width: 550px; padding: 10px; border-left: 1px #000 solid; float: right; }
#singleContent { width: 750px; padding: 10px; }
#footerContent { clear: both; }
.logon { width: 140px; float: right; padding: 30px 0px 0 24px; font-size: 11px; color: #000; margin-bottom: 0px; }
.logon h3 { font-size: 11px; margin: 0px 0px 0px 5px; color: #000; font-weight: bold; padding: 0; }
.logon ul { padding: 0; margin: 0; }
.logon li { text-align: center; margin-left: 0px; display: inline; background: url(images/button.gif) 0px center no-repeat; }
.logon li.smaller { font-size: 10px; }
.logon a { color: #000; font-weight: bold; text-decoration: none; height: 20px; line-height: 20px; padding: 0 4px 0 18px; }
.logon a:hover { color: #f0b310; }
.logon small { line-height: 24px; }
.footer { clear: both; width: 772px; margin: 0 auto; background-color: #f0b310; color: #000; font-size: 11px; height: 23px; padding: 4px 0; }
.footer a { color: #000; text-decoration: underline; }
.footer a:hover { color: #fff; }
.footer-inner { width: 760px; margin: 0 auto; height: 20px; line-height: 20px; }
.footer-left { float: left; }
.footer-right { float: right; }
.footer-right img { margin-left: 15px; }
.margin_left_5px_floatleft { margin: 0pt 0px 0pt 5px; float: left; }
.image_border_none { border: none; }
.inline_bloc { display: inline-block; }
.mortgageLender { float: left; font-size: 10px; font-weight: bold; margin-right: 20px; }
.disclaimer a {text-decoration: underline;}
/**** Navigation ****/
.nav { background: #f0b310; font-size: 13px; width: 772px; height: 30px; text-align: center; margin: 0; }
.nav ul { padding: 0; margin: 0; }
.nav ul.AspNet-Menu li a { float: left; }
.nav li { display: inline; margin: 0; padding: 0; }
.nav li a { color: #000; font-weight: bold; text-decoration: none; line-height: 30px; padding: 0 18px 0 18px; margin: 0; }
.nav a:hover { color: #fff; height: 30px; }
.nav a.noborder { border-right: none; }
.subnav { margin: 0 0 0 15px; padding: 0; width: 150px; font-size: 12px; }
.subnav li { list-style-type: none; text-align: left; padding: 1px 0; border-bottom: 1px solid #000; width: 150px; }
.subnav a.selected { font-weight: bold; }
.subnav a { display: block; color: #000; width: 150px; text-decoration: none; padding: 0; }
.subnav a:hover { background: #000 no-repeat; color: #fff; }
/** Vertical Static Menu List **/
.subnav * { z-index: 0; }
.subnav ul.subnavbar ul { position: absolute; visibility: visible; }
/* Add more rules here if your menus have more than three (3) tiers */
.subnav ul.subnavbar li:hover ul ul, .subnav ul.subnavbar li.AspNet-Menu-Hover ul ul { visibility: visible; }
/* Add more rules here if your menus have more than three (3) tiers */
.subnav ul.subnavbar li:hover ul, .subnav ul.subnavbar li li:hover ul, .subnav ul.subnavbar li li li:hover ul, .subnav ul.subnavbar li.AspNet-Menu-Hover ul, .subnav ul.subnavbar li li.AspNet-Menu-Hover ul, .subnav ul.subnavbar li li li.AspNet-Menu-Hover ul { visibility: visible; }
.subnav ul.subnavbar { padding:0; }
.subnav ul.subnavbar ul { display: list-item; position: static; }
/***** PDF List *****/
ul.pdf li { background: transparent url(images/pdf-icon.gif) left center no-repeat; list-style-type: none; font-size: 12px; padding-left: 18px; margin: 0; }
ul.pdf li a { color: #000; }
dl.pdf dd { background: transparent url(images/pdf-icon.gif) left center no-repeat; padding-left: 18px; }
/* custom styling for myWEALTH text */
span.my { color: #d79a00; font-weight: bold; }
span.wealth { color: #333333; font-weight: bold; }
.wealth-float { float: right; text-align: center; margin: 0 0 0 5px; font-size: 11px; }
.wealth-float img { border: 1px solid #a49e98; }
.disclaimer { font-size: 11px; border: 1px solid #bbb; background: #f8f8f8; padding: 5px; margin: 30px 10px 10px 10px; clear: both; }
.disclaimer a { color: #000; }
/* tooltip for myWEALTH */
a span.tooltip { display: none; }
/***** Survey *****/
.survey { }
.survey p { margin: 0; padding: 5px 0 5px 0; }
/***** Search *****/
.search p { font-size: 12px; padding: 0 0 2px 0; margin: 0; }
.search p strong { background: #ffc; font-weight: normal; }
.search p a { font-size: 14px; color: #0000ff; text-decoration: underline; }
.search p.sgreen { font-size: 10px; color: #008000; }
.search-box { width: 215px; margin: 20px auto 10px auto; font-size: 12px; }
.search-float { float: left; padding: 0 5px 0; }
.listing { font-size: 12px; background: #efefef; height: 24px; width: 100%; border-top: 1px solid #000; margin: 10px 0; }
.listing p { float: right; padding: 3px 5px 0; }
.next-pre { width: 150px; margin: 0 auto; }
.next-pre a { color: #000; font-size: 12px; }
.siteboxWrap { float: right; }
.siteboxWrap .siteBox { margin: 0px 7px 0; width: 201px; }
.siteboxWrap .siteBox input.siteBox-text, .siteboxWrap .siteBox input.siteBox-onblur { margin: 0px 7px 0; width: 100px; }
.siteBox { margin: 10px auto 10px auto; width: 230px; height: 20px; }
.siteBox input, submit { display: inline; }
.siteBox input.siteBox-text, .siteBox input.siteBox-onblur { border: 1px solid #000; color: #333333; font-family: arial; font-size: 10px; padding: 2px 2px 1px 2px; vertical-align: middle; width: 160px; }
.siteBox input.siteBox-onblur { color: #999; font-style: italic; }
.siteBox input.siteBox-button { width: 61px; height: 15px; border: medium none; cursor: pointer; line-height: 500%; margin: 1px 0 1px 2px; vertical-align: middle; }
.pn-btn-next { background: url(common_files/images/next.gif) no-repeat right; cursor: pointer; width: 50px; height: 20px; padding: 2px 25px 2px 2px; }
.pn-btn-prev { background: url(common_files/images/prev.gif) no-repeat left; cursor: pointer; width: 50px; height: 20px; padding: 2px 2px 2px 25px; }
.spelling { color: #ff0000; font-size: 11px; font-style: italic; }
.float_left { float: left; }
.float_right { float: right; }
/***** Global Classes *****/
.clear { clear: both; }
.float-left { float: left; }
.float-left-pad { float: left; padding-left: 50px; }
.float-left-img { float: left; padding: 2px; border: 1px solid #A49E98; margin: 0 4px 0 0; }
.float-right { float: right; }
.float-right-pad { float: right; padding-right: 50px; }
.float-right-img { float: right; padding: 2px; border: 1px solid #A49E98; margin: 0 0 0 4px; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { border-bottom: 1px solid; }
.highlight { background: #ffc; }
.bordered { border: 1px solid #ccc; padding: 3px; float: right; }
.bordered-left { border: 1px solid #ccc; padding: 3px; float: left; margin: 0 2px 0 2px; }
.bordered-nf { border: 1px solid #ccc; padding: 3px; }
.bordered-center { border: 1px solid #ccc; padding: 3px; margin: 0 auto; }
.video-center { padding: 3px; margin: 0 auto; width: 330px; }
.img-left { float: left; margin: 4px 10px 4px 0; }
.img-right { float: right; margin: 4px 0 4px 10px; }
.img-center { margin: auto; display: block; }
.nopadding { padding: 0; }
.noindent { margin-left: 0; padding-left: 0; }
.nobullet { list-style: none; list-style-image: none; }
.small { font-size: 10px; }
.crumb { font-size: 11px; color: #000; }
.crumb a { font-size: 11px; color: #000; text-decoration: underline; }
.crumb a:visited { text-decoration: underline; }
.calc { font-size: 11px; border: 1px solid #eee; padding: 5px; margin: 0 auto 15px auto; width: 230px; }
.grey { background: #f0b310; }
.grey h3 { color: #000; }
.red { color: #c53e01; }
/* Survey */
.survey p { font-size: 11px; }
.surveyNextBtn, .surveyBackBtn, .surveySubmitBtn { width: 52px; }
.surveyNextBtn:hover, .surveyBackBtn:hover, .surveySubmitBtn:hover { }
.surveyNextBtn, .surveyBackBtn, .surveySubmitBtn { margin: 10px 10px 0 0; float: left; }
.surveyNextBtn a, .surveyBackBtn a, .surveySubmitBtn a { font-weight: bold; padding: 3px 0px 3px 3px; font-size: 12px; width: 45px; text-align: center; color: #000000; display: block; }
.surveyNextBtn a:hover, .surveyBackBtn a:hover, .surveySubmitBtn a:hover { color: #C53E01; }
.surveySubmitBtn a { width: 85px; }
.surveySubmitBtn { width: 90px; }
.labelLine { margin-bottom: 10px; }
.labelLine label { font-weight: bold; color: #444444; margin: 20px 0 5px 0; padding: 0px; font-size: 13px; float: left; }
.survey .required { float: left; font-size: 10px; color: Red; margin: 20px 0 0 10px; }
span.mcss_checkbox_horizontal, span.mcss_checkbox_vertical, span.mcms_checkbox_horizontal, span.mcms_checkbox_vertical { display: block; }
span.mcss_checkbox_horizontal label, span.mcss_checkbox_vertical label, span.mcms_checkbox_horizontal label, span.mcms_checkbox_vertical label, span.mcss_checkbox_horizontal input, span.mcss_checkbox_vertical input, span.mcms_checkbox_horizontal input, span.mcms_checkbox_vertical input { float: none; display: inline; margin-right: 5px; }
span.mcss_checkbox_vertical input { margin-bottom: 15px; }
span.mcss_checkbox_horizontal label, span.mcss_checkbox_vertical label, span.mcms_checkbox_horizontal label, span.mcms_checkbox_vertical label, select { font-size: 11px; font-weight: normal; }
span.mcss_checkbox_horizontal label { margin-right: 15px; }
div.labelLine { display: inline-block; }
select, input, textarea { display: block; }
#surveyDIV p { margin: 0px; padding: 0px; position: relative; }
/**** FDIC ****/
.fdic-wrap { width: 550px; margin: 10px auto; }
.fdic-header { width: 550px; height: 60px; }
.fdic-header h1.fdicheader { font-size: 24px; font-family: Arial; color: #fff; margin: 0 0 0 5px; padding: 15px 0 10px 25px; }
.fdic-outter-wrap { width: 500px; margin: 10px auto; }
.fdic-inner-wrap { width: 500px; margin: : 0 auto; }
.fdic-inner-head { width: 500px; height: 20px; margin: 0; }
.fdic-inner-bottom { width: 500px; height: 28px; margin: 0; }
.fdic-inner-wrap p { padding: 0 8px 10px 8px; font-size: 12px; font-family: Arial; width: auto; margin: 0; }
.fdic-inner-wrap p a { color: #153dab; text-decoration: underline; }
ul.fdic-list { font-size: 12px; font-family: Arial; list-style-type: circle; }
.fdic-table-wrap { width: 400px; margin: 0 0 0 50px; font-size: 12px; font-family: Arial; }
p.fdic-small { font-size: 10px; }
table.fdic-table { border: 1px solid #000; border-collapse: collapse; }
table.fdic-table tr { border: 1px solid #000; }
table.fdic-table tr td { width: 132px; border: 1px solid #000; }
table.fdic-table tr td.blue { text-align: center; background: #000; color: #fff; }
table.fdic-table tr td.long { border-top: none; border-bottom: 1px solid #000; border-left: none; border-right: none; background: #ccc; }
table.fdic-table tr td.long2 { border: none; background: #ffbd16; }
/* Rates */
#rates .spaceTD { display: table-cell; height: 20px; }
#rates .column1, #rates .column2, #rates .column3 { display: table-cell; }
#rates .column1 { width: 150px; }
#rates .column2 { width: 100px; }
#rates .spacer { display: table-cell; width: 10px; }
#rates h3 { padding-bottom: 10px; }
#rates .title { color: #777777; border: none; display: table-cell; }
#rates .tier { font-weight: bold; border-bottom: 1px solid #777777; display: table-cell; }
#imageData #caption { font-weight: normal; }
/** Team & Board Styling **/
ul.team { margin: 0px auto; padding: 0px; display: inline-block; width: 500px; position: relative; font-size: 11px; }
ul.team li { float: left; display: block; width: 220px; height: 215px; text-align: center; margin: 0 0px 75px 0; }
ul.team .right { float: right; clear: right; }
/*** Banners ***/
.banner { margin: 5px 0px 5px 7px; }
/**************** Accordion*********************/
#accordion { width: 535px; border-bottom: solid 1px #c4c4c4; margin: 0; padding: 0; text-indent: 0; }
#accordion a.head { background: #f0b310 url(images/collapsed.gif) no-repeat right; border: 1px solid #000; color: #000; cursor: pointer; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 7px 20px 15px 10px; text-decoration: none; text-indent: 0px; }
#accordion a.head:hover { background-color: #fff; color: #000; }
#accordion a.selected { background-image: url(images/expanded.gif); }
#accordion a.current { background-color: #FFFF99; }
#accordion h3 { margin: 5px 0 5px 0; }
#accordion ul li { list-style-type: disc; }
#accordion ul li ul li { list-style-type: circle; }
#accordion ul li ul li ul li { list-style-type: square; }
#dhtmltooltip { color: #000000; position: absolute; text-align: justify; width: 100px; font-size: 11px; border: 1px solid black; padding: 3px; background: #ffffcc; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/}
/**************** Bing Map *********************/
.bingMap { position: relative; width: 500px; float:none; margin-left:25px; height: 300px; border: solid 1px #000; }
.bingMap_content{margin-top:129px;}
.Cycle{padding:0 0 20px;width:165px;}
.cycle_buttons{position:absolute;bottom:0px;right:0;}
.bingResult_Alt{background:#F5F5EB;}
.bingResult, .bingResult_Alt{padding:20px;}
.bingResultsContainer h3{font-size:18px;}
.bingResultsContainer p{margin-bottom:5px;padding:0;}
.bingResult_PageUrl{color:#aaa;}
.content .bingSearchControl{margin:10px auto;}
.bingResult_Infobar{margin:0 40px;}
.bingResultsContainer{padding:40px;font-size:12px;}
.bingResultsContainer hr{border:1px solid #FBFBF6;background-color:#eee;margin:0;}
.alertbox_content{font-size:20px;height:250px;}

