﻿html, body, form
{
	margin-top: 2px;
}
body 
{
	font-family: Tahoma, Arial;
	font-size: .8em;
	background-color: #eee;
}
a 
{
	color: #ff8317;
}
a:hover
{
	color: #dC5923;
}
ul 
{
	xlist-style-image: url(../images/decor_triangle.gif);
}
/* main page headings */
h1 
{
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: bold;	
}
/* The non bold part of a heading "find the PERFECT JOB" or "CURRENT vacancies" */
h1 span.faint
{
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 1.0em;
	font-weight: normal;	
}
/* sub headings */
h2 
{
	font-size: 1.1em;
	font-weight: normal;
	margin-top: -10px;
	margin-bottom: 10px;
}
hr 
{
	height: 1px;
}


/* - TEMPLATE MAIN STRUCTURE ---------- */
#template_page 
{
	width: 778px;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #000;
}
	#template_header_top 
	{
		background: url(../images/template_logo.jpg) no-repeat; 
	}
		#header_logo_container 
		{
			height: 61px;
		}
		#header_main_links 
		{
		}

	.template_header_home
	{
		
	}

	.template_header_bottom 
	{
		height: 312px;
	}
		#header_bottom_gotseat
		{
			background: url(../images/home_got_a_seat.jpg) no-repeat; 
		}
			#header_bottom_gotseat img
			{
				margin-top: 143px; 
			}
		#header_bottom_search
		{
			background: url(../images/bg_template_advsearch.jpg) no-repeat; 
		}
			#header_bottom_search .form_title
			{
				font-size: .85em;
				font-weight: bold;
			}
			#header_bottom_search .textbox
			{
				width: 203px;
				margin-bottom: 5px;
			}
			#header_bottom_search .dropdown
			{
				width: 208px;
				margin-bottom: 5px;
			}
			#header_bottom_search .radio
			{
				float: left;
				width: 80px;
			}
			#header_bottom_search .radio label
			{
				font-weight: normal;
				display: inline;
			}
			#header_bottom_search .searchbutton
			{
				float: right;
				margin-top: 10px;
				margin-right: -15px;
			}
				.quicksearch 
				{
					float: left;
					position: relative;
					height: 252px;
					width: 195px;
					padding: 20px 30px 20px 30px;
				}
				.quicksearch .search_title
				{
					font-weight: bold;
					color: #fff;
					font-size: 1.1em;
					margin-bottom: 5px;
				}
				.quicksearch label 
				{
					font-size: .85em;
				}
				.quicksearch #radlst label
				{
					display: inline;
					font-weight: normal;
					font-size: .9em;
				}
				
				.quicksearch .searchbutton
				{
					float: right;
					position: absolute;
					top: 255px;
					right: 28px;
				}
				.headersearch_togglelinks 
				{
					float: left;
					color: #fff;
					padding: 20px;
				}
				.headersearch_togglelinks a
				{
					color: #0048cc;
				}
				.headersearch_togglelinks a:hover
				{
					color: #fff;
				}
				
				#search_category_filter 
				{
					margin: 20px 10px 10px 10px;
					padding: 10px 10px 10px 0px;
					width: 480px;
					_width: 470px;
					height: 205px;
					float: left;
				}
					#search_category_filter #refine_message
					{
						font-size: 1.1em;
						font-weight: bold;
						color: #fff;
						margin-bottom: 5px;	
					}
					#search_category_filter #category_title
					{
						font-size: 1.1em;
						color: #000;
					}
					#search_category_filter #category_title a
					{
						font-size: 1.1em;
						font-weight: bold;
						text-decoration: underline;
						color: #000;
					}
					#search_category_filter #category_title a:hover
					{
						color: #0048cc;
					}
					#search_category_filter #category_list 
					{
						margin-top: 10px;
					}
					#search_category_filter a
					{
						color: #fff;
						font-weight: bold;
						text-decoration: none;
					}
					#search_category_filter a:hover
					{
						text-decoration: underline;
					}
					#search_category_filter .job_count
					{
						color: #fff;
						font-weight: normal;
						font-size: .9em;
					}
				#advancedsearch 
				{
					float: left;
					height: 252px;
					width: 440px;
					padding: 30px;
				}
	/* Wraps content div to give illusion of a full length left column */
	#template_wrapper_leftcol 
	{
		float: left;
		background: #fff url(../images/bg_template_leftcol.jpg) repeat-y left;
		/* Please note: this image contains 1 extra pixel on the right side to carry on the  */
		/* right border for this column. If you are changing the border color, you must also change this image */
	}	
	#template_content
	{
		float: left;
		border-top: solid 1px #fff;
	}
		#template_col_left 
		{
			float: left;
			width: 209px;
			overflow: hidden;
			border-top: solid 1px #008aff;
			border-right: solid 1px #008aff;
		}
		#template_col_content
		{
			float: left;
			width: 568px;
			border-top: solid 1px #008aff;
		}
			/* The main body content for a page */
			.sec_body 
			{
				padding: 10px;
			}
			
	#template_fix 
	{
		clear: both; 
	}
	#template_footer 
	{
		margin-top: 10px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		color: #999;
		font-size: 1em;
	}
	#template_footer a
	{
		color: #999;
		font-size: 1em;
	}
	#template_footer a:hover
	{
		color: #000;
	}
	#footer_copy 
	{
		color: #000;
		margin-top: 5px;
	}
