#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: solid  1px;
	width: 960px;
	background: white;
		font-family: "Arial", sans-serif;
	font-size: 12px;
}

#logo {
	padding:5px;
	background: white;
	}

#header {

	background: white;
	height:165px;
	border:solid 10px #dedbde;
	background-image: url(/include/themes/Institute/Jobsite-1_3.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	
}


#default-ad {
padding-left:30px;
}

#civillit-ad {
padding-left:30px;
}

#header-links {
	margin: 0 0 15px 0;
	background: #aabbdd;
	}
	
	

#header-links-inner {
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	color:white;
	font-weight:bold;
	font-size: 13px;
		}
	
	A.toplinks{
text-decoration:none;
color:white;
}
	A.toplinks:hover{
text-decoration:none;
color:gray;
}
	

#side-a {
	float: left;
	width: 200px;
	background:white;
	padding-left:7px;
	padding-right:3px;
}

#content { 
	float: left;
	width: 55%;
	background: white;
	padding-left:5px;
	padding-right:5px;
}

#content A {
text-decoration:none;
color:gray;
}
#content A:hover {
text-decoration:underline;

}

#side-b {
	float: left;
	width: 200px;
	background: white;
	padding-left:3px;
	
}

#inst-ad {
padding-top:2px;
padding-bottom:10px;
}

#adverts {
background:#f2f2f2;
border: solid 1px #c8c8c8;
}

#adverts-heading {
background:#909090;
color:white;
font-weight:bold;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
}

#banner-box-top {
padding-top: 10px; 
padding-bottom:10px
}

#banner-box {
padding-bottom:10px
}



#employer-desc {
padding-bottom:10px;
padding-top:2px;
color: #909090;
font-weight: bold;
}

#candidate-desc {
padding-bottom:10px;
padding-top:2px;
color: #909090;
font-weight: bold;
}

#employer-heading {
	font-weight: bold;
font-size:13px;
display: block;

background-color: #909090;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
color: white;
}

#footer {
	clear: both;
	background: #aabbdd;
}

#inner-footer {
padding:5px;
color:white;
}

A.footer-link{
text-decoration:none;
color:white;
}


A.content {
text-decoration:none;
}




img
{
border-style: none;
text-decoration: none;
} 

#sidehead {
background:#aabbdd;
color:white;
padding:2px;
font-weight:bold;
font-size: 12px;
}



 .welcome_title {
display:none;
 }
 .welcome_text {
 display:none;
 }

#emp-cand-content { 
	float: left;
	width: 735px;
	background: white;
	padding-left:5px;
	padding-right:5px;
}

#emp-cand-content div {

}

#emp-cand-content A:link {
text-decoration:none;
color:gray;
}
#emp-cand-content A:hover {
color:black;
text-decoration:underline;
}

#emp-cand-content A:visited {
color:gray;
text-decoration:none;

}

#emp-cand-content B {
color:gray;
}

#iframe A:link {
text-decoration:none;
color:gray;
}

#iframe A:hover {
color:black;
text-decoration:underline;
}

#iframe A:visited {
color:gray;
text-decoration:none;

}

#emp-cand-content h2 {
font-size:12px;
padding-left:2px;
padding-bottom:2px;
}

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

}

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

}



/*
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;
   background: #aabbdd;
	color: white;


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

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


}

.available_langs {


}

/*
#############################################
The following set of styles are for Displaying a job post
corresponding template file: display-post.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;

}

/* 'go back to the job list' link */
#job_post A.go_back {

	color: #ffffff;

}
/* this post is expired message */
#job_post .expired_msg {

	color: #E8E8E8;
	font-weight: bold;

}
/* 'please mention JB_SITE_NAME when replying to this ad ' */
#job_post .mention_us_msg {

	color: #E8E8E8;
	font-weight: bold;
	font-size: 12pt;

}
/* The 'description' field form the job post, printed at the top of the form */
#job_post .post_description {


}




/*
#job_post TD.top_links
style for the row at the top of the job post.
template: display-post.php
*/

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

/*
#job_post H1.job_title
style for the job post title,
template: display-post.php
*/
#job_post H1.job_title {
	color: gray;
	font-size: 18pt;

}

/*
#job_post TD.job_post_body
The style for displaying the job description cell,
template: display-post.php
*/
#job_post TD.job_post_body {
	background:#ffffff url(images/background.gif) ;

}


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

#job_post TD.job_post_body
The table for dsiplaying the job post data,
template: posting-form.php
*/
#job_post TABLE.job_post_data {
	width: 100%;
	background-color: #ffffff;

}

#job_post TD.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.
Template: profile-form.php
*/

#profile,  TABLE.profile_data {

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


}

#profile TD.profile_data {
	
	background-color: #Efefed;

}


.profile_list_no_result {
	text-align: center;
	font-weight: bold;


}

