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

body {
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 12px;
	margin-top: 10px;
        color:#555;
       
	background:#3C7FAF;
}
/* CSS Document */

.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmsh div a{float:left;}.qmmc div {visibility:hidden;position:absolute;}






	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:#5891BA;
		border-width:0px 1px;
		border-style:solid;
		border-color:#ffffff;
		width:944px; height:23px; 
	display:block;
	margin:0px ;
	padding-top:0px;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:4px 20px 4px 15px;
		background-color:transparent;
		color:#ffffff;
		font-family:Arial;
		font-size:1em;
		text-decoration:none;
		font-weight:bold;
		border-width:0px 0px 0px 1px;
		border-style:solid;
		border-color:#ffffff;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#8cd455;
		color:#ffffff;
		text-decoration:none;
		
	}
	
.qmparent2
{
	background-color: #666;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	float: right;
	text-align: center;
	width: 164;
color:#ffffff;
       px;padding:4px 20px 4px 15px;
}


	/*"""""""" (MAIN) Parent items""""""""*/	
	#qm0 .qmparent	
		{	
		background-color:#8cd455;
		border-width:0px 1px 0px 1px;
		border-style:solid;
		
		
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#efefef;
		color:#000000;
		text-decoration:underline;
	}



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

.search_input_style
	{
	width:170px;
	}

#search_form {
	color: #496F99;
}

input.search_input_style,select.search_input_style
	{
	border:1px solid #ccc;
	width:285px;
	height:22px;
	background:#fff;
	color:#666;
	margin:0px 0px;
	padding:0px;
	font-size:14px;
	}


#search_form SELECT.search_input_style {

	height:22px;
	background:#fff;
}

.form_submit_button
	{
	background:#ff9900;
	border:1px;
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	color:#ffffff;
	
	
	}
	.form_submit_button:hover
	{
	
	background:#336699;
	}
.col5 {
background: #f8f8f8;
	margin-top:8px;
	margin-right:10px;
	width:425px;
        padding-left:10px;
	height: 282px;
	
       
        border: 1px solid #ccc;
}

 td {
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 12px;
	
}

 th{
 	padding: 3px;
	padding-left:10px;
	text-align:left;
 	color:#fff; font-weight:bold; font-size:12px; height:15px;  background-color:#2a70ae;
 }


small{font-size:11px;}

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

/*
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: #60830c;
}

/*
Heading 1
*/
H1 {
	font-size:14px;
	font-weight:bold;
	color: #2384af;
	padding-bottom:4px;
		
}
H2 {
	font-size:13px;
	font-weight:bold;
	color: #000;
	padding-bottom:4px;
}
H3 {
	font-size: 12pt;
	font-weight: bold;
}

H4 {
	font-size: 11pt;
	font-weight: bold;
	margin-top:2px;
	margin-bottom:3px;
	color: #f0a902;

}


/*
#############################################
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 {	background-color: #808080; }
/*
#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, .job_title {
	color: #5F6E2E;
	font-size: 11pt;
	font-weight:bold;
	font-family: "tahoma";
	padding: 8px;

}

/*
#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 {	
	padding:2px;
}


/*
#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-color: #ffffff;	
}

/* 
####################################################
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: #fff;
	width: 100%;
	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: #ffffff;
	width: 100%;
	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 {
		
	width: 100%;
	border-bottom-width: 0px;
	font-family: "Arial", "Verdana", sans-serif;
}

/*
FORM INPUT STYLE
*/
input, textarea, select{
	font-family: "Arial", "Verdana", sans-serif;
	color:#404040;	
	font-size:12px;
	margin-bottom:1px;
}


