/* ====================================================================================== Copyright (C) 2008 JPL Productions & Eastern Insurance. All Rights Reserved. ----------------------------------------------------------------------------------- Author(s) : Joshua Barlup jbarlup@jplcreative.com Jeremy Jackson jjackson@jplcreative.com Date : 12/19/2008 Notes : Base css document for Eastern Insurance. ----------------------------------------------------------------------------------- Change Log Date Name Desc 12/16/2008 Jeremy Jackson Created file 12/29/2008 Josh Barlup Updated pathing to work in a .NET environment 07/23/2010 Christi Gierloff Added new callouts (webinars, safetyblr) to Interior Callouts section (WI# 17865) ========================================================================================= */ /* ******************************************************** */ /* +++++ GLOBAL RESETS, BASIC DEFAULTS +++++ */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h5, h5, h6 { font-size:100% } q:before, q:after { content:''} strong { font-weight: bold } em { font-style: italic } ol, ul, li { list-style:none } * a { position:relative } /* forces links to display over PNG background */ a { outline:none } /* no dotted borders in FF */ a img { border:none } /* no blue borders in IE */ .clearer { clear:both; } .clearer_left { clear:left; } .clearer_right { clear:right; } .space_before { margin-top:15px; } .space_after { margin-bottom:15px; } /* *********************************************************/ /* +++++ TYPOGRAPHY +++++ */ body, div, p, ul, ol, li, span { font-family:Verdana, Arial, Helvetica, sans-serif; } a, a:link, a:active, a:visited { color:#10297d; text-decoration:none; } a:hover { color:#10297d; text-decoration:underline; } div#main_content div#pg_content a, div#main_content div#pg_content a:link, div#main_content div#pg_content a:active, div#main_content div#pg_content a:visited { color:#10297d; text-decoration:underline; } div#main_content div#pg_content a:hover { color:#10297d; text-decoration:none; } div#main_content div#pg_content div#right_sidebar a, div#main_content div#pg_content div#right_sidebar a:link, div#main_content div#pg_content div#right_sidebar a:active, div#main_content div#pg_content div#right_sidebar a:visited { color:#10297d; text-decoration:none; } div#main_content div#pg_content div#right_sidebar a:hover { color:#10297d; text-decoration:underline; } div#pg_header div p { font-size:11px; color:#10297d; } div#pg_header div p a:hover { color: #2050db; } div#pg_header div input#ct100_search_input { color:#8690ce; font-size:12px; } ul#main_nav { position:relative; z-index:999; text-transform:uppercase; font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; } ul#main_nav li a { font-weight:bold; font-size:12px; } div#home_topContent div#ctl00_locate_agent label { color:#ffffff; font-weight:bold; font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:12px; } div#home_topContent div#ctl00_locate_agent select, div#home_topContent div#ctl00_locate_agent input { color:#0a1e61; font-size:11px; } div#home_bottomContent div.callout p, div#home_bottomContent div.callout div a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#022893; } div#home_bottomContent div.callout div a, div#footer p a { text-decoration:underline; } div#footer p { text-align:center; font-size:11px; color:#022893; } h1#pg_title { color:#ffffff; font-weight:bold; font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:17px; text-indent:14px; } div#main_content div#left_nav ul { color:#022893; font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:12px; } div#main_content div#left_nav ul .AspNet-Menu-Selected { font-weight:bold; background-color: #B8C2E1; } div#main_content div#left_nav ul .AspNet-Menu-Selected ul li { font-weight:normal; } div#main_content div#left_nav ul .AspNet-Menu-ParentSelected { font-weight:normal; } div#main_content div#pg_content ul li, div#main_content div#pg_content ol li { color:#4f4f4f; font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; } div#main_content div#pg_content h2, div#main_content div#pg_content span#ctl00_TitleLabel { color:#022893; font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; } div#main_content div#pg_content p { color:#4f4f4f; font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; } div#right_sidebar div label { font-size:12px; color:#022893; } div#right_sidebar div input#sidebar_login, div#right_sidebar div input#sidebar_pw { color:#8690ce; font-size:13px; } div#main_content div#pg_content div#right_sidebar ul li { list-style: none; margin: 0px 0px 2px 0px; padding: 0px; } div#main_content div#pg_content div#ct100_search_results ul li { font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; } span.divNoResults, div#main_content div#pg_content fieldset.new_search { font-weight:bold; font-size:11px; color:#515151; } div#pg_header h1 a, div#pg_header a#eaport_login, ul#main_nav li#nav_home a, div#home_topContent div#ctl00_locate_agent h2, div#home_bottomContent div.callout h2, div#home_bottomContent div#gray_sidebar li a, div#right_sidebar ul li a, div#footer a#best_places_to_work { text-indent:-9999px; overflow:hidden; } /* text/image replacements */ /* ******************************************************** */ /* +++++ STRUCTURE: HEADER +++++ */ body { margin:12px 0px 0px 0px; background:url(/lib/img/background-repeat.jpg) repeat-x 0px 0px #e4e8f4; } div#pg_header { width:952px; height:179px; background:url(/lib/img/header-background.jpg) 0px 0px no-repeat; margin:0px auto 0px auto; } div#pg_header h1 { margin:34px 0px 0px 15px; float:left; } div#pg_header h1 a { display:block; width:279px; height:86px; } div#pg_header div { margin:47px 0px 0px 0px; padding:0px 9px 0px 0px; width:auto; float:right; text-align:right; } div#pg_header p { width:auto; float:left; margin:7px 0px 0px 0px; } div#pg_header div p span { padding:0px 11px 0px 11px; } div#pg_header div input#ctl00_search_input { height:18px; width:127px; padding:2px 0px 0px 5px; margin:2px 0px 0px 11px; border:1px solid #022893; background:url(/lib/img/home/search-background.gif) 0px 0px no-repeat; color: #8196ce; } div#pg_header div input#ctl00_search_btn { height:22px; width:22px; background:url(/lib/img/search-btn-background.gif) 0px 0px no-repeat; border:0px; cursor:pointer; } div#pg_header a#eaport_login { display:block; width:119px; height:18px; float:right; padding:0px 25px 0px 0px; position:relative; top:57px; background:url(/lib/img/home/ea-port-login.jpg) 0px 0px no-repeat; } /* ******************************************************** */ /* +++++ STRUCTURE: HOME, TOP CONTENT +++++ */ div#home_topContent { width:925px; height:290px; background:#ffffff; margin:0px auto 0px auto; padding:0px 27px 0px 0px; position:relative; } div#home_topContent #flash_content { width:675px; height:277px; position:absolute; top:4px; left:24px; z-index:10; border: none; background:url(../img/home_flash/flash-bg.png) no-repeat -4px -2px; } div#home_topContent div#ctl00_locate_agent { width:252px; height:267px; margin:23px 0px 0px 0px; background:url(/lib/img/home/locate-agent-background.jpg) repeat-x 0 0; position: absolute; top:0; right:27px; z-index:1; } div#home_topContent div#ctl00_locate_agent h2 { display:block; height:63px; margin:1px 1px 17px 35px; background:url(/lib/img/home/locate-agent.jpg) 0px 0px no-repeat; } div#home_topContent div#ctl00_locate_agent label { display:block; margin:0px 0px 0px 60px; padding:0px 0px 5px 0px; } div#home_topContent div#ctl00_locate_agent select, div#home_topContent div#ctl00_locate_agent input { margin:0px 0px 10px 60px; border:1px solid white; background:url(/lib/img/home/input-background.gif) 0px 0px no-repeat; } div#home_topContent div#ctl00_locate_agent select { padding:2px; height:21px; width:150px; } div#home_topContent div#ctl00_locate_agent input { padding: 3px 0px 0px 5px; height:16px; width:143px; } div#home_topContent div#ctl00_locate_agent input#ctl00_locate_btn { width:65px; height:20px; margin:0px 0px 0px 102px; background:url(/lib/img/home/submit-btn-background.jpg) 0px 0px no-repeat; border:0px; cursor:pointer; } div#home_topContent div#ctl00_locate_agent div { background:url(/lib/img/home/hr-background-repeat.jpg) 0px 0px repeat-x; height:7px; border:1px solid #032893; margin:18px 22px 0px 35px; } div#home_topContent div#ctl00_locate_agent div hr { display:none; } /* ******************************************************** */ /* +++++ STRUCTURE: HOME, BOTTOM CONTENT +++++ */ div#home_bottomContent { width:885px; height:330px; background:#ffffff; margin:0px auto 0px auto; padding:0px 27px 0px 40px; } div#home_bottomContent div.callout { width:192px; float:left; margin:15px 18px 0px 0px; } div#home_bottomContent div.callout h2 { width:192px; height:114px; display:block; } div#home_bottomContent div.callout p { padding:10px 17px 13px 17px; background:url(/lib/img/home/callout-gradient-background.gif) 0px 0px repeat-x;} div#home_bottomContent div.callout div { padding:0px 0px 0px 17px; } div#home_bottomContent div.callout div a { padding:0px 21px 3px 0px; background:url(/lib/img/home/link-bullet.gif) 77px 2px no-repeat; display:block; } div#home_bottomContent div#callout_01 h2 { background:url(/lib/img/home/return-to-work.gif) no-repeat 0px 0px; } div#home_bottomContent div#callout_02 h2 { background:url(/lib/img/home/understanding-your-risk.gif) no-repeat 0px 0px; } div#home_bottomContent div#callout_03 h2 { background:url(/lib/img/home/managing-your-claims.gif) no-repeat 0px 0px; } div#home_bottomContent div#gray_sidebar { width:252px; height:269px; background:url(/lib/img/home/gray-sidebar-background.gif) 0px 0px repeat-x #adacad; float:right; margin:0px 0px 0px 0px; } div#home_bottomContent div#gray_sidebar ul { margin:24px 0px 0px 39px; padding:0px; width:186px; } div#home_bottomContent div#gray_sidebar li { margin:0px 0px 10px 0px; padding:0px; width:186px; height:66px; } div#home_bottomContent div#gray_sidebar li a { display:block; width:186px; height:66px; } div#home_bottomContent div#gray_sidebar li#submit_claim a { background:url(/lib/img/home/submit-a-claim.gif) 0px 0px no-repeat; } div#home_bottomContent div#gray_sidebar li#eaport a { background:url(/lib/img/home/Looking-for-eaport-button.gif) 0px 0px no-repeat; } div#home_bottomContent div#gray_sidebar li#fraud_center a { background:url(/lib/img/home/fraud-resource-center.gif) 0px 0px no-repeat; } /* ******************************************************** */ /* +++++ STRUCTURE: INTERIOR PAGES +++++ */ h1#pg_title { display:block; width:100%; height:25px; width:921px; margin:0px auto 0px auto; padding:8px 0px 0px 0px; background:url(/lib/img/interior/title-bar-background.gif) 0px 0px repeat-x; position:relative; top:30px; z-index: 1; } div#main_content { width:937px; margin:-33px auto 0px auto; padding:15px 0px 15px 15px; background:url(/lib/img/interior/pg-logo-background.gif) 0px 30px no-repeat #ffffff; } div#main_content div#pg_content { float:left; width:708px; padding:65px 12px 0px 25px; } div#main_content div#pg_content h2, div#main_content div#pg_content span#ctl00_TitleLabel { display:block; margin:0px 0px 20px 0px; border-bottom:1px solid #022893; width:455px; } div#main_content div#pg_content h3 { color:#4f4f4f; font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; } div#main_content div#pg_content p { margin:0px 0px 20px 0px; padding:0px 15px 0px 0px; } div#main_content div#pg_content ol { padding-left: 20px; } div#main_content div#pg_content ol li { list-style: decimal; padding: 5px; } div#main_content div#pg_content ul { padding: 5px 0px; } div#main_content div#pg_content ul li { list-style: disc; margin-left: 20px; padding-bottom: 5px; list-style-image: url(../img/interior/libullet.gif); } div#main_content div#pg_content div#right_sidebar ul li { list-style:none; list-style-image:none; } div#main_content div#pg_content ul li ul li { list-style-image: url(../img/interior/nestedli.gif); margin: 0px 0px 0px 15px; padding-bottom: 5px; } div#main_content div#pg_content ul.horizontal { margin: 0px; padding: 0px; } div#main_content div#pg_content ul.horizontal li { display: inline; padding-right: 15px; margin-left: 0px; } div#right_sidebar { width:209px; margin:0px 0px 10px 0px; padding:0px 0px 0px 10px; float:right; background:url(/lib/img/interior/sidebar-background.gif) 10px 0px repeat-y;} div#right_sidebar img { margin:0px 0px 2px 0px; display:block; } div#right_sidebar ul { margin:0px 0px 0px 11px; padding:0px; } div#right_sidebar ul li { margin:0px 0px 2px 0px; width:187px; padding:0px; } div#right_sidebar ul li a { display:block; width:187px; height:34px; } div#right_sidebar ul li#sidebar_agent a { background:url(/lib/img/interior/sidebar-find-an-agent.gif); } div#right_sidebar ul li#sidebar_claim a { background:url(/lib/img/interior/sidebar-submit-a-claim.gif); } div#right_sidebar ul li#sidebar_contact a { background:url(/lib/img/interior/sidebar-contact-us.gif); } div#right_sidebar ul li#sidebar_becomeagt a { background:url(/lib/img/interior/sidebar-become-an-agent.gif); } div#right_sidebar ul li#sidebar_panelprov a { background:url(/lib/img/interior/sidebar-panel-providers.gif); } div#right_sidebar ul li#sidebar_provlookup a { background:url(/lib/img/interior/sidebar-provider-lookup.gif); } div#right_sidebar ul li#sidebar_forms a { background:url(/lib/img/interior/sidebar-form.gif); } div#right_sidebar ul li#sidebar_marketingsupp a { background:url(/lib/img/interior/sidebar-marketing-support.gif); } div#right_sidebar ul li#sidebar_getstarted a { background:url(/lib/img/interior/sidebar-get-started-new-employers.gif); height:44px; } div#right_sidebar ul li#sidebar_ratecalc a { background:url(/lib/img/interior/sidebar-rate-calculators.gif); } div#right_sidebar ul li#sidebar_careers a { background:url(/lib/img/interior/sidebar-careers.gif); } div#right_sidebar ul li#sidebar_reqquote a { background:url(/lib/img/interior/sidebar-request-a-quote.gif); } div#right_sidebar ul li#sidebar_riskmgmt a { background:url(/lib/img/interior/sidebar-risk-management-resources.gif); height:44px; } div#right_sidebar ul li#sidebar_eaport a { background:url(/lib/img/interior/sidebar-eaport.gif); } div#right_sidebar ul li#sidebar_agent a, div#right_sidebar ul li#sidebar_claim a, div#right_sidebar ul li#sidebar_contact a, div#right_sidebar ul li#sidebar_becomeagt a, div#right_sidebar ul li#sidebar_panelprov a, div#right_sidebar ul li#sidebar_provlookup a, div#right_sidebar ul li#sidebar_forms a, div#right_sidebar ul li#sidebar_marketingsupp a, div#right_sidebar ul li#sidebar_getstarted a, div#right_sidebar ul li#sidebar_ratecalc a, div#right_sidebar ul li#sidebar_careers a, div#right_sidebar ul li#sidebar_reqquote a, div#right_sidebar ul li#sidebar_riskmgmt a, div#right_sidebar ul li#sidebar_eaport a { background-position:0px 0px; } div#right_sidebar ul li#sidebar_agent a:hover, div#right_sidebar ul li#sidebar_claim a:hover, div#right_sidebar ul li#sidebar_contact a:hover, div#right_sidebar ul li#sidebar_becomeagt a:hover, div#right_sidebar ul li#sidebar_panelprov a:hover, div#right_sidebar ul li#sidebar_provlookup a:hover, div#right_sidebar ul li#sidebar_forms a:hover, div#right_sidebar ul li#sidebar_marketingsupp a:hover, div#right_sidebar ul li#sidebar_ratecalc a:hover, div#right_sidebar ul li#sidebar_careers a:hover, div#right_sidebar ul li#sidebar_eaport a:hover, div#right_sidebar ul li#sidebar_reqquote a:hover { background-position:0px -34px; } div#right_sidebar ul li#sidebar_getstarted a:hover, div#right_sidebar ul li#sidebar_riskmgmt a:hover { background-position:0px -44px; } div#right_sidebar div { width:209px; height:170px; margin:1px 0px 0px 0px; background:url(/lib/img/interior/sidebar-form-background.gif) 0% bottom no-repeat; } div#right_sidebar div table tr td.label { padding:0px 0px 5px 0px; font-weight:bold; } div#right_sidebar div input#sidebar_login, div#right_sidebar div input#sidebar_pw { height:18px; width:127px; padding:2px 0px 0px 5px; margin:6px 0px 0px 28px; border:1px solid #022893; background:url(/lib/img/search-background.gif) 0px 0px no-repeat; position:relative; } div#right_sidebar div input#sidebar_pw { margin-left:28px; } div#right_sidebar div input#sidebar_btn { height:22px; width:22px; background:url(/lib/img/search-btn-background.gif) 0px 0px no-repeat; border:0px; cursor:pointer; position:relative; } /* ******************************************************** */ /* +++++ STRUCTURE: INTERIOR CALLOUTS +++++ */ div#main_content div#pg_content #fresh-thinking-callout { background: url(../img/interior/fresh-thinking.gif); margin: 0px 0px 10px 30px; height: 57px; width: 399px; } div#main_content div#pg_content #fresh-thinking-callout span { visibility: hidden; } div#main_content div#pg_content #Webinars-callout { background: url(../img/interior/Webinars.gif); margin: 0px 0px 0px 0px; height: 106px; width: 405px; } div#main_content div#pg_content #Webinars-callout a { height: 106px; width: 405px; display: block; text-decoration: none; } div#main_content div#pg_content #Webinars-callout span { visibility: hidden; } div#main_content div#pg_content #SafetyBLR-callout { background: url(../img/interior/SafetyBLR_link.gif); margin: 0px 0px 0px 0px; height: 72px; width: 360px; } div#main_content div#pg_content #SafetyBLR-callout a { height: 72px; width: 360px; display: block; text-decoration: none; } div#main_content div#pg_content #SafetyBLR-callout span { visibility: hidden; } div#main_content div#pg_content .red-flag-callout { background: url(../img/interior/redflag.gif); float: left; height: 50px; width: 48px; margin-right: 10px; } div#main_content div#pg_content .red-flag-callout span { visibility: hidden; } div#main_content div#pg_content h3.red { color: #D60000; } div#main_content div#pg_content #core-values-callout { background: url(../img/interior/corevalues.gif); margin-top: 20px; height: 171px; width: 476px; } div#main_content div#pg_content #core-values-callout a { height: 171px; width: 476px; display: block; text-decoration: none; } div#main_content div#pg_content #core-values-callout span { visibility: hidden; } div#main_content div#pg_content #at-a-glance-callout { background: url(../img/interior/at-a-glance.gif) no-repeat; border-right: 1px solid #CACACA; padding: 35px 5px 0px 10px; width: 183px; float: right; margin: 0px 15px 0px 5px; } div#main_content div#pg_content #at-a-glance-callout ul li { list-style-image: url(../img/interior/libullet.gif); font-weight: bold; color: #377617; } div#main_content div#pg_content #at-a-glance-callout ul li ul { margin: -5px 0px -5px 15px; } div#main_content div#pg_content #at-a-glance-callout ul li ul li { list-style-image: url(../img/interior/nestedli.gif); font-weight: normal; margin: 0px; padding: 0px; } div#main_content div#pg_content #downloads-callout { background: url(../img/interior/downloads.gif) no-repeat; padding: 26px 5px 0px 10px; width: 195px; float: left; margin-right: 15px; } div#main_content div#pg_content #downloads-callout ul li { list-style: none; background: url(../img/interior/downloads-icon.gif) no-repeat; font-weight: bold; color: #022893; border-bottom: 1px solid #CACACA; margin: 5px 0px 0px -12px; padding: 5px 0px 15px 50px; } div#main_content div#pg_content #blr-callout { background: url(../img/interior/webinar.jpg); height: 197px; width: 462px; } div#main_content div#pg_content #blr-callout p { color: #00779F; padding: 65px 0px 0px 30px; width: 250px; } div#main_content div#pg_content #blr-callout a { height: 30px; width: 135px; display: block; margin: -40px 0px 0px 270px; text-decoration: none; } div#main_content div#pg_content #blr-callout a span { visibility: hidden; } div#main_content div#pg_content #submit-a-claim-callout { background: url(../img/interior/submit-a-claim.gif) no-repeat; height: 93px; width: 390px; padding-top: 10px; } div#main_content div#pg_content #submit-a-claim-callout a { text-decoration: none; background: none; height: 73px; width: 370px; display: block; margin-left: 10px; } div#main_content div#pg_content #submit-a-claim-callout span { visibility: hidden; } /* ******************************************************** */ /* +++++ STRUCTURE: DOCUMENT LIBRARY +++++ */ div#main_content div#pg_content table.standard { float:left; padding-top:3px; margin-bottom:5px; width:480px; font-size:11px; color:#4F4F4F; } div#main_content div#pg_content table.standard td.title { margin: 2px 0px 0px 2px; padding: 10px 10px 5px 10px; width: 310px; } div#main_content div#pg_content table.standard td.icon { border-left: 1px solid #CACACA; padding: 10px 10px 5px 10px; margin: 2px 0px 0px 2px; } div#main_content div#pg_content table.standard td a { font-weight: bold; text-decoration: underline; } div#main_content div#pg_content table.standard tr.alti_doc { background: #ECECEC; } div#main_content div#pg_content table.standard tr.alti_xls{ background: #ECECEC; } div#main_content div#pg_content table.standard tr.alti_pdf { background: #ECECEC; } div#main_content div#pg_content table.standard tr.alti_ppt { background: #ECECEC; } div#main_content div#pg_content table.standard tr td.icon a { height: 25px; display: block; padding: 5px 0px 0px 35px; } div#main_content div#pg_content table.standard tr.i_doc td.icon a { background: url(../img/interior/wordicon.gif) no-repeat; } div#main_content div#pg_content table.standard tr.i_xls td.icon a { background: url(../img/interior/xlsicon.gif) no-repeat; } div#main_content div#pg_content table.standard tr.i_pdf td.icon a { background: url(../img/interior/pdficon.gif) no-repeat; } div#main_content div#pg_content table.standard tr.i_ppt td.icon a { background: url(../img/interior/ppticon.gif) no-repeat; } div#main_content div#pg_content table.standard2 {border-top: 1px solid #022893; width:64.25%; font-size:11px; color:#4F4F4F; } div#main_content div#pg_content table.standard2 td.title { vertical-align: middle; width: 310px; border-bottom: 1px solid #CACACA; } div#main_content div#pg_content table.standard2 td.icon { vertical-align: middle; border-left: 1px solid #CACACA; border-bottom: 1px solid #CACACA; padding: 3px 3px 1px 3px; } div#main_content div#pg_content table.standard2 td a { text-decoration:underline; } div#main_content div#pg_content table.standard2 tr td.icon a { height:25px; display:block; padding:2px 0px 0px 20px; } div#main_content div#pg_content table.standard2 tr.i_doc td.icon a { background: url(../../Controls/Portal/Images/wordDoc.gif) no-repeat; } div#main_content div#pg_content table.standard2 tr.i_xls td.icon a { background: url(../../Controls/Portal/Images/xlsicon.gif) no-repeat; } div#main_content div#pg_content table.standard2 tr.i_pdf td.icon a { background: url(../../Controls/Portal/Images/adobePdfIcon.gif) no-repeat; } div#main_content div#pg_content table.standard2 tr.i_ppt td.icon a { background: url(../img/interior/ppticon.gif) no-repeat; } div#main_content div#pg_content .paging { clear:left; float:left; width:480px; height:17px; margin:0px; border-bottom:10px solid #022893; } div#main_content div#pg_content .paging p { clear:left; margin:0px; float:left; font-weight:bold; color:#022893; } div#main_content div#pg_content .paging p.right { padding:0px; float:right; margin:0px; } div#main_content div#pg_content .paging_bottom { clear:left; float:left; padding:6px 0px 0px 0px; margin-bottom:15px; width:480px; height:17px; } div#main_content div#pg_content .paging_bottom p { clear:left; margin:0px; float:left; font-weight:bold; color:#022893; } div#main_content div#pg_content .paging_bottom p.right { padding:0px; float:right; margin:0px; } div#main_content div#pg_content .paging a, div#main_content div#pg_content .paging_bottom a { padding:0px 3px 0px 3px; } /* ******************************************************** */ /* +++++ STRUCTURE: FIND-AN-AGENT RESULTS +++++ */ .agentRecord { clear: left; background-color: #ECECEC; padding: 10px 0px 10px 5px; margin-bottom: 3px; width: 450px; } .agentRecord img { float: left; height: 26px; padding-right: 10px; width: 26px; border: none; outline: none; } .agentRecord h5 { color: #022893; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; } .agentRecord dl { font-size:12px; padding-left: 35px; color: #022893; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; } .agentRecord dt { font-weight:bold; color: #022893; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; padding-top: 5px; } .agentRecord dd { margin: -15px 0px 0px 65px; color: #022893; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; } /* ******************************************************** */ /* +++++ STRUCTURE: INTERIOR PAGES, LEFT NAV +++++ */ div#main_content div#left_nav { width:192px; float:left; background:url(/lib/img/interior/left-sidebar-background.gif) 0px 0px no-repeat #dde2f0; } div#main_content div#left_nav ul { margin:49px 0px 250px 0px; padding:0px; } div#main_content div#left_nav ul li { padding:12px 0px 12px 14px; background: url(/lib/img/interior/left-nav-dotted-border.gif) 0px 100% repeat-x; } div#main_content div#left_nav ul li:hover { background-color: #B8C3E3; } div#main_content div#left_nav .AspNet-Menu-WithChildren { padding:12px 0px 1px 14px; background:url(/lib/img/interior/left-nav-dotted-border.gif) bottom left 100% repeat-x; } div#main_content div#left_nav .AspNet-Menu-WithChildren ul { margin:12px 0px 1px -14px; padding:0px; background: #fff; } div#main_content div#left_nav .AspNet-Menu-WithChildren ul li { padding:8px 0px 5px 27px; background: url(../img/interior/ulstyle.gif) no-repeat top left; } /* ******************************************************** */ /* +++++ STRUCTURE: FOOTER +++++ */ div#footer { width:952px; margin:0px auto 0px auto; padding:28px 0px 0px 0px; text-align:center; background:url(/lib/img/pg-bottom-repeat.gif) 0px 0px repeat-x; } div#footer p#footer_copy { margin:18px 0px 5px 0px; } div#footer p#footer_policy { margin:0px 0px 35px 0px; } .home div#footer a#best_places_to_work { display:none; } .interior div#footer a#best_places_to_work { background:url(/lib/img/best-places-to-work-in-pa.gif) 0px 0px no-repeat; display:block; width:123px; height:23px; float:right; margin:-105px 0px 0px 0px; } /* ******************************************************** */ /* +++++ TABBED CONTENT +++++ */ #tabber { position:relative; margin:0px 0px 30px 0px; } #tabbed-nav a.active-tab { background:url(../img/tabs/bg-tab.gif) no-repeat; width:156px; height:23px; display:block; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; float:left; text-align:center; padding-top:8px; outline:0; position:relative; z-index:1; } #tabbed-nav a.inactive-tab, #tab1, #tab2 { background:url(../img/tabs/bg-tab-inactive.gif) no-repeat bottom left; width:164px; height:21px; display:block; float:left; text-align:center; padding-top:7px; font:14px Verdana, Arial, Helvetica, sans-serif; height:21px; outline:0; } #tabcontent0, #tabcontent1, #tabcontent2 { border:2px solid #022893; width:440px; position:relative; top:29px; padding:30px 20px; z-index:0; } #tabcontent0 h3, #tabcontent1 h3, #tabcontent2 h3 { font:bold 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; color:#022893; } #tabcontent0 p, #tabcontent1 p, #tabcontent2 p { color:#4f4f4f; margin:0; padding:0; } #tabcontent0 hr, #tabcontent1 hr, #tabcontent2 hr { color:#c0c0c0; } /* ******************************************************** */ /* +++++ EXPAND COLLAPSE STYLES +++++ */ div.accordians { float:left; } h3.yellowBarHeader { font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; width:476px; height:26px; margin:0 0 8px 0; } h3.yellowBarHeader span { display:block; padding:4px 0 0 20px; } .accordion_header { margin:5px 0; padding:6px 5px 0px 5px; height:24px; width:466px; display:block; font-size:12px; font-weight:bold; color:#ffffff; background:url(../img/expand-collapse/inactive.gif) no-repeat center left; outline:none; cursor:pointer; } .accordion_header_active { margin:5px 0; padding:6px 5px 0px 5px; height:24px; width:466px; display:block; font-size:12px; font-weight:bold; color:#ffffff; background:url(../img/expand-collapse/active.gif) no-repeat top left; outline:none; cursor:pointer; } /* needs to have all styles duplicated so JavaScript renders it correctly */ .accordion_content { display:none; width:474px; } .accordion_content p { margin:5px 9px 15px 9px; } h3.accordion_header span, h3.accordion_header_active span { font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding:5px 0 0 18px; } /* ******************************************************** */ /* +++++ SEARCH RESULTS +++++ */ div#main_content div#pg_content div#search_results { float:left; width:480px; padding:0px; } div#main_content div#pg_content div#search_results ul { list-style:none; list-style-image:none; margin:0px; padding:0px; } div#main_content div#pg_content div#search_results ul li { list-style:none; list-style-image:none; margin:3px 0px 0px 0px; padding:7px; } div#main_content div#pg_content div#search_results ul li.alt_color { background-color:#ececec; } div#main_content div#pg_content fieldset.new_search { margin:15px auto 15px auto; padding:8px 18px 14px 18px; width:252px; border:1px solid #c9c9c9; } div#main_content div#pg_content fieldset.new_search input.search_input { height:18px; width:218px; padding:2px 0px 0px 5px; margin:8px 0px 0px 0px; border:1px solid #022893; background:url(/lib/img/search-background-new.gif) 0px 0px no-repeat; } div#main_content div#pg_content fieldset.new_search input.search_btn { height:22px; width:22px; background:url(/lib/img/search-btn-background.gif) 0px 0px no-repeat; border:0px; cursor:pointer; } div#main_content div#pg_content div#locate_agent { width:480px; float:left; }