/*
This is the default style for the main body for all pages of the website
*/
body {

font-family: "Arial", sans-serif;
font-size: 12px;

}


/*
This is the default style for the table data for all tables of the site
*/
td {

font-family: "Arial", sans-serif;
font-size: 12px;

}

/*
form_submit_button is the style for all submit buttons
*/
.form_submit_button {

}

/*
form_reset_button is the style for all reset buttons
*/
.form_reset_button {

}

/*
form_apply_button is the style for the apply button
*/
.form_apply_button {
background-color: #99CCFF;

}



/*
Heading 1 - general style
*/
H1 {

font-family: "Arial", sans-serif;
font-size: 24pt;
font-weight: bold;


}
/*
Heading 2 - general style
*/
H2 {

font-family: "Arial", sans-serif;
font-size: 18pt;
font-weight: bold;


}
/*
Heading 3 - general style
*/
H3 {

font-family: "Arial", sans-serif;
font-size: 14pt;
font-weight: bold;


}

/*
Heading 4 - general style
*/
H4 {
font-family: "Arial", sans-serif;
font-size: 8pt;

}

.hrz_line {background: green}

.hrz_line2 {background-image: url(images/hrz_line.gif); height: 1px}

.colorbar2 {background: green}

.foot {background: white; padding-right: 2em}





/*
#############################################
The following set of styles are for Displaying a job post
Most of styles are used in the HTML code in include/post_display.inc.php

#job_post TABLE.job_post - general style for the post displaying table
*/

#job_post TABLE.job_post {
background-color: #009966;

}

/*
#job_post TD.header - the top of the job post table, where the 'go back to job list' 'Save job', and 'email to friend' links are located.

*/
#job_post TD.header {

background-color: #009966;


}
/*
#job_post TD.top_links
style for the row at the top of the job post. Used in include/post_display.inc.php
*/

#job_post TD.top_links {
background-color: #ffffff;
font-size: 10pt;
}

/*
#job_post H1.job_title
style for the job post title, used in include/post_display.inc.php
*/
#job_post H1.job_title {
color: green;
font-size: 16pt;

}

/*
#job_post TD.job_post_body
The style for displaying the job description cell, used in include/post_display.inc.php
*/
#job_post TD.job_post_body {
background:white;

}


/*
#job_post TD.job_post_body
The table for dsiplaying the job post data, used in include/post_display.inc.php
*/
#job_post TABLE.job_post_data {
width: 100%;
background:#ffffff url(images/green-gradient.gif) ;


}

/*
####################################################
Employer's profile:
This style is for the table that shows the employer's profile in detail.
HTML located in: profiles.inc.php
*/

#profile, TABLE.profile_data {

background-color: #CCFFCC;
width: 100%;



}


/*
###########################################################
Resume :
This style is for the table that displays a resume in detail.
HTML code is located in resumes.inc.php
*/

TABLE.resume_data {

background-color: #ffffff;
width: 90%;
border-width: 0px;


}

/*
############################################################
Dynamic forms
This set of styles control the display of dynamic forms - forms which can be edited from the Administartion Panel.
The forms are: Job Posts, Resumes and Employer's profiles.

*/

#dynamic_form, TABLE.dynamic_form {

background-color: green;

width: 100%;
border-bottom-width: 120px;




}
/*
TD.dynamic_form_field -
The name of the field (field label which on the left side)
*/
#dynamic_form TD.dynamic_form_field {
background-color:white;
font-weight: bold;
width: 10px;


}

#dynamic_form TD.dynamic_form_2_col_field {
background-color:white;


}
/*
#dynamic_form TD.dynamic_form_value
The value of the field (on the right from the field label)
*/
#dynamic_form TD.dynamic_form_value {
background-color: #ffffff;

}

/*

*/
#dynamic_form .dynamic_form_image_label {

font-weight: bold;


}

/*

*/
#dynamic_form .dynamic_form_file_label {