/*
TD.dynamic_form_field -
The name of the field (field label which on the left side)
*/
#dynamic_form TD.dynamic_form_field {
	background-color: #edfbff;	
	width: 120px;	
	font-size:12px;
	white-space: nowrap;
	
}
.dynamic_form_field{font-weight:bold;background-color:#fff!important;}
#dynamic_form TD.dynamic_form_2_col_field {
	background-color: #ffffff;	
}
/*
#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;
	
	display:table;
}


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

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



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

#joblist, TABLE.list {
	width: 100%;
	font-size: xx-small;
	clear:both;
}


#joblist .job_list_small_print {
	font-family: "Arial", sans-serif;
	font-size: 8pt;
	color: #666;
       
}

.job_list_small_print a{	font-size:8pt !important; color: #000; text-decoration:underline !important; }

#joblist .job_list_title {
	font-family: "Arial", sans-serif;
	font-size: 12px !important;
	font-weight: normal !important;
	text-decoration: underline !important;
	color: #0000FF;
}


#joblist .job_list_title a{color: #336699;	text-decoration:none; }

#joblist .job_list_title a:hover, #joblist .job_list_small_print a:hover{
	color: #fa9e16;
}

#joblist .green_grad {
	
}
#joblist .blue_grad {
	
}


#joblist .standard {background-color:white;}
/*
When a mouse moves over a standard job post
*/
#joblist TR.standard:hover {	}

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

#joblist TD.list_data_cell {padding-left: 10px; 
	font-size: 11px;padding-bottom:15px;
	color: #000000;border-bottom:1px solid #efefef;}

#joblist TD.list_data_cell a{
	font-family: "Arial", "tahoma", "Verdana", sans-serif;
	font-size: 11px;		
	font-weight:normal;
       line-height:22px;
	text-decoration: underline;
}
				
#joblist TD.list_data_cell a:hover{
	text-decoration: none;
}
		

#joblist TD.list_header_cell {	text-align:left!important;
 	padding-left: 10px; 	
 	padding-right: 4px;
	text-align:center;
	padding-top: 3px;
 	color:#fff; font-weight:normal; font-size:12px; height:25px;  
 	background-color: #5891BA;
 	white-space: nowrap;
}

TD.list_header_cell, TD.list_header_cell a{
	font-family: "Arial", sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;	
}

TD.list_header_cell a:hover{
	color: #fff;
}

#joblist TD.list_day_of_week {
	font-family: "Arial", sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color: #e5e5e5;

}


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

*/

.list_data_cell_premium{
	color: #000;
}

#joblist_premium, TABLE.list {
	
	width: 100%;
	font-size: xx-small;
}


.job_list_small_print_premium {
	font-family: "Arial", "tahoma", sans-serif;
	font-size: 8pt;
	color: #424;

}

.job_list_small_print_premium a{	font-size:8pt !important; color: #000; text-decoration:underline !important; }

#joblist_premium .job_list_title {
	font-family: "tahoma", "Arial", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0000FF;
}


.job_list_title_premium{
	font-family: "Arial", "tahoma", sans-serif;	
	font-size: 10pt !important;
	font-weight: bold !important;
	text-decoration: underline !important;	
	color: #0000FF;
}

.job_list_title_premium a{	color: #000; }
.job_list_title_premium a:visited{ 	color: #666; }
.job_list_title_premium a:hover{ 	color: #fa9e16; }

#joblist_premium .green_grad {
	background:#fff url(images/yellow-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: #339900; 

}

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


#joblist_premium TD.list_header_cell {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	background-color: #fe8838;
	color: #fff;
	white-space: nowrap;
}

#joblist_premium TD.list_header_cell a:hover{}

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

}


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

*/

span.cat_heading {
	margin-left:10px;
	font-family:Arial;
}

.cat_heading a{
	font-size: 12px;
	font-weight: normal;
	color:#000;
}

 A.cat_heading:visited {
 }

 .cat_subcategory {
	font-size: 10pt;
	font-weight: normal;
	margin-left: 0px;	
	margin-top:1px;	
	padding:2px;
}

.cat_subcategory td{
	padding-top:1px;
	padding-left:15px;
	
	background-repeat: no-repeat;
	background-position:left center;
	vertical-align:top;
}

.cat_subcategory a{

	color: #353535;
	font-size:12px;
	font-weight:normal;
	/*background:url('images/arrow.gif');*/
}

TABLE.cat_table {
	margin-top:1px;
	width: 99%;
}

TABLE.cat_table td{
	white-space: nowrap;
}

TABLE.cat_table tr.firstRow{
	background-color: #E9E9D1;
	padding: 5px;
	color:898977;
}


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

