/* -------------- GENERAL STYLES ------------------ */

html {
		font-size: 100%;
		} 

body {
		background-color: #000000; /* black */
		margin: 2px 0 20px 0;
		font-size: 62.5%;
		}

/* 
this sets up the font sizing so that 1 'em' is equal to 10px : 16px  62.5% = 10px
firefox scales px font sizes, ie doesnt
inputs also need to scale in height so that the default values can still be read 
make sure that there are background colors on cells with images so that when they expand past the image size there is some color behind them
also make background images larger than their cells so that the background can be seen when zooming
*/
table.scale tr{
		font-size: 62.5%;
		}

img {
		border: 0;
		}

form {
		margin: 0;
		}

div.hr {
		border-bottom: 1px dashed #888888;
		height: 5px;
		padding: 0;
		margin: 6px 0 10px 0;
		clear: both;
		}

div.green_hr {
		border-bottom: 1px dotted #94C3BB;
		clear: both;
		height: 5px;
		margin: 6px 0 10px 0;
		padding: 0;
		}

/* -------------- GENERAL LAYOUT ------------------ */

#main_content {
		margin-top: 15px;
		}

#left_column {
		width: 18em;
		padding: 0 0 0 0;
		}

#left_column p{
		margin: 10px 0;
		}

.side_full {
		line-height: 1.5em;
		text-align: left;
		padding: 0;
		margin: 3px 5px 0 5px;
		}

#center_column {
		padding: 0 20px 0 20px;
		}

#right_column {
		width: 18em;
		padding: 0;
		}

#right_column p{
		margin: 10px 0;
		}

/* -------------- LAYOUT STYLES ------------------ */

#container {
		width: 52em; /* approx 832px */
		}

/* -------------- TOP NAV ------------------ */

#top_nav {
		text-align: right;
		color: #ffffff; /* white */
		font-family: verdana, sans-serif;
		border: 0;
		padding: 5px;
		}

#top_nav a {
		color: #ffffff; /* white */
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		text-decoration: none;
		}

#top_nav a:hover {
		color: #ffffff; /* white */
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		text-decoration: underline;
		}
		
#top_nav h1{
		color: #ffffff; /* white */
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		text-decoration: none;
		font-weight: normal;
		display: inline; 
		float: left;
		}

#top_nav h1 a,
#top_nav h1 a:hover {
		font-size: 1em;
}

/* -------------- HEADER ------------------ */

#header {

		}

#header a{
		color: #ffffff;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		text-decoration: none;
		font-weight: normal;
		}

#header #logo {margin:10px 0 0 5px;}

#header a:hover{
		text-decoration: underline;
		}

/* -------------- PRIMARY NAV ------------------ */

div#primary_nav {
		margin: 0;
		padding: 0;
		width: 180px;
		border-top: 1px solid #555555; /* dark grey */
		border-left: 1px solid #555555; /* dark grey */
		}

		div#primary_nav a {
				display: block;
				border-bottom: 1px solid #555555; /* dark grey */
				border-right: 1px solid #555555; /* dark grey */
				background-color: #222222; /* v dark grey */
				margin: 0;
				padding: 0;
				color: #ffffff;
				font-size: 1.1em;
				font-family: verdana, sans-serif;
				text-decoration: none;
				}

		div#primary_nav a:hover {
				display: block;
				background-color: #4B8DBF; /* blue */
				color: #ffffff;
				font-size: 1.1em;
				font-family: verdana, sans-serif;
				text-decoration: none;
				cursor: pointer;
				}

		/* stretches the a to the correct size using margins not padding */
		div#primary_nav a div.menu_item  {
				width: 174px;
				margin: 0 0 0 5px;
				padding: 5px 0;
				}

				div#primary_nav div.submenu a {
						display: block;
						background-color: #777777; /* medium grey */
						margin: 0;
						color: #ffffff;
						font-size: 1.1em;
						font-family: verdana, sans-serif;
						text-decoration: none;
						}

				div#primary_nav div.submenu a:hover {
						display: block;
						background-image: none;
						background-color: #4B8DBF; /* blue */
						color: #ffffff;
						font-size: 1.1em;
						font-family: verdana, sans-serif;
						text-decoration: none;
						cursor: pointer;
						}

				/* stretches the a to the correct size using margins not padding */
				div#primary_nav div.submenu a div.menu_item  {
						width: 174px;
						margin: 0 0 0 5px;
						padding: 5px 0;
						}


		div#primary_nav a.parent_closed {
				background-image: url('../pics/menu_arrow.gif');
				background-position: 98% 80%;
				background-repeat: no-repeat;
				cursor: pointer;
				}

		div#primary_nav a.parent_open {
				background-color: #444444;
				background-image: url('../pics/menu_arrow2.gif');
				background-position: 98% 80%;
				background-repeat: no-repeat;
				cursor: pointer;
				}

		div#primary_nav div.submenu {
				display: none;
				}

