/* ----------------- GENERAL SITE STYLES----------------- */ html, body {height: 100%;} body {font: x-small arial, helvetica, sans-serif;voice-family: "\"}\""; voice-family:inherit; font-size:12px; color:#000;margin:0px;padding:0px;} .small, .smtext {font-size:10px;} div {margin:0;padding:0;} .med {font-size:14px;} .large {font-size:16px;} .x-large {font-size:10px;} .xx-large {font-size:20px;} .clearer {clear:both;display:block;height:0px;} .left {float:left;} .right {float:right;} h2 {font-size:14px;} th { font-weight: bold;} div {margin:0;padding:0;} #webstandard { display: none; } form {margin:0px;padding:0px;} /* basic tag styles */ img { border:0;} .divider {height:1px;border-top:1px solid #ccc;} /* use to display things for printing only - won't display except in printed version */ .print_only {visibility:hidden;} body>div#main{ height: auto; /*non-IE*/ /* min-height: 100%; */ /*non-IE*/ } #logoarea {padding-bottom:14px;} /* hack for floating divs so that they stay within their parent div */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearer {clear:both;display:block;height:0px;} /* hides hack from IE-mac \*/ * html .clearfix {height: 1%;} .important {font-weight:bold;color:green;} .red {color:red;} .blue {color:blue;} .backto_arrow_link a, #backto_arrow_link a {color:#94a38f !important;} a {color:#07519c;font-weight:normal;} a:link {color:#07519c;text-decoration:underline; font-weight:normal;} a:hover {color:#0878ec;text-decoration:underline; font-weight:normal;} a:active {color:#0878ec;text-decoration:underline; font-weight:normal;} a:visited {color:#07519c;text-decoration:underline; font-weight:normal;} a:visited:hover {color:#07519c;text-decoration:underline; font-weight:normal;} /* this forces the issue on the link weights----------- */ #main a {color:#07519c;font-weight:normal;} #main a:link {color:#07519c;text-decoration:underline; font-weight:normal;} #main a:hover {color:#0878ec;text-decoration:underline; font-weight:normal;} #main a:active {color:#0878ec;text-decoration:underline; font-weight:normal;} #main a:visited {color:#07519c;text-decoration:underline; font-weight:normal;} #main a:visited:hover {color:#07519c;text-decoration:underline; font-weight:normal;} #main a.sort_headers {color:#000;text-decoration:underline;font-weight:bold;} #main a.sort_headers:link {color:#000;text-decoration:underline;font-weight:bold;} #main a.sort_headers:hover {color:#000;text-decoration:underline;font-weight:bold;} #main a.sort_headers:active {color:#000;text-decoration:underline;font-weight:bold;} #main a.sort_headers:visited {color:#000;text-decoration:underline;font-weight:bold;} #main a.sort_headers:visited:hover {color:#000;text-decoration:underline;font-weight:bold;} /* #footer a {color:#07519c;font-weight:normal;} ----- */ /* #footer a:link {color:#07519c;text-decoration:underline; font-weight:normal;} ----- */ #footer a {color:#07519c;font-weight:normal;} #footer a:link {color:#07519c; font-weight:normal;} #footer a:hover {color:#0878ec;text-decoration:underline; font-weight:normal;} #footer a:active {color:#07519c; font-weight:normal;} #footer a:visited {color:#07519c; font-weight:normal;} #footer a:visited:hover {color:#0878ec;text-decoration:underline; font-weight:normal;} .footer_privacy {margin-right:auto;margin-left:auto;color:#9f9f9f; font-size:10px; font-weight:normal;} .footer_privacy a, .footer_privacy a:link, .footer_privacy a:active, .footer_privacy a:visited {color:#9f9f9f; font-size:10px; font-weight:normal;line-height:17px;} .footer_privacy a:hover, .footer_privacy a:visited:hover {color:#9f9f9f;text-decoration:underline; font-weight:normal;} /* new skin style ------------------------------------------------ */ #navbar {width:800px; position:relative; text-align:left; margin-bottom:8px;margin-left:auto;margin-right:auto;} .help {float:right;display:block;padding-top:8px;padding-right:12px;} .navbar_help {position: absolute; right:20px; top:10px;font-size:12px;} .navbar_details {display:block;float:left; text-align:left;} .sectionHead_xl {position:relative;font-weight:bold;font-size:22px;padding-left:0px;padding-top:8px;padding-right:0px;padding-bottom:8px;text-align:left;color:#ff0000;} .sectionHead_xl h1{font-size:22px; float:left; margin:0px;} .sectionHead_xl_right {float:right; text-align:right; font-size:12px; line-height:20px;} .sectionHead_lg {position:relative;font-weight:bold;font-size:16px; padding-left:10px;padding-top:8px;padding-right:8px;text-align:left;} .sectionHead_md {font-weight:bold;font-size:14px; padding-left:10px;padding-top:8px;padding-right:8px;text-align:left;} .sectionHead_md h1{font-weight:bold;font-size:14px; text-align:left; margin-top:0px;} .sectionHead_sm {font-weight:bold;font-size:12px; padding-left:10px;padding-top:8px;padding-right:8px;text-align:left;} .sectionHead_copy {font-weight:normal;font-size:12px;padding-left:0px;padding-bottom:14px;text-align:left;} .pad10 {padding:10px;} .pad10_shaded {padding:10px; background-color:#f5f5f5;} .outside_grey {} /* floatcontainers */ .right_590 {float:right;display:block;width:590px;} .left_590 {float:left;display:block;width:590px;} .right_384 {float:right;display:block;width:384px;} .left_384 {float:left;display:block;width:384px;} .right_298 {float:right;display:block;width:298px;} .right_470 {float:right;display:block;width:470px;} .left_298 {float:left;display:block;width:298px;} .right_178 {float:right;display:block;width:178px;} .sectionHead_pulldown {float:right;display:block;padding-top:8px;padding-right:12px;} .pulldown {font-size:10px;border:solid 1px #ccc;} .edit {float:right;display:block;padding-top:8px;padding-right:12px;} .edit_flush_heads {float:right;display:block;padding-top:6px;padding-right:5px;} .help_close_window {float:right;clear:both;padding-right:30px;} /* tables */ .table {margin-left:4px;} td {text-align:left;} .tableheaders {background-color:#dbdbdb;font-weight:bold;text-align:left;border-top:solid white 4px;border-bottom:solid white 4px;border-right:solid white 4px;} .tableheaders_last {background-color:#dbdbdb;font-weight:bold;text-align:left;border-top:solid white 4px;border-bottom:solid white 4px;} .tablerows {background-color:#ffffff;text-align:left;} .tablerows_alt {background-color:#f5f5f5;text-align:left;} .main_container {width:780px;display:block; text-align:left;background-color:white;margin-left:auto;margin-right:auto;} .main_container_help {width:500px;display:block; text-align:left;} .main_container_help p {width:430px;display:block; text-align:left; padding-left:10px;margin-top:0px;padding-top:6px;margin-bottom:0px;padding-bottom:6px;} .main_container_help li {margin-right:20px; margin-bottom:14px;} .main_container p {padding-left:0px;} .main_container_narrow {width:590px;display:block; text-align:left;} .main_container_narrow p {padding-left:10px;} .container_590 {width:590px;display:block; text-align:left;} .submitbutts {display:block;text-align:right;margin-top:10px;} /* round corner table error */ div.error_542_top {height:30px; background: url(../images/error_hd_542.gif) no-repeat top right;width:542px;} div.error_542_bot {height:12px; background: url(../images/error_ft_542.gif) no-repeat bottom right;width:590px;} div.error_542_mid {background:url(../images/error_md_542.gif);width:590px;} /* round corner tables */ div.rounded_780_top {height:30px; background: url(../images/js_hd_780.gif) no-repeat top right;width:780px;} div.flush_780_head {height:30px; width:769px;margin-left:4px;} div.rounded_780_bot {height:12px; background: url(../images/js_ft_780.gif) no-repeat bottom right;width:780px;} div.rounded_780_bot_down_arrow {height:29px; background: url(../images/js_ft_arrow_down_780.gif) no-repeat bottom right;width:780px;} div.rounded_780_mid {background:url(../images/js_md_780.gif);width:780px; text-align:left;} div.rounded_590_top {height:30px; background: url(../images/js_hd_590.gif) no-repeat top right;width:590px; position:relative;} div.rounded_590_bot {height:12px; background: url(../images/js_ft_590.gif) no-repeat bottom right;width:590px;} div.rounded_590_mid {background:url(../images/js_md_590.gif);width:590px;} div.rounded_470_top {height:30px; background: url(../images/js_hd_470.gif) no-repeat top right;width:470px;} div.rounded_470_bot {height:12px; background: url(../images/js_ft_470.gif) no-repeat bottom right;width:470px;} div.rounded_470_mid {background:url(../images/js_md_470.gif);width:470px;} div.rounded_384_top {height:30px; background: url(../images/js_hd_384.gif) no-repeat top right;width:384px;} div.rounded_384_bot {height:12px; background: url(../images/js_ft_384.gif) no-repeat bottom right;width:384px;} div.rounded_384_mid {background:url(../images/js_md_384.gif);width:384px;} div.rounded_298_top {height:30px; background: url(../images/js_hd_298.gif) no-repeat top right;width:298px;} div.rounded_298_bot {height:12px; background: url(../images/js_ft_298.gif) no-repeat bottom right;width:298px;} div.rounded_298_mid {background:url(../images/js_md_298.gif);width:298px;} div.rounded_178_top {height:30px; background: url(../images/js_hd_178.gif) no-repeat top right;width:178px;} div.rounded_178_bot {height:12px; background: url(../images/js_ft_178.gif) no-repeat bottom right;width:178px;} div.rounded_178_mid {background:url(../images/js_md_178.gif);width:178px;} /*------------------------------------------------ */ /* page-specific styles - settings/view (fit funnel) */ /* fit = no one */ #funnel_0 {background: url(../images/funnel_0.jpg) no-repeat top left; width:271px; height:425px; text-align:center; color:#000;} /* fit = very close */ #funnel_1 {background: url(../images/funnel_1.jpg) no-repeat top left; width:271px; height:425px; text-align:center; color:#fff;} /* fit = close */ #funnel_2 {background: url(../images/funnel_2.jpg) no-repeat top left; width:271px; height:425px; text-align:center; color:#fff;} /* fit = good */ #funnel_3 {background: url(../images/funnel_3.jpg) no-repeat top left; width:271px; height:425px; text-align:center; color:#fff;} /* fit = decent */ #funnel_4 {background: url(../images/funnel_4.jpg) no-repeat top left; width:271px; height:425px; text-align:center; color:#fff;} .funnel_0_item {display:block; height:80px; width:272px;position:relative;top:25px;font-size:16px; line-height:20px; font-weight:bold;} .funnel_0_item_bottom {display:block; height:80px; width:272px;position:relative;top:55px;font-size:14px; line-height:20px; font-weight:bold;} .funnel_item {display:block; height:80px; width:272px;position:relative;top:25px;font-size:16px; line-height:20px; font-weight:bold; color:#fff;} .funnel_item_off {display:block; height:80px; width:272px;position:relative;top:25px;font-size:16px; line-height:20px; font-weight:bold; color:#000;} .funnel_item_bottom {display:block; height:80px; width:272px;position:relative;top:55px;font-size:14px; line-height:20px; font-weight:bold; color:#000;} .no_funnel_item {display:block; width:320px;position:relative;font-size:14px; line-height:20px; font-weight:bold; color:#000;} #job_matches_box {float:right;width:134px; height:200px;background: url(../images/box_job_matches.gif) no-repeat top left;position:relative;text-align:center;} #job_matches_box .number {display:block; width:134px; position:relative;top:8px;font-size:54px;color:#366dc0;font-weight:bold;} #job_matches_box .text {font-size:12px; position:relative;top:60px;} #footer {text-align:center; padding-top:6px;} .footer {font-size:10px; } #footer_privacy {text-align:center; } /* ************************ STYLES FOR DYNAMIC GRAPH IN JOB DETAILS MATCHING *************** */ .job_match_graph_label {position:relative;left:0px; font-weight:bold;font-size:12px; text-align:left;} .job_match_graph_subgraphs {position:relative; left:75px; top:10px;padding-bottom:14px;} .job_match_graph_border_img {position:absolute; top:0px;left:0px;} /* dynamic settings */ .none {} #graph_1 .outer {background-color:#A8C0E4;width:22px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_1 .shading {background-color:#B9CCE9;width:20px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_1 .highlight {background-color:#C9D8EE;height:1px;width:20px;position:absolute;left:1px;top:1px;z-index:300;} #graph_2 .outer {background-color:#84A5D8;width:43px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_2 .shading {background-color:#9CB6DF;width:41px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_2 .highlight {background-color:#B3C8E7;height:1px;width:41px;position:absolute;left:1px;top:1px;z-index:300;} #graph_3 .outer {background-color:#638DCF;width:63px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_3 .shading {background-color:#81A3D8;width:61px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_3 .highlight {background-color:#9FB9E1;height:1px;width:61px;position:absolute;left:1px;top:1px;z-index:300;} #graph_4 .outer {background-color:#396FC1;width:84px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_4 .shading {background-color:#5F8BCD;width:82px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_4 .highlight {background-color:#85A6D9;height:1px;width:82px;position:absolute;left:1px;top:1px;z-index:300;} #graph_5 .outer {background-color:#2560B9;width:104px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_5 .shading {background-color:#4F7FC6;width:102px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_5 .highlight {background-color:#799DD4;height:1px;width:102px;position:absolute;left:1px;top:1px;z-index:300;} #graph_6 .outer {background-color:#194AA8;width:125px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_6 .shading {background-color:#456DB9;width:123px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_6 .highlight {background-color:#7190C9;height:1px;width:123px;position:absolute;left:1px;top:1px;z-index:300;} #graph_7 .outer {background-color:#123392;width:146px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_7 .shading {background-color:#405AA7;width:144px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_7 .highlight {background-color:#6D81BC;height:1px;width:144px;position:absolute;left:1px;top:1px;z-index:300;} #graph_8 .outer {background-color:#0C2184;width:166px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_8 .shading {background-color:#3B4C9C;width:164px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_8 .highlight {background-color:#6976B3;height:1px;width:164px;position:absolute;left:1px;top:1px;z-index:300;} #graph_9 .outer {background-color:#050E72;width:187px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_9 .shading {background-color:#353C8D;width:185px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_9 .highlight {background-color:#656BA8;height:1px;width:185px;position:absolute;left:1px;top:1px;z-index:300;} #graph_10 .outer {background-color:#0F0F6F;width:208px;height:7px;position:absolute;left:1px;top:1px;z-index:100;} #graph_10 .shading {background-color:#3D3D8B;width:206px;height:1px;position:absolute;left:1px;top:2px;z-index:200;} #graph_10 .highlight {background-color:#6B6BA6;height:1px;width:206px;position:absolute;left:1px;top:1px;z-index:300;} .bgline_a {height:7px;width:1px;background-color:#dcdcdc;position:absolute; top:1px;left:22px;z-index:50;} .bgline_b {height:7px;width:1px;background-color:#dcdcdc;position:absolute; top:1px;left:43px;z-index:50;} .bgline_c {height:7px;width:1px;background-color:#dcdcdc;position:absolute; top:1px;left:63px;z-index:50;} .bgline_d {height:7px;width:1px;background-color:#dcdcdc;position:absolute; top:1px;left:84px;z-index:50;} .bgline_e {height:7px;width:1px;background-color:#dcdcdc;position:absolute; top:1px;left:104px;z-index:50;} .bgline_f {height:7px;width:1px;background-color:#dcdcdc;position:absolute; top:1px;left:125px;z-index:50;} .bgline_g {height:7px;width:1px;background-color:#dcdcdc;position:absolute; top:1px;left:146px;z-index:50;} .bgline_h {height:7px;width:1px;background-color:#dcdcdc;position:absolute; top:1px;left:166px;z-index:50;} .bgline_i {height:7px;width:1px;background-color:#dcdcdc;position:absolute; top:1px;left:187px;z-index:50;} .outerbox_grey {width:212px;height:11px;display:block;position:relative;background-color:#cccccc;} .insideborder_white {width:210px;height:9px;background-color:#fff;position:absolute;left:1px;top:1px;} .insidetopborder_grey {height:7px;width:208px;background-color:#dcdcdc;position:absolute;left:1px;top:1px;z-index:10;} .inside_grey {background-color:#ededed;width:206px;height:6px;position:absolute;top:2px;left:2px;z-index:20;} /*--------------------- Preferences Settings --------------------------- */ .prefs_importance {float:right;text-align:left;display:block;width:210px;} /*********************************OLD STYLES**********************************/ /*--------------------- Job Seeker App Styles (old)--------------------------- */ .jobSeekerSectionHead {width:520px; padding-bottom:4px; margin-bottom:10px;} .sectionHead {display:block; font-weight:bold; border-bottom: 1px solid #ccc; font-size:18px;} .helpButton {float:right; font-weight:normal; font-size:12px;} .jobSeekerSectionBody { width:500px; padding-bottom:20px; padding-top: 0px; padding-right: 10px; padding-left: 10px;} .sectionHead {display:block;font-weight:bold;font-size:18px;width: 520px;color: #DE2C80;} #jobSeekerWizardFooter {width:500px; text-align:right;} /* breadcrumbs */ #breadcrumbs {width:520px; padding-left:10px;text-align:left;} .inactive {background-color:#ccc;} .active {background-color:#e6e6fa;} /* custom set COLOR */ .breadcrumbLabel {padding:10px; text-align:left;} .breadcrumbLabelNum {padding:10px; font-size:16px; font-weight:bold; text-align:left;} /* roundted corners for the breadcrumbs */ .rtop,.artop{display:block} .rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px} .artop *{border-style: solid;border-width:0 1px} .r1,.rl1,.re1,.rel1{margin-left:5px} .r1,.rr1,.re1,.rer1{margin-right:5px} .r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px} .r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px} .r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px} .r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px} .r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px} .r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px} .rx1,.rxl1{border-left-width:5px} .rx1,.rxr1{border-right-width:5px} .rx2,.rxl2{border-left-width:3px} .rx2,.rxr2{border-right-width:3px} .re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px} .re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px} .rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0} .rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0} .r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px} .rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px} .table_head {background-color:#999;padding:8px;color:#fff;} .data {background-color:#eeeeee; font-size:12px; color:#000;} .data-alt { background-color:#eeeeee; font-size:12px; color:#000;} /* basic section stuff */ .section_body {text-align:left; padding:10px 10px 10px 10px; margin-bottom:10px;} .section_body_lg {text-align:left; padding: 10px 10px 10px 10px; margin-bottom:10px; font-size:16px;} .section_box {border: solid 1px #cccccc; height: 100%; margin-bottom: 10px; margin-top: 10px; text-align:left; width:96%; } .section_table { border : solid 1px #dddddd; margin-bottom : 10px; text-align: left;} /* Site General table styles - sortable header with alternateing blue and white data rows - this is always below a section head */ th.sortable_table_head { color: #333; background-color : #cccccc; border-bottom: solid 3px #ffffff; border-right: solid 3px #ffffff; border-top: solid 0px; padding: 6px; vertical-align: middle; text-align: left; font-size : 12px;} /* This sortable table head r is for the right most sortable table head. This is to make it display properly in firefox. */ th.sortable_table_head_r { color: #333; background-color : #cccccc; border-bottom: solid 3px #ffffff; border-right: 0px; padding: 6px; vertical-align: middle; text-align: left; font-size : 12px; } /* This sortable table head r is for when you don't want the borders between the headers. This is to make it display properly in firefox. */ th.sortable_table_head_l { color: #333; background-color : #cccccc; border-bottom: solid 3px #ffffff; border-right: solid 0px #ffffff; padding: 6px; vertical-align: middle; text-align: left; } /* This sortable table head is special for the expando icon */ th.sortable_table_head_s {color:#333; background-color:#cccccc; border-bottom:solid 3px #ffffff; border-right:solid 3px #ffffff; border-top:solid 0px; padding-top:7px} .utilityNav { font-size: x-small; text-align: right; padding-top: 10px; padding-bottom: 10px; } /* form field realted stuff */ .requiredFieldText { font-size: 12px;} .exampleText { font-size: 10px;} .textField2col {width: 200px;} .textField1col {width: 400px;} .textField3col {width: 132px;} fieldset {padding: 10px; border: 1px solid #ccc;} .field {padding-bottom:10px;} legend {font-weight:bold; color:#333; margin:0; padding:10px;} .errorBox { border: 1px solid #990000; padding-top: 10px; padding-right: 10px; padding-left:10px; padding-bottom: 0px; padding-left: 10px; margin-top: 0px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px;} .textField3colInline { width: 132px; background-color: #E6E6FF;} .textField2colBG { width: 200px; background-color: #E6E6FF;} .profileSummarySubhead { font-size: 16px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; width: 100%;} /* new table styles */ .stdFormTable {border: #ccc 1px solid;} .stdFormDk {background-color: #dddddd;} .stdFormLt {background-color: #eeeeee;} .vertDivider {border-left: 1px solid #ccc;} .style3 {font-size: 16px} /* All errors/warnings/notices for the top of the page get div class of either warning, error, or notice, dpending. */ /* pos: relative specified to eliminate IE6 peek-a-boo bug */ .errorExplanation {position:static;text-align:left; font-size:12px; border:2px solid #cc0000; color:#000; background: url(../images/icon_error.gif) #ffffff 15px 15px no-repeat; padding: 15px 10px 10px 40px; margin-bottom:10px;margin-left:3px; margin-right:3px;} .error {position:static;text-align:left; font-size:12px; border:2px solid #cc0000; color:#333; background: url(../images/icon_error.gif) #ffffff 10px no-repeat; padding: 20px 10px 20px 60px; margin-bottom:10px;margin-left:3px; margin-right:3px;} .number-list {list-style-type: decimal;} .info {position:static;text-align:left; font-size:12px; border:2px solid #bec8e1; color:#333; background: url(../images/icon_info_large.gif) #ffffff 10px 10px no-repeat; padding: 20px 10px 20px 60px; margin-bottom:10px;margin-left:3px; margin-right:3px;} .warning {position:static;text-align:left; font-size:12px; border:2px solid #ffd700; color:#333; background: url(../images/ats_icon_warning.gif) #ffffff 10px 10px no-repeat; padding: 20px 10px 20px 60px; margin-bottom:10px;margin-left:3px; margin-right:3px;} .notice {position:static;text-align:left; font-size:12px; border:2px solid #80c04b; color:#333; background: url(../images/icon_notice.gif) #ffffff 10px 10px no-repeat; padding: 20px 10px 20px 60px; margin-bottom:10px;margin-left:3px; margin-right:3px;} .warning h4, .notice h4, .errorExplanation h4, .warning h5, .notice h5, .errorExplanation h5{font-size:14px; margin-left:28px;margin-bottom:0px; padding-bottom:0px; padding-top:0px; margin-top:0px;} .li_info_box_lg {position:static; text-align:left; font-size:12px; border:#bec8e1 solid 2px; background-color:#fff;background-image:url(../images/favicons/32/linkedin.png); background-repeat:no-repeat;background-position: 13px 13px; padding: 20px 10px 20px 60px; margin-left:3px; margin-right:3px;} #li_whats_this {font-size:12px;margin-top:12px;padding-right:12px;padding-left:12px;border:#ccc solid 1px;background-color:#EEEEEE;} /*.fieldWithErrors { border:2px solid #c23000;}*/ .fieldWithErrors { display: inline; } .fieldWithErrors input, .fieldWithErrors select { background-color: #ffdfdf; } /***** labels on view profile information - contact info section job seeker dashboard *****/ .contact_label_left {display:block;float:left; width:100px;text-align:right;padding-bottom:6px;padding-right:6px;font-size:12px;} .contact_label_right {display:block;float:left; width:140px;text-align:left;padding-bottom:6px;font-size:12px;} /***** job prefs - edit location *****/ #relocation_metro_section select {margin-top:4px;} #relocation_country_section select {margin-top:4px;} /************************** customizing area - these are customized by account **********************************************************************/ /*****DEFAULT *****/ /* ***** TRIM COLOR & WIDTH ***** */ #main { height: 100%; /*IE*/ border-left: 36px solid #fff; /*left border*/ border-right: 36px solid #fff; /*right border*/ } #main_container .rounded_780_top {background-color:#e2dcc3;} #main_container .rounded_590_top {background-color:#e2dcc3;} #main_container .rounded_470_top {background-color:#e2dcc3;} #main_container .rounded_384_top {background-color:#e2dcc3;} #main_container .rounded_298_top {background-color:#e2dcc3;} #main_container .rounded_178_top {background-color:#e2dcc3;} #main_container .flush_780_head {background-color:#e2dcc3;} #main_container .sectionHead_xl {color:#000;} #main_container_help .rounded_470_top {background-color:#e2dcc3;} #main_container_help .sectionHead_xl {color:#000;} #main_container_help .accountBrandingHeader {cursor:pointer;} .sectionHead_xl_right {float:right; text-align:right; font-size:12px; line-height:20px;} /* ***** setting absolute dimensions for some input text areas to fix the Mac problem of them being too big. ***** */ .address_input {width:706px;} .blocked_employers_input {width:216px;} .contact_inputs {width:228px;} #refer_job {padding-top:10px;} #refer_job .icons {padding-left:20px !important; font-size:14px; font-weight:bold;line-height:36px;} /* #refer_job .icons a, #refer_job .icons a:visited{opacity:1;font-size:14px; font-weight:bold;text-decoration:none} #refer_job .icons a:hover, #refer_job .icons a:visited:hover {opacity:.7;font-size:14px; font-weight:bold} */ #refer_job .reward_amt {text-align:center; } #refer_job .reward_amt span {font-size:16px; font-weight:bold;} #refer_job .share_link_clicker {cursor:pointer;} /*jobseeker list page */ .social_sharing_icons a {margin-right:4px; text-decoration:none;}