@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../imgs/bg.gif);
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color:#004600;
	text-decoration:none;
}

a:hover {
	color: #000000;
	text-decoration:underline;
}

a:active {
	color: #000000;
}

.town_list {display:none; position:absolute; right:0; top:100px; text-align:right; width:160px; height:260px; z-index:1; color:#000;}

/******** Header ********/
#flashtopnav {
	position:relative;
	width:570px;
	height:90px;
	z-index:8;
	left:321px;
	top:43px;
	padding:2px;
	padding-top:5px;
	overflow:hidden;
	text-align:right;
	vertical-align:bottom;
}	

#TopNavBar {
	position:relative;
	width:546px;
	height:32px;
	z-index:12;
	top: -85px;
	left: 300px;
}

#Clock {
	position:relative;
	font-size:10px;
	width:154px;
	height:12px;
	z-index:11;
	left: 16px;
	top: -112px;
	color:#FFFFFF;
	text-align:center;
}

#topmenu {
	position:relative;
	width:872px;
	height:16px;
	z-index:9;
	left: 16px;
	top: 4px;
	font-size:11px;
	color:#FFFFFF
}

#train2game {
	position:relative;
	float:right;
	text-align:right;
	width:300px;
}

#train2game b {
	position:absolute;
	right:100px;
	top:15px;
}

/******** Right Nav ********/
#categories {
	position:relative;
	width:220px;
	height:290px;
	z-index:2;
	left: 40px;
	top: 40px;
	padding:5px;
	overflow:auto;
	padding:2px;
	font-size:11px;
	list-style-type:disc;
}

#categories li:hover {
	list-style-image:url(/imgs/arrow.gif);
}	

#logins {
	position:relative;
	left:10px;
	top:86px;
	width:252px;
	height:25px;
}

#logos {
	position:relative;
	left:10px;
	top:96px;
	width:252px;
	height:25px;
}

/******** Main Content ********/
#maincontentcontainer {
	padding:5px;
	height:500px;
	overflow:auto;
}

#maincontentcontainer p {
	text-align:justify; 
	font-size:12px;
	margin-bottom:4px;
}

#biopics {
	text-align:center;
	padding-top:200px;
}

#biopics img {
	filter:alpha(Opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	border:1px solid #006633;
}

#biopics img:hover {
	filter:alpha(Opacity=99);
	opacity: 1.0;
	-moz-opacity:1.0;
}

/* Main Content Backgrounds */
#commercial {
	background-image:url(/bios/images/comms_bg.jpg);
	background-repeat:no-repeat;
}

#creative {
	background-image:url(/bios/images/creative_bg.jpg);
	background-repeat:no-repeat;
}

#devman {
	background-image:url(/bios/images/devman_bg.jpg);
	background-repeat:no-repeat;
}

#programming {
	background-image:url(/bios/images/programming_bg.jpg);
	background-repeat:no-repeat;
}

#recruitment {
	background-image:url(/bios/images/recruitment_bg.jpg);
	background-repeat:no-repeat;
}

#testtranslate {
	background-image:url(/bios/images/test_bg.jpg);
	background-repeat:no-repeat;
}

#loginbg {
	background-image:url(/imgs/login.png);
	background-repeat:no-repeat;
	height:420px;
/*	padding-left:30px;
	padding-right:30px; */
	color:#FFFFFF;
	font-weight:bold;
}

#loggedinlayer {
	background-color:#FFFFFF;
	height:320px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:160px;
	color:#000000;
	width:620px;
}

#clientsbg {
	background-image:url(/imgs/clients.png);
	background-repeat:no-repeat;
	height:300px;
	padding-left:125px;
	padding-top:150px;
}

#candidatesbg {
	background-image:url(/imgs/candidates.png);
	background-repeat:no-repeat;
	height:300px;
	padding-top:150px;
}

#register5bg {
	background-image:url(/imgs/step5.jpg);
	background-repeat:no-repeat;
	padding-top:45px;
	height:555px;
}

/***** Login Pages ****/
#loginbg #loginbuttons {
	position:relative;
	top:140px;
	left:200px;
	width:300px;
}

#loginfields {
	position:relative;
	top:-20px;
	left:140px;
	width:200px;
}

/*** Form Styles ***/

#mainformcontainer {
	padding:5px;
	height:840px;
	overflow:auto;
	font-size:11px;
}

#mainformcontainer td {
	text-align:left;
}

#required {
	float:right;
	font-size:9px;
	color:#FF0000;
}

.requiredfield {
	background-color:#fcadad;
}

.widetextbox {
	width:60px;
}

#areas {
float:left;
width: 160px;
text-align:left;
}

#areas2 {
float:left;
width: 200px;
text-align:left;
}

b.atop, b.abottom{display:block;background: #fff}
b.atop b, b.abottom b{display:block;height: 1px;
    overflow: hidden; background: #006600}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.atop b.r4, b.abottom b.r4{margin: 0 1px;height: 2px}



b.rtop, b.rbottom{display:block;background: #fff}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #006600}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#centerwrapper { 
 width:100%; 
 margin:0 auto; 
 overflow:hidden;
 color:#fff;
 background-color:#fff;
} 

#centerwrapper a { text-decoration:none;color:#fff;}

#centerwrapper div {
float:left;
width:118px;
border:4px #fff solid;  
float:left; 
background-color:#006600; 
} 

/**** Popup Windows ****/
#JobPopupBg {
	background-image:url(/imgs/job_console.png);
	margin:0px;
	height:500px;
	width:720px;
	padding-top:110px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:30px;
}
#JobPopupContainer {
	height:470px;
	width:700px;
	padding-right:20px;
	overflow:auto;
}