/* -------------- OPTIONS MENU ------------------ */

#options_menu table {
		border-collapse: collapse;
		}

#options_menu table td {
		background-color: #222222; /* v dark grey */
		border: 1px solid #888888;
		text-align: center;
		font-family: verdana, sans-serif;
		font-size: 1.1em;
		text-decoration: none;
		color: #888888;
		}

#options_menu table td a{
		font-family: verdana, sans-serif;
		font-size: 1.1em;
		text-decoration: none;
		color: #888888;
		font-weight: normal;
		}

#options_menu table td a:hover{
		text-decoration: underline;
		}

/* -------------- SEARCH ------------------ */

#search {
		border-left: 1px solid #555555; /* dark grey */
		border-right: 1px solid #555555; /* dark grey */
		background-color: #222222; /* v dark grey */
		color: #ffffff;
		text-align: left;
		font-weight: normal;
		font-family: verdana, sans-serif;
		width: 181px;
		}

#search .input_text{
		border: 1px solid #888888;
		background-color: #555555; /* dark grey */
		margin: 3px 0;
		width: 165px;
		font-size: 1.0em;
		padding-left: 3px;
		font-family: verdana, sans-serif;
		font-weight: normal;
		color: #ffffff;
		}

#search .input_select,
#callback .input_select{
		border: 1px solid #888888;
		background-color: #555555; /* dark grey */
		margin: 3px 0;
		width: 165px;
		font-size: 1.0em;
		padding-left: 3px;
		font-family: verdana, sans-serif;
		font-weight: normal;
		color: #ffffff;
		}
		
#callback .input_select{
		margin: 6px 0;
		}

#search option{
		width: 165px;
		}

#search .input_submit{
		margin: 6px 0 0 0;
		width: 100px;
		}

/* -------------- CALLBACK ------------------ */

#callback {
		border-left: 1px solid #555555; /* dark grey */
		border-right: 1px solid #555555; /* dark grey */
		background-color: #222222; /* v dark grey */
		color: #ffffff;
		text-align: left;
		font-weight: bold;
		font-family: verdana, sans-serif;
		width: 181px;
		}

#callback .input_text {
		border: 1px solid #888888;
		background-color: #555555; /* dark grey */
		margin: 6px 0 0 0;
		width: 165px;
		font-size: 1.0em;
		padding-left: 3px;
		font-family: verdana, sans-serif;
		font-weight: normal;
		color: #ffffff;
		}

/* -------------- LOGIN ------------------ */

#login {
		border-left: 1px solid #555555; /* dark grey */
		border-right: 1px solid #555555; /* dark grey */
		background-color: #222222; /* v dark grey */
		color: #ffffff;
		text-align: left;
		font-weight: normal;
		font-family: verdana, sans-serif;
		}

#jobsoftheweek {
		border-left: 1px solid #555555; /* dark grey */
		border-right: 1px solid #555555; /* dark grey */
		background-color: #222222; /* v dark grey */
		width: 181px;
		color: #ffffff;
		text-align: left;
		font-weight: normal;
		font-family: verdana, sans-serif;
		}

#login .input_text {
		border: 1px solid #888888;
		background-color: #555555; /* dark grey */
		margin: 6px 0 0 0;
		width: 165px;
		font-size: 1.0em;
		padding-left: 3px;
		font-family: verdana, sans-serif;
		font-weight: normal;
		color: #ffffff;
		}

/* -------------- NEWS ------------------ */


table#news {
		border: 1px solid #555555;
		}

table#news tr th {
		background-color: #555555;
		padding: 4px 8px;
		font-weight: bold;
		font-family: verdana, sans-serif;
		color: #ffffff; /* white */
		text-align: left;
		}

