/***** EMPLOYER POST *****/
/* --- Styles specific to the EMPLOYER Post and Pay workflow --- */

/* -- ELEMENTS -- */
h1{
  padding:15px 0 10px 5px;
  border-bottom:1px dotted #999;
  margin:0 0 10px 0;
}
h3{
  color:#424142;
  font-weight:bold;
  margin:0 0 7px 0;
}
label{
  display:block;
}

input,textarea {
    background-image: url(/c/jbb/images/form-bg.jpg);
    background-repeat: repeat-x;
    border:1px solid #999;

}

/* -- GENERAL STYLES -- */

.phoneFirstInputs {
  width:25px;
}
.phoneLastInputs {
  width:35px;
}
.phoneInput {
  width:150px;
}
.yearInputs {
  width:35px;
}

.message .c {
  display: block;
}
.message .c * {
  display: block;
  height: 1px;
  overflow: hidden;
}

.message .c b {
  padding: 0px 1px;
  background-color: #999;
}

.message .c i.message_top {
  background-color: #FFFAC6;
}

.message .c i.message_bottom {
  background-color: #FFFAC6;
}

.message .c1 { margin: 0 2px; }
.message .c2 { margin: 0 1px; }
.message .c3 { margin: 0 0px; }

.message p {background-color:#FFFAC6;border-left:1px solid #999;border-right:1px solid #999;padding: 0px 3px;}

/* -- TEMPLATE AREAS -- */

/* - NAVIGATION - */
#post_enter #nav_top4,#post_preview #nav_top4,#post_pay #nav_top4,#post_complete #nav_top4{
  background-color:#E7E7E7;
  color:#8C8E8C;
  text-decoration:none;
}

/* - SIDEBAR - */

/*note: highlited sidebar items are determined by the intersection of a containing class name and item id*/
#post_enter #sidebar_step_1,#post_preview #sidebar_step_2,#post_pay #sidebar_step_3,#post_complete #sidebar_step_4, 
#post_edit #sidebar_step_1,#post_edit_preview #sidebar_step_2, #post_edit_complete #sidebar_step_3{
  background-color:#fff;
  border:1px solid #DFDFDF;
}

#post_complete #total_3_steps #sidebar_step_3{
  background-color:#fff;
  border:1px solid #DFDFDF;
}

#c_sidebar.poststeps h2{
  font-size:115%;
  font-weight: bold;
  background-color:#E7E7E7;
  color: #ffffff;
  padding:7px 9px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
#c_sidebar.poststeps ol{
  background-color:#F0F0F0;
  padding:10px 10px 20px 5px;
  border-left: 1px solid #999;
  border-right: 1px solid #999; 
}
#c_sidebar.poststeps li{
  list-style: decimal inside;
  padding:4px 5px;
  font-weight: bold;
}

/* - BODY - */
#c_body form{
  padding:0 10px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom:1px solid #fff;  
  height:100%;
}

#c_body div{
  margin:0 0 10px 0;
  padding: 5px;
}

/*undo styles for nested divs*/
#c_body div div{
  margin:0 0 0 0;
  padding: 0;
}

/* STEP 1 */
.minor_label{
  font-size:80%;
}
.inline_label{
  display:block;
  margin-left:260px;
}
#c_jobposter_firstname{
  width:175px;
}

#c_jobposter_firstname input{
  margin:0 5px 0 0;
}
#c_jobposter_lastname{
  width:175px;
}
#c_jobposter_email input{
  width:375px;
}
/*IE6 #7136*/
#c_jobsection_1 h3,#c_jobsection_1 #c_jobposter_name_head {
  width:100%;
}
#c_body #c_jobposter_email,
#c_body #c_jobposter_phone {
  margin-top: 10px;
}

#c_jobsection_2 input{
  width:375px;
  margin:0 0 7px 0;
}

#c_jobsection_3 input{
  width:380px;
}
#c_jobsection_3 #f_job_address2{
  margin:7px 0 0 0;
}
#c_body #c_jobsection_4 {
  padding-bottom: 7px; /* #c_body div has 5px, but select box doesn't look very well */
}
#c_jobsection_4 h3 {
  height: 1%; /* IE6 disappear */
}
#c_jobsection_4 #f_job_country {
  width: 185px;
}

#c_jobsection_4 #c_job-zip {
  _width:300px; /*IE6 hack */
}

