/* Layout*/
html
{
	background:#555555 url(../images/horiz_grad.png) repeat-y center top;
	color: #333333;
	margin: 0px 0px;
	padding: 0px 0px;
	font: 1em/1.6em "Verdana", sans-serif;
	background-position: top center;
	background-repeat: repeat-y; 
    height: 100%;
    bottom: 0px;

}

body 
{
	font: 1em/1.6em "Verdana", sans-serif;
	color:#000000;
	padding:0px;
	
} 

a:hover
{
	background-color:yellow;
}

p a
{
	background-color:#F3EEEE;
	
}

p {
padding-left: 25px;
padding-right: 25px;
}

#wrapper {
font: 12px "Verdana", sans-serif;
	width: 950px;
	margin: 0px auto;
	padding: 0px 0px;
	overflow: visible;
	height: 100%;
	bottom: 0px;
	
/*
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
*/
}

/* General*/
.error {color:red;font-weight:bold;}

/* header area*/
h1#logo {background:url(../images/header.gif) no-repeat; width:950px; height:86px; margin:0; padding:0; top:0;} /* logo*/
h2 {display:block;clear:both; padding-left: 25px;}

/* Nav Top*/
#navlinks {
/*list-style-type:none; width:100%; display:block; clear:both; margin: 0 auto 0 auto; text-align:center;*/
width:920px;
margin-top: 10px;
margin-left: 0px;
padding: 10px;
font: bold 12px Verdana, sans-serif;
display: block;

}
#navlinks li
{
list-style: none;
margin: 0;
display: inline;

/*
font-weight:bold;	
float:left;
width:auto;
height:1.5em;
margin:0 auto 25px auto;
padding-left:25px;
padding-right: 25px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;*/
}

#navlinks li a
{
color: black;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: grey;
text-decoration: none;
}

#navlinks li a:link { color: black; border-color: #333333;
 }
#navlinks li a:visited { color: black; border-color: #333333;
}

#navlinks li a:hover
{
border-color: #333333;
color: #FFF;
background: red;
} 


/* jobs results page*/
#results{font-weight:bold;width:250px;margin:0 auto 0 auto;}/* EG: 30 results over 3 pages*/
#pagelinks {list-style-type:none;}/* EG: Page [ 1 ] Page [ 2 ]*/
#pagelinks li{float:left;}
#jobs {
	border-top:#BBBBBB 1px solid;
	border-left:#BBBBBB 1px solid;
	border-right:#DDDDDD 1px solid;
	border-bottom:#DDDDDD 1px solid;
	margin-top:15px;
	clear:both;
	display:block;
}
#jobs #thead {background-color:#666666}
.highlight {background-color:#DDDDDD}
#jobs th, td {padding-top:5px; padding-bottom:5px; padding-left: 20px;padding-right: 20px;text-align:left;width:auto;}
p#tothetop {width:200px;margin:0 auto 0 auto;}

#jobstable { width: 100%; }

#jobs a
{
color: black;
text-decoration: underline;
}

#jobs a:link { color: black; border-color: #333333;
 }
#jobs a:visited { color: black; border-color: #333333;
}

#jobs a:hover
{
border-color: #333333;
color: #FFF;
background: red;
} 



 /* footer area*/
 
/*
#footer { width:950px; }
#footerlinks {
	list-style-type:none;
	width:950px;
	display:block;
	clear:both;
	margin: 0 auto 0 auto;
	padding:0;
}
#footerlinks li {
	float:left;
	margin:2%
	padding:5px;
	width:10em;
	background-color:#eeeeee;
}
#copyright {width:320px;margin:0 auto 0 auto;display:block;clear:both;}
#w3c {width:88px;margin:0 auto 0 auto;display:block;clear:both;margin-top:15px;}
#w3c img {border:none}
*/

#footer
{
width:100%;
padding: 0 1px 1px;
margin-left: -20px;
font: bold 12px Verdana, sans-serif;
}

#footerlinks li
{
list-style: none;
margin: 0;
border-top: 1px solid #333333;
display: inline;
}

#footerlinks li a
{
color: black;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: grey;
text-decoration: none;
}

#footerlinks li a:link { color: black; border-color: #333333;
 }
#footerlinks li a:visited { color: black; border-color: #333333;
}

#footerlinks li a:hover
{
border-color: #333333;
color: #FFF;
background: red;
} 



/* job search form page*/
p#tip
{
float:right;
width:175px;
height:110px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
padding:1em;
background-color:#F7F6F6;
}
#searchform fieldset{
	width:450px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
} 