table#news tr th a{
		font-weight: bold;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		color: #ffffff; /* white */
		text-decoration: none;
		}

table#news tr th a:hover{
		text-decoration: underline;
		}

table#news tr td {
		padding: 10px 8px;
		}

table#news tr td #latest_news tr td.news_title {
		color: #4D8CC2;
		font-weight: bold;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		padding: 0;
		}

table#news tr td #latest_news tr td.news_title a {
		color: #4D8CC2;
		font-weight: bold;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		text-decoration: none;
		}

table#news tr td #latest_news tr td.news_title a:hover {
		color: #4D8CC2;
		font-weight: bold;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		text-decoration: underline;
		}

table#news tr td #latest_news tr td.news_date {
		color: #4D8CC2;
		font-weight: bold;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		padding: 4px 0;
		}

table#news tr td #latest_news tr td.news_body {
		color: #ffffff; /* white */
		font-weight: normal;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		padding: 4px 0;
		}

table#news tr td #latest_news tr td.news_readmore {
		color: #636363;
		font-weight: bold;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		padding: 3px 2px 3px 3px;
		border-width: 1px 0 1px 0;
		border-style: dotted;
		border-color: #636363;
		}

table#news tr td #latest_news tr td.news_readmore a {
		color: #636363;
		font-weight: bold;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		text-decoration: none;
		}

table#news tr td #latest_news tr td.news_readmore a:hover {
		color: #636363;
		font-weight: bold;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		text-decoration: underline;
		}

/* -------------- FOOTER ------------------ */

#footer {
		font-size: 1.1em;
		border-top: 1px solid #444444;
		border-bottom: 1px solid #444444;
		font-family: verdana, sans-serif;
		padding: 6px 3px;
		text-align: center;
		color: #888888;
		}

#footer a {
		letter-spacing: -1px;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		color: #888888;
		text-decoration: none;
		}

#footer a:hover {
		letter-spacing: -1px;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		color: #ffffff;
		text-decoration: underline;
		}

/* -------------- COPYRIGHT ------------------ */

#copyright {
		padding: 4px;
		text-align: center;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		padding: 10px 3px;
		text-align: center;
		color: #888888;
		}

#copyright a {
		color:#888888;
		text-decoration: none;
}
#copyright a:hover {
		text-decoration: underline;
}

/* -------------- REGISTRATION ------------------ */

#registration {
		padding: 4px;
		text-align: center;
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		padding: 10px 3px;
		text-align: center;
		color: #666666;
		}

/* -------------- GENTEXT ------------------ */

.gentext {
		font-size: 1.1em;
		font-family: verdana, sans-serif;
		color: #ffffff; /* white */
		line-height: 1.5em;
		}
.gentext a {
		font-size: 1.0em;
		font-family: verdana, sans-serif;
		color: #4B8DBF; /* blue */
		font-weight: bold;
		text-decoration: none;
		}

.gentext a:hover{
		font-size: 1.0em;
		font-family: verdana, sans-serif;
		color: #4B8DBF; /* blue */
		font-weight: bold;
		text-decoration: underline;
		}

.gentext h1{
		font-size: 1.4em;
		font-weight: bold;
		font-family: verdana, sans-serif;
		color: #ffffff; /* white */
		margin: 5px 0 3px 0;
		}
		
.gentext h2{
		font-size: 1.4em;
		font-weight: bold;
		font-family: verdana, sans-serif;
		color: #ffffff; /* white */
		margin: 5px 0 3px 0;
		}

.gentext h3{
		font-size: 1.5em;
		font-weight: bold;
		font-family: verdana, sans-serif;
		color: #4B8DBF; /* blue */
		margin: 5px 0 3px 0;
		}

.gentext h4{
		font-size: 1.4em;
		font-weight: bold;
		font-family: verdana, sans-serif;
		color: #ffffff; /* white */
		margin: 5px 0 3px 0;
		}
		
.gentext .green a {
		color: #97B55F;
	}
.gentext .green a:hover {
		text-decoration: underline;
		color: #97B55F;
	}
.gentext .blue a {
		color: #6066BA;
	}
.gentext .blue a:hover {
		text-decoration: underline;
		color: #6066BA;
	}
