/* ----------------------------------------------- Crackerjacks - - - - - - - - - - - - - - - - - - - - - - - - Description: Base Setup Styles Filename: crj.base.css Author: Kent Humphrey & Hamish Stevenson / Catch Design Limited (www.catchdesign.co.nz) Date: 4 December 2007 Updated: 28 November 2008 (KAH) Version: v.3.1 ----------------------------------------------- */ /* =Global Styles ----------------------------------------------- */ * { padding: 0; margin: 0; } body { background: #fff url(../img/bg_body.png) center top repeat; margin: 0; padding: 0; font: 63.7%/1.4 Helvetica, Arial, sans-serif; color: #333; text-align:center; } body#holding_page {background: none;} /* =GENERIC STYLES */ img { border: 0; padding: 0; } a { outline:none; color: #2eb7b7; text-decoration: underline; } a:hover { text-decoration: none; } a img, a:hover img { border: none; } .hide { text-indent: -5000em; outline:none; } p { font: 1.2em/1.4 Helvetica, Arial, sans-serif; margin: 0 0 0.8em 0; color: #333; } small { font-size: 1.1em; } strong { font-weight: bold; } ul, ol { font: 1.2em/1.4 Helvetica, Arial, sans-serif; margin: 0 0 0.8em 0; } td.right_align { text-align:right; } img.right { float:right; } .alignleft { float:left; } .alignright { float:right; } /* Hacks that can't be avoided in this file */ /* =CLEARFIX */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =HEADERS ----------------------------------------------- */ h2, .h2 { font-size: 3.5em; color: #000; letter-spacing:-0.01em; font-weight:bold; } h3, .h3 { font: bold 2.2em/1.2 Helvetica, Arial, sans-serif; color: #171717; margin-bottom:.6em; } h4, .h4 { font: bold 1.8em/1.4 Helvetica, Arial, sans-serif; color: #898466; margin-bottom:.4em; } h5, .h5 { font: 1.4em/1.2 Helvetica, Arial, sans-serif; color: #2f92c6; } h3 a { color:#000; } h3 em {font-weight:bold; color:#666;} /* =STRUCTURE ----------------------------------------------- */ .wrap { width: 980px; margin: 0 auto; text-align: left; } /* masthead */ #masthead { width: 100%; background-color:#1d1d1d; } #masthead .wrap { height: 140px; background: url(../img/bg_logo.png) no-repeat 24px 0; position: relative; } h1 a { display: block; width: 280px; height: 90px; background: url(../img/logo_crj.png) no-repeat 0 0; float: left; margin: 30px 0 0 37px; } * html h1 a { margin-left: 18px; } #content {width: 980px; margin: 0 auto; text-align:left; background-color:#fff;} /* columns */ #partnerlist {width: 695px; } #col1 {width: 692px; float: left;margin:0 0 29px 19px;display:inline /* fixes IE double margin */ } #col1 .wide {width: 942px;} #col2 {width: 235px; float: left;margin-left:14px; } #col1_inner { width:150px; float:left; } #col2_inner { width:495px; float:right; } #col-1 {float: left; width: 50%;} #col-2 {float: right; width: 0%;} #col-3 {float: left; width: 50%;} /* footer */ #footer {color: #999;background:#1d1d1d url(../img/bg_footer_logo.png) no-repeat 874px 126px; border-top: 1px solid #a5a5a5; width: 980px;} #footer a {color: #ccc;} #footer .left {background:url(../img/bg_footer_left.png) no-repeat top left; width: 430px; height: 182px; margin: 29px 0 51px 37px; float:left; display:inline /* fixes IE double margin */} #footer h4 { font-weight:normal; } #footer .left h4 {padding: 20px 10px 10px 23px; color:#ccc;} #footer .left ul {float:left; font-size:1.1em; margin:0 30px 0 23px;display:inline /* fixes IE double margin */} #footer .left li {padding-bottom:.2em} #footer .left li.major {padding-bottom:.7em} #footer .left li.last {padding-bottom:1em} #footer .left li a { color:#999;} #footer .left li.major a {color:#ccc;} #footer .right {width: 453px; float:right; margin:49px 35px 0 0;display:inline /* fixes IE double margin */} #footer .right h4 {color:#ccc;} #footer .right p {font-size:1.5em; color:#999;} #footer #copyright {padding: 1px 0 1px 1px; font-size: 1.1em; } #footer #business_patent {font-size: 1.1em; } #logo_truste {display: block; width:144px; height:40px; margin-top:25px; background: url(../img/logo_truste.png) no-repeat 0 0;} /* =FORMS ----------------------------------------------- */ form {/*margin-top:15px;*/} .formline {clear:both; margin:10px 0 20px;} fieldset { border: 0; margin: 0; padding: 0; } legend { color: #333; font-size:1.2em; padding-top:10px; } label {font-size:1.4em;} select {font-size: 1.4em; margin-left: 15px; float: left; width:163px; padding: 3px 0 3px 3px; } textarea { margin:0; font: 12px/1.2 Helvetica, Arial, sans-serif; padding: 3px; } input.textbox {margin-left: 15px; font-size:1.4em; width:221px; padding: 3px; font-weight: bold; float: left;} .formline label {text-align: right; width: 205px; float:left; display: block;line-height:1.7;} .form_col {float:left; margin-right:30px;} .form_col.last {margin-right:0} .form_col label {} .form_col input.textbox {margin-left:0; width:172px;} .links {margin-top: 20px;} .links p {float:left; font-size:1.3em; line-height:3;} fieldset.poll ul {margin-bottom:2em;} fieldset.poll li {margin-bottom:0.2em; color:#666;} fieldset.poll label {margin-left:4px; vertical-align:middle; font-size:1.1em;} fieldset.poll li input { vertical-align:middle; } div.note {display: block; width: 198px; float: right;color:#666; font-size:1.1em; } fieldset.radio .formline {margin-bottom: 10px;} fieldset.radio ul { float: left; margin: 0 0 0 10px; } fieldset.radio li {float: left; } fieldset.radio li input {font-size: 1.2em; margin: 4px 5px 0 0; } fieldset.radio li input, fieldset.radio li label { float: left; } fieldset.radio ul label {font-size:1.4em; margin: 0 20px 0 0; width: auto; font-weight: bold;} fieldset.checkbox ul {float: left; margin: 0 0 0 10px; } fieldset.checkbox li {float: left; } fieldset.checkbox ul label {font-size:1.2em; margin: 0 20px 0 0; width: auto; } fieldset.checkbox input {float: left; margin:5px 5px 0 0; } #terms {height: 200px; overflow:scroll; border: 1px solid #ccc; padding: 5px; margin:20px 0; background-color:#fff; } ul.terms {margin-left:220px !important;} ul.terms li label {font-weight: bold; font-size:1.4em; text-align: left} /* checklists */ .location_checklist { width:27em; margin-left: 15px;} .location_checklist label {display:block; padding:0 0.2em 0 0; text-align: left; width:18em;} /* Search box */ #search input {font-size:1em;} #search label {display:none;} #search_box {background: url(../img/bg_search.png) no-repeat top left; width:171px; height:24px; border:none; color:#666; padding: 8px 0 0 11px;font-size:1.3em;} #search_btn_holder {padding-left:0 !important;margin-right: 20px;} .location_checklist li {float:left; width:14em;} .role_checklist, .location_checklist {border:1px solid #ccc; height:30em; list-style:none; overflow:auto;padding:0.5em; background-color:#fff; } /* =NAVIGATION ----------------------------------------------- */ /* user nav */ #user_nav { float: right; margin-right: 20px; display: inline;/* fixes IE double margin bug */ font-size: 1.1em; } #user_nav li { float: left; color: #e0e0e0; padding: 20px 0 6px 3px; } #user_nav li a { color: #e0e0e0; } /* Search box */ #search input {font-size:1.1em;margin-top:-5px;} /* safari hack */ body:first-of-type #search #search_box {padding-top: 4px} /* /safari hack */ #search label {display:none;} #search_box {background: url(../img/bg_search.png) no-repeat top left; width:171px; height:24px; border:none; color:#666; padding: 8px 0 0 11px;font-size:1.3em; font-weight:normal;} #search_btn_holder {padding-left:0 !important;} .item {margin-bottom:30px;} /* primary nav */ #prim_nav { position: absolute; display: block; right: 20px; top: 77px; height: 43px; } #prim_nav li {float: left;} #prim_nav a { display: block; height: 43px; background: url(../img/primary_nav.png) no-repeat 0 0; text-indent:-5000em; outline: none;} /* public nav */ #prim_nav a#pn_join, #prim-nav-3 a {width: 81px; } #prim_nav a#pn_join:hover, #prim-nav-3 a:hover, #prim_nav a#pn_join.current, #prim-nav-3 a.current {background-position: 0 -43px; } #prim_nav a#pn_about, #prim-nav-4 a {width: 96px; background-position: -81px 0; } #prim_nav a#pn_about:hover, #prim-nav-4 a:hover, #prim_nav a#pn_about.current, #prim-nav-4 a.current {background-position: -81px -43px; } #prim_nav a#pn_news, #prim-nav-5 a {width: 87px; background-position: -177px 0; } #prim_nav a#pn_news:hover, #prim-nav-5 a:hover, #prim_nav a#pn_news.current, #prim-nav-5 a.current {background-position: -177px -43px; } #prim_nav a#pn_resources, #prim-nav-6 a {width: 130px; background-position: -264px 0; } #prim_nav a#pn_resources:hover, #prim-nav-6 a:hover, #prim_nav a#pn_resources.current, #prim-nav-6 a.current {background-position: -264px -43px; } #prim_nav a#pn_login, #prim-nav-7 a {width: 92px; background-position: -408px 0; margin-left:15px } #prim_nav a#pn_login:hover, #prim-nav-7 a:hover, #prim_nav a#pn_login.current, #prim-nav-7 a.current {background-position: -408px -43px; } /* inside nav */ #prim_nav a#pn_dashboard {width: 135px; background-position:-500px 0;} #prim_nav a#pn_dashboard:hover, #prim_nav a#pn_dashboard.current_page_item {background-position: -500px -43px; } #prim_nav a#pn_jobs {width: 82px; background-position: -635px 0; } #prim_nav a#pn_jobs:hover, #prim_nav a#pn_jobs.current_page_item {background-position: -635px -43px; } #prim_nav a#pn_search {width: 101px; background-position: -717px 0; } #prim_nav a#pn_search:hover, #prim_nav a#pn_search.current_page_item {background-position: -717px -43px; } #prim_nav a#pn_logout {width: 97px; background-position: -1079px 0; margin-left:15px } #prim_nav a#pn_logout:hover, #prim_nav a#pn_logout.current_page_item {background-position: -1079px -43px; } /* contractor nav */ #prim_nav a#pn_your_account {width: 145px; background-position: -934px 0; } #prim_nav a#pn_your_account:hover, #prim_nav a#pn_your_account.current_page_item {background-position: -934px -43px; } /* business nav */ #prim_nav a#pn_account {width: 114px; background-position: -818px 0; } #prim_nav a#pn_account:hover, #prim_nav a#pn_account.current_page_item {background-position: -818px -43px; } /* secondary nav */ #sec_nav {float:right; margin:61px 20px 0 0;} #sec_nav li { float: left; margin: 0 0 0 15px; } #sec_nav li a {text-decoration: none; background: none; } #sec_nav li a:hover, #sec_nav li a.current_page_item {text-decoration: underline; } /* =HOMEPAGE SPECIFIC ----------------------------------------------- */ #home_top { padding: 20px 0 0; } #strip.wrap { background-color:#810b16; } #home_bot {background: #f3f4f4; padding:1px 0; } #home_bot .holder, #home_top .holder {padding: 30px; } p.date { margin:0;line-height:1.4;} p.no_padding {margin:0; padding: 0;} #icon_latest_news {margin: 4px 4px 0 0} #icon_clock {margin: 27px 20px 0 0} #home_bot .left {width: 284px; float:left;} #home_bot .center {float:left; width:285px; margin-left: 30px;} #home_bot div.right {float:right; width:285px;} #home_bot .center img {margin-top: -9px;} #home_bot .stretchy.right p {font-size:1.3em; color:#666;} #home_bot p {color:#666;} .home_list {font-size:1em;} .home_list li {margin-bottom:10px;} .testimonials li {float:left; margin-bottom: 0;} .testimonials li p {margin-left: 70px; } .testimonials li img {margin:0 3px 3px;} /* homepage slides */ #slides {float:right; width:430px; height:238px; background: transparent;margin-top:8px;} /* #slides_link {float:right; display: block; background: url(../img/btn_learn_more.png) no-repeat 0 0; width: 113px; height:33px; margin: 9px 120px 0 0;} #slides_link:hover {background-position: 0 -33px;}*/ /* =GRAPHICAL HEADERS ----------------------------------------------- */ h2#hdr_life_yours_to_own { background:url(../img/hdr_life_yours_to_own.png) no-repeat 0 0; width: 360px; height:37px; margin-bottom: 15px; } h2#hdr_spend_your_life { background:url(../img/hdr_spend_your_life.png) no-repeat 0 0; width: 483px; height:26px; margin: 26px 15px 15px 37px; float:left;} #hdr_bringing_professional {background:url(../img/hdr_bringing_professional.png) no-repeat bottom left; width: 403px; height:74px; margin-bottom: 18px; } #hdr_for_recruitment {background:url(../img/hdr_for_recruitment.png) no-repeat bottom left; width: 328px; height:74px; margin-bottom: 18px; } #hdr_crj_is_an {background:url(../img/hdr_crj_is_an.png) no-repeat bottom left; width: 449px; height:74px; margin-bottom: 18px; } #hdr_saving_you_money {background:url(../img/hdr_saving_you_money.png) no-repeat bottom left; width: 440px; height:68px; margin-bottom: 24px; } h4#hdr_business_need_contractor {background: url(../img/hdr_business_need_contractor.png) no-repeat 0 0; width:260px; height:70px; margin: 6px 0 14px;} h4#hdr_it_only_takes_minute {background: url(../img/hdr_it_only_takes_minute.png) no-repeat 0 0; width:287px; height:30px; margin-bottom:5px;} h4#hdr_join_contractor {background: url(../img/hdr_join_contractor.png) no-repeat 0 0; width:198px; height:59px; margin-bottom:14px;} h4#hdr_join_business {background: url(../img/hdr_join_business.png) no-repeat 0 0; width:194px; height:59px; margin-bottom:14px;} h4#hdr_contractor_registration_small {background: url(../img/hdr_contractor_registration_small.png) no-repeat 0 0; width:150px; height:46px; margin-bottom:14px;} h4#hdr_business_registration_small {background: url(../img/hdr_business_registration_small.png) no-repeat 0 0; width:150px; height:50px; margin-bottom:14px;} h4#hdr_it_only_takes_minute_w_icon {background: url(../img/hdr_it_only_takes_minute_w_icon.png) no-repeat center 0; height:131px; margin-top:-55px;} h4#hdr_login_contractor {background: url(../img/hdr_login_contractor.png) no-repeat 0 0; width:225px; height:63px; margin-bottom:56px;} h4#hdr_login_business {background: url(../img/hdr_login_business.png) no-repeat 0 0; width:224px; height:63px; margin-bottom:56px;} h2#login {background:#F3F3F3 url(../img/icon_login.png) no-repeat 137px 31px;} /* =GRAPHICAL BUTTONS ----------------------------------------------- */ a#btn_register_contractor { background: url(../img/btn_register_as_contractor.png) no-repeat 0 0; width:303px; height:55px; display:block; margin:13px 97px 11px 0; float:right; } a#btn_register_contractor:hover {background-position: 0 -55px;} input#btn_vote {background: url(../img/btn_vote.png) no-repeat 0 0; width:113px; margin-bottom:10px; height:33px; display:block; border: none;cursor:pointer;/* hide text */ -moz-opacity:0 ;filter:alpha(opacity: 0);opacity: 0;} input#btn_vote:hover {background-position: 0 -33px;} a#btn_vote {background: url(../img/btn_vote.png) no-repeat 0 0; width:113px; margin-bottom:10px; height:33px; display:block; border:0; cursor: pointer;} a#btn_vote:hover {background-position: 0 -33px;} a#btn_continue {background: url(../img/btn_continue.png) no-repeat 0 0;display: block; height:43px; width:153px;} a#btn_continue:hover {background-position: 0 -43px;} a#btn_finish {background: url(../img/btn_finish.png) no-repeat 0 0;display: block; height:43px; width:153px;} a#btn_finish:hover {background-position: 0 -43px;} a#btn_help {display: block; width: 235px; height: 40px; background:url(../img/btn_need_help.png) no-repeat 0 0; margin-bottom:20px; } a#btn_help:hover {background-position: 0 -40px;} a#btn_join_as_contractor {display: block; width: 183px; height: 43px; background:url(../img/btn_join_as_contractor.png) no-repeat 0 0; } a#btn_join_as_contractor:hover {background-position: 0 -43px;} a#btn_join_as_business {display: block; width: 183px; height: 43px; background:url(../img/btn_join_as_business.png) no-repeat 0 0; } a#btn_join_as_business:hover {background-position: 0 -43px;} a#btn_login_red {display: block; width: 143px; height: 43px; background:url(../img/btn_login_red.png) no-repeat 0 0;float:right; } a#btn_login_red:hover {background-position: 0 -43px;} a#btn_login_orange {display: block; width: 143px; height: 43px; background:url(../img/btn_login_orange.png) no-repeat 0 0; float:right; } a#btn_login_orange:hover {background-position: 0 -43px;} a#btn_register_now {display:block; width:162px; height:43px; background: url(../img/btn_register_now.png) no-repeat 0 0; } a#btn_register_now:hover {background-position: 0 -43px;} a#btn_calculate {display: block; width:125px; height:36px; background: url(../img/btn_calculate.png) no-repeat 0 0; cursor:pointer;} a#btn_calculate:hover {background-position: 0 -36px;} a#btn_join_crj_now {background: url(../img/btn_join_crj_now.png) no-repeat 0 0; display: block; width:224px; height:43px; margin-bottom: 43px; } a#btn_join_crj_now:hover {background-position: bottom left;} a#btn_reg_interest {background: url(../img/btn_reg_interest.png) no-repeat 0 0; display: block; width:278px; height:43px; margin-bottom: 43px; } a#btn_reg_interest:hover {background-position: bottom left;} a#btn_become_contractor_now {background: url(../img/btn_become_contractor_now.png) no-repeat 0 0; display: block; width:264px; height:43px; margin-bottom: 43px; } a#btn_become_contractor_now:hover {background-position: bottom left;} a#btn_join_business_now {background: url(../img/btn_join_business_now.png) no-repeat 0 0; display: block; width:249px; height:43px; margin-bottom: 30px; } a#btn_join_business_now:hover {background-position: bottom left;} /* =STRETCHY BOX - http://www.schillmania.com/content/projects/even-more-rounded-corners/ ----------------------------------------------- */ .stretchy {position:relative; margin:0 auto 35px; z-index:1; margin-left:24px; /* default, width of left corner */ _margin-left: 12px; } /* on white - default */ .stretchy .content, .stretchy .t, .stretchy .b, .stretchy .b div {background:transparent url(../img/bg_stretchy_box.png) no-repeat top right;} /* on pale */ .on_pale .content, .on_pale .t, .on_pale .b, .on_pale .b div {background:transparent url(../img/bg_stretchy_box_pale.png) no-repeat top right;} .stretchy .content {position:relative; zoom:1; padding:25px 24px 1px 5px;_overflow-y:hidden; } .stretchy .t { /* top+left vertical slice */position:absolute; left:0px; top:0px; width:24px; /* top slice width */ margin-left:-24px; background-position:top left; height:100%;_height:1600px; /* arbitrary long height, IE 6 */ } .stretchy .b { /* bottom */ position:relative; width:100%; } .stretchy .b, .stretchy .b div { height:24px; /* height of bottom cap/shade */ font-size:1px; } .stretchy .b { background-position:bottom right; } .stretchy .b div { position:relative; width:24px; /* bottom corner width */ margin-left:-24px; background-position:bottom left; } .stretchy .hd, .stretchy .bd, .stretchy .ft { position:relative; } .stretchy .wrapper { /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */ } /* =STRETCHY BOX SIZES ----------------------------------------------- */ .registration div.left {width: 322px; float:left; margin-left: 9px;} .registration div.right {width: 322px; float:right; margin:0 -15px 35px 5px;} .registration .content {padding:35px 34px 13px 5px;} .login div.left {width: 447px; float:left; margin-left: 9px;} .login div.right {width: 447px; float:right; margin:0 -15px 35px 5px;} .login .content {padding:40px 40px 14px 12px;} /* INSIDE PAGES ----------------------------------------------- */ h2.header {height:42px; padding:38px 0 8px 35px; width:945px; background-color:#f3f3f3; border-bottom:1px solid #c5cbcb;} #bct {padding: 17px 35px 12px; font-size:1.1em; color:#999;} .buttons {margin: 15px 0 15px 220px; } p.medium {font-size:1.4em;margin-bottom:1em;} p.last {margin-bottom:25px;} p.large {font-size: 1.4em; line-height:1.4;} p.extra_large {font-size:1.6em; } p.notice { padding:8px 15px 4px; border:1px solid #ccc; } ul.blocks {margin-bottom: 2em;} ul.blocks li {font-size:1.2em; list-style-position:inside; list-style-type:square; margin-bottom:6px;} #col1 ul, #col1 ol { margin: 0.4em 0 0.8em 15px; } #col1 ul li { list-style-type:square; margin-bottom:6px; } #col1 li ul { font-size:1.0em; } .col_inner { float:left; width:210px; margin-left:15px; } .col_inner.col_first { margin-left:0; } #col1 .panel h5 { font-weight:bold; color:#000; } /* panels */ .panel {width: 692px; padding: 0; margin-bottom:10px; } .wide .panel {width: 942px;} .minipanel {width: 235px; margin-bottom: 20px; } .top {height: 8px; } .mid {padding: 12px 15px;} .bottom { height: 8px;} .panel.pale .top {background:url(../img/bg_panel_pale_top.png) no-repeat bottom left; } .panel.pale .mid {background-color:#f8f8f8; border: 1px solid #e3e3e3; border-top:none; border-bottom:none; color: #333;} .panel.pale .bottom {background:url(../img/bg_panel_pale_bot.png) no-repeat top left; } .minipanel.teal .top {background:url(../img/bg_minipanel_teal_top.png) no-repeat bottom left; } .minipanel.teal .mid {background-color:#3fc1c8; color:#fff; font-size:1.8em;} .minipanel.teal .bottom {background:url(../img/bg_minipanel_teal_bot.png) no-repeat top left; } .minipanel.charcoal .top {background:url(../img/bg_minipanel_charcoal_top.png) no-repeat bottom left; } .minipanel.charcoal .mid {background-color:#1d1d1d; color:#fff; font-size:1.8em;} .minipanel.charcoal .bottom {background:url(../img/bg_minipanel_charcoal_bot.png) no-repeat top left; } .minipanel.keyline .top {background:url(../img/bg_minipanel_keyline_top.png) no-repeat bottom left; } .minipanel.keyline .mid {background-color:#fff; border: 1px solid #d3d3d3; border-top:none; border-bottom:none; padding: 12px 13px;} .minipanel.keyline .bottom {background:url(../img/bg_minipanel_keyline_bot.png) no-repeat top left; } .wide .panel.pale .top {background:url(../img/bg_panel_pale_top_wide.png) no-repeat bottom left; } .wide .panel.pale .bottom {background:url(../img/bg_panel_pale_bot_wide.png) no-repeat top left; } p.no_footer {margin:30px; font-size: 1.1em;} p.no_footer a {color: #999 !important;} /* business process */ ol#business_process { padding:15px; background:#fff; margin:0 0 20px 0; border:1px solid #ccc; } ol#business_process li { /*background:url(../img/icon_arrow_right.png) right no-repeat;*/ margin:0pt 5px; list-style-type:none; padding:3px 0; width:198px; float:left; height:8em; } ol#business_process li.no_arrow { background:none; } ol#business_process li h5 { font-size:13px; line-height:1.2; } /* quicklinks */ ul.quicklinks {margin: 0 0 20px 0; font-size: 1.4em; background-color:#dad3a9;} ul.quicklinks a {color: #333; display: block; height:23px; padding: 5px 0 0 15px; text-decoration:none; border-bottom:1px solid #fff;} ul.quicklinks a.current_page_item, ul.quicklinks a:hover {color: #fff; background-color:#898466;} ul.quicklinks li.first a {background:url(../img/bg_ql_top.png) no-repeat top left;} ul.quicklinks li.first a.current_page_item, ul.quicklinks li.first a:hover {background-position: top right;background-color:#898466;} ul.quicklinks li.last a {background:url(../img/bg_ql_bot.png) no-repeat bottom left;} ul.quicklinks li.last a.current_page_item, ul.quicklinks li.last a:hover {background-position: bottom right;background-color:#898466;} /* Faqs */ ul.ui-accordion-container { font-weight:bold; font-size:1.5em; line-height:1.4; margin:0 0 20px 16px; padding:0; } ul.ui-accordion-container .answer { font-weight:normal; font-size:12px; line-height:1.4; margin:0pt 0pt 20px 0; } ul.ui-accordion-container li { list-style-type:square; margin-bottom:6px; } ul.ui-accordion-container ul { margin:15px 0 0 15px; } ul.ui-accordion-container ul li { list-style-type:disc; } /* news */ .articleTeaser { margin-bottom:30px; } .articleTeaser h3, .articleStory h3 { margin-bottom:0; } /* progress bar */ .progress .progress_wrap {font-size: 1.4em; font-weight: bold; margin: 10px 0; } .progress .bar { border:1px solid #ccc; float:left; margin-right: 10px; width: 100%; } .progress .bar div {background-color:#810b16; display: block; height: 1.4em; color: #fff; text-align:center; } /* comments */ #comments h3 { margin-left:165px; } #comments ol { margin:0 0 20px 0; padding:0; } #comments .moderation { border:1px solid #999; padding:5px; color:#666; } #comments .comment_wrap { padding:10px 0; background:url(../img/bg_comments_div.png) bottom repeat-x; } #comments .commentmetadata { width:150px; float:left; } #comments .commentmetadata cite { font-size:1.2em; font-weight:bold; margin-bottom:.4em } #comments .commentmetadata p { font-size:1.0em; } #comments .commentmetadata label { font-size:1.0em; margin:0 0 10px 0; } #comments .commentmetadata input.textbox { margin:10px 0 2px 0; width:140px; } #comments .commentmetadata input#author { margin-top:0; } #comments .primary_content { width:495px; float:right; } #comments .primary_content textarea { width: 485px; height:200px; } #comments .primary_content p {font-size:1em;} /* article functions */ #functions { padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px solid #ccc; } /* tables in content */ #col2_inner table {background:#FFF; font-size:1.2em; margin-bottom:10px; } #col2_inner table td {padding:2px 10px;} /* TABLES (from app stylesheet) */ table {width: 100%; margin-bottom:20px;} table.matrix thead th {background-color:#810B16; color:#FFF;font-size:1.2em;padding:6px 15px; text-align:center;} table.matrix td.left, table.matrix th.left { text-align:left; } table.matrix td.right { text-align:right; } table.matrix tbody td {text-align: center;} table tbody td, table tbody th {border-bottom:1px solid #ccc;padding:5px; font-size:1.2em; } /* For Business page */ .for_business .mid div.left {float:left; width:371px;} .for_business .mid div.right {float:right; width: 275px; } .for_business .mid .col {width: 200px !important; margin-right:20px; display:inline} .for_business .mid .col h5 {line-height:1.1;} hr {height:1px; border:none; border-top:1px solid #d2d2d2; margin:10px 0 40px;} #form_calculate_fees { background: url(../img/bg_calculate_fees2.png) no-repeat 0 0; width:273px; height:265px; margin-top:30px;} #tab_for_business #form_calculate_fees { background: url(../img/bg_calculate_fees2.png) no-repeat 0 0;margin-top:10px; margin-right:65px; margin-bottom:10px;} #form_calculate_fees legend { display: none;} #form_calculate_fees .formline {clear:both; margin:0 0 6px;} #form_calculate_fees fieldset { padding: 60px 14px 0; width: 245px;} #form_calculate_fees label {float:left;font-size:1.2em;line-height:2.2;margin-left:14px;width:120px; display:inline; text-align: left;} #form_calculate_fees .textbox {margin:0 0 0 6px;width:70px; font-weight:normal;} #form_calculate_fees ul.radio {margin: 15px 0 20px 14px; float: left; display:inline;} #form_calculate_fees ul.radio li {float: left; margin-right:22px; margin-bottom: 6px; list-style:none;} #form_calculate_fees .radio input {float:left;height:10px;} #form_calculate_fees .radio label {font-size:1em;line-height:1;margin:0 10px 0 8px;width:auto;} #btn_calculate {float:left;} #form_calculate_fees p { color:#ccc; float:right; text-align: center; line-height:1.1; width:120px;} #form_calculate_fees em { display:block; font-size:1.65em; color:#fff; font-weight: bold;} #form_calculate_fees .you_save { width: auto; margin: 10px auto 0; float:none;font-size:1.3em;} #form_calculate_fees .you_save em {display: inline;} #tab_for_business .terms_link { margin-left:10px; } .notes { font-size:1.1em; margin-top:17px !important;} p.notes {margin-top:0 !important;} ol.notes li {list-style:decimal; margin:0 0 10px 20px;} a.icon_right_arrow {background: url(../img/icon_right_arrow.png) no-repeat top right; padding-right: 15px; } p.pdf_download { font-size:1.5em; font-weight:bold; margin:20px 0; background:url(/_r_main/img/icon_pdf.png) left no-repeat; padding:2px 0 0 27px; } /* tabs */ .ui-tabs-hide { display: none; } #tabs {background: url(../img/bg_tabs.png) repeat-x bottom left;} #tabs .tab_content {margin: 0 17px 0 37px;height:380px;} .tab_content p {width:435px;} .tab_buttons li {float:left;} a.tab {display: block; height:51px; background: url(../img/tabs.png) no-repeat 0 0;} #overview {background-position: 0 -51px; width:245px;} #overview:hover {background-position: 0 -102px;} .ui-tabs-selected #overview {background-position: 0 0 !important;} #for_contractors {background-position: -245px -51px; width:245px;} #for_contractors:hover {background-position: -245px -102px;} .ui-tabs-selected #for_contractors {background-position: -245px 0 !important;} #for_business {background-position: -490px -51px; width:245px;} #for_business:hover {background-position: -490px -102px;} .ui-tabs-selected #for_business {background-position: -490px 0 !important;} #high_requirement {background-position: -735px -51px; width:245px;} #high_requirement:hover {background-position: -735px -102px;} .ui-tabs-selected #high_requirement {background-position: -735px 0 !important;} #spinner {float:right; background: url(../img/bg_spinner.png) no-repeat 0 0; width:460px; height:65px;margin-top:27px;} #spinner ul {display:inline;float:left;margin:18px 0 0 11px;} #spinner li {float:left;} #spinner p {display:inline;float:left;line-height:4.4;padding-left:13px;width:74px;} .for_business_tab {height: auto; width:530px;} .for_business_tab p {float:left;margin:10px 0 0 10px;width:400px;} /* Twitter */ ul.twitter{margin-bottom:0px;} ul.twitter li{margin-bottom:0px;padding:5px 10px 5px 5px;} ul.twitter li a{font-size:1.4em;} ul.twitter li.twitteritem{} p.twitter a{color:#584453;} p.twitter {text-align:right;margin-bottom:20px;} #bubble_top {background-image:url(/_r_main/img/twitter_top.png);height:8px;width:235px;} #bubble_inside {background:transparent url(/_r_main/img/twitter_middle.png) repeat-y scroll 0 0;color:#4B4B4B;padding:0 10px;width:235px;} #bubble_bottom {background-image:url(/_r_main/img/twitter_bottom.png);height:72px;width:235px;margin-bottom:10px;}