/* - TEMPLATE MAIN STRUCTURE END ------ */




/* - SECTIONS (BOXES) ---------- */
#sec_login 
{

}
	#sec_login_body 
	{
		height: 107px;
		padding: 7px;
		background: url(../images/bg_template_login.jpg) repeat-x;
		font-size: .8em;
	}
	#login_fields 
	{
		margin-top: 5px;
	}
		#login_fields .textbox
		{
			margin-top: 3px;
			width: 189px;
		}
		#login_buttons 
		{
			margin-top: 4px;
		}
			#login_buttons a 
			{
				float: left;
			}
			#login_buttons input 
			{
				float: right;
				margin-top: 2px;
			}
			
	#logged_in_message #uid_message 
	{
		font-size: 1.4em; 
	}
	#logged_in_message #useful_links 
	{
		margin-top: 15px;
	}
	#useful_links  
	{
		width: 180px;
		margin-left: 10px;
	}
	#useful_links table 
	{
		width: 190px;
		text-align: left;
	}
	#useful_links a 
	{
		text-decoration: underline;
	}
#sec_jotd 
{

}
	#sec_jotd .boldlink
	{
		font-size: 1em;
	}
	.jotd_info 
	 {
		color: #333;
		margin-top: 15px;
		margin-bottom: 8px;
		font-size: .85em;
		font-weight: bold;
		text-align: center;
	 }
	#sec_jotd_body 
	{
		min-height: 172px;
		height: auto;
		_height: 172px;
		padding: 5px 5px 5px 10px;
		background: url(../images/bg_template_jotd.jpg) repeat-x; 
	}
#sec_potd 
{

}
	#sec_potd_body 
	{
		height: 163px;
		padding: 10px;
		background: url(../images/bg_template_potd.jpg) no-repeat; 
	}
/* List item for job /profile of the day */
.otd_list 
{
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	font-size: .85em;
}
	.otd_list li
	{
		margin-top: 10px;
	}

#sec_quicklinks 
{
}
	#sec_quicklinks_body 
	{
		height: auto;
		min-height: 237px;
		_height: 237px;
		padding: 10px;
		background: url(../images/bg_template_quicklinks.jpg) repeat-x; 
	}
		.quicklinks_list 
		{
			margin: 0px;
			margin-left: 10px;
			padding: 0px;
			font-size: .9em;
		}
		.quicklinks_list li
		{
			margin-top: 10px;
			padding-bottom: 10px;
			border-bottom: solid 1px #aaa;
		}
		.quicklinks_list li a
		{
			font-weight: bold;
			color: #000;
			text-decoration: none;
		}
		.quicklinks_list li a:hover
		{
			color: #dC5923;
			text-decoration: underline;
		}