.gentext .red a {
		color: #D06761;
	}
.gentext .red a:hover {
		text-decoration: underline;
		color: #D06761;
	}
.gentext .purple a {
		color: #9E3B98;
	}
.gentext .purple a:hover {
		text-decoration: underline;
		color: #9E3B98;
	}
			
/* -------------- EOF ------------------ */

.list tr td {
		border-bottom: 1px dashed #555555;
		padding: 5px;
		}
.list tr.odd td {
		background-color: #202020;
		}
.list tr.even td {
		background-color: #101010;
		}


.list2 {
		border-top: 1px solid #555555;
		border-left: 1px solid #555555;
		}
.list2 tr th {
		background-color: #404040;
		border-bottom: 1px dashed #555555;
		border-right: 1px solid #555555;
		padding: 5px;
		}
.list2 tr td {
		border-bottom: 1px dashed #555555;
		border-right: 1px solid #555555;
		padding: 5px;
		}
.list2 tr.odd td {
		background-color: #202020;
		}
.list2 tr.even td {
		background-color: #101010;
		}


.txt_input{
		border: 1px solid #888888;
		background-color: #555555; /* dark grey */
		margin: 3px 0;
		width: 295px;
		font-size: 1.1em;
		padding-left: 3px;
		font-family: verdana, sans-serif;
		font-weight: normal;
		color: #ffffff;
		}

.txt_input2{
		border: 1px solid #888888;
		background-color: #555555; /* dark grey */
		margin: 3px 0;
		font-size: 1.0em;
		padding-left: 3px;
		font-family: verdana, sans-serif;
		font-weight: normal;
		color: #ffffff;
		}


a.whitelink,
a.whitelink:hover {
	color: #ffffff; /* white */
}


/* RHB : latest Vacancies */

.vacancy {
		border-top: 1px solid #555555;
	}
		.vacancy .description {
			padding: 2px 5px 0 5px;
		}
		.vacancy h4 {
			margin: 0px;
			font-size: 1em;
			font-family: verdana, sans-serif;
			color: #333333;
			line-height: 1.5em;
		}
		.vacancy a {
			color: #fff; 
		}
		.vacancy .view_details {
			border-top: 1px dotted #555555;
			padding: 2px 5px;
			text-align: right;
			color: #4B8DBF;
		}
		.vacancy .view_details a{
			color: #4B8DBF;
		}
		.odd {
			background-color: #222222;
		}
		.odd .description {
			background-image: url('../pics/latest_bg.gif');
			background-repeat: no-repeat;
			background-position: 96% 80%;
		}
		.even {
			background-color: #0C0C0C;
		}
		.even .description {
			background-image: url('../pics/latest_bg.gif');
			background-repeat: no-repeat;
			background-position: 96% 80%;
		}

/* Vancancies HomePage */

.vacancyHomepage {
	border-top: 1px solid #555555; /* dark grey */
	border-left: 1px solid #555555; /* dark grey */
	border-right: 1px solid #555555; /* dark grey */
	background-color: #222222; /* v dark grey */
	color: #ffffff;
	text-align: left;
	font-weight: normal;
	font-family: verdana, sans-serif;
	border-collapse: collapse;
}
		.vacancyHomepage .title {
			background-color: #555555;
			padding: 4px 5px;
			font-weight: bold;
			font-family: verdana, sans-serif;
			color: #ffffff; /* white */
			text-align: left;
			font-size: 1.1em;
		}.
		.vacancyHomepage .description {
			padding: 2px 5px 0 5px;
		}
		.vacancyHomepage h4 {
			margin: 0px;
			font-size: 1em;
			font-family: verdana, sans-serif;
			color: #333333;
			line-height: 1.5em;
			font-size: 1.1em;
		}
		.vacancyHomepage a {
			color: #fff; 
		}
		.vacancyHomepage .view_details {
			border-bottom: 1px dotted #555555;
			padding: 2px 5px;
			text-align: right;
			color: #4B8DBF;
			font-size: 1.1em;
		}
		.vacancyHomepage .view_details a{
			color: #4B8DBF;
			font-size: 1.1em;
		}
		.vacancyHomepage .odd {
			background-color: #222222;
		}
		.vacancyHomepage .odd .description {
			background-image: url('../pics/latest_bg.gif');
			background-repeat: no-repeat;
			background-position: 96% 80%;
			padding: 3px 5px 3px 5px;
			font-size: 1.1em;
		}
		.vacancyHomepage .even {
			background-color: #222222;
		}
		.vacancyHomepage .even .description {
			background-image: url('../pics/latest_bg.gif');
			background-repeat: no-repeat;
			background-position: 96% 80%;
			padding: 3px 5px 3px 5px;
			font-size: 1.1em;
		}

