/*
This is the default style for the main body for all pages of the website
*/
body{font-family:"Arial",sans-serif; font-size:13px; text-align:center}
/*
This is the default style for the table data for all tables of the site
*/
 td{font-family:"Arial",sans-serif; font-size:13px}

/*
form_submit_button is the style for all submit buttons
*/
.form_submit_button{margin:0px; padding:0px}

/*
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:#CCC}

/*
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}

/*
#############################################
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{}

/*
#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{border:1px dashed #F00; background-color:#FFF}
/*
#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:#fff; 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:#F00; font-size:24pt; text-align:left}

/*
#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:#fff}

/*
#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:93%; background-color:#fff}
#job_post{width:93%}
/* 
####################################################
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:#d9d9d9; width:93%; border:2px}

/* 
###########################################################
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:#fff; 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.
*/
#subscription{width:93%}
#dynamic_form, TABLE.dynamic_form{background-color:#d9d9d9; width:93%; border-bottom-width:0px}
/*
TD.dynamic_form_field -
The name of the field (field label which on the left side)
*/
#dynamic_form TD.dynamic_form_field{background-color:#efefef; font-weight:bold; width:120px}

#dynamic_form TD.dynamic_form_2_col_field{background-color:#fff}
/*
#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:#fff}

/*
*/
#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:#fff}
#dynamic_form INPUT.dynamic_form_date_style{background-color:#fff}
/* Other fields */
#dynamic_form INPUT.dynamic_form_checkbox_style{background-color:#fff}

#dynamic_form INPUT.dynamic_form_radio_style{background-color:#fff; color:#fff}
#dynamic_form INPUT.dynamic_form_text_style{background-color:#fff}
#dynamic_form TEXTAREA{background-color:#fff}
#dynamic_form SELECT{background-color:#fff}
/*
########################################
Search Jobs/Resumes -
Standard Search form
*/
#search_form, TABLE.search{width:93%; border-collapse:collapse; margin:0px; padding:0px}

/* 
cell for the search field
*/
#search_form TD.field{color:#000; font-size:12px; font-weight:bold; padding:10px 0px 0px; margin-top:0px}

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

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

/*
style for the input fields (radio)
*/
#search_form, INPUT.search_radio_style{font-size:10px; color:#000}
/*
Select box (drop down / multiple select)
*/
#search_form SELECT.search_input_style{font-size:10px}

/*
Date field 
*/
#search_form SELECT.search_date_style{background-color:#fff; font-size:10px}
#search_form INPUT.search_date_style{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:#d9d9d9; width:93%; font-size:xx-small}

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

#joblist .job_list_title{font-family:"Arial",sans-serif; font-size:12pt; font-weight:bold; color:#00F}

#joblist .green_grad{background:#fff url(images/green-gradient.gif) repeat-x}
#joblist .blue_grad{background:#fff 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:#390}

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

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

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

/*
######################################################
Premium Jobs List 
*/
#joblist_premium, TABLE.list{background-color:#d9d9d9; width:99%; font-size:xx-small}

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

#joblist_premium .job_list_title{font-family:"Arial",sans-serif; font-size:12pt; font-weight:bold; color:#00F}

#joblist_premium .green_grad{background:#fff url(images/green-gradient.gif) repeat-x}
#joblist_premium .blue_grad{background:#FFF 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:#390}

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

#joblist_premium TD.list_header_cell{font-family:"Arial",sans-serif; font-size:10pt; margin:0px; padding:3px; font-weight:bold; background-color:#E9E9E9; color:#000}

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

