/* Author: Netstep; Date: 24/01/06 */

/* Page Layout */

body {
	margin:0; 
	padding:0; 
	background:#eeeeee url(../../images/background.gif) repeat; 
	color: #666666; 
	text-align: center; font: normal 1em verdana, arial, geneva, helvetica, sans-serif;
	}
	
#container {
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	\width: 780px;
	w\idth: 760px;
	text-align: left;
	background:#eeeeee url(../../images/pagecontent.gif) repeat-y;
}
	
/* Header Properties */

#header {
	height:65px;
	width:760px;
	}
	
#header h1 {
	float:left; 
	position:relative; 
	top: 0px;right: 0px; 
	margin:0;
	padding:0;
	}
	
h1 {
	text-indent: -100em; 
	overflow: hidden;
	height: 65px; 
	width: 183px;}
	
h1 a {
	display: block; 
	text-decoration: none;
	height: 65px; 
	width: 183px;}
	}
	
h1 a:hover {
	display: block; 
	text-decoration: none;
	height: 65px; 
	width: 183px;}
	}
	
	.logo{
	background: url(../../images/spacer.gif) top right no-repeat;
	}
	
.logo h1
	{background: url(../../images/logo.gif) top left no-repeat;
	}
	
#cvinfo
{
float:right;
text-align:right;
width:150px;
margin:0;
padding:25px 10px 0 0;
}
#cvinfo p {
margin:0 0 3px 0;
padding:0;
font-size:60%;
color:#487ec7;
}

#loginbox {
float:right;
width:220px;
height:65px;
margin:0;
padding:0;
background: url(../../images/login.gif) top left no-repeat;
}

#login {
margin:21px 0 0 9px;
padding:0;
font-size:60%;
color:#666666;
}

#login td {
color:#666666;
}

#login input {
margin: 0;
padding:0;
	font-size: 100%;
	color: #000;
	width:100px;
	height:11px;
}

/* Logged in version */

#loggedinbox {
float:right;
width:220px;
height:65px;
margin:0;
padding:0;
background: url(../../images/loggedin.gif) top left no-repeat;
}

#loggedinbox h4 {
text-indent: -100em; 
overflow: hidden;
width:62px;
height:20px;
margin:35px 0 0 152px;
padding:0;
}

.logout {
background: url(../../images/logout.gif) no-repeat;
	}

#loggedinbox h4 a {
display: block; 
text-decoration: none;
width:62px;
height:20px;
	}
	
#loggedinbox h4 a:hover {
	display: block; 
	text-decoration: none;
width:62px;
height:20px;
	}
	
	/* Top Navigation */

#topnav {
	position:relative;
	z-index:1;
	margin:0 auto; 
	padding:0; 
	background:#cecece url(../../images/menuback.gif) repeat-y;
	height:1.4em;
	padding:0;
	}

#topnav ul {
	display: inline;
	float:left;
	margin:0 0 0 5px;
	padding: 3px;
	list-style: none;
	font-size: 67%;
	}
  
#topnav li {
	display: inline;
	float:left;
	margin:0px;
	}
  
#topnav a {
	float: left;
	display: block;
	padding: 0px 0px 0px 15px;
	text-decoration: none;
	font-weight:bold;
	color: #666666; 
	line-height: 150%;
	}

#topnav a:hover,#topnav a.select {
display:block;
	color: #487ec7;
	text-decoration:none;
	}
	
	
	/* Pictures */

#picture {
	float: left;
	margin:0; 
	padding:0;  
	background:#00336c url(../../images/image.jpg) no-repeat;
	height:137px;
	width:540px;}
	
#picture-candidates {
	float: left;
	margin:0; 
	padding:0;  
	background:#487EC7;
	height:30px;
	width:540px;}
	
#picture-candidates h2 {margin:7px 0 0 12px;color:white;font-size:80%;}

	
/* rightside */
	
#rightside {
	float:right;
	margin: 0;
	width: 220px;
	height:137px;
	padding: 0px 0 0px 0;
	background: #00336c;
	}

#rightside-candidates {
	float:right;
	margin: 0;
	width: 220px;
	height:30px;
	padding: 0px 0 0px 0;
	background: #487EC7;
	}
	
#rightside-candidates h2 {margin:9px 8px 0 0;color:white;font-size:70%;float:right;}

#rightside h2 {
text-indent: -100em; 
overflow: hidden;
width:152px;
height:61px;
margin:70px 0 0 12px;
padding:0;
}