/* 
###########################################################
Resume :
This style is for the table that displays a resume in detail.
Template: resume-form.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: #d9d9d9;
	
	width: 100%;
	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;
	white-space: nowrap;

}

#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_input_label - used for the <label> for radio buttons and check boxes
*/

#dynamic_form .dynamic_form_input_label {
	
	

}

/*

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

}

#dynamic_form .dynamic_form_seperator {

	font-weight: bold;

}

#dynamic_form .is_required_mark {

	font-weight: bold;
	font-size: 18pt;
	color: red;
	vertical-align: middle;

}

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

*/

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

}


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

#search_form TD.field a {
color:white;
}

#search_form TD.field a:hover {
color:gray;
text-decoration:none;
}


/*
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: #EDF8FC;
	font-size: 10px;
	color: #000000;
	
	
}

/*
style for the input fields (radio)
*/
#search_form, INPUT.search_radio_style {
	background-color: #EDF8FC;
	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;
}

.new_search_link {

	font-weight: bold;
	color: white;
	

}

.new_search_link a {
color: white;
text-decoration: none;
}

.new_search_link a:hover {
color: white;
text-decoration: none;
}

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

*/

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


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

}

#joblist A:link.job_list_small_print {
color: #909090;
text-decoration:none;
}

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

}

#joblist .job_list_title {
	font-family: "Arial", sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #909090;
	text-decoration: none;

}

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

#joblist .job_list_title_premium {
	font-family: "Arial", sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #909090;
	text-decoration: none;

}

/*
green_grad and blue_grad define styles for the premium posts
*/

#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 .standard {
	background-color:white;

}


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

}

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

}

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

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


#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: #909090;
	color: white;
	white-space: nowrap;
}



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

}

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

}



.job_listing_count {

	margin: 10px;
	text-align: center;
	font-weight: bold;

}

.post_list_no_result {
	font-weight: bold;
	text-align: center;
}

.post_list_premium {
	font-weight: bold;
	text-align: center;

}

.post_edit_button {
	font-size: 9pt;

}

.post_delete_button {

	font-size: 9pt;

}

.post_repost_button {

	font-size: 9pt;

}



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

*/

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


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

}

#joblist_premium .job_list_title_premium {
	font-family: "Arial", sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0000FF;

}

#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 .standard {
	background-color:white;

}



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

}

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




#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: #000000;
	white-space: nowrap;

}



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

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

*/

/*
category_name and category_path are displayed above the categories.
category name is in big bold letters
category_path has an indent on the left
*/
.category_name { /* The name of the current category*/
	font-weight: bold;
	font-size: 14pt;
	display: none;

}

.category_path { /* eg. Job Classification -> Public School -> Middle */
	margin-left: 2em;
	

}

.category_index { /* The div element showing the categories, category-index.php template */

	float: none;
	margin: 2em;
	
}

A.cat_parent_link { /* The parent category name */

	font-family: "verdana", sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #150517;
	text-decoration: none;

}



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

}

A.cat_subcategory_link { /* style for the sub category links*/
color: #150517;
text-decoration: none;

}

A:hover.cat_subcategory_link {
	text-decoration: underline;
	}
 

.cat_arrow { /* The little arrow displayed next to the cat_heading */
	background:  none no-repeat 0% 50% ;
	padding-left: 8px;
}

.cat_small_count { /* Shows number of records in the category. enclosed in a <small> </small> block */

}

.cat_more_link { /* The link to show more categories*/
	font-weight: bold;


}

/*
categoty table produced by display_table() function
*/
TABLE.cat_table {
	
	
}




/*
Category box on side bar on the front page
template: category-list-box.php
*/

.cat_list_box {
	background-color: #F2F2F2;
	border-style:solid; 
	border-color: #C8C8C8; 
	border-width:1px; 
	padding: 0px;
	margin: 0px;
}

.cat_box_title {

	font-weight: bold; 
	display: block;
	background: #909090;
	padding-left: 5px;
	padding-top:2px;
	padding-bottom:2px;
	color:white;

}

/*
###################################################
template: index-sidebar.php

*/

.index_sidebar {


}
/*
####################################################
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 TD.list_data_cell a {
color:black;
}
#resumelist TD.list_data_cell a:visited {
color:gray;
}

#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;
	white-space: nowrap;

}

 .resume_list_no_result {
	font-weight: bold;
	text-align: center;
}

#resumelist TD.list_header_cell a {
color: black;
text-decoration: none;
}
#resumelist TD.list_header_cell a:hover {
text-decoration:underline;
}

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

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

}

.skill_matrix_header { 

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

}

.skill_matrix_row { 

	background-color: #FFFFff;

}


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

}

TD.info_box_head { /*header foreground, info-box-top.php template  */
	background-color: #AABBDD; /*default #C8D7E8 light blue color*/
	color: white;
	text-align: left;
	
}
TD.info_box_hed_right, TD.info_box_hed_left { /*top right and top left corners, info-box-top.php template */
	background-color: #AABBDD;

}

