/* Layout*/

body {
font: 100% Calibri, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
background: #fff ;
}

#wrapper {
width: 100%;
height: 100% ;
margin: 0 auto;

}

img {
border-style: none;
}

a:hover {
color: #FF9933;
text-decoration: none;
}

p a {
color: #000066;
font-weight: bold;
text-decoration: none;
}


/* header area*/

#header {
position:relative;
background: #000066;
margin:0px;
border-top: 10px solid #000066;
padding: 0px;
heght: 80px;
}

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

h2 {
display:block;
}

h3 {
font-size:110%;
font-weight: bold;
}


	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		background: #E7E7E7;
		clear:both;
		float:left;
		width:100%;			    /* width of whole page  */
		overflow:hidden;		/* This chops off any overhanging divs */
		
	}

	/* holy grail 3 column settings */
	.holygrail {
	    background: #E7E7E7;   	/* Right column background colour */
		}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#f2f2f2;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	    padding-top:0px;
	}
	.holygrail .main {
        margin:0 225px 0 225px;     			/* Centre column side padding:*/
           /* Left padding = left column width + centre column left padding width */
                            			/* Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		font-size: 110%;	
	}
    .holygrail .sidebar {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-hand side padding on the left column */
    }
    .holygrail .rightbar {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:160px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:10px;  	    /* Width of right column right-hand padding + left column left and right padding */
        position:relative;
		padding: 0px 10px 10px 10px;  
        left:50%;
    }

/* sidebar */

.holygrail .sidebar   ul.sidemenu {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding: 0px ;	
	background: #000066;	
	color: #fff;
}
.sidebar h3 {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding: 2px 5px 2px 10px;
	background: #000066;	
	font-size: 100%;	
	color: #fff;
}
.holygrail .sidebar   ul.sidemenu li {
	border-bottom:1px solid #000066;
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	padding: 0px 0px 0px 0px;
	
}
.holygrail .sidebar   ul.sidemenu a {
	display:block;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border: 0px;	
	
}

.holygrail .sidebar   ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #6D89D5;
	color: #fff;
	
}

/* Nav Top*/

#navlinks {
text-align:center;
margin:0;
padding: 0;
background-color:#5050b3;
height: 28px;
border-bottom: #000066 2px solid;
border-top: #000066 10px solid;
}

#navlinks li {
font-weight:700;
float:right;
height:18px;
border-top:#fff 0px solid;
border-left:#000066 2px solid;
border-right:#000066 0px solid;
background-color:#5050b3;
padding:5px;
list-style-type:none;
}

#navlinks a {
TEXT-DECORATION: none;
color: #fff;
}

#navlinks a:hover {
TEXT-DECORATION: none;
color: #FF9933;
background-color: #5050b3;
}

/* featured clients list */


/* jobs results page*/
#results {
font-weight:700;
width:300px;
margin:0 auto;
}

/* EG 30 results over 3 pages */
#pagelinks {
list-style-type:none;

}

/* EG Page [ 1 ] Page [ 2 ] */
#pagelinks li {
color: #000066;
font-size:90%;
}

#jobs {
border:#BBB 1px solid;
margin-top:15px;
clear:both;
display:block;
}

#jobs #thead {
background-color:#5050b3;
color:#fff;
}

#jobs #thead a{
color:#fff;
}

.highlight {
background-color:#DDD;
}

#jobs th,td {
text-align:left;
padding:5px;
}

p#tothetop {
width:200px;
margin:0 auto;
}

/* Footer */
#footer { 
	clear: both; 
	background: #5050b3; 
	border-top: 5px solid #000066;
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 90%;
	color: #ccc ;	
	text-decoration: none;
	font-weight:700;		
}

#footer .footer-left {
float:left;
width:45%;
padding: 5px;
}

#footer .footer-right {
float:right;
text-align: right;
width:45%;
padding: 5px;
}

#footer a {
text-decoration:none;
color: #ccc;
}

#footer a:hover {
	color: #FF9933;
text-decoration: none;
}


/* job search form page*/
p#tip  {
width:125px;

border-top:#BBB 1px solid;
border-left:#BBB 1px solid;
border-right:#DDD 1px solid;
border-bottom:#DDD 1px solid;
background-color:#F7F6F6;
padding:1em;
}

/* job search form page*/
p#searchtip
{
float:right;
width:200px;
border-top:#BBBBBB 1px solid;
border-left:#BBBBBB 1px solid;
border-right:#DDDDDD 1px solid;
border-bottom:#DDDDDD 1px solid;
padding:5px;
background-color:#F7F6F6;
font-size: 90%;
}

#searchform label {
display:block;
width:200px;
margin-top: 10px;
padding-left: 25px;
}

/* job page*/
#job dt {

display:block;
font-weight:700;
font-size:90%;
}

#jobwrapper {
width:500px;
border:#BBB 1px solid;
margin:0 auto;
padding:10px;
}

#jobwrapper h3 {

font-size:150%;
}

#jobwrapper img {

}

/* candidate login page*/
#loginlinks {
margin-left: 30px;
margin-top: 20px;
float:right;
width:175px;
height:50px;
border:#BBB 1px solid;
font-size:90%;
background-color:#eee;
padding:10px;
}

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

/* Application form*/
.standout {
width: 620px;
display:block;
border:solid 1px #bbb;
background-color:#EEE;
margin:1em auto;
padding:25px;
}

#contactus fieldset, #login fieldset, #topup fieldset, #preview fieldset, #apply fieldset, #process_client fieldset, #process_candidate fieldset, #jobpost fieldset,#client_searchcv fieldset #tellafriend fieldset {
width:500px;
border:solid 3px #bbb;
background-color:#EEE;
padding:10px;
}

#searchform fieldset, #cvlistings fieldset {
width:500px;
border:solid 3px #bbb;
background-color:#EEE;
padding:10px;
}

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

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

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

#preview select {
width:200px;
height:25px;
font-size:130%;
}

legend {
font-weight:700;
font-size: 120%;
color: #0000FF;
}

input{
width:250px;
height:25px;
font-size:100%;
border: 2px inset #ccc;
background-color: #FFF;
}

select {
width:250px;
height:30px;
font-size:100%;
border: 2px inset #ccc;
background-color: #fff;
}

#apply label,#cvlistings label {
font-weight:700;
display:block;
margin:1em 0;
}

.candidateregistermaintableheader,.clientregistermaintableheader,.postjobmaintableheader {
background-color:#EEE;
font-size:100%;
padding: 25px;
}

#process_client th,#jobpost th,#preview th,#client_searchcv th,#process_candidate th {
text-align:right;
padding-right: 15px;
}

#jobpost textarea,#client_searchcv textarea {
width:500px;
height:200px;
font-size:100%;
}

#managejobs th, #managecandidates th,#managejobs td,#managecandidates td {
text-align:left ;
font-size:100%;
padding: 10px 5px 10px 5px;
}

#managejobs .highlight2,#managecandidates .highlight2 {
background-color:#EEE;
}

#managejobs .title,#managecandidates .title {
font-size:100%;
}

#managejobs ,#managecandidates {
width: 600px;
}