/*

Created by Exponetic Ltd
team@exponetic.com

*/

body
{
	font-family: verdana, arial, sans-serif;
	font-size: 11pt;
	color: #666;
	margin: 0 0;
	background-color: #fff;
	text-align: center;
}

#page
{
	width: 740px;
/*	border: 1px solid #00f; */
	background-color: #eee;
	padding: 40px 10px 0 10px;
	text-align: left;
	margin: 0 auto 0 auto;
}

#flashcontent
{
	height: 93px;
	width: 405px;
	font-size: 0.7em;
	margin: 0 0 10px 0;
}

#header
{
	/*border: 1px solid #0f0;*/
	margin: 0;
}

	#header h1
	{
		/*border: 1px solid #f00;*/
		float: right;
		font-size: 0px;													/* redundancy */
		overflow: hidden;												/* to fix     */
		background-repeat: no-repeat;									/* IE 5 win bug */
		height: 0px !important; /* for most browsers */
		margin: 0px; /*Chris's WinIE hack to make content align*/
		padding: 115px 0 0 0;
		width: 308px;
		text-indent: -9000px; 
		background-image: url("/_img/template/logo_new.gif"); 
		height /**/:115px; /* for IE5.5's bad box model */
	}
	

	
	#header ul
	{
		/*border: 1px solid #f00;*/
		list-style-type: none;
		width: 405px;
		margin: 0;
		padding: 0;
		height: 10px; /* arbitrary height which is less than or equal to the height of the tabs */
		

	}
	
		#header ul li
		{
			/*border: 1px solid #00f;*/
			
		}
		
		#header ul li#job_search,
		#header ul li#submit_cv,
		#header ul li#jobs_by_email,
		#header ul li#refer_a_friend
		{
			text-align: center;
			/*border: 1px solid #0f0;*/
			font-family: arial, sans-serif;
			float: left;
			margin: 0 7px;
			padding: 0;
		}

		#header ul li#job_search /* overrides left margin (from margin settings above) of job search button so it's flush-left with the rest of the page */
		{
			margin-left: 0;
		}
		
		#header ul li#refer_a_friend /* overrides left margin (from margin settings above) of job search button so it's flush-left with the rest of the page */
		{
			margin-right: 1px;
		}
						
			#header ul li#job_search a,
			#header ul li#submit_cv a,
			#header ul li#jobs_by_email a,
			#header ul li#refer_a_friend a
			{
				/*border: 1px solid #00f;*/
				float: left;
				font-size: 0.8em;
				font-weight: bold;
				padding: 5px 10px;
				margin: 0;
				color: #fff;
				text-decoration: none;
				background: #47652f url(/_img/template/tab_bg.jpg) repeat-x;
				border-bottom: 1px solid #47652f;

				position: relative;
				z-index: 1000;
				bottom: -1px;
			}
			
				#header ul li#job_search a:hover,
				#header ul li#submit_cv a:hover,
				#header ul li#jobs_by_email a:hover,
				#header ul li#refer_a_friend a:hover
				{
					text-decoration: underline;
				}
			
			#header ul li#job_search a.selected,
			#header ul li#submit_cv a.selected,
			#header ul li#jobs_by_email a.selected,
			#header ul li#refer_a_friend a.selected
			{
				background: #fff;
				border-top: 1px solid #111;
				border-left: 1px solid #111;
				border-right: 1px solid #111;
				border-bottom: 0;
				color: #111;
			}
			
			#header ul li#are_you_game,
			#header ul li#about_us
			{
				font-size: 8pt;
				position: absolute;
				top: 12px;
				float: none;
				clear: both;
				letter-spacing: 0.3em;
				
			}
			
			#header ul li#about_us
			{
				margin: 0 0 0 10px;
			}
			
			#header ul li#are_you_game
			{
				width: 20em;
				text-align: right;
				margin: 0 0 0 500px;
			}
			
				#header ul li#about_us a,
				#header ul li#are_you_game a
				{
					text-decoration: none;
					color: #1d4200;
				}

				#header ul li#about_us a:hover,
				#header ul li#are_you_game a:hover
				{
					text-decoration: underline;
					color: #c00;
				}

				#header ul li#are_you_game a
				{
					
				}

#footer
{
/*	border: 1px solid #00f; */
	clear: both;
}
				
	#footer p
	{
		color: #fff;
		font-size: 70%;
		font-weight: bold;
		padding: 0;
		margin: 0;
		line-height: 2em;
	}
	
		#footer p a
		{
			color: #fff;
			text-decoration: none;
		}
		
			#footer p a:hover
			{
				text-decoration: underline;
			}
		
		#footer p#copyright
		{
			background-color: #252b4d;
			width: 400px;
			height: 93px;
			margin: 0;
		}
		
		#footer p#exponetic
		{
			text-align: right;
			background-color: #1d4200;
			width: 308px;
			height: 93px;
			float: right;
			margin: 0;
			clear: both;
		}
	
		.clearBoth
		{
			clear: both;
		}
	