#searchform legend
{
font-weight:bold;
}

#searchform label
{
display: block;
	width:100px;
}

#searchform input
{
width:200px;
height:20px;
font-size:150%;
}

#searchform select
{
width:200px;
height:25px;
font-size:150%;
}

#searchform button
{
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
/*border-top:#333333 1px solid;
border-left:#333333 1px solid;
border-right:#333333 1px solid;
border-bottom:#333333 1px solid;*/
background-color:grey;
color:#000;
}
/* job page*/

#job dl
{

}
#job dt{
clear:both;display:block;
font-weight:bold;
color: #33333;
font-size:110%;
background-color: #999999;
border: 3px solid #999999;
}
#job dd
{
background-color: #ffffff;
}

#jobwrapper
{

width:700px;
margin:0 auto 0 auto;
padding:10px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
}

#jobwrapper h3
{
float:left;
font-size:150%;
}

#jobwrapper img
{
float:right;
}
#jobwrapper fieldset { border: solid 0px; }
#jobwrapper legend{font-weight:bold;font-size:125%;color:#BBBBBB }
/* candidate login page*/

p#loginlinks
{
float:right;
width:175px;
height:50px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
padding:1em;
font-size:90%;
background-color:#eeeeee;
}

#login fieldset{
	width:450px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
} 

#login legend
{
font-weight:bold;
}

#login label
{
display: block;
	width:150px;
}

#login input
{
width:200px;
height:25px;
font-size:110%;
}

#login select
{
width:200px;
height:35px;
font-size:150%;
}

#login button
{
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
/*border-top:#333333 1px solid;
border-left:#333333 1px solid;
border-right:#333333 1px solid;
border-bottom:#333333 1px solid;*/
background-color:grey;
color:#000;
}


/* Application form*/
.standout {
	width:700px;
	margin:1em auto 1em auto;
	display: block;
	padding: 1em 1em 1em 1em;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#BBBBBB 1px solid;
border-bottom:#BBBBBB 1px solid;
background-color:#EEEEEE;
color:#000000;
font-size: 120%;
	}
#apply fieldset{
	width:700px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em 1em 1em 1em;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
} 


#apply label
{
font-weight:bold;
clear:both;display:block;
margin:1em 0 1em 0;
}

#apply input
{
width:300px;
height:25px;
font-size:125%;
}

#apply textarea
{
width:685px;
height:400px;
font-size:100%;
}

#apply button
{

clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
/*border-top:#333333 1px solid;
border-left:#333333 1px solid;
border-right:#333333 1px solid;
border-bottom:#333333 1px solid;*/
background-color:grey;
color:#000;

	/*margin-top:1em;
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#BBBBBB 1px solid;
border-bottom:#BBBBBB 1px solid;
background-color:#EEEEEE;
color:#BBBBBB;*/

}
#apply #document_auto {width:500px;height:35px;clear:both;display:block}
#apply legend{font-weight:bold;font-size:125%;color:#BBBBBB }
.candidateregistermaintableheader {background-color:#EEEEEE;font-size:125%;}




/* client registration page*/

#process_client th {text-align:right;}

#process_client fieldset{
	width:700px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em 0 1em 0;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
} 

#process_client textarea {
width:500px;
}
#process_client label
{
}

#process_client input
{
width:500px;
height:20px;
font-size:110%;
}

#process_client select
{
width:300px;
height:35px;
font-size:150%;
}