#c_jobsection_4 input{
  width: 185px;
  margin: 0 10px 0 0;
}
#c_jobsection_4 #msgbox_zip {
  width: 230px;
}
#c_jobsection_4 #c_based-zip {
  font-size: 80%;
  width: 210px;
}
#c_jobsection_4 #c_job-country {
  margin-right: 10px;
}
#c_jobsection_4 optgroup option {
  padding-left: 20px;
}

* html #c_jobsection_4 #c_job-country {
  width: 175px;
}

#c_jobsection_5 input{
  width:250px;
  margin: 0 10px 0 0;
}

#c_jobsection_6 input{
  width:250px;
} 
#c_jobsection_6 #f_job_apply_website{
  margin:7px 0 0 0;
}

#c_jobsection_7 #c_job_description_count{
  margin-right:25px;
}

#c_jobsection_7 textarea{
  width:500px;
  height:200px;
}
#c_jobsection_7 span.minor_label{
  margin-top:3px;
}
#c_jobsection_8 input,c_jobsection_9 input{ 
  border:none;
  background:none;
}
#c_jobsection_8 label{
  display:inline;
  padding:0 4px 0 3px;
}
#c_jobsection_8 #c_job_types{
  margin:5px 0 0 0;
}
#c_jobsection_8 #c_job_types fieldset{
  border:0;
  padding:0;
  margin:5px 0 0 0;
  width:110px;
}
* html #c_jobsection_8 label{/*IE6*/
  padding:0 2px 0 2px;
}

#c_jobsection_8 #c_category_location,#c_jobsection_8 #c_category_occupation,#c_jobsection_8 #c_category_industry{
  margin:0 0 10px 0;
}
/*non-ie browsers limit width gracefully*/
#c_jobsection_8 select {
  width:100%;
}
#c_jobsection_8 #c_jobtype {
  height: 1%; /* IE select text -> disappear fix */
}

#c_jobsection_8 #c_category_industry, #c_jobsection_8 #c_category_job_type {
  height: 1%; /* IE select text -> disappear fix */
}

#c_jobsection_9,#c_jobsection_9 input{
  margin-right:15px;
}

#c_jobsection_10,#c_jobsection_10 input{
  margin-right:15px;
}


#captcha_text {
  margin:0;
  float:left;
}

#captcha_img img{
  margin-left:40px;
}

#f_captcha_verification{
  margin:10px 0 0 0;
}

#msgbox_captcha{
  width:220px;
}

/* STEP 3 */
#c_billsection_1,#c_billsection_2,#c_billsection_3,#c_billsection_4 {
  width:98%;
}

#c_bill_card_firstname, #c_bill_card_lastname{
  width:175px;
}

#c_bill_card_firstname input{
  margin:0 5px 0 0;
}
#c_body #c_card_type{
  margin-top:10px;
}
#c_body #c_bill_card_number {
  margin: 10px 0px;
}
#c_bill_card_number input{
  width:375px;
}
#msgbox_card_number,#msgbox_card_type{/*#8044*/
  width:500px;
}
#f_bill_card_yy{
  margin-right:15px;
}

#c_bill_card_expire{
  width:100%;
}

#c_billsection_1  #c_bill_card_verification {
  margin: 10px 0px;
}
#c_bill_card_verification input{
  width:50px;
}

/* IE 6/7 issue, see bug #17924 */
#c_card_date_msg {
  height: 1%;
}

#c_billsection_2 #c_bill_address1,#c_billsection_2 #c_bill_address2,#c_billsection_2 #c_bill_city-state,#c_billsection_2 #c_bill_zip{
  margin:0 0 10px 0;
}
#c_billsection_2 input{
  width:240px;
}
#c_bill_address{
  
}
#c_bill_address input{
  width:500px;
}
#c_bill_city-state{
  width:100%;
}
#c_billsection_2 #c_bill_city{
}
#c_billsection_2 #c_bill_state{
  margin-left: 20px;
  display: inline; /* IE 6/7 double margin fix */
}

#c_billsection_2 #c_bill_zip{
}

#c_body #c_billsection_4 { /* overwrite #c_body div */
  padding: 5px 0 0 0;
}
#c_billsection_4 p {
  padding:0 0 0 10%;
  text-align:left;
}
#c_billsection_4 #c_bill_submit{
  margin:0 25px;
}

/* ie hacks - bug #7210 */
#c_bill_city-state #msgbox_bill_state, #c_bill_city-state #msgbox_bill_city {
  width: 200px;
}