/* Individual page definitions */

.content
{
	border: 1px solid #111;
	background-color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	
	
}

	.content #copy /* some of this is overridden below for pages with portrait photographs */ 
	{
	/*	border: 1px solid #f00; */
		width: 340px;
		margin: 20px 0px 0px 360px;
	}

	.content a
	{
		color: #1d4200;
		
	}

		.content a:hover
		{
			color: #c00;
			
		}
	
	.content table
	{
		border: 0;
	}

		.content table td
		{
			border: 0;
			font-size: 0.8em;
		}
	
		.content img
		{
			
			float: left;
			margin: 20px;
		}

	.content p,
	.content ul li,
	.content address
	{
		margin: 5px 0;
		font-size: 0.7em;
		font-style: normal;
		line-height: 160%;
		
	}
	
	.content ul
	{
		padding: 0;
		margin: 0;
	}
		.content ul li
		{
			padding: 0;
			margin: 0;
			margin-left: 20px;
			list-style-type: square;
		}

	.content h2
	{
		color: #252b4d;
		font-size: 0.9em;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	.content h3
	{
		color: #888;
		font-size: 0.8em;
		font-weight: bold;
		margin: 15px 0 5px 0;
		font-weight: bold;
		padding: 0;		
	}
	
	.content .error
	{
		color: #900;
		
	}

/* Forms */
.content form
{
/*	border: 1px solid #0f0; */
	margin: 0;
	
}
.content form fieldset
{
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	
/*	border: 1px solid #0f0; */
}
.content form fieldset.buttons
{
	text-align: right;
	margin-right: 116px;
	margin-top: -10px;
}
.content form fieldset#positions
{
	margin-bottom: 5px;
}
.content form fieldset#positions p input.checkbox
{
	margin-left: 0;
}
.content form fieldset p
{
	
}
.content form fieldset p label
{
	top: 3px;
	float: left;
	width: 7em;
	font-size: 110%;
	margin-bottom: 4px;
}
.content form fieldset#positions p label#positions
{
/*	border: 1px solid #0f0; */
	width: 100%;
}
.content form fieldset p label.checkboxLabel, 
.content form fieldset p label.radioLabel
{
	float: none;
	display: inline;
	margin-right: 10px;
	vertical-align: top;
}
.content form fieldset p input.text, 
.content form fieldset p input.password
{
	width: 274px;
}
.content form fieldset p select
{
	width: 280px;
}
.content form fieldset p.frequency label.main
{
	height: 4em;
}

.subLabel
{
	font-size: 0.8em;
	line-height: 100%;
	font-style: italic;
}

.content form fieldset p.frequency span
{
	float: left;
	width: 300px;
	margin-bottom: 3px;
}
.content form fieldset p.frequency span input.radio
{
	margin-left: 0;
}
.content form fieldset p.frequency span select#frequencyWeeklyDay
{
	width: 100px;
}


/* positioning overrides for pages containing a portrait photograph */

.content#page_refer_a_friend #copy,
.content#page_jobs_by_email #copy,
.content#page_job_search #copy
{
	margin-left: 240px;
	width: 460px;
}

/* About us - Home page */

	.content#page_about_us #copy
	{
	/*	border: 0; */
		width: 680px;
		height: 430px;
		margin: 0 20px 20px 20px;
		padding-top: 20px;
	}
	
	.content#page_about_us img
	{
		position: absolute;
		top: 400px;
		margin-left: 380px;
	}
	
	#page_about_us #copy_contact_us
	{
	/*	border: 1px solid #f00; */
		text-align: center;
		position: absolute;
		top: 440px;
		margin-left: 80px;
	}

/* Job search */
#page_job_search
{


}

	#page_job_search form
	{
		
	}

	#page_job_search table
	{
		
		width: 478px;
		font-size: 75%;
	}
	#page_job_search #details
	{
		margin-bottom: 10px;
	}
	#page_job_search #details p
	{
		margin: 0;
		font-weight: bold;
	}
	#page_job_search #details p .label
	{
		float: left;
		width: 7.5em;
		font-weight: normal;
	}

	#page_job_search form fieldset.buttons
	{
		text-align: left;
		margin: 0;
	}
	
	
/* Jobs by Email */

#page_jobs_by_email
{

}

/* Refer a frend */
form#referralForm
{
	
}
form#referralForm fieldset p
{
	margin-bottom: 10px;
}
form#referralForm fieldset p label
{
	width: 11.5em;
}
form#referralForm fieldset.buttons
{
	margin-right: 65px;
	margin-top: 10px;
}

/* Submit CV */



/* refer a friend */ 

#page_refer_a_friend
{

}

/* are you game ? */

#page_are_you_game
{

}