#resumelist, TABLE.resumelist {
	background-color: #d9d9d9;
	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 {	
 	padding: 3px;
	padding-left:10px;
 	color:#fff; font-weight:bold; font-size:12px; height:15px;  background-color: #2384af;
 	white-space: nowrap;
}


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

.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;

}

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

TD.request_history_head { /*table heading cells*/
 	padding: 3px;
	padding-left:10px;
 	color:#fff; font-weight:bold; font-size:12px; height:15px;  background-color: #2a70ae;
}

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;  
	background-color: #2384af;
	color: #fff;
	border-width:1px;	
	padding:8px; 
	margin-top:5px;
}

.ok_msg_label a, .ok_msg_label a:visited{
	color: #fff;
}
		
	


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

*/
#advertiser_signup,  TABLE.advertiser_signup_form {

	background-color: #d9d9d9;
	width: 100%;
	border: 2px;


}


/*
JOB POST DETAILS
*/
TABLE.postTitle{
	/*background-color:#2a70ae;*/
	background-color:#F4F4EA;
	color:#666666;

}



/*
INPUT FORM GUIDE
*/
.input_guide{
	font-weight:normal;
	color:195C17;
	
}


/*	##########
*/
.jobTitle{
		font-size:15px;
		font-weight:bold;
		color: #2384af;
}


td.dynamic_form_seperator{
	border-bottom:1px solid #999;
	color: #333;
	font-weight:bold;
	font-size:12px;
}

.labelHead{
	font-size:12px;
}

/*
*	JOB POSTING
*/
.jobTable{
	padding-left:0px;
}

.jobContent{		
		FONT-FAMILY: "Arial", "Verdana", "Helvetica", "sans-serif";
		padding-left:20px;
		font-size:12px;		
}

.jobContent2{
		FONT-FAMILY: "Arial", "Verdana", "Helvetica", "sans-serif";
		padding-right:10px;
		font-size:12px;		
}	
 
.jobDetails1 ul{
	margin-left:5px;
	padding-left:3px;
	margin-top:5px;	
	line-height:22px;
}

div.banner-115{
	border: 1px solid #ccc ;
}

a.nbg:hover{
	background:transparent;
}

div.pad{
	padding:5px;
}




/*
-----------------------------------------------
*/

A.cat_parent_link { /* The parent category name */	
	font-size: 12px;
	font-weight: bold;
	color: #666;
	line-height:20px;
}

 .cat_subcategory { /* div generated by JB_display_sub_cats_compact() or JB_display_sub_cats_table() */
	font-size: 9pt;
	font-weight: normal;
	margin-left: 1em;
	margin-bottom: 1em;
	

}

A.cat_subcategory_link { /* style for the sub category links*/


}
 

.cat_arrow { /* The little arrow displayed next to the cat_heading */
	background:  url(images/arrow.gif) no-repeat 0% 50% ;
	padding-left: 18px;
}

a.tablink, a.tablink:visited, a.tablink:active{
	font-size:12px;
	color: #fff;
	
	text-decoration:none;
	padding-left: 3px;
	padding-right:3px;
}

a.tablink:hover{color: #000}

a.tablink2, a.tablink2:visited, a.tablink2:active, a.tablink2:hover {
	font-size:12px;
	color: #fff;
        line-height:20px;
	font-weight:bold;
	padding-left: 3px;
	padding-right:3px;
     text-decoration:none;	
}


p.job_listing_count{font-weight: bold;margin-top:8px;}


/*
Showing an invoice 
*/
#invoice  {

	background-color: #d9d9d9;
	width: 300px;

}

#invoice TD.field {

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

}

#invoice TD.value {

	background-color: #ffffff;

}

.confirm_order_button {
	font-size: 12pt;
	text-align: center;

}

.application_text { /* Apllication text displayed on employers/apps.php and myjobs/apps.php */

	font-size: 10pt;

}

/* Employers / Candidates payment.php page */
.payment_block {
	margin-top:50px;
	margin-bottom:150px;
}

#dynamic_form .date_field {}

.plain_menu {
margin:10px auto;

	text-align:center;
}