.quickJobLinks {
	/*border-top: 1px solid #555555; /* dark grey */
	/*border-left: 1px solid #555555; /* dark grey */
	/*border-right: 1px solid #555555; /* dark grey */
	/*background-color: #222222; /* v dark grey */
	color: #ffffff;
	text-align: left;
	font-weight: normal;
	font-family: verdana, sans-serif;
	border-collapse: collapse;
	font-size: 1em;
}
.quickJobLinks span a {
	font-weight: bold;
}
.quickJobLinks span a:hover {
	font-weight: bold;
}
.quickJobLinks a {
	color: #ffffff;
	text-align: left;
	font-weight: normal;
	font-family: verdana, sans-serif;
	font-size: 1em;
}
.quickJobLinks a:hover {
	font-weight: normal;
}

#viewAlljobs {
		border-top: 1px solid #555555;
		padding: 5px;
		text-align: center;
		font-size: 1.1em;
}
#viewAlljobs a{
			color: #fff; 
}

#readjobOfTheWeek {
		border-top: 1px solid #555555;
		padding: 5px;
		text-align: center;
		color: #4B8DBF;
}

.about {
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 5px;
}

#spiderscope {position:relative;}
#spiderscope div {text-align:center;line-height:13px;font-size:10px;}
#spiderscope div a {color:#888888;font-weight:normal;font-size:10px;}

.bookmark {background-image:url(../pics/bookmark.gif);background-repeat:no-repeat;height:57px;text-align:center;}
.bookmark div {padding-top:30px;}

.square_links {width: 350px;}
.square_links a {display: block; width: 22px;height: 22px;line-height: 22px;text-align: center;float: left;background-color: #555555;border: 1px solid #777;margin-right: 2px; margin-bottom: 2px; color: #fff}
.square_links a:hover {background-color: #4B8DBF;color: #fff;text-decoration: none;}
.square_links a.disabled {color: #888;cursor: default;}
.square_links a.disabled:hover {background-color: #777777;}


div.ul {margin:15px 0;}
div.ul div.li {background-image:url(../pics/li.gif);background-repeat:no-repeat;background-position:0 8px;line-height:20px;margin-left:10px;padding-left:15px;}

.sectorLoc {padding: 5px; margin-top: 15px; border: 1px solid #444444;}
.sectorLocLink {padding-left: 5px;}



.clear {clear:both;height:1px;overflow:hidden;}
#socialLinks {position:relative;top:-10px;left:0;color:#fff;margin-bottom:15px;}
	#twitter {width:440px;font-size:11px;font-family:verdana, arial, sans-serif;border:1px solid #555555;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
		#twitter-link {float:left;display:block;margin-right:10px;padding:1px 0 0 5px;}
		#twitter_update_list {margin:0;padding:0;width:350px;line-height:18px;float:left;overflow:hidden;}
			#twitter_update_list li {list-style-type:none;line-height:18px;height:18px;}
				#twitter_update_list li a {}
	#left_column,
	#center_column,
	#right_column {padding-bottom:10px;}
	#linkedIn {position:absolute;top:0;left:0;}
	#twitter {position:absolute;top:0;left:200px;}	
	#facebook {position:absolute;top:0;right:0;}

#socialIcons {text-align:center;padding:10px 0 6px 0;border-top:1px solid #555555;border-bottom:1px solid #555555;}


.newsPanel {background-color:#2E2E2E;margin:10px 0;padding:5px;background-repeat:no-repeat;}
	.newsPanel a {display:block;padding-left:25px;}
	.news67 {background-image:url(../pics/icon_a_red.gif);}
	.news68 {background-image:url(../pics/icon_a_purple.gif);}
	.news69 {background-image:url(../pics/icon_a_blue.gif);}
	.news70 {background-image:url(../pics/icon_a_blue.gif);}