/* Work at Home Careers | Cascading Style Sheet Andrew Schedler 10.11.06 */ .remote_link { font-family : arial, sans-serif; font-size : 17px; color : #f90; text-decoration : bold; } .remote_link :hover { color : #F56655; text-decoration : underline; } .remote_desc { font-family: arial, sans-serif; font-size: 11px; text-decoration : none; color: 777777; } .remote_loc { font-family: tahoma; font-size: 10px; text-decoration : none; color: AAAAAA; } .remote_date { font-family: tahoma; font-size: 10px; text-decoration : none; color: AAAAAA; } /* global tags ------------------------------*/ html, body {width:960px; margin:0 auto; position:relative; background:#D9E5BF url('whc_bg_09.gif') repeat-y center;} img {border:0px none;} a {color:#00f;} /* header styles ------------------------------*/ #header {background:url('whc_header_08_new.gif') no-repeat; width:958px; height:163px; position:absolute; top:0px; left:1px} #logo {position:absolute; top:30px; left:16px;} #header_menu {position:absolute; top:83px; width:958px; text-align:center;} #header_menu p {color:#060; font:bold 8pt/8pt arial, sans-serif;} #header_menu a {color:#00f; font:bold 8pt/8pt arial, sans-serif; padding:0 0 0 20px;} #valueclickad {position:absolute; left:325px; top:25px;} /* bar ------------------------------*/ /* demo ------------------------------*/ #hp_02 {position:absolute; top:411px; left:20px;} #hp_03 {position:absolute; top:261px; left:765px;} #hp_04 {position:absolute; top:528px; left:765px;} #hp_06 {position:absolute; top:125px; left:215px;} #jb_01 {position:absolute; top:130px; left:20px;} #jb_02 {position:absolute; top:461px; left:20px;} #jb_03 {position:absolute; top:130px; left:765px;} #jb_04 {position:absolute; top:362px; left:765px;} #jb_05 {position:absolute; top:408px; left:215px;} #jb_06 {position:absolute; top:130px; left:215px;} #jb_07 {position:absolute; top:170px; left:215px;} #jb_spacer {height:1100px;} /* content styles ------------------------------*/ #content {margin:0 auto; padding:140px 0 0 0; clear: both; } /*#content p {margin:0 21px 0 21px; padding:10px; color:#000; background:#fff; font:normal 8pt/12pt arial, sans-serif; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000;} #content p.foot {color:#767; background:#efe;} */#content h2 {color:#fff; background:#060 url('whc_bg_header_g.gif'); height:28px; font-variant:small-caps; border:1px solid #360; font-style:normal; font-weight:bold; line-height:28px; font-size:20px; font-family:trebuchet ms, sans-serif; margin-left:21px; margin-right:21px; margin-top:20px; margin-bottom:0px; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0} #content #content_index {width:725px; margin:462px 0 0 20px; background:transparent; overflow: auto; } #content #content_index p {margin:0; padding:10px 30px 25px 30px; background:#faffee; color:#000; font:normal 8pt/12pt arial, sans-serif; border-left:1px solid #690; border-bottom:1px dashed #ad6; border-right:1px solid #690;} #content #content_index h2 {color:#fff; background:#f60 url('whc_bg_col_725_g.gif') right; height:28px; font-variant:small-caps; border:medium none;; font-style:normal; font-weight:bold; line-height:28px; font-size:21px; font-family:arial, sans-serif; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0} #content #content_index h1 {color:#f90; margin:0; padding:20px 20px 0 20px; background:#faffee; font:bold 17px/28px arial, sans-serif; height:28px; border-left:1px solid #690; border-right:1px solid #690;} #content #content_index h4 {color:#f90; margin:0; padding:20px 20px 0 20px; background:#faffee; font:bold 17px/28px arial, sans-serif; height:28px; border-left:1px solid #690; border-right:1px solid #690;} #content #content_index ul {list-style:none; padding:20px 20px 20px 25px; background:#faffee; margin:0; border-left:1px solid #690; border-bottom:1px dashed #cf0; border-right:1px solid #690;} #content #content_index li {background:url('whc_arrow_02.gif') no-repeat 0px 4px;; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0} #content #content_index li a {color:#00f; font:bold 8pt/8pt arial, sans-serif;} #content #content_index .col_bottom {border-bottom:1px solid #690;} #interior #content_index { padding: 0; width:530px; margin:24px 0 0 215px; background:#fff; position:relative; } #interior #content #content_index div {border:1px solid #690;} #interior #content #content_index p {margin:0; padding:10px 30px 25px 30px; background:#faffee; color:#000; font:normal 8pt/12pt arial, sans-serif; border:none;} #interior #content #content_index h2 {margin:0; color:#fff; background:#030 url('whc_bg_header_01.gif'); height:28px; font-variant:small-caps; border:medium none;; font-style:normal; font-weight:bold; line-height:28px; font-size:21px; font-family:arial, sans-serif; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0} #interior #content #content_index h1 {color:#f90; margin:0; padding:20px 20px 0 20px; background:#faffee; font:bold 17px/28px arial, sans-serif; height:28px; border:none;} #interior #content #content_index h4 {color:#f90; margin:0; padding:20px 20px 0 20px; background:#faffee; font:bold 17px/28px arial, sans-serif; height:28px; border:none;} #interior #content #content_index ul {list-style:none; padding:20px 20px 20px 25px; background:#faffee; margin:0; border:none;} #interior #content #content_index li {background:url('whc_arrow_02.gif') no-repeat 0px 4px;; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0} #interior #content #content_index li a {color:#00f; font:bold 8pt/8pt arial, sans-serif;} * html #interior #content .interior { padding-top: 18px; background: transparent; } /* homepage ------------------------------*/ #hp_leftnav {position:absolute; top:158px; left:20px; width:175px; } * html #hp_leftnav { margin: 0 0 0 20px; } #hp_leftnav h3 {margin:0; padding:0; text-align:center; background:#f60 url('whc_bg_col_175.gif'); width:175px; height:28px; color:#fff; font-style:normal; font-variant:normal; font-weight:bold; line-height:28px; font-size:14px; font-family:arial, sans-serif} #hp_leftnav div {margin:0; padding:0; font:normal 8pt/12pt arial, sans-serif; background:#fff; border-left:1px solid #f60; border-bottom:1px solid #f60; border-right:1px solid #f60;} #hp_leftnav a {color:#00f; font:normal 8pt/8pt arial, sans-serif; margin:0 0 0 6px;} #hp_leftnav #hp_search {background:#fff url('whc_bg_hp_search2.gif') no-repeat; width:175px; height:97px; text-align:center; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0} #hp_leftnav #hp_search .input_text {width:135px; margin:30px 0 0 0px; border:1px solid #030;} #hp_leftnav #hp_search .input_submit {width:135px; margin:10px 0 0 0px; border:1px solid #333; font:normal 12px/16px arial, sans-serif; cursor:pointer;} #hp_leftnav .input_text {width:135px; margin:0; padding:0; border:1px solid #030;} #hp_leftnav .input_submit {width:135px; margin:5px 0 10px 0; padding:0; border:1px solid #333; font:normal 12px/16px arial, sans-serif; cursor:pointer;} #hp_rightnav {position:absolute; top:158px; left:765px; width:175px;} * html #hp_rightnav { margin-left: 25px; } #hp_rightnav h3 {margin:0; padding:0; background:#030 url('whc_bg_col_175_ddg.gif'); width:175px; height:28px; text-align:center; color:#fff; font-style:normal; font-variant:normal; font-weight:bold; line-height:28px; font-size:14px; font-family:arial, sans-serif} #hp_rightnav h3.lightgreen {background:#030 url('whc_bg_col_175_g.gif');} #hp_rightnav h4 {margin:0; padding:0; font:bold 12px/20px arial, sans-serif; color:#f90;} #hp_rightnav p {margin:0; padding:0 10px 10px 10px; font:normal 8pt/12pt arial, sans-serif; background:#faffee;} #hp_rightnav div{margin:0; padding:0; font:normal 8pt/12pt arial, sans-serif; background:#faffee; border-left:1px solid #030; border-bottom:1px solid #030; border-right:1px solid #030; } #hp_rightnav div.lightgreen { margin: 0; padding: 0; border-left:1px solid #690; border-bottom:1px solid #690; border-right:1px solid #690; } * html #hp_rightnav div.lightgreen { width: 155px; } #hp_rightnav a {color:#00f; font:normal 8pt/8pt arial, sans-serif; margin:0 0 0 6px;} #hp_rightnav .input_text {width:135px; margin:0; padding:0; border:1px solid #030;} #hp_rightnav .input_submit {width:135px; margin:5px 0 10px 0; padding:0; border:1px solid #333; font:normal 12px/16px arial, sans-serif; cursor:pointer;} #hp_centernav {position:absolute; top:158px; left:215px; width:530px; margin: 0 auto; } #hp_centernav h3 {margin:0; padding:0; background:#030 url('whc_bg_header_01.gif'); width:530px; height:28px; text-align:center; color:#fff; font-style:normal; font-variant:normal; font-weight:bold; line-height:28px; font-size:14px; font-family:arial, sans-serif} #hp_centernav div {margin:0; padding:0; font:normal 8pt/12pt arial, sans-serif; background:#fff; border-left:1px solid #030; border-bottom:1px solid #030; border-right:1px solid #030;} #hp_centernav ul {margin:0; padding:0; background: url('whc_bg_menu.gif') no-repeat; width:530px; height:26px; list-style-type:none} * html #hp_centernav ul { margin: 0 0 0 22px; } #hp_centernav ul li {margin:0; padding:0; float:left; height:26px; font:bold 14px/26px arial, sans-serif; color:#ffc; text-align:center;} #hp_centernav ul li a {font:bold 14px/26px arial, sans-serif; color:#fff; text-decoration:none; display:block;} #hp_centernav h4 {padding:0; background:#f90 url('whc_bg_hp_search3.gif'); width:530px; height:28px; color:#fff; font-style:normal; font-variant:normal; font-weight:bold; line-height:28px; font-size:14px; font-family:arial, sans-serif; margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0; text-align: center;} h4.red {margin-top: 20px; background: url(http://www.workathomecareers.com/scripts/whc_bg_hp_search4.gif) no-repeat; width: 530px; height: 28px; text-align: center; line-height: 28px; } .red-box {margin-top: -20px; padding: 10px 0; border: 1px solid #ff0000; width: 528px; } * html .red-box { width: 530px; } #hp_centernav h4.red { margin-top: 20px; background: url(http://www.workathomecareers.com/scripts/whc_bg_hp_search4.gif) no-repeat; width: 530px; height: 28px; text-align: center; line-height: 28px; } #hp_centernav .red-box {margin-top: 0; padding: 0; border: 1px solid #ff0000; width: 528px; height: 70px; } #nav_home {background:#fff url('whc_bg_menu.gif') no-repeat; width:55px} #nav_search a {background:#fff url('whc_bg_menu.gif') no-repeat -55px; width:93px} #nav_resume a {background:#fff url('whc_bg_menu.gif') no-repeat -148px; width:119px} #nav_train a {background:#fff url('whc_bg_menu.gif') no-repeat -267px; width:109px} #nav_scams a {background:#fff url('whc_bg_menu.gif') no-repeat -376px; width:65px} #nav_post a {background:#fff url('whc_bg_menu.gif') no-repeat -441px; width:89px} #nav_search a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -55px; width:93px} #nav_resume a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -148px; width:119px} #nav_train a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -267px; width:109px} #nav_scams a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -376px; width:65px} #nav_post a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -441px; width:89px} .align_center {text-align:center;} /* banner ------------------------------*/ /* footer ------------------------------*/ #footer {text-align:center; font:normal 8pt/12pt arial, sans-serif; margin: 10px auto 0 auto; clear: both; } #footer a {color:#00f; font:bold 8pt/12pt arial, sans-serif;} #footer h2 {margin:5px auto; font:bold 16px/28px trebuchet ms, sans-serif; }if) no-repeat -148px; width:119px;} #nav_train a {background:#fff url('whc_bg_menu.gif') no-repeat -267px; width:109px} #nav_scams a {background:#fff url('whc_bg_menu.gif') no-repeat -376px; width:65px} #nav_post a {background:#fff url('whc_bg_menu.gif') no-repeat -441px; width:89px} #nav_search a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -55px; width:93px} #nav_resume a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -148px; width:119px} #nav_train a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -267px; width:109px} #nav_scams a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -376px; width:65px} #nav_post a:hover {color:#ffc; background:#fff url('whc_bg_menu_mo.gif') no-repeat -441px; width:89px} .align_center {text-align:center;} /* banner ------------------------------*/ /* footer ------------------------------*/ #footer {text-align:center; font:normal 8pt/12pt arial, sans-serif; margin:10px auto 0 auto; } #footer a {color:#00f; font:bold 8pt/12pt arial, sans-serif;} #footer h2 {margin:5px auto; text-align: center; font:bold 16px/28px trebuchet ms, sans-serif; } /* categories -------------------------------*/ * html #cats { float: left; margin-left: -40px; } /* job search bar --------------------------------*/ .job_search { margin-top: 59px; width: 531px; } * html .job_search { margin-left: 2px; padding-top: 22px; width: 502px; }