TD.info_box_hed_right, TD.info_box_hed_left img {
display:none;
}

TABLE.info_box_body { /*The inner table, info-box-top.php template  */
	
	background-color: #ffffff;
	border-collapse: collapse; 
	border-style: solid;
	border-color: #AABBDD;
	
	
}

/**************
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;
	padding: 5px;

}





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

*/
#advertiser_signup,  TABLE.advertiser_signup_form {

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


}

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

Application form (template: application-form.php)

*/

#app_form_table, TABLE.app_form_table {

	background-color:#BEEA9D;
	width: 100%;
	border-width: 0px;
	 

}

.app_form_table  .field_label {
	background-color:#F0F7F1;
	width: 150px;
	border-width: 0px;
	font-weight: bold;
}

.app_form_table  .field_data {
	background-color:#F0F7F1;
	border-width: 0px;
	
}

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

Employer's Email form (template: employer-email-form.php)

*/

#email_form_table, TABLE.email_form_table {

	background-color:#BEEA9D;
	width: 100%;
	border-width: 0px;
	 

}

.email_form_table  .field_label {
	background-color:#F0F7F1;
	width: 150px;
	border-width: 0px;
	font-weight: bold;
}

.email_form_table  .field_data {
	background-color:#F0F7F1;
	border-width: 0px;
	
}

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

Employer's request form (template: employer-request-form.php)

*/

#request_form_table, TABLE.request_form_table {

	background-color:#BEEA9D;
	width: 100%;
	border-width: 0px;
	 

}

.request_form_table  .field_label {
	background-color:#F0F7F1;
	width: 150px;
	border-width: 0px;
	font-weight: bold;
}

.request_form_table  .field_data {
	background-color:#F0F7F1;
	border-width: 0px;
	
}

/*

Navigation pages: <-Previous 1 | 2 | 3 | 4 | 5 Next -> 

*/

.nav_page_links {
	text-align: center;
	margin-bottom: 5px;
	
}

A.nav_page_link {
	
}

.nav_page_cur {
	font-weight: bold;


}

/*
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 jobemployers/apps.php and myjobs/apps.php */

	font-size: 10pt;

}



#login-heading-bar {
padding-top:3px; 
padding-bottom:5px;
}

#login-heading {
width: 100%; 
padding-top:1px; 
padding-bottom:1px; 
background:#aabbdd;
color:white;
} 

#login-heading a{
font-size: 18.6667px;
color: white;
}

#login-heading a:hover{
font-size: 18.6667px;
color: gray;
text-decoration:none;
}

#login-block-main{
font-family: arial; width:600px; margin: 0 auto; padding-top:20px;
}

#login-block-left { 
float:left; padding:8px;
}
#login-block-left p,a,span,div,input,legend,h1,h2,h3,h4,h5,h6,li,dd,dt,th,td{
font-family:Arial, Helvetica, sans-serif;
}
#login-block-left p,a,span,div,input,legend,li,dd,dt,th,td{
font-size:10pt;
}

#login-block-right a:hover {
color:gray;
text-decoration:underline;
font-weight:bold; 
}

#loginform {
width:300px;
margin:auto;
}
#loginform fieldset{
padding:10px;
border: solid 3px gray;
}
#loginform legend{
font-weight:bold;
font-size:9pt;
color: gray;
}
#loginform label{
display:block;
height:2em;
background-color:#E7E7E7;
padding:10px 10px 0;
}
#loginform input {
margin-right:20px;
border:1px solid #999999;
float:right;
clear:right;
background:#CCCCCC;
}
#loginform input:focus,#loginform input:hover {
border:1px solid #333333;
}
.error{
color:red;
font-weight:bold;
}


#login-block-right {
float:left; padding-left: 50px; padding-top: 40px; color:gray;
}

#login-block-right a {
color:gray;
text-decoration:none;
font-weight:bold; 
}

#login-block-right a:hover {
color:gray;
text-decoration:underline;
font-weight:bold; 
}

#forgot-pw {
}

#jobseeker-redirect"{
padding-top: 3px;
}

#employer-signup {
padding-top: 3px
}

#login-thing {
padding-top:22px;
}

#login-thing a{
color: gray;
font-weight:bold;
text-decoration:none;
}


#quick-links ul {
list-style: none;
padding: 0;
margin: 0;
font-weight: bold;
}

#quick-links li {
padding-top:7px;
}

#quick-links a {
color:gray;
text-decoration:none;
}

#quick-links a:hover {
text-decoration: underline;
} 

#iframe {
font-family: "Arial", sans-serif;
	font-size: 12px;
	}