/******* this is the current section tab indicator */ /******* nav styles */ #top_navigation_links { background:url(/images/nav-main-bkg.jpg) no-repeat top left; color: #ffffff; float:left; font-size: 15px; font-weight:bold; line-height: 17px; width: 100%; } #top_navigation_links li#nav-insurance {background:url(/images/nav-ins.jpg) no-repeat 0px 0px; height:55px; overflow:hidden;} #top_navigation_links li#nav-mutualfunds {background:url(/images/nav-mfunds.jpg) no-repeat 0px 0px; height:55px; overflow:hidden;} #top_navigation_links li#nav-statefarm-bank {background:url(/images/nav-bank.jpg) no-repeat 0px 0px; height:55px; overflow:hidden;} #top_navigation_links #nav-logo {position:relative; width:200px;} #top_navigation_links #nav-logo a{padding:22px; width:200px; position:relative;} #top_navigation_links #nav-logo a img{margin-top:-18px;} #top_navigation_links #nav-logo img{margin-left:-15px;} #top_navigation_links li#nav-insurance:hover, #top_navigation_links li#nav-mutualfunds:hover, #top_navigation_links li#nav-statefarm-bank:hover { background-position:0px -55px ; } * html #top_navigation_links li#nav-insurance.sfhover, * html #top_navigation_links li#nav-mutualfunds.sfhover, * html #top_navigation_links li#nav-statefarm-bank.sfhover { background-position:0px -55px ; } #top_navigation_links a { color:#ffffff; text-decoration:none; } #top_navigation_links .sub_nav{ font-size:13px; /* Approx 12pt */ display:none; position:absolute; z-index:99; border-left:1px solid red; border-bottom:1px solid red; border-right:1px solid red; background-color:#fff; padding:5px 20px 15px 16px; } #top_navigation_links li:hover .sub_nav { display:block; } * html #top_navigation_links .sfhover .sub_nav{ display:block; } #top_navigation_links .sub_nav a{ color:#333333; display:block; } * html #top_navigation_links .sub_nav a{ padding-right:10px; /* IE 6 requires this */ } #top_navigation_links .sub_nav a:hover{ color:#cc0000; } #top_navigation_links li{ float:left; } /* global navigation */ #top-nav-container {clear: both; width: 980px; line-height: 29px; position:absolute; height:55px;} #header-login-area {display:block; height:37px; background-color:#f0f0f0; text-align:right; padding-right:10px; vertical-align:middle; font-size:15px; color:#ccc;} #header-login-area img {display:line-block;} #top-nav-container form {margin: 3px 5px 0 0; font-size: 12px; line-height: 20px;} #search_keywords{ border: 0px; color:#7A7A7A; height: 24px; padding-left:0px; vertical-align:top; background:transparent url(/images/global-search-bkg.gif) repeat-x scroll left top; width:138px; padding-top:7px; *margin-top:-1px; } #submit_search { background: url(/images/global-search-btn.gif) no-repeat scroll left top; width:40px; height: 24px; border: 0px; margin-right:10px; margin-left:-12px; cursor:pointer; vertical-align:top; } #top_navigation_links li#global-search { float:right; height:24px; padding-top:12px; } #top_navigation_links .sub_nav a.styleberry {color: #F02C6C;} #top_navigation_links #sub_nav_3 {margin-left: -50px;} body #top_navigation_links #sub_nav_3 {margin-left: 0;} *html #sub_nav_3 .first .main_sub_nav li {width:auto !important;} *html #sub_nav_3 .multi_columnn .main_sub_nav li {width:225px;} /*** underline style for links with Tips ****/ .wTips span, .wBios li span, span.wTip {background:url(/images/tip-dotted-btm.gif) repeat-x bottom left;} /** positioning of edit buttons ****/ .editBtnPos {position:absolute; top:3px; right:10px; z-index:10;} .editBtn {display:block; width:41px; height:17px; background:url(/images/btn-edit.gif) no-repeat 0px 0px;} .editBtn:hover {background-position:0px -17px; cursor:hand;} .helpfulLinksBtn {height:18px; width:101px; float:left; background:url(/images/btn-helpful-links.gif) no-repeat top left;} .helpfulLinksBtn:hover {background-position:0px -18px; cursor:hand;} .overlayVideoBtn {height:18px; width:108px; float:left; background:url(/images/btn-overlay-video.gif) no-repeat top left;} .overlayVideoBtn:hover {background-position:0px -18px; cursor:hand;} .helpfulBtns:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} /**** BEGIN: Layout Styles for Agent Microsite Pages *****/ .agent #page_wrapper { margin:0 auto; padding:0; width:980px; min-width:980px; _width:980px;} .agent #page_wrapper #main {min-width:980px; width:980px; z-index:1; background:url(/images/bkg-section-agent-top.jpg) #c5c5c5 no-repeat top left;} .agent {background:url(/images/bkg-two-tone-grey-white.jpg) repeat-x top left;background-color:#fff;} .agent .agencyNameContainer h2, .agent .agencyNameContainer h1 {margin-left: 200px;} .agent .agencyNameContainer {padding:0px 0px 12px 25px; padding-top:25px; width:950px;} .agent .agencyNameContainer li {float:left;} .agent .agencyNameContainer li#language {float:right;} .agent .agencyNameContainer:after{display:block; clear:both; visibility:hidden; content:'.'; height:0;} .agent .photoContactInfo {} .agent .photoContactInfo:after{display:block; clear:both; visibility:hidden; content:'.'; height:0;} .agent .bioContainer {float:left; width:205px; height:300px; font-size:11px; padding-bottom:10px;} .agent .bioContainer ul {margin-left:10px; padding-bottom:4px;} .agent .bioContainer ul li {display:inline; vertical-align:middle;} .agent .bioContainer ul li img {display:inline; vertical-align:top;} .agent .bioContainer ul li div {color:#777; padding-bottom:5px; font-size: 12px; font-weight: bold; vertical-align:top;} .agent .bioContainer ul li a {vertical-align:top; padding-right:10px;} .agent .bioContainer ul li span {vertical-align:top;} .agent #agentOffices {float:left; width:350px; min-height:315px; _height:315px; color:#777777;} .agent #agentOffices b {color:#3f3f3f;} .agent #agentOffices address, .agent #agentOffices div.col ul {padding-bottom:16px;} .agent #agentOffices div.col {float:left; width:155px; _width:155px; padding-right:5px;} .agent #agentOffices ul li {display:inline; vertical-align:bottom;} .agent #agentOffices ul li img {display:inline; vertical-align:bottom; margin-right:4px;} .agent #agentOffices ul li span {vertical-align:bottom; margin-right:8px;} .agent #additionalAgentInnerDiv {width:536px; position:relative; color:#777777; padding-top:10px;} .agent #additionalAgentInfo {height:160px; position:relative;} .agent #additionalAgentInfo h5 {color:#474747;} .agent .contentPaneMargins {padding:15px 0px 0px 7px;} /*** About Me Tab Styles ***/ #aboutMe h5 {padding-bottom:10px;} #aboutMeInnerDiv {float:left; width:380px;} #aboutMe .col {float:left; width:185px;} /**** Our Team Styles *****/ #ourTeam h5 {padding-bottom:10px;} #teamMembersContainer {position:relative; width:550px;} .membersPane div {width:540px; padding-bottom:20px;} .membersPane div ul {float:left; width:245px;} .membersPane div ul b {cursor:default;} .membersPane div img {vertical-align:middle;} .membersPane div:after{display:block;clear:both;visibility:hidden;content:'.';height:0;} .membersPane .teamNav {margin-left:450px; vertical-align:middle; width:200px;} /* team members Bio Overlays styles*/ .tmPhoto {width:120px; vertical-align:top;} .tmBio {width:250px; vertical-align:top;} /**** Our Mission Styles ****/ #officePhoto {float:left; padding-right:20px;} /*** Hiring Tab Styles ****/ #hiring p {padding-top:10px;} #hiring p.hiringDisclaimer {font-size:10px; color:#a19f9a;} /**** END: Layout Styles for Agent Microsite Pages *****/ /***** BEGIN: Right Column Module Styles ******/ #insuranceProdMod {padding-bottom:14px; _padding-bottom:7px;} .modTitle {padding:0; margin:0; width:389px; height:29px;} .modTitle.insuranceProd {display:block; background:url(/images/module-top-insurance.jpg) no-repeat top left;} .modTitle.financialServ {display:block; background:url(/images/module-top-financial.jpg) no-repeat top left;} .modTitle span {float:right; margin:8px 10px 0px 0px;} .tabs {padding-bottom:10px; width:390px; border-top:1px solid #e0e0e0; background:url(/images/agent-rt-module-btm.jpg) bottom left no-repeat;} .tablist {padding-bottom:10px; width:390px; background:url(/images/agent-rt-modlule-bkg.jpg) top left repeat-y; min-height:190px; _height:190px;} .tabListLeftTabs {float:left;} .tabListLeftTabs li {width:131px; margin-left:1px; min-height:40px; font-size:12px; font-family:Arial,Helvetica,Verdana; text-align:left; vertical-align:middle;} .tabListLeftTabs li a {display:block; width:87px; _width:87px; padding:12px 0px 12px 0px; padding-left:44px; text-decoration:none; color:#999999; background-color:#fafafa; border-bottom:1px solid #e0e0e0;} .tabListLeftTabs li a:visited {color:#999999; text-decoration:none; _color:#777;} /*** style for IE6 ***/ /***** POSITION INSURANCE & FINANCIAL MODULE TABS BACKGROUND IMAGES ******/ .tabListLeftTabs li a.tab-auto, .tabListLeftTabs li a.tab-renters, .tabListLeftTabs li a.tab-home, .tabListLeftTabs li a.tab-life, .tabListLeftTabs li a.tab-other, .tabListLeftTabs li a.tab-bank, .tabListLeftTabs li a.tab-mutual, .tabListLeftTabs li a.tab-annuities {background-position:0px 0px; background-repeat: no-repeat;} /***** INSURANCE MODULE TABS ******/ .tabListLeftTabs li a.tab-auto {background-image:url(/images/offer-auto-tab.jpg);} .tabListLeftTabs li a.tab-renters {background-image:url(/images/offer-renters-tab.jpg);} .tabListLeftTabs li a.tab-home {background-image:url(/images/offer-home-tab.jpg);} .tabListLeftTabs li a.tab-life {background-image:url(/images/offer-life-tab.jpg);} .tabListLeftTabs li a.tab-other {background-image:url(/images/offer-other-tab.jpg);} /***** FINANCIAL MODULE TABS ******/ .tabListLeftTabs li a.tab-bank {background-image:url(/images/offer-bank-tab.jpg);} .tabListLeftTabs li a.tab-mutual {background-image:url(/images/offer-mutual-tab.jpg);} .tabListLeftTabs li a.tab-annuities {background-image:url(/images/offer-annuities-tab.jpg);} /**** HOVER STATES FOR INSURANCE & FINANCIAL MODULE TABS ****/ .tabListLeftTabs li a:hover {background-position:0px -81px; background-repeat: no-repeat; border-right:0;} .tabListLeftTabs li a.selected {background-position:0px -161px; background-repeat: no-repeat; border-right:0; font-weight:bold; color:#000000;} .tabListLeftTabs li.first a {border-top:0;} .tabListLeftTabs li.selected a {background-color:white; border-right:1px solid white;} .tabListLeftTabs li a:hover {background-color:white;} .tabInfoContainer {float:left; width:230px; _width:250px; min-height:263px; _height:263px; background-color:#ffffff;} .tabInfo {color:#777777; display:block; padding-top:12px; padding-right:18px; padding-left:22px;} .tabInfoInnerDiv {position:relative; padding-top:15px;} /** Insurance Quote Boxes ***/ .tabInfoInnerDiv div.quotebox {position:absolute; top:57px; left:55px; z-index:10; height:28px; overflow:hidden;} .tabInfoInnerDiv div.quotebox input.zipCodeInput {border:0px; width:89px; height:28px; padding:6px 0px 0px 7px; font-size:10px; color:#929292; font-weight:bold; background:url(/images/quotebox-textbox.gif) no-repeat 0px 0px;} .tabInfoInnerDiv div.quotebox .getQuoteGoBtn{background: url(/images/quotebox-go-btn.gif) no-repeat scroll left top; border:0px; margin-left:-2px; width:40px; height:28px; cursor:pointer; vertical-align:top;} .tabInfoInnerDiv div.quotebox .getQuoteGoBtn:hover{background-position:0px -28px;} .tablist:after{display:block;clear:both;visibility:hidden;content:'.';height:0;} #tc-auto, #tc-bank {display:block;} #tc-renters, #tc-home, #tc-life, #tc-oproducts, #tc-mutual, #tc-annuities {display:none;} #agentTopModBtm {width:950px; height:10px;} #agentBtmMod {width:967px; background:url(/images/agent-wide-module-bkg.jpg) top left repeat-y; margin:5px auto 0px;} #agentBtmModOuterContainer {background:url(/images/agent-wide-module-btm.jpg) bottom left no-repeat; width:967px; padding-bottom:12px;} #btmModInnerContent li {width:270px; margin-left:35px; float:left;} .getStarted {width:132px; height:31px; margin-top:15px; margin-bottom:15px; margin-left:30px;} a.btn-getStarted {display:block; width:132px; height:31px; background:url(/images/btn-get-started.gif) no-repeat top left; overflow:hidden;} a:hover.btn-getStarted {background-position:0px -31px; overflow:hidden;} /***** Basics Tips Styles within Insurance Products and Financial Services *****/ #auto-basics, #renters-basics, #home-basics, #life-basics, #banking-basics, #mutual-basics, #annuities-basics {position:relative; height:14px;} #auto-basics .sub_nav, #renters-basics .sub_nav, #home-basics .sub_nav, #life-basics .sub_nav, #banking-basics .sub_nav, #mutual-basics .sub_nav, #annuities-basics .sub_nav {display:none; position:absolute; text-align:left; left:20px; bottom:11px; _left:0px; z-index:99; width:178px;} #auto-basics .secondary_sub_nav, #renters-basics .secondary_sub_nav, #home-basics .secondary_sub_nav, #life-basics .secondary_sub_nav, #banking-basics .secondary_sub_nav, #mutual-basics .secondary_sub_nav, #annuities-basics .secondary_sub_nav {background:url(/images/basics-bkg.gif) repeat-y top left; width:178px; padding:0; margin:0; color:#777777;} #auto-basics .secondary_sub_nav li, #renters-basics .secondary_sub_nav li, #home-basics .secondary_sub_nav li, #life-basics .secondary_sub_nav li, #banking-basics .secondary_sub_nav li, #mutual-basics .secondary_sub_nav li, #annuities-basics .secondary_sub_nav li {padding:2px 20px; width:135px;} #auto-basics .secondary_sub_nav li a, #renters-basics .secondary_sub_nav li a, #home-basics .secondary_sub_nav li a, #life-basics .secondary_sub_nav li a, #banking-basics .secondary_sub_nav li a, #mutual-basics .secondary_sub_nav li a, #annuities-basics .secondary_sub_nav li a {color:#3095c9;} #auto-basics li:hover .sub_nav, #renters-basics li:hover .sub_nav, #home-basics li:hover .sub_nav, #life-basics li:hover .sub_nav, #banking-basics li:hover .sub_nav, #mutual-basics li:hover .sub_nav, #annuities-basics li:hover .sub_nav {display:block;} /** suckerfish rollover styles for IE6 ***/ #auto-basics .sfhover .sub_nav, #renters-basics .sfhover .sub_nav, #home-basics .sfhover .sub_nav, #life-basics .sfhover .sub_nav, #banking-basics .sfhover .sub_nav, #mutual-basics .sfhover .sub_nav, #annuities-basics .sfhover .sub_nav {display:block;} /***=== END: Right Column Module Styles ===***/ /***==== BEGIN: Bottom Promotional Areas ====****/ .promoArea1, .promoArea2, .promoArea3 {position:relative; float:left; color:#777777; font-size:12px;} .promoArea1 {width:300px; padding:0px 13px 0px 35px;} .promoArea2 {width:268px; padding:0px 13px;} .promoArea3 {width:290px; padding:0px 13px;} .promoArea1 .promoTitle, .promoArea2 .promoTitle, .promoArea3 .promoTitle {border-bottom:1px solid #ebebeb; margin-bottom:15px;} .promoArea1 h6, .promoArea2 h6, .promoArea3 h6 {padding-bottom:5px; font-size:13px; font-weight:bold; color:#000;} .promoArea3 p {margin-left:20px;} .promoArea3 p a {font-weight:bold;} .promoArea3 #adArea {padding-top:14px;} /* Did You Know Messages */ #dykContainer {position:relative; height:222px; overflow:hidden;} .dykInnerDiv {width:250px; height:202px; padding-left:10px;} #agentBtmModOuterContainer:after{display:block;clear:both;visibility:hidden;content:'.';height:0;} /*** ==== END: Bottom Promotional Areas ====****/ /*** button styles ***/ a.previousBtn {width:12px; height:14px; background:url(/images/btn-blue-arrow-lft.gif) no-repeat top left; overflow:hidden;} a:hover.previousBtn {background-position:0px -14px; overflow:hidden;} a.nextBtn {width:12px; height:14px; background:url(/images/btn-blue-arrow-rt.gif) no-repeat top left; overflow:hidden;} a:hover.nextBtn {background-position:0px -14px; overflow:hidden;} /**** Rounded Edges for ToolTips and ToolTipDalogs *****/ .tipBoxInnerDiv {width:330px; padding:0; margin:0;} .tipBoxInnerDiv img {display:block;} .tipBoxInnerContent {background:url(/images/tip-box-bkg.gif) #ffffff repeat-y top left; padding:0px 11px;} .memberInfoInnerDiv {width:385px; padding:0; margin:0;} .memberInfoInnerDiv img {display:block;} .memberInfoInnerContent {background:url(/images/member-info-bkg.gif) #ffffff repeat-y top left; padding:0px 11px;} /*** Dialog Window ****/ #dialogTitle {position:absolute; top:12px; left:12px; z-index:99;} #dialogTitleMap {position:absolute; top:12px; left:12px; z-index:99; width: 27px; height: 8px;} #dialogTitleRaf {position:absolute; top:12px; left:12px; z-index:99; width: 108px; height: 8px;} #dialogTitleEm {position:absolute; top:12px; left:12px; z-index:99; width: 62px; height: 8px;} #dialogTitleDd {position:absolute; top:12px; left:12px; z-index:99; width: 80px; height: 8px;} #dialogTopDiv {border-bottom:1px solid #d8d8d8;} #dialogInnerDivLg {padding:10px 10px 10px 15px; height:340px; overflow:auto;} /*** Inner Div Style for Long Dialog Box Content ***/ #dialogInnerDiv {padding:10px 14px;} #dialogBottomDiv {padding:10px 10px 4px 18px;} #dialogBottomDiv table {width:100%;} #dialogBottomDiv table td {width:50%;} #dialogBottomDiv table td.rtCol {text-align:right;} .dndListContainer {width:145px; padding:7px; border:1px solid #cccccc;} /****Visit Count Modal Styles*****/ #visitCountChart {width:460px;} #visitCountChart th {font-weight:bold;} #visitCountChart tr.colorbkg {background-color:#f9f9f9;} #visitCountChart th, #visitCountChart td {text-align:right; padding:4px 10px; width:25%;} #visitCountChart th.month, #visitCountChart td.month {text-align:left;} /**** Did You Know Dialog Styles *****/ .dykSelectOuterDiv {width:460px; height:150px;} .dykSelectInnerDiv:after{display:block;clear:both;visibility:hidden;content:'.';height:0;} .dykEditNav {float:left; width:460px; vertical-align:middle; text-align:right;} .dykEditNav img {vertical-align:middle;} /***** Map Dialog Styles *****/ #lrgDialogContainer {font-family: Arial,Helvetica,Verdana; font-size:12px; color: #777777; background-color:#ffffff;} #mapHolder {width:645px; color:#777777; background-color:#ffffff;} .mapTopDiv {margin-bottom:20px;} #mapInnerDivLg {min-height:210px; height:400px; width:635px; overflow:auto;} /*** Inner Div Style for Long Dialog Box Content ***/ .mapIframes {width:635px; height:400px; padding:10px 0px 0px 10px;} #mapInnerDiv {padding:10px 15px;} .mapLeftCol {width:250px; float:left;} #mqDisclaimer {font-size:10px; width:490px; color:#c5c5c5;} #lrgDialogContainer #dialogBottomDiv {width:645px; padding:0; background:url(/images/mapmodalroundedbtm.gif) no-repeat bottom center;} #lrgDialogContainer #dialogBottomDiv table tr td {padding:10px 10px;} /*** Map Page Icons ***/ #dialogInnerDivLg .printIcon, .mapTopDiv .printIcon, .mapTopDiv .agentIconDirections {padding-right:15px; vertical-align:middle;} #dialogInnerDivLg .printIcon img, .mapTopDiv .printIcon img {float:left; vertical-align:middle;} .mapTopDiv .agentIconDirections img {padding-right:9px; float:left; vertical-align:middle;} #dialogInnerDivLg .printIcon:after, .mapTopDiv .printIcon:after, .mapTopDiv .agentIconDirections:after {display:block;clear:both;visibility:hidden;content:'.';height:0;} #dialogInnerDivLg .printIcon {padding-left:395px;} /*** Map Page Icons ***/ /**** BEGIN: Layout styles for Modal Overlays Forms ****/ #dialogHolder {width:505px; background:url(/images/sm-overlay-bkg.gif) #ffffff repeat-y top left;} #formHolder {color: #777777;} #formHolder fieldset {border-bottom:1px solid #d8d8d8; margin-bottom:10px; padding-bottom:5px;} #formHolder label {float: left; width:190px; _width:170px; margin: .15em 1em .15em .25em;} #formHolder .leftCol {float:left; border: none; margin: 0; padding: 0;} #formHolder .leftLabel {float:left; border: none; _width:225px; margin: 0; padding: 0;} #formHolder .wide label {float: left; width:420px; margin: .15em .25em .15em .25em;} #formHolder .short {float: left; width: 50px; margin: .15em 1em .15em .25em; } #formHolder .med {float: left; width: 123px; margin: .15em .0 .15em .25em; } #formHolder fieldset select {color:#777777;} #formHolder .leftCol fieldset {border-bottom: none;} #formHolder .leftLabel fieldset {border-bottom: none;} #formHolder .lastSet {border-bottom: none; margin-bottom:0; padding-bottom:0;} #formHolder .checkbox, #formHolder .radio {float: left; margin: .15em 0 .15em 1em;} #formHolder .email-me-checkbox {float: left; margin: .15em 0 .15em 0;} #formHolder #messageContainer {padding:8px; margin:15px; background-color:#ebf5fa; margin-bottom:10px;} #formHolder #moduleSpecification { border: 1px solid #666; height: 150px; margin: 10px; padding: 10px;} #formHolder .disclaimer {font-size:10px; line-height:14px; margin-right:10px;} #formHolder .btnYes{ display:block; float:right; padding-right:10px; width:94px; height:31px; background:url(/images/yes.gif) no-repeat 0px 0px; } #formHolder .btnNo{ display:block; float:right; padding-right:10px; width:94px; height:31px; background:url(/images/no.gif) no-repeat 0px 0px; } #formHolder .btnOk{ display:block; float:center; padding-right:10px; width:94px; height:31px; background:url(/images/ok.gif) no-repeat 0px 0px; } /**** END: Layout styles for Modal Overlays Forms ****/ /** BEGIN: Style For Input Fields **/ .selectStates {float:left; width:123px; height:22px; margin-right:4px; background:url(/images/select-states-top.gif) no-repeat top left; overflow:hidden;} .selectStates input#state {border:0; background-color:none;} .emailTextArea {width:440px; padding-top:5px; padding-bottom:0px; margin-bottom:0px; background:url(/images/textarea440-top.gif) no-repeat top left;} .emailTextArea .modtextarea {width:420px; border:0; padding:0px 10px; margin-bottom:0; background:url(/images/textarea440-btm.gif) no-repeat bottom left;} .referTextArea {width:402px; padding-top:9px; padding-bottom:0px; margin-bottom:0; background:url(/images/textarea402-top.gif) no-repeat top left;} .referTextArea .referModtextarea {width:382px; border:0; padding:0px 10px; margin-bottom:0; background:url(/images/textarea402-btm.gif) no-repeat bottom left;} .textbox328 {float:left; width: 328px; height: 24px; background: url(/images/textbox328.gif) no-repeat 0px 0px; } .textbox328 input, .textbox328_error input {width: 318px; height: 16px; border: 0; margin: 2px; } .textbox328_error {width: 328px; height: 24px; background: url(/images/textbox328.gif) no-repeat 0px -24px; } /* Error State */ .textbox200 {width: 200px; height: 24px; background: url(/images/textbox200.gif) no-repeat 0px 0px; } .textbox200 input, .textbox200_error input {width: 190px; height: 16px; border: 0; margin: 2px; } .textbox200_error {width: 200px; height: 24px; background: url(/images/textbox200.gif) no-repeat 0px -24px; } /* Error State */ .textbox73 {float:left; width: 73px; height: 24px; background: url(/images/textbox73.gif) no-repeat 0px 0px; padding-right:3px;} .textbox73_error {width: 73px; height: 24px; background: url(/images/textbox73.gif) no-repeat 0px -24px; padding-right:3px;} .textbox73 input, .textbox73_error input {width: 63px; height: 16px; border: 0; margin: 2px; } /* Error Message State */ .textbox58 {width: 58px; height: 24px; background: url(/images/textbox58.gif) no-repeat 0px 0px; padding-right:3px;} .textbox58 input, .textbox58_error input {width: 48px; height: 16px; border: 0; margin: 2px; } .textbox58_error {width: 58px; height: 24px; background: url(/images/textbox58.gif) no-repeat 0px -24px; padding-right:3px;} /* Error State */ .textbox42 {width: 42px; height: 24px; background: url(/images/textbox42.gif) no-repeat 0px 0px; padding-right:3px;} .textbox42 input, .textbox42_error input {width: 32px; height: 16px; border: 0; margin: 2px; } .textbox42_error {width: 42px; height: 24px; background: url(/images/textbox42.gif) no-repeat 0px -24px; padding-right:3px;} /* Error State */ /** BEGIN: Modal Form Button Styles ****/ #formHolder .dijitButtonNode {padding:0; margin:0; border:0; background:none;} #formHolder .btnSave{display:block; float:right; padding-right:10px; width:94px; height:31px; background:url(/images/btnsave.gif) no-repeat 0px 0px;} #formHolder .btnSave:hover{background-position: -104px 0px;} #formHolder .btnSend{display:block; float:right; padding-right:10px; width:94px; height:31px; background:url(/images/btnsend.gif) no-repeat 0px 0px;} #formHolder .btnSend:hover{background-position: -104px 0px;} /** END: Modal Form Button Styles ****/ /*** Begin: style for the Reordering List Box on Certain Modals ****/ .roListContainer {border:none;} .roList {width:137px; float:left; font-size:11px; margin-bottom:10px;} .roList option {padding:2px 10px; border:none; background-color:none;} .reorder-arrows {float:left; padding-left:10px;} .uparrow {width:23px; height:20px; padding:0; margin-bottom:5px; background:url(/images/btn-up-arrow.gif) no-repeat top left; border:0;} .downarrow {width:23px; height:19px; padding:0; background:url(/images/btn-down-arrow.gif) no-repeat bottom left; border:0;} /*** END: style for the Reordering List Box on Certain Modals ****/ /** END: Style For Input Fields **/ /** Style for Error Messaging on **/ .error {color:#cd1217;} .error ul li {padding:4px 0px;} /* Resetting default browser settings */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;} li{list-style:none;} caption,th{text-align:left;} /* Global Elements */ body {font: normal 11px/15px Arial, Helvetica, sans-serif; color: #3F3F3F;} h1 {font-size: 24px; line-height: 28px; font-weight: bold; letter-spacing: -.05em;} h2 {font-size: 20px; line-height: 24px; font-weight: normal; letter-spacing: -.05em;} h3 {font-size: 18px; line-height: 22px; font-weight: normal; letter-spacing: -.05em; padding-top:10px;} h4 {font-size: 14px; line-height: 18px; font-weight: bold; letter-spacing: -.05em;} h5 {font-size: 12px; line-height: 15px; font-weight:bold; letter-spacing:0.15px; margin: .15em 0;} h6 {font-size: 11px; line-height: 14px; font-weight:bold; letter-spacing:0.15px; margin: .15em 0; color:#777777;} ol {margin:0 0 0 30px; padding:0; list-style:decimal outside;} strong {font-weight:bold;} input, textarea {font-family:arial,helvetica;} a {color:#4994cd; text-decoration:none;} a:link {color:#4994cd; text-decoration:none;} a:visited {color:#4994cd; text-decoration:none;} a:hover {color:#4994cd; text-decoration:underline;} a:active {color:#4994cd; text-decoration:none;} #formHolder br {clear: left;} #formHolder p {margin: 0 0 1em 0;} #mapHolder br {clear: left;} #mapHolder p {margin: 0 0 1em 0;} .promoArea3 p {margin-left:20px;} .promoArea3 p a {font-weight:bold;} .promoArea3 h6 {font-size:13px; padding-bottom:10px; font-weight:bold; color:#000;} /* clear floats without extra markup (aka clearfix) */ * html .clear {height: 1%;} .clear {clear: both;} *+html .clear {overflow: hidden;} /* IE7 */ .clear:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} .bold {font-weight:bold;} .clearboth {clear:both;} .center {text-align:center;} .middle {vertical-align:middle;} .middle img {vertical-align:middle;} .float-left {float:left;} .float-right {float:right;} ul.disc { padding-left:18px;} ul.disc li {list-style-type:disc;} /* some global page structure setup */ #page { position:relative; margin:0 auto; padding-top:0px; width:980px; font-family:Arial, Helvetica, sans-serif; color:#000000; } .blueTxt {color:#4994cd;} /**/ /***** PAGE LAYOUT STYLES *****/ #main {padding-top:55px; min-width:1065px; width:1065px;} #main:after{display:block; clear:both; visibility:hidden; content:'.'; height:0;} #content span p {padding-top: 10px; padding-bottom:10px;} .agent #agentInnerDivTopWrapper {position:relative; _margin-bottom:-10px;} /*IE6 Bottom Alignment Fix for Top container*/ .agent .agentLeftCol {width:980px; background:url(/images/agent-col-bkg.jpg) bottom left repeat-y;} .agent .leftColInnerDiv {float:left; width:556px; padding-left:10px; padding-right:18px;} .agent .rightCol { position:relative; float:left; width:390px; margin-bottom:-10px; *margin-bottom:-10px; _margin-bottom:0px;} .agent #footer { margin:0px auto; padding-top:40px; width:980px; height:130px; font-size:10px; line-height:13px; color:#000; text-align:left; background:url(/images/bkg-agent-page-btm.jpg) no-repeat top left; } .address {width:250px; margin-left:auto; margin-right:auto; text-align:left;} .agent #footer ul li {margin-left:30px; padding-top:12px; width:750px;} .agent #footer ul li a {font-size:11px; color:#000;} .expires {color:#c5c5c5;}