font-weight: bold;


}
/*
The following style controls the LABEL type fields
*/
#dynamic_form .dynamic_form_note_label {


}

/*
Date field
*/
#dynamic_form SELECT.dynamic_form_date_style {
background-color: #ffffff;

}
#dynamic_form INPUT.dynamic_form_date_style {
background-color: #ffffff;

}
/* Other fields */
#dynamic_form INPUT.dynamic_form_checkbox_style {
background-color: #ffffff;


}

#dynamic_form INPUT.dynamic_form_radio_style {
background-color: #ffffff;
color: #ffffff;


}
#dynamic_form INPUT.dynamic_form_text_style{
background-color: #ffffff;


}
#dynamic_form TEXTAREA {
background-color: #ffffff;


}
#dynamic_form SELECT {
background-color: #ffffff;


}
/*
########################################
Search Jobs/Resumes -
Standard Search form

*/

#search_form, TABLE.search {
width: 100%;
border-collapse: collapse;
background-color: red;

}


/*
cell for the search field
*/
#search_form TD.field {
background-color: white;
color: #000000;
font-size: 12px;
font-weight: bold;
}

/*
style for the input fields (text)
*/
#search_form, INPUT.search_input_style {
background-color: #ffffff;
font-size: 10px;
color: #000000;


}

/*
style for the input fields (check)
*/
#search_form, INPUT.search_checkbox_style {
background-color: white;
font-size: 10px;
color: #000000;


}

/*
style for the input fields (radio)
*/
#search_form, INPUT.search_radio_style {
background-color: #CCFFCC;
font-size: 10px;
color: #000000;


}
/*
Select box (drop down / multiple select)
*/
#search_form SELECT.search_input_style {
background-color: #ffffff;
font-size: 10px;
}

/*
Date field
*/
#search_form SELECT.search_date_style {
background-color: #ffffff;
font-size: 10px;
}
#search_form INPUT.search_date_style {
background-color: #ffffff;
font-size: 10px;
}
/*
The labels for the check boxes and radio buttons
*/
#search_form .search_input_sel_label {
font-size: 10px;
white-space: nowrap;
}


/*
####################################################
Job list

*/

#joblist, TABLE.list {
background-color: green;
width: 99%;
font-size: xx-small;
}


#joblist .job_list_small_print {
font-family: "Arial", sans-serif;
font-size: xx-small;
color: black;

}

#joblist .job_list_title {
font-family: "Arial", sans-serif;
font-size: 10pt;
font-weight: bold;
color: red;

}

#joblist .green_grad {
background:#fff url(images/green-gradient.gif) repeat-x;
}
#joblist .blue_grad {
background:#ffffff url(images/blue-gradient.gif) repeat-x;
}




#joblist .job_list_cat_name {
font-family: "Arial", sans-serif;
font-size: xx-small;
font-weight: bold;
color: green;

}

#joblist TD.list_data_cell {
font-family: "Arial", sans-serif;
font-size: 10pt;
color: #000000;


}


#joblist TD.list_header_cell {
font-family: "Arial", sans-serif;
text-align: center;
color: black;
font-size: 10pt;
margin: 0px;
padding: 3px;
font-weight: bold;
background-color: #99FF66;


}

#joblist TD.list_day_of_week {
font-family: "Arial", sans-serif;
font-size: 10pt;
font-weight: bold;
color: #000000;
background-color: white;

}


/*
######################################################
Premium Jobs List

*/

#joblist_premium, TABLE.list {
background-color: green;
width: 99%;
font-size: xx-small;
}


#joblist_premium .job_list_small_print {
font-family: "Arial", sans-serif;
font-size: xx-small;
color: #000000;

}

#joblist_premium .job_list_title {
font-family: "Arial", sans-serif;
font-size: 10pt;
font-weight: bold;
color: #99ff66;

}

#joblist_premium .green_grad {
background:#fff url(images/green-gradient.gif) repeat-x;
}
#joblist_premium .blue_grad {
background:#FFFFFF url(images/blue-gradient.gif) repeat-x;
}