.work 
{
background: url(../../images/workinghard.gif) no-repeat;
}
	
	
/* page content area */	
#pagecontent {
width: 760px;
margin:0px;
padding:0 0 0 0px;
background: #ffffff url(../../images/pagecontent.gif) top left repeat-y;
}

	
/* home page left side */	

#leftside {
width: 194px;
float: left;
margin: 0;
padding: 0;
text-align: left;
background: url(../../images/leftside.gif) no-repeat;
}

#leftside h3 {
text-indent: -100em; 
overflow: hidden;
width:125px;
height:20px;
margin:34px 0 15px 18px;
padding:0;
}

.guarantee
{
background: url(../../images/memberstest.gif) no-repeat;
}

div.box {
margin:0;
padding:0;
width:195px;
height:40px;
background: url(../../images/box.gif) no-repeat bottom left;
}

#leftside p {
font-size: 70%;
	font-weight: normal;
	padding: 0;
	margin: 0 15px 7px 18px;
	color: #666666;
	line-height: 130%;
}


#leftside ul {margin-top:3px;font-size: 70%;line-height: 130%;}

#leftside a {color: #666666;text-decoration:none;}

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

	
/* home page midsection */

#midsection {
	float:left;
	margin: 0;
	width: 565px;
	padding: 0;
	}
	
/* home page leftsection */
	
#leftsection {
	float:left;
	margin: 0;
	width: 345px;
	padding: 0;
	background: url(../../images/leftsection.gif) no-repeat;
	}
	
#leftsection h3 {
text-indent: -100em; 
overflow: hidden;
width:150px;
height:20px;
margin:34px 0 15px 2px;
padding:0;
}

.job
{
background: url(../../images/job.gif) no-repeat;
}
	


	#leftsection p {
font-size: 70%;
	font-weight: normal;
	padding: 0;
	margin: 0 0 7px 2px;
	color: #666666;
	line-height: 130%;
}

#leftsection h4 {
text-indent: -100em; 
overflow: hidden;
width:345px;
height:50px;
margin:0;
padding:0;
}

#leftsection h4 a {
display: block; 
text-decoration: none;
height: 36px; 
width: 345px;
	}
	
#leftsection h4 a:hover {
	display: block; 
	text-decoration: none;
height: 36px; 
width: 345px;
	}

.register {
background: url(../../images/register1.gif) no-repeat;
	}
	

	
/* homepage right section */

#rightsection {
	float:left;
	margin: 0;
	width: 220px;
	padding: 0;
	background: url(../../images/rightsection.gif) no-repeat;
	}
	
#rightsection h3 {
text-indent: -100em; 
overflow: hidden;
width:150px;
height:20px;
margin:34px 0 15px 12px;
padding:0;
}

.rec
{
background: url(../../images/recruit.gif) no-repeat;
}
	


	#rightsection p {
font-size: 70%;
	font-weight: normal;
	padding: 0;
	margin: 0 10px 7px 12px;
	color: #666666;
	line-height: 130%;

	}
	

#rightsection h4 {
text-indent: -100em; 
overflow: hidden;
width:220px;
height:50px;
margin:0;
padding:0;
}

.signup {
background: url(../../images/signup.gif) no-repeat;
	}

#rightsection h4 a {
display: block; 
text-decoration: none;
height: 36px; 
width: 220px;
	}
	
#rightsection h4 a:hover {
	display: block; 
	text-decoration: none;
height: 36px; 
width: 220px;
	}

/* Left Side inner pages */

#leftside-inner {
width: 540px;
float: left;
margin: 0;
padding: 0;
text-align: left;
background: url(../../images/leftside-inner.gif) no-repeat;
}

#leftside-inner h2 {
font-size: 83%;
	font-weight: bold;
	padding: 0;
	margin: 32px 15px 15px 18px;
	color: #666666;
	line-height: 130%;
}

#leftside-inner p {
font-size: 70%;
	font-weight: normal;
	padding: 0;
	margin: 0 15px 7px 18px;
	color: #666666;
	line-height: 130%;
}

#leftside-inner ul {
	margin:5px 20px 0px 40px;
	padding: 0px;
	list-style: circle;
	list-style-image: url(../../images/bullet.gif);
	list-style-type: circle;
	font-size: 70%;
	text-align:left;
	font-weight:normal;
}

#leftside-inner li {
margin:15px 0px 0px 0px;
	}

/* Right Side inner pages */

