/*The State of Missouri's Deferred Compensation Program Plan's Website General Styles Page Prepared by the employees of MOSERS */ /* General -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.7; font-style: normal; font-weight: normal; } .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} body { color: #5f6364; font: normal 62.5% Georgia, 'Times New Roman', serif; background: #fff url(/images/body_backer.gif) repeat-x fixed;} body.search {background: none;} body.calc {background: #fff;} h1 { font-size: 34px; color: #9b9da0; font-family: Arial Narrow, Arial, sans-serif; line-height: 1; text-transform: uppercase; margin: 0 0 20px; width: 736px; } #mainleft h1, #sub h1 { width: auto; font-size: 30px; } h2 { font-size: 18px; font-family: Arial Narrow, Arial, sans-serif;} h2 a { font-size: 18px; text-decoration: none; } h3 { font-size: 16px; color: #333; margin: 0 0 6px; line-height: 1.2; font-family: Georgia, "Times New Roman", Times, serif; } h3 a { text-decoration: none; line-height: 1.2; } h4 { color: #373737; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; display: block; margin: 0 0 4px; clear: both; } h4 a { font-weight: bold; } h5 { font-size: 13px; color: #333; margin: 0 0 10px; font-weight: bold; } h5 a { font-weight: bold; } h6 { font-size: 11px; color: #333; margin: 0 0 8px; font-weight: bold; } h6 a { font-weight: bold; } p, ul, dl, ol { font-size: 13.5px; margin: 0 0 1.5em; font-family:Arial, Helvetica, sans-serif; } p, p em { line-height: 1.7;} em {font-style: italic;} #mainleft p { margin-bottom: 1em; } ol { margin-left: 20px; } ul li { list-style-type: none; background: transparent url(/i/screen/list-marker.gif) no-repeat 0 0.5em; padding-left: 0px; } ul li { margin-bottom: 3px; } a {text-decoration: none; color:#0066FF;} a:hover {text-decoration: underline; color:#FF0000;} .floatRight {float: right;} .floatLeft {float: left;} /*Global combos-----------------------------------------*/ #mast h1 a, #tools-enroll a, #tools-sdb a, #tools-fundperf a, #tools-target a, #tools-account a, #tools-brokerage a, #tools-wizard a, #tools-calcs a, #tools-worksheet a, #tools-overview a, #tools-dcupdate a, #tools-retiretrack a, #footer h2 { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; } #tools-sdb a, #tools-target a, #tools-fundperf a, #tools-account a, #tools-brokerage a, #tools-wizard a, #tools-calcs a, #tools-overview a, #tools-worksheet a, #tools-dcupdate a {border: 1px solid #d0d0d0; width: 285px; height: 35px;} #tools-enroll a {width 293px; height: 55px;} #tools-retiretrack a {width: 287px; height: 75px;} .topper {color: #fff; padding: 5px 0 5px 20px; margin-bottom: 15px; position: relative;} #mainleft .topper h2, #sub .topper h2 {font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold;} /*Structure-----------------------------------------*/ #header, #intro, #content-wrap, #content, #footer { width: 900px; margin: 0 auto; background:#ffffff; } #header { min-height: 165px; position: relative; z-index: 1000; } /*Header---------------------------------------*/ #header-wrap {clear:both;} #header #search {background-image: none; width: 400px;} #mast { background: none; position: absolute; top: 15px; bottom: 15px; left: 0; width: 450px; float: left;} #mast h1 a {background: url(/images/header_logo.gif); width: 450px; height: 95px; position: absolute; outline: none; margin-top: -95px;} #rightheader { width: 400px; float: right; } #social { margin: 0; padding: 0; height: 50px; width: 400px; text-align: right; } #social h1 {font-family: Arial, Helvetica, sans-serif; color: #d49c2b; font-size: 12px; text-transform:none; font-weight: bold; float: left; width: 325px; display: inline; margin: 23px 0 0 0; } #social img {margin: 15px 0 0 5px; border: none;} #search {float: right; background-image: none; margin: 15px 0 0 0; height:50px; text-align: right;} input.searchBox {height: 22px; padding: 3px; width: 250px; margin-right: 4px; vertical-align:top; border:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; color: #666666; font-size: 14px; padding-top: 5px;} .searchButton {border: 1px solid gray;} /*////////////////////// content/////////////////////////////////*/ #content-wrap {width: 900px; margin: 0 auto; background:#fff scroll; position: relative;} #content { background-color: #fff; position:relative; } #intro {margin-bottom: 1px;} #content input { margin-right: 7px; } #mainleft {width: 600px; float: left; position: relative; padding: 0 1px 20px 0;} #mainleft img {padding: 0; margin: 0;} #mainleft .topper {background:#d49c2b; margin-bottom: 10px;} #crumb {width: 575px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; padding-left: 20px; margin-bottom: 1.5em;} #crumb a{text-decoration: none; color:#277a8c;} #crumb a:hover, a:focus {text-decoration: underline;} #crumb strong{font-weight: bold; color:#79040a;} #mainleft .indent {padding-left: 20px; padding-right: 35px;} .news-list {padding: 0; margin: 0em;} .news-list li {padding: 0; border-bottom: 1px dotted #999999; margin-bottom: 1.5em;} .news-list p a {text-decoration: underline;} .indent h2 {font-size: 20px;color: #3a95a9; font-family: Georgia, "Times New Roman", Times, serif;} .indent h2.shadehead { text-align: center; padding: 3px 0 3px 0px; background: #cccccc; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 1em; background: #3a95a9;/*url(../images/h2_backer.jpg) repeat-x 0 0*/ color: #ffffff;} .indent h2.shadehead a {color: #ffffff; font-weight: bold;} .indent h3 {font-size: 20px;color: #3a95a9;} .indent h3 a {color: #3a95a9;} .indent h3 img {border: none; margin-left: 10px; padding-left: 50px;} a.more {background:transparent url(/images/go_arrow.gif) no-repeat scroll 0 center; padding:0 0 0 28px;} .indent h4 {color:#CC3300;} #introtext p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; line-height: 25px; color: #666666; } .indent blockquote {font-size: 13.5px; padding-left: 20px; font-family: Arial, Helvetica, sans-serif; line-height: 1.7em; border-left: 8px solid #eeeeee; margin-bottom: 1em;} #mainleft .indent strong{font-weight: bold;} .indent table {width: 100%; font-size: 13.5px; font-family: Arial, Helvetica, sans-serif;} .indent .inset {background:#d1e2e4; border: 1px solid #CCC; padding: 15px; float: right; width: 150px; margin-left: 15px;} .indent .inset strong {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; } .indent .inset p, .indent .inset ul {margin-bottom: 0;} .indent .inset ul, .indent .inset ul li {list-style-type: disc; list-style-position: outside; margin-left: 5px;} /*/////////////////////////Styles for dropdown and go button on pages using a drop-down list ///////////////////////*/ #contentarea_2_DropDownList1 {width: 475px; margin-right: 10px;} #contentarea_2_DropDownList1 option {padding: 0 5px;} input#contentarea_2_btn_Go {height: 25px; position: absolute; margin-top: -3px;} .indent table td {border-bottom: 1px solid #eeeeee; padding: 3px 0 3px 6px;} #pubpage {border: 1px solid #bdbebf; margin-bottom: 1.5em; background: #f2f2f2; padding: 10px; margin-top: 1.5em;} #pubpage h3 {font-size: 15px; color:#808080; font-family: Arial, Helvetica, sans-serif; font-weight:bold;} #pubpage p.caption {font-size: 11px;} ul.item{} ul.item li {border-bottom: 1px dotted #cccccc; margin-bottom: 1.5em; padding-bottom: 1.54em;} ul.item p {margin-top: 10px;} ul.item li ul {list-style-type: square; margin-bottom:0; font-family: Arial, Helvetica, sans-serif;} ul.item li ul li {border-bottom: none; list-style-type: square; margin-bottom: 0; padding-bottom: 0; margin-left: 20px;} ul.list, ol.list {font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px;} ul.list li{list-style-type: square; list-style-position: outside; margin-left: 20px; border: 0; margin-bottom:0; padding-bottom: 0;} ol.list {list-style-type: decimal;} ul.list ul {margin-left: 15px; list-style-type: circle;} ul.list ul li {list-style: circle;} p a.newsbtn {padding: 7px 7px 5px 7px; border-radius: 5px 5px 5px 5px; color: #fff; background:#9a191f; text-transform:uppercase; font-family: Helvetica, sans-serif; font-size: 9px; font-weight:bold; margin-right: 15px; margin-top: 15px; text-decoration:none;} a.audio{background:transparent url(/images/audio.jpg) no-repeat scroll 0 center; padding: 5px 5px 5px 28px;} a.newsbtn:hover, a.newsbtn:focus {color: #fff; background:#79040a; text-decoration: none;} ul.tabular{} ul.tabular li {list-style-type: none; border-bottom: 1px solid #cccccc; padding: 6px 0 6px 10px; margin-bottom:0; font-family: Arial, Helvetica, sans-serif;} ul.tabular li.odd {background: #eeeeee; margin-bottom: 0;} #mainleft ul.tabular li p {margin-bottom:0;} #mainleft .indent ul.tabular li p strong a{font-weight: bold;} ul.map {width: 100%;} ul.map li {border-bottom: none;} ul.map li h2 {background: #3a95a9; padding-left: 5px;} ul.map li h2 a {color: #fff; font-family: Georgia, "Times New Roman", Times, serif;} ul.map li.odd {background: #eeeeee; margin-bottom: 0;} ul.map li li {list-style-type: none; border-bottom: 1px solid #cccccc; padding: 6px 0 0px 10px; margin-bottom:0; font-family: Arial, Helvetica, sans-serif;} #mainleft ul.map li p {margin-bottom:0;} #mainleft .indent ul.map li p strong a{font-weight: bold;} ul.signup {position: relative;} ul.signup li {background: #eeeeee; font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif; padding: 9px;} #mainleft li.hover img {border: 0; vertical-align: top;} ul.signup li.hover:hover, ul.signup li.hover:focus {background:#e1e1e1; color: #ffffff; text-decoration: none;} a.envelope {background:transparent url(/images/envelopes.gif) no-repeat scroll 0 center; padding: 5px 8px 5px 55px; height: 75;} #sub { width: 298px; float: left; position: relative; min-height: 450px; } #sub .topper {background: #79040a; margin-bottom: 10px;} ul.tools-list { position: relative; margin: 0 0 0 0; width: 293px; padding:0;} #sub ul {padding:0; margin:0 0 0 0;} #tools-list li {border: 1px solid gray;} #tools-list a { height: 35px; border: 1px solid gray;} #tools-enroll a { background-image: url(/images/enrollment.gif); background-position: 0 0; width: 287px; } #tools-account a { background-image: url(/images/account_small.gif); background-position: 0 0; border: 4px solid #e0e0e1; width: 280px; } #tools-brokerage a {background-image: url(/images/brokerage.gif); background-position: 0 0; border: 4px solid #e0e0e1; width: 280px;} #tools-sdb a { background-image: url(/images/sdb.gif); height: 50px; background-position: 0 0; } #tools-target a { background-image: url(/images/target_funds_btn.gif); background-position: 0 0; } #tools-fundperf a { background-image: url(/images/fundperf.gif); background-position: 0 0; } #tools-overview a { background-image: url(/images/overview_btn.gif); background-position: 0 0; } #tools-wizard a { background-image: url(/images/retirement_outlook.gif); } #tools-calcs a { background-image: url(/images/calculators.gif); } #tools-worksheet a { background-image: url(/images/worksheet.gif); } #tools-dcupdate a { background-image: url(/images/dc_update.gif); margin-bottom:10px;} #tools-retiretrack a { background-image: url(/images/RT-btn.gif); margin-bottom: 10px;} #tools-brokerage a, #tools-enroll a {margin-bottom: 15px;} #tools-enroll a:hover, #tools-enroll a:focus {background-position: 0 -55px; outline: none; border: none;} #tools-account a:hover,#tools-account a:focus, #tools-brokerage a:hover, #tools-brokerage a:focus {background-position: 0 -37px; outline: none; border: 4px solid #afaeae;} #tools-sdb a:focus, #tools-sdb a:hover { background-position: 0px -50px; border: 1px solid #cccccc; outline: none;} #tools-overview a:focus, #tools-overview a:hover, #tools-target a:focus, #tools-target a:hover, #tools-fundperf a:focus, #tools-fundperf a:hover, #tools-wizard a:hover, #tools-wizard a:focus, #tools-calcs a:hover, #tools-calcs a:focus, #tools-worksheet a:hover, #tools-worksheet a:focus, #tools-dcupdate a:hover, #tools-dcupdate a:focus { background-position: 0px -37px; border: 1px solid #cccccc; outline: none;} #srchResult #cse-search-results #res {font-family: Georgia, Times New Roman;} #srchResult #cse-search-results #res ol li div.g h2 {font-size: 10px;} #sub a img {border: none;} .finddrop { width: 500px; margin-right: 5px; font-size: 12px; } .finddropClick { width: inherit; } input.go { margin-left: 10px; } /* footer--------------------------------------*/ #footer-wrap {clear:both;} #footer {min-height: 90px; position:relative; background-color: #3a95a9; margin-bottom: 35px; padding-top: 10px;} #footer h2 {line-height:0;} #footer ul li {padding-left: 8px;} #footer ul.footer-list ul, #footer ul.footer-list li, #footer #address {display: inline; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .footer-list a{text-decoration: none; color: #fff;} .footer-list a:hover, a:focus {text-decoration: underline;} #address {text-align: right; float:right; clear:both; margin-right: 15px;} /* Search Results Pages List styles --------------------------------------------- */ #srchResult iframe { margin-left:0px; width: 580px; height:1050px; } /******** Login Form Styles ******************* --------------------------------------------- */ #sub iframe { overflow-x: hidden; height: 210px; } #loginForm { width: 273px; background: #ffffff; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 10px; } #loginForm h1 { font-size: 16px; font-weight: bold; color: #21417f; margin:0 0 7px 0; padding: 0; } #loginForm #login { margin: 0; padding: 0; line-height: 1em; height: 30px; } #loginForm form { margin: 0; padding: 0; } #login label { font-size: 15px; color: #333333; float: left; display: block; margin-right: 5px; } #login .loginfield { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #BCBCBC; font-size: 18px; font-style: italic; height: 29px; line-height: 36px; margin: 0 5px 10px 0; padding-left: 5px; width: 55%; float: left; } #login .proceedbtn { float: right; background: url(../images/proceedbtn.png); height: 27px; width: 44px; text-indent: -9999px; border: 0 none; display: block; line-height:0; cursor: pointer; overflow: hidden; } #loginhelp { color: #930; margin: 7px 0 0 0; padding: 0; } #loginhelp ul { font-size: 12px; list-style-type: none; font-size: 12px; margin: 0; padding: 0; } #loginhelp ul li { line-height: 19px; } #loginhelp ul li a { color: #3c5b97; text-decoration: underline; } #loginhelp ul li a:hover { color:#c85c05; } #loginhelp ul li.focusbtn { margin-bottom: 10px; } #loginhelp ul li.focusbtn a { padding: 4px 6px; color: #ffffff; background: #5695ac; text-decoration: none; border-radius: 5px 5px 5px 5px; } #loginhelp ul li.focusbtn a:hover, #loginhelp ul li.focusbtn a:focus { color: #ffffff; background: #3d6a7a; text-decoration: none; } #group { clear: both; height: 0; content: "."; visibility: hidden; line-height: 0; }