#process_client button
{
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
background-color:grey;
color:#000;}
#process_client #logo_auto {width:500px;height:35px;}
#process_client legend{font-weight:bold;font-size:125%;color:#BBBBBB }
.clientregistermaintableheader {background-color:#EEEEEE;font-size:125%;}



/* Topup form*/

#topup fieldset{
	width:450px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em 1em 1em 1em;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
} 



#topup label
{
font-weight:bold;
clear:both;display:block;
margin:1em 0 1em 0;
padding:1em;
font-size:150%;
}

#topup select
{
margin-left:1em;
width:200px;
height:25px;
font-size:90%;
}

#topup button
{
margin-top:1em;
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
/*border-top:#333333 1px solid;
border-left:#333333 1px solid;
border-right:#333333 1px solid;
border-bottom:#333333 1px solid;*/
background-color:grey;
color:#000;}
#topup legend{font-weight:bold;font-size:125%;color:#BBBBBB }/* job registration page*/

#jobpost th {text-align:right;}

#jobpost fieldset{
	width:700px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em 0 1em 0;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
font-size:100%;
} 



#jobpost label
{
}

#jobpost input
{
width:500px;
height:20px;
font-size:110%;
}

#jobpost select
{
width:300px;
height:30px;
font-size:150%;
}
#jobpost textarea
{
width:685px;
height:200px;
font-size:100%;
}

#jobpost button
{
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
background-color:grey;
color:#000;}
#jobpost legend{font-weight:bold;font-size:125%;color:#BBBBBB }
.postjobmaintableheader {background-color:#EEEEEE;font-size:125%;}

/* job preview page*/

#preview th {text-align:right;}

#preview fieldset{
	width:700px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
font-size:100%;
} 

#preview select
{
width:550px;
height:25px;
font-size:125%;
}

#preview button
{
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
background-color:grey;
color:#000;}
#preview legend{font-size:125%;color:#BBBBBB;font-weight:bold; }

/* manage jobs*/
#managejobs tr{text-align:left;font-size:90%}
#managejobs .highlight2 {background-color:#EEEEEE;}
#managejobs .title {font-size:130%}
#managejobs a {font-weight:bold;}

/*cv search*/

#client_searchcv th {text-align:left;}

#client_searchcv fieldset{
	width:450px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em 0 1em 0;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
} 



#client_searchcv label
{
}

#client_searchcv input
{
width:200px;
height:25px;
font-size:150%;
}

#client_searchcv select
{
width:200px;
height:35px;
font-size:150%;
}
#client_searchcv textarea
{
width:445px;
height:200px;
font-size:100%;
}

#client_searchcv button
{
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
/*border-top:#333333 1px solid;
border-left:#333333 1px solid;
border-right:#333333 1px solid;
border-bottom:#333333 1px solid;*/
background-color:grey;
color:#000;}
#client_searchcv legend{font-weight:bold;font-size:125%;color:#BBBBBB }
.postjobmaintableheader {background-color:#EEEEEE;font-size:125%;}

/*cv listings search*/

#cvlistings fieldset{
	width:450px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
} 



#cvlistings label
{
font-weight:bold;
clear:both;
display:block;
margin:1em 0 1em 0;
}



#cvlistings input
{
width:200px;
height:25px;
font-size:125%;
position:relative;
left:50px;
}

#cvlistings select
{
width:200px;
height:25px;
font-size:125%;
position:relative;
left:30px;
}

#cvlistings button
{
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
/*border-top:#333333 1px solid;
border-left:#333333 1px solid;
border-right:#333333 1px solid;
border-bottom:#333333 1px solid;*/
background-color:grey;
color:#000;}
#cvlistings legend{font-weight:bold;font-size:125%;color:#BBBBBB }
.postjobmaintableheader {background-color:#EEEEEE;font-size:125%;}

#managecandidates tr{text-align:left;font-size:90%}
#managecandidates .highlight2 {background-color:#EEEEEE;}
#managecandidates .title {font-size:130%}
#managecandidates a {font-weight:bold;}






/* candidate registration page*/

#process_candidate th {text-align:right;}

#process_candidate fieldset{
	width:700px;
	margin:0 auto 0 auto;
	display: block;
	padding: 1em 0 1em 0;
	border:solid 1px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
background-color:#EEEEEE;
font-size:100%;
} 


#process_candidate label
{
}

#process_candidate input
{
width:500px;
height:20px;
font-size:110%;
}

#process_candidate select
{
width:300px;
height:30px;
font-size:150%;
}

#process_candidate button
{
clear:both;
float:right;
height:30px;
width:150px;
font-size:110%;	
font-weight: bold;
background-color:grey;
color:#000;}
#process_candidate #document_auto {width:500px;height:30px;}
#process_candidate legend{font-weight:bold;font-size:125%;color:#BBBBBB }
.candidateregistermaintableheader {background-color:#EEEEEE;font-size:125%;}


/* end original CSS */
/* LEFT NAVIGATION STYLE */

#navcontainer
{
position: relative;
float: left;
}

#navlist
{
padding: 0 1px 1px;
margin: 0px;
font: bold 1em/1.6em "Verdana", sans-serif;
background: #333333;
width: 172px;
}

#navlist li
{
display: block;
list-style: none;
margin: 0;
border-top: 1px solid #333333;
border-right: 0px;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 4px solid #333333;

vertical-align: bottom; /* this is for IE gap fix */
background: #666666; /* 9f8585 */
text-decoration: none;
width: 155px;
letter-spacing: .2em;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #222222; letter-spacing: .2em; }

#navlist li a:hover
{
border-left: 1em solid #333333;
color: #ffffff;
background: red;
width: 148px;
letter-spacing: .2em;
}