#rightside-inner {
	float:left;
	margin: 0;
	width: 220px;
	padding: 0;
	background: url(../../images/rightsection.gif) no-repeat;
	}
	
#rightside-inner h3 {
font-size: 83%;
	font-weight: bold;
	padding: 0;
	margin: 32px 0 15px 12px;
	color: #666666;
	line-height: 130%;
}

#rightside-inner p {
font-size: 70%;
	font-weight: normal;
	padding: 0;
	margin: 0 15px 7px 12px;
	color: #666666;
	line-height: 130%;
}

#rightside-inner ul {
	margin-left:20px;
	padding:0;
	font-size:70%;
}
a.rghtmenu {
font-size:70%;
font-weight:bold;
color:#666666;
text-decoration:none;
width:209px;
padding: 5px;
background:#eeeeee;
margin:0px;
display: block;
}

a:hover.rghtmenu {
font-size:70%;
font-weight:bold;
color:#ffffff;
text-decoration:none;
width:209px;
padding: 5px;
background:#cecece;
margin:0px;
display: block;
}

div.box-inner {
margin:0;
padding:0;
width:760px;
height:20px;
background: url(../../images/fullbox.gif) no-repeat;
clear:both;
}

	
/* Footer */

.copyright  {
	float: right;
	text-align: right;
	}

#footer {
	background: #cecece;
	margin: 0;
	padding: 0;
	border-left: 1px solid #003671;
	border-right: 1px solid #003671;
	border-bottom: 1px solid #003671;
	height: 1.7em;
	}

#footer p {
	padding: 8px 10px 8px 15px;
	margin: 0;
	font-size: 60%;
	color: #666666;
	}
	
#footer p a:hover {
	color: #487ec7;
	
	text-decoration: underline;
	}
	
#footer p a {
	color: #666666;
	text-decoration: none;
	}
	
.footerlinks {
	text-align: left;
	}
	

	


/* Other attributes */

table.pagelayout {
margin: 0;
padding:0;
background: #ffffff;
width:470px;
border: 1px solid #ffffff;
}

td.pagelayout, th.pagelayout {
padding: 5px;
margin:0;
text-align:left;
background: #e7ebee;
font-size: 67%;
}

td.pagelayout2 {
padding: 5px;
margin:0;
text-align:left;
background: #e7ebee;
}

td.pagelayout-right {
padding: 4px;
margin:0;
text-align:right;
background: #e7ebee;
font-size: 67%;
}

td.pagelayout-center {
padding: 4px;
margin:0;
text-align:center;
background: #e7ebee;
font-size: 67%;
}
	
/* Note: Applies to Mozilla, etc */
hr.clear {
	clear: both;
	height: 1px;
	margin: 10px 0 0 0 !important;
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
	}
	
hr.line {

	height: 1px;
	margin: 7px 0 5px 0;
	padding: 0;
	background: #8993a1 url(../../images/linedot.gif) repeat-x;
	border:0;
	border-color:#ffffff;
	}
	
	
.hide {
	display: none;
	}
	
div.line {
margin:5px 0px 0px 0px;
background:url(../../images/linedot.gif) repeat-x;
height:5px;
padding:0;
}

/* Forms */

fieldset{
	border: none;
	margin: 4px;
	padding: 4px 4px 16px 4px;
	border: 1px solid #CCC;	
	font-size:70%;
}

fieldset.noborder {
	border:0;
	margin:0;
	padding:0;
}

fieldset.formholder{
	width: 510px;
	float: left;
	background-color: #fff;
}

fieldset select,input {
	font-size:105%;
}
fieldset textarea {
	font-size:12px;
}

td {
	font-size:90%;
}

legend {
	margin-top: 10px;
	margin:2px;
	padding:4px;
	background-color:#FFFFFF;
	font-size:100%;
}

.formitems {margin:0 0 4px 17px;padding:1px;}
.formitems .formlabel {position:absolute;width:150px;padding-top:3px;}
.formitems .formitem {margin-left:160px;}
.formitems .formitemspan {margin-top:15px;}

.body {
	margin:10px; 
	padding:0; 
	color: #666666; 
	text-align: center; font: normal 1em verdana, arial, geneva, helvetica, sans-serif;
	font-size:70%;
	}
	
#error {
	font-size:70%;
	color:#C00;
	margin-left:20px;
}

#criteria {
	font-size:12px;
	margin-left:15px;
}

#help {padding:10px;;color:#666666; font: normal 1em verdana, arial, geneva, helvetica, sans-serif;font-size:70%;}