/** discount/package **/
#c_body .m_title {
  margin-bottom: 8px;
}

#c_body .m_title,
#c_body .m_code-used {
  font-weight: bold;
  color: #333333;
}

#c_body #c_review-purchase .c_row {
  margin: 3px 0px;
}

#c_body #c_review-purchase .c_row-total {
  font-weight: bold;
}

#c_body #c_code-input .c_item {
  margin-bottom: 10px;
}

.m_row-header {
  width: 6.0em;
  float: left;
}

.m_row-value {
  width: 180px;
  float: left;
}

.c_row-clear {
  clear: left;
}

/* IE6 hack -- might not work with IE7, removing for now */
/*
* html .c_row-clear {
  display: inline;
}
*/

.c_column-clear {
  clear: right;
}

#c_code-input {
  float: right;
  width: 44%;
}


#c_review-purchase {
  width: 55%;
}

#c_body .line {
  width: 90%;
  margin: 8px 0px;
  border-top: 1px solid #000000;
}

#c_body .line hr {
  display: none;
}

/* IE6 hr margin -- might not work with IE7, removing for now */
/*
* html #c_body hr.line {
  margin: 0px;
}
*/

#c_body #c_border-box {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  height: 1%; /* IE height fix */
}

#c_body .c_border-line {
  border-top: 1px dotted #999999;
  margin-bottom: 5px;
}
  
#c_body #c_background-box {
  padding: 0px;
  background-color: #FFF3C6;
}

#c_body #c_content-box {
  padding: 12px;
}

#c_body #m_package-message {
  margin-top: 10px;
  font-size: 90%;
}

#c_body .c_item input.input {
  float: left;
  width: 150px;
}

#c_body .c_item input.apply {
  margin: 0px 0px 0px 10px;
  float: left;
  border: none;
}

#c_body .c_item input.undo {
  margin: 10px 0px 0px 0px;
  position: absolute;
  border: none;
}

/* IE6 hack - seems to have a larger margin (doesn't work in IE7 argh) */
/*
* html #c_body .c_item img {
  margin-left: 5px;
}
*/

#c_body #m_code-error-message {
  color: #FE0000;
  padding-left: 22px;
  margin-bottom: 10px;
  background-image: url(/c/jbb/images/i_error.gif);
  background-repeat: no-repeat;
  height: 1% /* IE disppearing text when selecting, switch screens */
}

#c_body .c_item input {
}


div #c_verify_card_help {
    padding-bottom: 5px; 
    vertical-align: bottom;
}
#c_verify_card_help_image {
    margin: 0px 5px 0 5px;
}
#cvv_help_link,
#amex_cvv_help_link {
    color: #666666;
    cursor: pointer;
    font-size: 10px;
    text-decoration: none;
    line-height: 30px;
}
p.cvv_help_text {
    font-size:9px;
    color:#666;
}
#f_bill_card_verify {
    margin-top: 8px;
}


/* STEP 2 */
#c_preview_controls_top{
  margin:15px 25px 0 0;
}
#c_post_preview_1 h1{
  padding-left:0px;
  border:none;
  margin-bottom:0px;
  padding-bottom:5px;
}
#c_body  #c_post_preview_1,#c_body #c_post_preview_2,#c_body #c_post_preview_3,#c_body #c_post_preview_4{
  padding:0 0 10px 5px;
  border-bottom:1px dotted #999;
}

#partner_dashboard_job_post_edit_preview #c_post_preview_1, #partner_dashboard_job_post_edit_preview #c_post_preview_2, #partner_dashboard_job_post_edit_preview #c_post_preview_4{
  padding:10px 10px 10px 5px;
  border-bottom:1px dotted #999;
}

#partner_dashboard_job_post_edit_preview #c_post_preview_3{
  padding: 5px 0px 5px 5px;
  border-bottom:1px dotted #999;
}

#c_post_preview_2 h2{
  font-size:170%;
  overflow:hidden;
  word-wrap:break-word;
}

#c_post_preview_2 h3 span {
  color: #909090;
}