/* 
####################################################
Categories
*/
.cat_heading{font-family:"verdana",sans-serif; font-size:13px; font-weight:bold; color:#00F}

 A.cat_heading:visited{}

 .cat_subcategory{font-family:"verdana",sans-serif; font-size:9pt; font-weight:normal; margin-left:5px}

TABLE.cat_table{border-style:solid; border-color:#C8C8C8; border-width:1px; background-color:#F5F5F5; width:93%}
/*
/*
####################################################
Resume list
*/
#resumelist, TABLE.resumelist{background-color:#d9d9d9; width:99%}

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

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

#resumelist .days_ago{color:#390; 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:#000}

/*
######################################################
*/
/*
###########################################################
Skill Matrix
*/
.skill_matrix_table{border-style:solid; border-color:#C8C8C8; border-width:1px; background-color:#d9d9d9}

.skill_matrix_header{background-color:#FFf; font-weight:bold}

.skill_matrix_row{background-color:#FFf}
/*
################################
*/
.hotlist_heading{width:100%; background-color:#808080; color:#fff; padding:8px}

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

TD.info_box_head{/*header foreground */background-color:#FFF; /*default #C8D7E8 light blue color*/color:#306; text-align:center}
TD.info_box_hed_right, TD.info_box_hed_left{/*top right and top left corners*/background-color:#FFF}
TABLE.info_box_body{/*The inner table */background-color:#fff; border-collapse:collapse; border-style:solid}

/**************
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:#fff; font-size:13px}

.request_label_requested{color:#30C; font-weight:bold}

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

.request_label_refused{ color:#f00;  font-weight:bold}

/********************/
.error_msg_label{color:#F00; font-weight:bold}

.ok_msg_label{border:solid; border-color:#3C0; border-width:2px}

/*
...................................
*/
#advertiser_signup,  TABLE.advertiser_signup_form{background-color:#d9d9d9; width:100%; border:10px solid #0FC}

#top_banner{background-image:url(/images/bg_banner2.gif); width:752px; margin-top:10px; background-repeat:no-repeat; text-align:center; height:100px; padding-top:5px; clear:right; float:left; position:relative; margin-bottom:10px}

#logo_wrapper{width:750px}

#logo{width:750px; padding:0px; margin:0px; height:115px}

#site_description{clear:right; float:left; position:relative; width:250px; font-family:Arial,Helvetica,sans-serif; font-size:10px; padding-left:10px; padding-right:10px}

#content_wrapper{width:750px}

#wrapper{width:750px; margin-right:auto; margin-left:auto; margin-top:15px; text-align:left}

#footer{background-image:url(images/footer.gif); background-repeat:no-repeat; height:59px; /height:120px; text-align:center; width:750px; margin-top:5px; margin-bottom:10px; padding-top:60px}
#footer_wrapper{margin-right:auto; margin-left:auto; position:relative; text-align:center; width:750px}
#wrapper_job_seekers{width:304px; clear:right; float:left; position:relative; margin-right:4px}

#top_job_seekers{background-image:url(images/top_jobseekers.gif); height:43px; width:304px; background-repeat:no-repeat; text-align:center; padding-top:2px}

#job_seekers{width:281px; padding-right:10px; padding-left:10px; border-right-color:#000; border-left-color:#000; position:relative; border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid; margin-left:1px}
#job_seekers form{padding:0px 0px 70px; margin:0px; position:relative; clear:both}

#job_seekers form table{padding:0px; margin:0px}

#bottom_job_seekers{background-image:url(images/bottom_jobseekers.gif); height:20px; width:304px; background-repeat:no-repeat; margin-left:1px; text-align:center; padding-top:9px}

#job_seekers ul{margin-top:0px; margin-bottom:0px; padding-top:10px; padding-bottom:10px}

#wrapper_find_jobs{width:297px; clear:right; float:left; position:relative}

#top_find_jobs{background-image:url(images/top_findjobs.gif); height:43px; width:297px; background-repeat:no-repeat; text-align:center; padding-top:2px}

#find_jobs{width:275px; background-repeat:repeat-y; padding-right:10px; padding-left:10px; border-right:1px solid #000; border-left:1px solid #000; height:180px}

#bottom_find_jobs{background-image:url(images/bottom_findjobs.gif); height:29px; width:297px; background-repeat:no-repeat; text-align:center; padding-top:9px}

#content_main{clear:right; float:left; width:613px; position:relative}

#wrapper_content_side{width:135px; float:right; position:relative}

#top_content_side{background-image:url(images/top_category.gif); background-repeat:no-repeat; height:10px; width:135px; float:right; position:relative}

#content_side{width:119px; height:348px; border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid; border-right-color:#000; border-left-color:#000; padding-right:7px; padding-left:7px; background-position:center}

#bottom_content_side{background-image:url(images/bottom_category.gif); background-repeat:no-repeat; height:10px; width:135px}

#wrapper_premium_jobs{width:604px; position:relative; background-image:url(images/bg_premiumjobs.gif); background-repeat:repeat-y}

#top_premium_jobs{background-image:url(images/top_premiumjobs.gif); background-repeat:no-repeat; height:10px; width:604px}

#premium_jobs{width:598px; margin-left:5px}

#bottom_premium_jobs{background-image:url(images/bottom_premiumjobs.gif); background-repeat:no-repeat; height:10px; width:604px}

#premium_jobs form{padding:0px 0px 70px; margin:0px; position:relative; clear:both}

#premium_jobs table{padding:0px; margin:0px}

.clear{clear:both; height:0; line-height:0; font-size:0}

#nav{height:33px; width:750px; position:relative; clear:right; float:left}

#quick_search{width:605px; position:relative; background-image:url(images/bg_searchbox.gif); background-repeat:no-repeat; height:105px; margin-bottom:10px}

#wrapper_content_box{float:left; width:750px; position:relative; margin-bottom:10px; background-color:#FFF}

#top_content_box{background-image:url(images/top_content_box.gif); background-repeat:no-repeat; height:13px; width:750px; float:left; position:relative}

#content_box{float:left; width:748px; /width:750px; position:relative; border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid; border-right-color:#000; border-left-color:#000}

#bottom_content_box{background-image:url(images/bottom_content_box.gif); background-repeat:no-repeat; height:29px; width:750px; position:relative; float:left}

#content_left{clear:right; float:left; width:400px; position:relative; padding-top:10px; padding-left:10px}

#content_left p{font-family:Arial,Helvetica,sans-serif; font-size:8pt}

#content_right{float:right; width:225px; position:relative; padding-top:10px}
#content_center{padding-right:20px; padding-left:20px}
.heading{font-family:Arial,Helvetica,sans-serif; font-size:14pt}

#quick_search_left{clear:right; float:left; height:80px; width:245px; position:relative; padding-top:5px; padding-left:10px}

#quick_search_right{clear:right; float:left; height:80px; width:300px; position:relative; padding-top:5px; padding-left:35px}

#quick_search_right p{font-family:Arial,Helvetica,sans-serif; font-size:8pt; margin:0px; padding:0px 0px 8px}

#jobseeker_subnav{clear:right; float:left; height:30px; width:750px; position:relative}

#bar{        background:#d0d0d0; margin:0px;         border:1px solid;         border-color:#f0f0f0 #909090 #909090 #f0f0f0;         padding-top:3px;         padding-bottom:3px;         padding-left:5px;         cursor:default}
#content_myjobs{background-color:#0F6}
#sub_nav{clear:right; float:left; position:relative; z-index:3; width:100%; margin-bottom:15px; /margin-bottom:0px}
#advanced_search{padding:10px}