#designer_stamp 
{
	text-align: center;
	margin-top: 5px;
	font-size: .85em;
}
	#designer_stamp a
	{
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
	#designer_stamp a:hover
	{
		text-decoration: underline;
	}
/* - SECTIONS (BOXES) END ---------- */




/* - GLOBAL ELEMENTS ---------- */

/* Small links in the header, About, Help, Contact */
#header_small_links
{
	padding-top: 10px;
	padding-left: 10px;
	color: #fff;
	font-size: .8em;
}
#header_small_links a
{
	color: #fff;
}
#header_small_links a:hover
{
	color: #115D88;
}

/* The bar containing the title for that section (example: "Search for a job")*/
.sec_header
{
	height: 16px;
	line-height: 16px;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	border-bottom: solid 1px #7ba7cd;
	background: url(../images/bg_sec_head.jpg) repeat-x;
}
	.sec_header .sec_head_decor
	{
		float: left;
		height: 16px;
		width: 10px;
		background: url(../images/sec_head_square.jpg) no-repeat;
		margin-left: 5px;
		margin-right: 3px;
	}

/* larger links */
a.boldlink
{
	font-size: 1.1em;
	font-weight: bold;
	color: #0048cc;
	text-decoration: none;
}
a.boldlink:hover
{
	color: #115D88;
	text-decoration: underline;
}

/* example: "back to links" or "back to articles" */
.backlink 
{
	margin-top: 10px;
}
/* div containing the pager control for result grids */
.pagerContainer 
{
	text-align: right;
	color: #bbb;
}
.pagerContainer a
{
	text-decoration: none;
	color: #1847ff;
}
/* Example: "There are no items to display" */
.no_items_message 
{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #115D88;
	font-weight: bold;
}
.instruct 
{
	font-style: italic;
}
.info 
{
	font-size: .85em;
}
/* - GLOBAL ELEMENTS END ------ */


/* - FORM ELEMENTS ------------ */
#alertMessage 
{
	padding: 5px;
	margin-bottom: 10px;
	color: #c31111;
	font-size: 1.1em;
	border: solid 1px #c31111;
	background-color: #d8baba;
}
.error_message 
{
	color: #c31111;
	font-weight:bold;
}
.form_buttons 
{
	margin-top: 20px;
}
label 
{
	font-weight: bold;
	display: block;
}
.form_section_top 
{
	border-bottom: solid 1px #A0D3FF;
	padding: 0px 15px 25px 15px;
}
.form_section 
{
	border-bottom: solid 1px #A0D3FF;
	padding: 25px 15px 25px 15px;
}
.inputText 
{
	width: 400px;
	font-family: Tahoma, Arial;
}
.dropdown 
{
	width: 300px;
	margin-top: 3px;
}
.inputTextDOB 
{
	width: 50px;
	font-family: Tahoma, Arial;
}
/* - FORM ELEMENTS END -------- */

.quickLinkTopLink
{	
	margin-left:25px;
}

	.quickLinkTopLink A
	{
		color:#ff8317;
		text-decoration:none;
	}

	.quickLinkTopLink A:hover
	{
		color:#dC5923;
		text-decoration:none;
	}

.quickLinkTopDescription
{
	color:#000000;
	margin-bottom:5px;
	margin-left:40px;
}

.quickLinkTopBoxLeft
{
	float:left;
	width:50%; 
	border-right: solid 1px #ffffff;
}

.quickLinkTopBoxRight
{
	float:left;
	width:48%;
}

.broadBeanHolder
{
	text-align:center;
	margin-bottom:5px;
}

#current_vacancies
{
	background-color:#ffffff;
	color:#000000;
	font-size:0.8em;
}

#current_vacancies a
{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

#current_vacancies #results
{
	padding:5px 0px 10px 5px;
}

#featured_articles
{
	background-color:#ffffff;
	color:#000000;
	font-size:0.8em;
	padding:10px;
}