/*preview page jobdetails displayed in table like format*/
#c_occupation_row,#c_industry_row,#c_jobtype_row{
  width:100%;
}
#c_preview_stats_top_col1 #c_posted_row,#c_preview_stats_top_col2 #c_occupation_row,#c_preview_stats_top_col2 #c_industry_row{
  margin-bottom:5px;
}
#c_applyby_row{
margin-top:5px;
}
.previewStatLabelLeft{
  color:#909090;
  font-weight:bold;
  width:80px;
}
.previewStatLabelRight{
  color:#909090;
  font-weight:bold;
  width:50px;
}
.previewStatLabel{
  clear:both;
  color:#909090;
  font-weight:bold;
}
.previewStatValue{
  color:#424142;
  font-weight: bold;
}


#c_preview_stats_top_col1,
#c_preview_stats_top_col2 {
  width: 265px;
}

#c_address.previewStatValue,#c_posted.previewStatValue{
  margin-left:80px;
}
#c_industry.previewStatValue,#c_occupation.previewStatValue,#c_jobtype.previewStatValue{
  margin-left:50px;
}
#c_post_preview_5{
  margin-bottom:10px;
  overflow:hidden;
  word-wrap:break-word;
}
#c_preview_stats_btm_col1 {
  width:100%;
}
#c_body div #c_email_row{
  margin:5px 0;
}
#c_body div #c_email_row,#c_body div #c_website_row{
  margin-left:10px;
}
#c_apply_website{
    height:30px;
}
#c_body #c_post_preview_6{
  border-top:1px dotted #999;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

/*override some styles in description area to account for user markup*/
#c_job_description h1,#c_job_description h2,#c_job_description h3,#c_job_description h4{
  border:none;
}
#c_job_description ol li {
  list-style-type:decimal;
}


/* STEP 4 */

#c_delete_confirm{
  padding:10px 0px;
}

#c_confirm_msg p,#c_post_edit_invalid_msg p{
  font-size:100%;
  line-height:200%;
  font-weight:bold;
  padding: 5px 0px 10px 0px;
}

#c_confirm_msg li{
  font-weight:bold;
  color:#424142;
  font-size:110%;
}
#c_post_nextsteps{
  padding:0 0 50px 0;
}

#c_post_preview_4 span{
  color:#909090;
  font-weight:bold;
}
#c_post_preview_4 #c_job_description{
  line-height:150%;
  font-size:100%;
  overflow:auto;
  word-wrap:break-word;
  margin:0 0 0 10px;
}
#c_job_description {
  color:#424142; 
}


#post_complete form{
  min-height:250px;
}
* html #post_complete form{
  height:250px;
}

/* new complete page styles */
#post_complete #complete_message {
  color:#424142;
}

#post_complete #complete_message p {
  margin:15px 0 0 0;
}

#post_complete #complete_message p.last {
  margin-bottom:15px;
}

#post_complete #complete_message a {
  display:block;
  font-size:90%;
}

#post_complete #complete_message p a {
  display:inline;
  font-size:100%;
}

#post_complete #receipt {
  font-size:90%;
  border-top:1px solid #666;
  padding-bottom: 3px;
}

#post_complete #receipt h4 {
  font-size:110%;
  margin-top:10px;
}

#post_complete #receipt h5 {
  font-size:105%;
  margin-top:10px;
}

#post_complete #receipt .receipt_section {
  margin-top:10px;
}

#post_complete .important {
  font-weight:bold;
  color:#ff0000;
}

/* -- DELETE MESSAGE PAGES -- */

/*note:reset margin on delete confirm and delete success pages to accomodate lack of sidebar facet*/
#post_delete_confirm #c_body,#post_delete_complete #c_body,#post_invalid #c_body {
  margin-right:0px;
  width:775px;
}

/*messaging borders*/
#post_invalid #c_body form,#post_delete_confirm #c_body form,#post_delete_complete #c_body form{
  width:754px;
}

#post_invalid #c_body b.c{
  /*width:100%;*/
}

#c_job_delete_button{
  text-align:center;
  padding: 10px 0px 20px 0px;
  border-top:1px dotted #999;
}

#c_job_delete_button input{
  margin: 0 5px;
}

#c_edit_controls_top input{
  margin:10px 5px 0 5px;
  
}

/* -- ERROR MESSAGES -- */
#msgbox_main, #c_authorize_err_msg{
  display:none;
}
#msgbox_main.msgbox.error{
  display:block;
  padding: 10px;
  background-image: none;
  border:1px red solid;
  min-height:30px;
}
#msgbox_write.msgbox.error{
  display:block;
  padding: 10px;
  background-image: none;
  border:1px red solid;
  min-height:30px;
}