/* Screen styles for CBT author: Cyberwoven version: 5/10 */ /* Resets ---- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Reusables ----------------------------------------------- */ .hidden {display:none;} .alt {display:none;} .clear {clear:both; display:block; overflow:hidden; width:0; height:0;} table.data {text-align:left;} table.data th {padding:2px 5px; border-bottom:1px solid #ccc; font-weight:bold; line-height:18px; text-align:left; color:#600;} table.data td {padding:2px 5px; line-height:16px; border-bottom:1px solid #ccc; } table.data tr.even td {background-color:#eee;} .floatleft {float:left;} .floatright {float:right;} .nofloat {float:none !important;} .linkbutton, .linkbutton:visited {display:inline-block; clear:both; padding:6px 8px; font-weight:bold; border:1px solid #b5b3b3; background:#dfddd3; margin:10px 0; text-decoration:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .linkbutton:hover {text-decoration:none; background:#f1f0e8; border-color:#848484;} ul.pager {display:block; margin:0 !important; padding:15px 0 !important; list-style:none;} ul.pager li {display:inline; margin:0 !important; padding:0 5px 0 0 !important; background:none !important; line-height:18px;} ul.pager li a, ul.pager li strong, ul.pager li span {display:inline-block; padding:0 8px; color:#333; background:#eee; border:1px solid #ccc; text-decoration:none;} ul.pager li strong {border-color:transparent; background:none; padding-left:0;} ul.pager li a:hover {background:#ccc; border-color:#666; color:#000;} ul.pager li span {background:#666; border-color:#666; color:#fff;} /* And, now we begin ---- */ body { position:relative; font-family:helvetica, arial, sans-serif; font-size:12px; line-height:18px; background:#fff url(../images/body_bg.png) repeat-x 0 0; } .out_wrapper { display:block; position:relative; width:100%; } .wrapper { display:block; position:relative; width:960px; margin:0 auto; } .clear { display:block; clear:both; } #header { height:148px; z-index:2; background:url(../images/header_bg.jpg) no-repeat 50% 0; } #header h1 { display:block; position:absolute; width:270px; height:148px; top:0; } #header h1 a { display:block; width:100%; height:100%; text-indent:-9999px; background:url(../images/logo.png) no-repeat 0 0; } #header h1 a:hover { background-position:0 -148px; } ul.topnav { display:block; position:absolute; right:0; padding:10px 0 0 0; } ul.topnav li { display:inline; margin:0 0 0 18px; } ul.topnav li a { color:#fff; text-decoration:none; font-weight:bold; } ul.topnav li a:hover { text-shadow:1px 1px 2px #590000; } ul.mainnav { display:block; position:absolute; right:-20px; top:70px; } ul.mainnav li { display:block; float:left; margin:0 0 0 10px; } ul.mainnav li a { display:block; padding:12px 20px 8px 20px; color:#fff; font-family:"myriad pro", "myriad", helvetica, arial, sans-serif; font-size:20px; font-weight:bold; text-decoration:none; text-shadow:2px 2px 5px #3e0001; } ul.mainnav li a:hover, ul.mainnav li.active a { background:#d40404; text-shadow:2px 2px 5px #000; -moz-box-shadow:0px 0px 3px #af0003; -webkit-box-shadow:0px 0px 3px #af0003; box-shadow:0px 0px 3px #af0003; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #content { margin-top:-20px; min-width:960px; z-index:1; background-repeat:no-repeat; background-position:50% 0; } body.home #content { background-image:url(../images/content_bg_3.jpg); } body.internal #content { background-image:url(../images/internal_content_bg_1.jpg); } #content .wrapper { z-index:2; } #top_content { display:block; position:relative; width:100%; } #onlineBanking { display:block; position:relative; width:270px; float:left; padding:68px 0 0 0; background:url(../images/online_banking_bg.jpg) no-repeat top left; } body.internal #onlineBanking { float:none; background:url(../images/online_banking_internal_bg.png) no-repeat 0 20px; } body#achorig.internal #onlineBanking { display:none; } #onlineBanking h2 { position:absolute; display:block; padding:0; margin:0; top:30px; width:100%; height:28px; text-indent:-9999px; background:url(../images/onlinebanking_h2.png) no-repeat 50% 0; } body.internal #sub_content #onlineBanking h2 { padding:0; margin:0 0 0 17px; width:238px; border:none; background-image:url(../images/onlinebanking_h2_internal.png); } #onlineBanking #form { display:block; margin:0; } body.internal #onlineBanking #form { padding-bottom:10px; background:url(../images/online_banking_internal_bottom_bg.png) no-repeat 0 100%; } body.internal #onlineBanking #form.js { height:50px; } body.internal #onlineBanking #form.js input.loginbtn { display:none; } .select_wrapper { display:block; position:relative; height:34px; width:250px; padding:13px 0 0 0; margin:0 0 0 10px; background:url(../images/select_bg.jpg) no-repeat 0 0; } .select_wrapper select { margin:0 0 0 16px; width:215px; padding:0; position:relative; opacity:0; filter:alpha(opacity=0); } #selectedoption {position:absolute; top:14px; left:17px; padding:2px 5px; width:160px; font-weight:bold; background:#fff;} #onlineBanking #form:active { opacity:1; } #onlineBanking input.loginbtn { display:block; margin:13px 0 0 41px; width:192px; height:50px; text-indent:-9999px; font-size:0px; letter-spacing:-9999px; line-height:-9999px; color:#fff; border:none; cursor:pointer; background:url(../images/online_banking_submit.png) no-repeat 0 0; } body.internal #onlineBanking input.loginbtn { background-image:url(../images/online_banking_submit_internal.png); } #onlineBanking input.loginbtn:hover { background-position:-192px 0; } #onlineBanking input.loginbtn:active { background-position:-384px 0; } #onlineBanking ul#otherServices { display:block; margin:12px 0 0 0; width:270px; padding:0; } #onlineBanking ul#otherServices li { display:block; margin:0; padding:0; height:51px; width:100%; } #onlineBanking ul#otherServices li.onlineDemo { height:68px; } #onlineBanking ul#otherServices li a { display:block; margin:0; padding:0; height:100%; width:100%; text-indent:-9999px; background:url(../images/online_banking_nav.png) no-repeat 0 0; } #onlineBanking ul#otherServices li.learnMore a { background-position:0 -51px; } #onlineBanking ul#otherServices li.onlineDemo a { background-position:0 -102px; } #onlineBanking ul#otherServices li a:hover { } #onlineBanking ul#otherServices li.enroll a:hover { background:url(../images/online_banking_nav.png) no-repeat -270px 0; } #onlineBanking ul#otherServices li.learnMore a:hover { background:url(../images/online_banking_nav.png) no-repeat -270px -51px; } #onlineBanking ul#otherServices li.onlineDemo a:hover { background:url(../images/online_banking_nav.png) no-repeat -270px -102px; } /* ------- Login Screen CSS ---------*/ div #loginScreen { width:226px; z-index:9999; padding:5px 5px 10px 5px; margin:0; background:#cce4ed; border:solid 2px #54707d; position:absolute; top:110px; left:15px; display:none; } #loginScreen .hide { display:none; position:absolute; } #loginScreen a.forgot_pass { color:#006a94; margin:0 0 5px 5px; } div#loginScreen .formrow { padding-bottom:8px; margin-bottom:4px; } div#loginScreen .formrow label { font-size:12px; margin-bottom:0; } div#loginScreen .formrow input.textbox { width:210px; margin-top:4px; font-size:12px; padding:2px; border-width:2px; } div#loginScreen .formrow select { margin-top:4px; } div #loginScreen input.secureloginbtn { display:block; margin:10px 0 15px 55px; padding:0; width:115px; height:56px; text-indent:-9999px; font-size:0px; border:none; cursor:pointer; background:url(../images/secure_banking_submit.png) no-repeat 0 0; } div #loginScreen input.secureloginbtn:hover {cursor:pointer; background-position:-115px 0; } span#cancel { display:block; float:right; margin-right:10px; color:#c50000; cursor:pointer; text-decoration:underline; text-align:right; } #loginScreen .redapple { display:block; margin:15px 0 0 0; padding:0 5px 5px 5px; font-size:10px; } #loginScreen .redapple a { color:#006a94; } /*Alert*/ div#loginScreen .formrow span.alert {display:none; color:#c50000; font-weight:bold; font-size:10px; text-align:left;} #marketing { display:block; position:relative; width:630px; padding:116px 0 0 50px; float:left; color:#fff; text-shadow:0px 0px 4px #000; } #marketing .text { display:block; } #marketing .text h2 { left:-9999px; position:absolute; } #marketing .text p { left:-9999px; position:absolute; } #marketing .text a { position:absolute; display:block; text-indent:-9999px; height:30px; width:90px; top:255px; } #marketing .text a:hover { } #bottom_content { display:block; top:-36px; position:relative; clear:both; } #news_headlines { display:block; position:relative; width:270px; float:left; clear:both; margin:-17px 0 0 0; background:url(../images/news_headlines_bg.png) no-repeat 0 0; } #news_headlines h3 { position:absolute; text-indent:-9999px; } #news_headlines ul { display:block; position:relative; width:100%; min-height:213px; padding:1px 0; background:url(../images/news_headlines_bottom.png) no-repeat 0 100%; } #news_headlines ul li { display:block; font-family:georgia, "times new roman", times, serif; width:200px; margin:0 0 0 40px; border-bottom:solid 1px #eeede8; border-top:solid 1px #d1cec1; } #news_headlines ul li.first { border-top:none; } #news_headlines ul li.last { border-bottom:none; } #news_headlines ul li a { display:block; color:#1d1a14; text-decoration:none; padding:10px 20px; background:url(../images/news_headlines_hover.png) no-repeat -9999px 0; } #news_headlines ul li.first a { padding-top:20px; } #news_headlines ul li.last a { padding-bottom:20px; } #news_headlines ul li a:hover { text-shadow:1px 1px 1px #fff; background:url(../images/news_headlines_hover.png) no-repeat 50% 0; } #featureSlider { display:block; position:relative; z-index:1; float:left; margin:-36px 0 0 0; padding:32px 0 0 0; width:680px; height:202px; background:url(../images/slider_bg.png) no-repeat 0 0; } #featureSlider p.prev, #featureSlider p.next { float:left; margin:7px 0 0 0; width:50px; } #featureSlider p.prev a { display:block; width:50px; height:195px; background:url(../images/leftarrow.gif) no-repeat 0 0; text-indent:-9999px; outline:none; } #featureSlider p.prev a:hover { background-position:0 -195px; } #featureSlider p.next a { display:block; width:50px; height:195px; background:url(../images/rightarrow.gif) no-repeat 0 0; text-indent:-9999px; outline:none; } #featureSlider p.next a:hover { background-position:0 -195px; } #featureSlider p.disabled a, #featureSlider p.disabled a:hover { background-position:0 -390px; cursor:default; } #featureSlider .slider { width:580px; height:220px; margin:7px 0 0 0; float:left; overflow:hidden; position:relative; } #featureSlider .slider .items { width:9999px; position:absolute; list-style:none; margin:0; } #featureSlider .slider .items li { width:280px; height:195px; overflow:hidden; float:left; padding:0; margin-right:20px; } .items li { text-indent:-9999px; position:relative; } .items li a { display:block; width:280px; height:195px; padding:0; position:absolute; top:0; left:0; background:url(../images/launchpads.jpg) no-repeat 0 0; } .items li.one a { background-position:0 0; } .items li.one a:hover { background-position:-280px 0; } .items li.two a { background-position:0 -195px; } .items li.two a:hover { background-position:-280px -195px; } .items li.three a { background-position:0 -390px; } .items li.three a:hover { background-position:-280px -390px; } .items li.four a { background-position:0 -585px; } .items li.four a:hover { background-position:-280px -585px; } .items li.five a { background-position:0 -780px; } .items li.five a:hover { background-position:-280px -780px; } .items li.temp a { background-position:0 -975px; } .items li.temp a:hover { background-position:-280px -975px; } .items li.six a { background-position:0 -1170px; } .items li.six a:hover { background-position:-280px -1170px; } .items li.seven a { background-position:0 -1560px; } .items li.seven a:hover { background-position:-280px -1560px; } .items li.referafriend a { background-position:0 -1365px; } .items li.referafriend a:hover { background-position:-280px -1365px; } #sub_content { display:block; width:270px; float:left; } #sub_content h2 { display:block; clear:left; padding:20px 15px; margin:0 0 2px 0; font-size:24px; line-height:24px; font-style:italic; font-family:georgia, "times new roman", times, serif; color:#423939; border-bottom:solid 1px #cdcac0; } body#achorig #sub_content h2 { padding-top:40px; } #sub_content ul.subnav { display:block; padding:20px 0; margin:0; border-top:solid 1px #cdcac0; } #sub_content ul.subnav li { display:block; margin:0; padding:0; } #sub_content ul.subnav li a { display:block; padding:8px 15px; font-size:16px; font-weight:bold; color:#be0104; font-family:tahoma, helvetica, arial, sans-serif; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #sub_content ul.subnav li a:hover { background:#d40404; color:#fff; } #sub_content ul.subnav li ul { margin:0 25px 10px 25px; } #sub_content ul.subnav li ul li {} #sub_content ul.subnav li ul li a { font-weight:normal; padding:5px 9px; } #sub_content #sidebar { display:block; width:240px; margin:0; padding:20px 15px; } #sub_content #sidebar.editable .contact_info { } #sub_content #sidebar.editable .contact_info h3 { font-size:14px; margin:0 0 4px 0; color:#EE3024; } #sub_content #sidebar.editable .contact_info span { text-decoration:underline;} #sub_content #sidebar.editable .contact_info ul.contactpageul { } #sub_content #sidebar.editable .contact_info ul.contactpageul li { list-style:none; margin:0 0 4px 0; padding:0; } #sub_content #sidebar.editable .contact_info ul.contactpageul li a { color:#658591; font-weight:bold;} #sub_content #sidebar.editable .contact_info ul.contactpageul li a:hover { color:#7EA6B5;} #main_content { display:block; width:650px; padding:0 10px 36px 20px; float:left; background:url(../images/main_content_images/personal.jpg) no-repeat 20px 70px; } body#personal #main_content { background-image:url(../images/main_content_images/personal.jpg); } body#business #main_content { background-image:url(../images/main_content_images/business.jpg); } body#mortgage #main_content { background-image:url(../images/main_content_images/homemortgage.jpg); } body#wealthmanagement #main_content { background-image:url(../images/main_content_images/wealthmanagement.jpg); } body.bankwithus #content #main_content { background-image:none; } /* top nav */ body#about #main_content, body#investorrelations #main_content { background-image:url(../images/main_content_images/topnav.jpg); } body#contactus #main_content { background-image:url(../images/main_content_images/privacy.jpg); } body#fdiccoverage #main_content { background-image:url(../images/main_content_images/fdiccoverage.jpg); } body#locations #main_content { background-image:url(../images/main_content_images/locations.jpg); } /* bottom nav */ body#news #main_content, body#sitemap #main_content { background-image:url(../images/main_content_images/bottomnav.jpg); } body#employment #main_content { background-image:url(../images/main_content_images/employment.jpg); } body#identitytheft #main_content { background-image:url(../images/main_content_images/identitytheft.jpg); } body#privacy #main_content { background-image:url(../images/main_content_images/privacy.jpg); } #main_content #breadcrumbs { display:block; width:100%; margin:5px 0 260px 0; border-bottom:solid 1px #cdcac0; font-size:11px; } #main_content #breadcrumbs ul { text-align:right; } #main_content #breadcrumbs li { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin:0; } #main_content #breadcrumbs li a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding:10px 15px; color:#be0104; font-weight:bold; text-decoration:none; background:url(../images/breadcrumb_arrow.gif) no-repeat 100% 50%; } #main_content #breadcrumbs li.current a { background:none; padding-right:none; font-weight:normal; color:#423939; } #main_content #breadcrumbs li a:hover { color:#6c0002; } body.bankwithus #content #main_content #breadcrumbs {margin-bottom:0;} #main_content .editable { color:#423939; } .editable h3 { display:block; margin:0 0 18px 0; font-size:18px; line-height:24px; font-weight:bold; font-family:tahoma, helvetica, arial, sans-serif; } .editable h4 { display:block; margin:0 0 18px 0; font-size:13px; font-weight:bold; font-family:tahoma, helvetica, arial, sans-serif; } .editable h5 { display:block; margin:0 0 9px 0; font-size:14px; font-style:italic; font-family:georgia, "times new roman", times, serif; } .editable p.intro { display:block; margin:0 0 18px 0; font-size:16px; line-height:24px; font-style:italic; font-family:georgia, "times new roman", times, serif; } .editable p { display:block; margin:0 0 18px 0; } .editable a:link, .editable a:visited { color:#d40404; } .editable ul, .editable ol { display:block; margin:0 0 18px 0; } .editable li { display:list-item; margin:0 0 9px 10px; padding:0; } .editable ul li { list-style:disc; } .editable ol li { list-style:decimal; } .editable ul ul, .editable ul ol, .editable ol ol, .editable ol ul { margin:0 0 9px 10px; } .editable ul ul li, .editable ol ul li { list-style:circle; font-size:11px; } .editable img { float:right; display:block; margin:0 0 18px 18px; border:solid 5px #abcece; } .editable sup { font-size:xx-small; vertical-align:top; } .editable sub { font-size:xx-small; vertical-align:bottom; } .editable blockquote { display:block; float:right; width:288px; margin:0 0 36px 20px; padding:22px 20px; font-size:18px; font-family:tahoma, helvetica, arial, verdana, sans-serif; line-height:24px; color:#fff; font-weight:bold; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; border:solid 1px #abcece; background:url(../images/blockquote_bg.jpg) repeat 0 0; } .editable strong { font-weight:bold; } .editable em { font-style:italic; } #footer { display:block; clear:both; top:17px; margin-top:0; border-top:solid 1px #cdcac0; padding:14px 0 36px 0; font-family:helvetica, arial, sans-serif; } body.internal #footer { top:0; } #footer .stockQuote { display:block; float:left; margin-top:-14px; } #footer .stockQuote iframe span a:link { color:#BE0104 !important; } #footer .stockQuote iframe span a:hover { color:#6C0002; } #footer ul.footernav { float:right; display:block; } #footer ul.footernav li { display:inline; margin-left:20px; } #footer ul.footernav li a { font-size:12px; color:#be0104; text-decoration:none; } #footer ul.footernav li a:hover { color:#6c0002; } #footer .copyright { display:block; float:left; clear:both; margin:20px 0 0 0; font-size:10px; color:#747269; } #footer a.credit { display:block; float:right; margin:20px 0 0 0; font-size:10px; color:#747269; text-decoration:none; font-family:georgia, "times new roman", times, serif; font-style:italic; } #footer a.credit span { font-family:helvetica, arial, sans-serif; font-weight:bold; font-style:normal; text-decoration:underline; } #footer a.credit:hover { color:#484741; } #footer a.credit:hover span { color:#d40404; } #footer .footer_logos { display:block; clear:both; margin:20px 0 0 0; } #footer a#hud { display:block; width:19px; height:20px; margin-left:10px; float:right; text-indent:-9999px; background:url(../images/footer_logos.png) no-repeat -58px 0; } #footer a#fdic { display:block; width:58px; height:20px; float:right; text-indent:-9999px; background:url(../images/footer_logos.png) no-repeat 0 0; } /* Specialty Pages ----------------------------------------------- */ ul.photogallery {margin:0; padding:0; list-style:none; overflow:auto;} ul.photogallery li {display:inline; margin:0; padding:0;} ul.photogallery li a img {float:left; margin:0 7px 7px 0;} ul.photogallerylist {display:block; margin:15px 0; padding:0;} ul.photogallerylist li {display:block; position:relative; float:left; width:260px; margin:0 10px 10px 10px; padding:5px 0 5px 70px; min-height:60px; height:auto !important; height:60px; border-bottom:1px dashed #333; background:none;} ul.photogallerylist li a.gallerythumb {display:block; position:absolute; top:5px; left:0; width:50px; height:50px; border:2px solid #333;} ul.photogallerylist li a.gallerythumb:hover {border-color:#f60;} ul.photogallerylist li a.gallerythumb img {width:50px; height:50px; border:none; margin:0; padding:0;} #rss { display:block; margin:0; position:absolute; right:20px; top:330px; } #rss a { display:block; padding:6px 30px 0 0; min-width:24px; min-height:24px; color:#a7a7a7; font-size:11px; font-style:italic; text-indent:-9999px; background:url(../images/rss_icon.png) no-repeat 100% 50%; } #rss a:hover { text-indent:0; } body.referafriend #content #main_content { background-image:none; } body.referafriend #content #main_content #breadcrumbs { margin-bottom:20px; } /* Calculators ---------------------------- */ #calculator { } .results { padding-top:40px; } .results .results_header { padding-bottom:20px; } .editable .results h3.results_label { } .editable .results h3.results_label em, .editable .results h3 em { color:#575751; font-family:georgia, "times new roman", times, serif; margin-right:10px; } .results .prepayment_savings_results { padding-bottom:20px; } .results .callout { margin-top:20px; padding-top:20px; border-top:dashed 1px #cdcac0; } #amorttable { padding-top:20px; border-top:dashed 1px #cdcac0; } #amorttable table {} #amorttable table tr {} #amorttable table tr th {} #amorttable table tr th.top_header { padding:0 0 8px 0; font-family:georgia, "times new roman", times, serif; } #amorttable table tr th.second_header { border-top:dashed 1px #ccc; padding:8px 0 8px 0; font-weight:bold; } #amorttable table tr td { padding:0 16px 16px 0; } #amorttable table tr td em, .results .rent_or_buy_details em { display:block; float:left; clear:left; margin:0 10px 0 0; font-family:georgia, "times new roman", times, serif; } /* Top notification popup ---------------------------- */ #popup_wrap { display:block; text-indent:0; position:relative; margin:0 auto; z-index:100; top:0; width:960px; color:#1D1A14; font-size:12px; } #popup_wrap.js { top:-100px; } #popup_wrap #popup { display:block; position:absolute; margin-left:10px; width:830px; padding:60px 60px 15px 60px; background:#d7d4c8; background:rgba(215,212,200,0.97); border:solid 1px #a6a3a3; border-top:none; -moz-border-bottom-left-radius:15px; -moz-border-bottom-right-radius:15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px; -webkit-border-bottom-left-radius:15px; border-bottom-left-radius:15px; -webkit-border-bottom-left-radius:15px; border-bottom-right-radius:15px; -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5); box-shadow:1px 1px 5px rgba(0,0,0,0.5); } #popup_wrap #popup p { display:block; padding:18px 0; float:left; font-size:14px; font-family:georgia, "times new roman", times, serif; font-style:italic; border-top:dashed 1px #848178; border-bottom:dashed 1px #848178; } #popup_wrap #popup p strong { font-weight:bold; font-style:normal; font-family:helvetica, arial, sans-serif; } #popup_wrap #popup a.close { display:block; padding-top:19px; float:right; color:#1D1A14; font-weight:bold; } /* Map Container ---------------------------- */ #mapcontainer { display:block; } #mapcontainer #divNearest { padding-bottom:9px; margin-bottom:18px; border-bottom:dashed 1px #cdcac0; } #mapcontainer #divNearest label {} #mapcontainer #divNearest input.maptxb { display:block; margin:0 10px 0 0; float:left; width:465px; border:3px solid #cdc6a9; font-size:14px; line-height:20px; padding:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #mapcontainer #divNearest input.mapbtn { margin:0; display:block; float:left; cursor:pointer; width:auto; padding:5px 15px; font-size:14px; font-weight:bold; line-height:20px; background:#c4e2ed; color:#3a6678; border:3px solid #b1cbd4; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } #mapcontainer #mapRow { display:block; position:relative; margin:0 0 18px 0; } #mapcontainer #myMap { display:block; border:solid 1px #b5b3b3; } .editable #mapcontainer img { border:none; margin:0; float:none; } #mapcontainer #zoomControls { display:block; position:absolute; left:-40px; top:0; z-index:2; } #mapcontainer #zoomControls input { display:block; margin:0 0 8px 0; } #mapcontainer #zoomControls input#btnReset { margin-bottom:11px; } #mapcontainer #divDirectionResults { display:block; } .editable #mapcontainer ul.map_legend { padding:15px 25px; margin:0; width:400px; background:url(../images/map_legend_bg.gif) repeat 0 0; border:solid 1px #b5b3b3;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .editable #mapcontainer ul.map_legend li { list-style:none; display:block; float:left; margin:0 15px 0 0; min-width:160px; width:auto !important; width:160px; } .editable #mapcontainer ul.map_legend li img { float:left; margin:4px 5px 0 0; } div.formrow label {display:block; clear:both; } div.formrow label.required { font-weight:bold; } div.formrow input.textbox { } /* News ---------------------------- */ .editable h4.articletitle { margin-bottom:9px; padding-top:18px; font-family:georgia, "times new roman", times, serif; font-style:italic; font-weight:normal; font-size:18px; } .editable h4.articletitle a { text-decoration:none; } .articledate { display:block; font-size:13px; margin-bottom:18px; font-family:georgia, "times new roman", times, serif; font-style:italic; } .editable p.articlepreview { display:block; padding-bottom:18px; margin-bottom:0; border-bottom:dashed 1px #9e9e9e; } .editable p a:link { color:#658591; font-weight: bold;} .editable p a:hover { color:#7EA6B5; } .editable p a:active { color:#658591; } .editable p a:visite {color:#7EA6B5;} .news_article {} .news_article_header {} .editable .news_article_header h4.date { font-weight:normal; font-style:italic; font-family:georgia, "times new roman", times, serif; } .editable .news_article_header h3#newsarticletitle { font-size:24px; line-height:32px; font-style:italic; font-weight:normal; font-family:georgia, "times new roman", times, serif; } .pager { display:block; margin-bottom:30px; } /* Calendar ---------------------------------------------- */ table.calendarheader { background:#fff; font-family:georgia, "times new roman", times, serif; color:#423939; padding:20px 0 10px 0; font-size:24px; } h6.toggle_calendar a { text-indent:-9999px; } table.calendarbox { margin-top:5px; margin-bottom:30px; } table.calendarbox td { border:solid 1px #b5b4b1; } table.calendarbox td.today { background:#ddd; border:#e7484a solid 2px; } table.calendarbox table.calendarheader td { border:none; text-align:center; } div#content table.calendarbox td h5 { color:#333; margin:5px; line-height:12px; } div#content table.calendarbox td.today h5 { font-weight:bold; font-size:1em; color:#BE0104; } div#content table.calendarbox td.othermonth h5 { color:#999; } div#content table.calendarbox td ul { padding:0; margin:0 5px;} div#content table.calendarbox td li { list-style:disc; color:#024365; margin:10px;} div#content table.calendarbox td li a {color:#9F1326;} div#content table.calendarbox td li a:hover {color:#AF1538; text-decoration: none;} .categoryselector .dropdown {margin:20px 0 20px 0;} table.calendarheader .nextprevmonth { background-color:#fff; height:40px;} td .nextprevmonth { width:40%; } table.calendarheader .nextprevmonth a {color:#fff ; } table.calendarheader .nextprevmonth a:hover {color:#666; } #ContentRegion1_ctl00_ddlCalendarMonth { margin:0 0 20px 0;} .categoryselector { margin:0;} /* Form Builder ---------------------------- */ fieldset.searchform { padding-left:15px;} fieldset.searchform label { position:absolute; left:-9999px; } fieldset.searchform input { width:300px; } fieldset.searchform input[type="submit"] { margin:15px 0 10px 5px; padding:2px 22px 2px 34px; width:auto; background-position:left -5px; } div.formrow {display:block; position:relative; margin:0 0 18px 0; padding:0 0 18px 0; clear:both; border-bottom:dashed 1px #cdcac0; } div.formrow label {display:block; clear:both; margin:0 0 5px 5px; font-size:16px; font-style:italic; color:#373228; font-family:georgia, "times new roman", times, serif; } div.formrow label.required { font-weight:bold; } div.formrow input.textbox {display:block; width:625px; border:3px solid #cdc6a9; margin:0; font-size:14px; line-height:20px; padding:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } div.formrow textarea {display:block; width:625px; border:3px solid #cdc6a9; margin:0; font-size:14px; line-height:20px; padding:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} div.formrow span {display:block; margin:0; padding:5px; clear:left; font-size:12px; color:#555;} div.formrow span.error {display:inline; color:#be0104 !important; font-weight:bold;} div.formrow span.error div {display:block;} div.formrow select {margin:4px 0 0 0; width:100%;} input.formsubmit {clear:left; margin:0; display:block; cursor:pointer; width:auto; padding:10px 50px; font-size:14px; font-weight:bold; line-height:20px; background:#c4e2ed; color:#3a6678; border:4px solid #b1cbd4; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} input.formsubmit:hover { border-color:#336678; color:#092636;} div.formrow table {position:relative; margin:0; padding:0; text-align:left; border-spacing:0;} div.formrow table tr.even td {background:none;} div.formrow table tr td {padding:0 0 2px 0; line-height:14px; border:none; margin:0;} div.formrow table tr td label {display:inline; width:auto; text-align:left; float:none; margin:0; padding:0 0 0 5px; background:none; color:#333; font-size:12px;} .searchform div.formrow {height:75px; width:600px; padding-top:10px;} .searchform div.formrow .textbox {float:left; margin-right:5px;} .searchform div.formrow input.formsubmit {clear:none; float:left; margin:-1px 0 0 0; padding:4px 15px;} div.checkbox input { display:inline; margin:0 6px 0 0; clear:left;} div.checkbox label {display:inline; clear:none; background:none; color:#333; padding:0; margin:0; text-align:left; font-size:12px;} div.formrow table.radio {} div.formrow table.radio tr td { padding-right:25px; } /* customer feedback form */ fieldset.radios input, fieldset.radios label { display:inline; } fieldset.radios input { margin-right:10px; } fieldset.radios p { text-align:justify; width:100%; margin:20px 0 4px 0; } fieldset.radios p span { display:inline; clear:none; margin:0 120px 0 0; } div.formrow span.check { display:inline; margin:0; } span.check input { display:inline; } body.internal form#Remote { display:none; position:absolute; } /* Lightbox ----------------------------------------------- */ #lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;} #lightbox a img{border:none;} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #imageContainer{padding: 10px;} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #imageContainer>#hoverNav{left:0;} #imageContainer img {float:none; margin:0; padding:0; border:none;} #hoverNav a{outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;} #prevLink {left:0; float:left;} #nextLink {right:0; float:right;} #prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right: 20px;} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top:5px;} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width: 70%; float:left; text-align:left; } #imageData #caption{font-weight:bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;} .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html>body .clearfix {display:inline-block; width:100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }