/*

# Copyright 2007 Nasthon Systems

# http://www.nasthon.com

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

Theme color: #CC9933 (lake blue)

link: #4B7DAB

link:hover: #4B7DAB

button border: #cacac0

.button_gen2 background: #BF5D50	(for "Back" button)

joblist_premium TD.list_header_cell = background-color: #fe8838;	

*/

#main
{

width:940px;

height:100px;

background:#fff;

float:left;

}

#logo
{
	
	width:335px!important;

	padding:0;

	margin:0;

	float:left!important;

}

#right
{

	width:550px;

	height:50px;

	padding-top:21px;

	float:left;
}






body {

	font-family: "Arial", "Verdana", sans-serif;

	font-size: 13px;

	margin: 0px;		padding:0px;

	color: #555555;	

	background:#C0C0C0!important;

}



h3{

	font-size:13px;

}



/* 

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

*/

 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_submit_button {

	border-style:solid;border-color:#cacac0;border-width:1px 1px 1px 1px;

	padding: 1px 4px 1px 4px;

	/*background:url('images/btn_2.gif') #93C1F5 ;*/color:#ffffff;font-family:Arial;font-size:12px; background:#BD6734;

}



/*

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: #33FF00;

}



/*

Heading 1

*/

H1 {

	font: bold 22px Arial, Helvetica, sans-serif;

	margin: 0 0 20px 0;

	letter-spacing: -1px;

}



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 {	

	width: 100%;

	border: 3px;

}





/* 

###########################################################

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: #F0F0F0;	

	width: 120px;	

	font-size:12px;

	white-space: nowrap;

	word-break: keep-all;

}



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

	/*background-color: #F8F7F2;*/

	display:table;

}





/* 

cell for the search field

*/

#search_form TD.field {	

	background-color: #F0F0F0;	

	color: #173C5C;

	font-size: 12px;

	font-weight: bold;

	white-space: nowrap;

}



/*

style for the input fields (text)

*/

INPUT.search_input_style {

	background-color: #ffffff;

	font-size: 12px;

	color: #666;			

	font-weight:normal;

	border:1px solid #7f9db9;

	padding:2px;

}



#search_form{}



/*

style for the input fields (check)

*/

#search_form, INPUT.search_checkbox_style {

	/*background-color: #EDF8FC;*/ 

	font-size: 11px;

	color: #000000;		

}



/*

style for the input fields (radio)

*/

#search_form, INPUT.search_radio_style {	

	font-size: 10px;

	color: #000000;

}

/*

Select box (drop down / multiple select)

*/

#search_form SELECT.search_input_style, .search_input_style {

	background-color: #ffffff;

	font-size: 12px;

	color: #272727;	

	border:1px solid #7f9db9;	

}



/*

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: 11px;

	white-space: nowrap;

}





/*

####################################################

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: xx-small;

	color: #000000;

}



#joblist .job_list_title {

	font-family: "Arial", sans-serif;

	font-size: 10pt !important;

	font-weight: bold !important;

	text-decoration: underline !important;

	color: #0000FF;

}



#joblist .job_list_title a{	text-decoration:underline; }

#joblist .job_list_title a:visited{	color: #666; }

#joblist .job_list_title a:hover, #joblist .job_list_small_print a:hover{

	color: #5186B8;

}



#joblist .green_grad {

	background:#fff url(images/yellow-gradient.gif) repeat-x;

}

#joblist .blue_grad {

	background:#fff777 url(images/blue-gradient.gif) repeat-x;

}





#joblist .standard {background-color:white;}

/*

When a mouse moves over a standard job post

*/

#joblist TR.standard:hover {	background-color: #5186B8;}



#joblist .job_list_cat_name {

	font-family: "Arial", sans-serif;

	font-size: xx-small;

	font-weight: bold;

	color: #339900; 

}



#joblist TD.list_data_cell {

	font-family: "Arial", "tahoma", "Verdana", sans-serif;

	font-size: 12px;

	color: #000000;	

	

}





#joblist TD.list_data_cell a{

		font-family: "Arial", "tahoma", "Verdana", sans-serif;

		font-size: 12px;		

		font-weight:normal;

		text-decoration: underline;

}

				

#joblist TD.list_data_cell a:hover{

	text-decoration: none;

}

		

#joblist TD.list_header_cell {	

 	padding-left: 5px; 	

 	padding-right: 4px;

	text-align:center;

	padding-top: 3px;

 	color:#fff; font-weight:normal; font-size:12px; height:25px;  

 	background-color: #438ad2;

 	white-space: nowrap;

}



TD.list_header_cell, TD.list_header_cell a{

	font-family: "Arial", sans-serif;

	text-align: center;

	font-size: 12px;

	font-weight: normal;

	color: #ffffff;

	background-color: #438ad2;

}



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 {

	background-color: #d9d9d9;

	width: 99%;

	font-size: xx-small;

}





#joblist_premium .job_list_small_print {

	font-family: "tahoma", "Arial", sans-serif;

	font-size: xx-small;

	color: #000000;



}



#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: #4B7DAB; }





#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: #468bcc ; /*fe8838 orange sponsored bar color*/

	color: #fff;

	white-space: nowrap;



}



#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: bold;

	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:10px;

	background-image:url('images/arrow.gif');

	background-repeat: no-repeat;

	background-position:left center;

	vertical-align:top;

}



.cat_subcategory a{

	color: #353535;

	font-size:12px;

	font-weight:bold;

	/*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: #438ad2;

 	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: #438ad2;

	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: #438ad2;

}





td.dynamic_form_seperator{

	background-color: #438ad2;

	color: #fff;

	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;

	text-decoration:none;

}



 .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: 11px;

}



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





/*

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 {}