#emaillist {
	position:absolute;
	width:772px;
	height:359px;
	z-index:1;
	left: 14px;
	top: 151px;
	overflow: scroll;
}
#joblist {
	position:absolute;
	width:772px;
	height:359px;
	z-index:1;
	left: 14px;
	top: 151px;
	overflow: scroll;
}

/**** Sitemap ****/
.menulist{
	margin:0px;
	padding:0px;
	width:100%;
}

#sitemap li{
	list-style:inside;
	list-style-type:square;
	margin-bottom:8px;
}

#sitemap a{
	text-decoration:underline;
}

/*** Register Map ***/

#popup {
	z-index:1;
	font-size:14px;
	color:#FFFFFF;
	padding:2px;
	font-weight:bold;
}

#uklocal1 {
	position:absolute;
	top:150px;
	left:360px;
	width:15px;
	height:15px;
}

#uklocal1 a #popup {
	display:none;
}

#uklocal1 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal2 {
	position:absolute;
	top:220px;
	left:400px;
	width:15px;
	height:15px;
}

#uklocal2 a #popup {
	display:none;
}

#uklocal2 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal3 {
	position:absolute;
	top:255px;
	left:382px;
	width:15px;
	height:15px;
}

#uklocal3 a #popup {
	display:none;
}

#uklocal3 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal4 {
	position:absolute;
	top:275px;
	left:347px;
	width:15px;
	height:15px;
}

#uklocal4 a #popup {
	display:none;
}

#uklocal4 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal5 {
	position:absolute;
	top:322px;
	left:452px;
	width:15px;
	height:15px;
}

#uklocal5 a #popup {
	display:none;
}

#uklocal5 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal6 {
	position:absolute;
	top:395px;
	left:452px;
	width:15px;
	height:15px;
}

#uklocal6 a #popup {
	display:none;
}

#uklocal6 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal7 {
	position:absolute;
	top:415px;
	left:426px;
	width:15px;
	height:15px;
}

#uklocal7 a #popup {
	display:none;
}

#uklocal7 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal8 {
	position:absolute;
	top:410px;
	left:400px;
	width:15px;
	height:15px;
}

#uklocal8 a #popup {
	display:none;
}

#uklocal8 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal9 {
	position:absolute;
	top:405px;
	left:510px;
	width:15px;
	height:15px;
}

#uklocal9 a #popup {
	display:none;
}

#uklocal9 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal10 {
	position:absolute;
	top:425px;
	left:452px;
	width:15px;
	height:15px;
}

#uklocal10 a #popup {
	display:none;
}

#uklocal10 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal11 {
	position:absolute;
	top:445px;
	left:480px;
	width:15px;
	height:15px;
}

#uklocal11 a #popup {
	display:none;
}

#uklocal11 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal12 {
	position:absolute;
	top:470px;
	left:460px;
	width:15px;
	height:15px;
}

#uklocal12 a #popup {
	display:none;
}

#uklocal12 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal13 {
	position:absolute;
	top:485px;
	left:540px;
	width:15px;
	height:15px;
}

#uklocal13 a #popup {
	display:none;
}

#uklocal13 a:hover #popup {
	display: block;
	position: absolute;
	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal14 {
	position:absolute;
	top:505px;
	left:505px;
	width:15px;
	height:15px;
}

#uklocal14 a #popup {
	display:none;
}

#uklocal14 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal15 {
	position:absolute;
	top:515px;
	left:560px;
	width:15px;
	height:15px;
}

#uklocal15 a #popup {
	display:none;
}

#uklocal15 a:hover #popup {
	display: block;
	position: absolute;
	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal16 {
	position:absolute;
	top:540px;
	left:530px;
	width:15px;
	height:15px;
}

#uklocal16 a #popup {
	display:none;
}

#uklocal16 a:hover #popup {
	display: block;
	position: absolute;
	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal17 {
	position:absolute;
	top:580px;
	left:530px;
	width:15px;
	height:15px;
}

#uklocal17 a #popup {
	display:none;
}

#uklocal17 a:hover #popup {
	display: block;
	position: absolute;
	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal18 {
	position:absolute;
	top:560px;
	left:408px;
	width:15px;
	height:15px;
}

#uklocal18 a #popup {
	display:none;
}

#uklocal18 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal19 {
	position:absolute;
	top:540px;
	left:395px;
	width:15px;
	height:15px;
}

#uklocal19 a #popup {
	display:none;
}

#uklocal19 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

#uklocal20 {
	position:absolute;
	top:535px;
	left:482px;
	width:15px;
	height:15px;
}

#uklocal20 a #popup {
	display:none;
}

#uklocal20 a:hover #popup {
	display: block;
	position: absolute;	top:0px;
	left:-100px;	height: 15px;
	width: 100px;
	border-width: 0;
	background-color:#009933;
	border:1px solid #FFF;
}

.mapoverlay {
	position:absolute;
	top:0;
	right:8px;
	visibility:hidden;
}