#joblist_premium .job_list_cat_name {
font-family: "Arial", sans-serif;
font-size: xx-small;
font-weight: bold;
color: #99ff66;

}

#joblist_premium TD.list_data_cell {
font-family: "Arial", sans-serif;
font-size: 10pt;
color: #000000;


}




#joblist_premium TD.list_header_cell {


font-family: "Arial", sans-serif;
text-align: center;
color: black;
font-size: 10pt;
margin: 0px;
padding: 3px;
font-weight: bold;
background-color: #99ff66;



}

#joblist_premium TD.list_day_of_week {
font-family: "Arial", sans-serif;
font-size: 10pt;
font-weight: bold;
color: #000000;
background-color: #ECF8F9;

}


/*
####################################################
Categories

*/

.cat_heading {

font-family: "verdana", sans-serif;
font-size: 13px;
font-weight: bold;
color: black;



}

A.cat_heading:visited {


}

.cat_subcategory {
font-family: "tahoma";
font-size: 9pt;
font-weight: normal;
margin-left: 5px;
color: red;


}

TABLE.cat_table {

border-style:solid;
border-color: green;
border-width:1px;
background-color: #99FF66;



}
/*


/*
####################################################
Resume list

*/

#resumelist, TABLE.resumelist {
background-color: green;
width: 99%;

}




#resumelist TD.list_data_cell {
font-family: "Arial", sans-serif;
font-size: 10pt;
color: #000000;


}

#resumelist .today {
color: #ff0000;
font-weight: bold;

}

#resumelist .days_ago {
color: #339900;
font-weight: bold;
}

#resumelist .days_ago2 {
color: #C0C0C0;
font-weight: bold;
}

#resumelist TD.list_header_cell {
font-family: "Arial", sans-serif;

font-size: 10pt;
margin: 0px;
padding: 3px;
font-weight: bold;
background-color: #EAEAEA;
color: #000000;

}




/*
######################################################

*/

/*
###########################################################
Skill Matrix
*/
.skill_matrix_table {

border-style:solid;
border-color: green;
border-width:1px;
background-color: #d9d9d9;


}

.skill_matrix_header {

background-color: #FFFFff;
font-weight: bold;

}

.skill_matrix_row {

background-color: #FFFFff;

}
/*
################################
*/

.hotlist_heading {

width: 100%;
background-color: #808080;
color: #ffffff;
padding: 8px;

}

/*######################
*/




/*
Changes the notice box styles, look in functions.php function render_box_top($width=100, $label='')
*/
TABLE.info_box {
background-color: #ffffff;

border: 0px;

}

TD.info_box_head { /*header foreground */
background-color: green; /*default #C8D7E8 light blue color*/
color: white;
text-align: center;

}
TD.info_box_hed_right, TD.info_box_hed_left { /*top right and top left corners*/
background-color: green;

}
TABLE.info_box_body { /*The inner table */

background-color: #ffffff;
border-collapse: collapse;
border-style: solid;
border-color: green;


}

/**************
Request History
*/
TABLE.request_history {
background-color: #d9d9d9;
}

TD.request_history_head { /*table heading cells*/
background-color: #EAEAEA;
font-weight: bold;
font-size: 13px;
}

TD.request_history_data {
background-color: #ffffff;
font-size: 13px;

}

.request_label_requested {
color: #3300CC;
font-weight: bold;
}

.request_label_granted {
color: #336600;
font-weight: bold;
}

.request_label_refused {
color: #ff0000;
font-weight: bold;

}

/********************/

.error_msg_label {
color: #FF0000;
font-weight: bold;


}

.ok_msg_label {
border: solid;
border-color: #33CC00;
border-width:2px


}



/*
...................................

*/
#advertiser_signup, TABLE.advertiser_signup_form {

background-color:white;
width: 100%;
border: 1px;


}