
body {
	margin:0;
	padding:0;
  	background: #000433 url(../images/background_container.jpg) 50% 0 repeat-x;
	font:normal 0.8em Tahoma;
  	line-height:1.4em;
  	text-align:center;
  	color:#000;
  }

#container {
	position:relative;
   	margin: 0 auto;
   	padding: 0;
   	text-align: left;
	}

/* Hack centers the container in the middle of the page.*/
#container {
	min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
    width:860px;
    background:#fff;
}
html>body #container {
    height: auto;
}


#nav 
{
	position:absolute;
	left:72px;
	top:275px;
	width:170px;
	margin:0px 10px 0 0;
}
#content
{	
	width:510px;
	margin-left:330px;
}
#c1 {width:510px;}
/*#header,#footer {float:left;clear:both;} need to sort out firefox nav top gap*/



/*General Formatting*/
h1 {color:#0083be;line-height:1em;font-size:2em;margin:20px 0 0 0;padding:0;font-weight:normal;}
h1 input {margin-left:10px;}
h2 {font-size:1.8em;font-weight:normal;color:#0083be;}
#editpage h2 {border-top:1px solid #0083be;padding:15px 0 15px 15px;background:#e5f2f8;border-bottom:1px solid #0083be;}
#editpage h3 {border-top:1px solid #ccc;padding:15px 0 15px 0;}
a {color:#0083be;}
a:link {color:#0083be;}
a:visited {color:#0083be;}
a:hover {color:#0083be;}
.error {color: Red;}
.error h2 {font-size:1.5em;border-bottom:1px solid red;color: Red;}
li {list-style:square;}


/*Pagenmbers*/
.pagenumbers a,.pagenumbers a:link,.pagenumbers a:visited {float:left;display:inline;text-decoration:none;font-weight:normal;border:1px solid #999;background:#fff;padding:2px;margin:2px;color:#999;}
.pagenumbers a:hover {background:#0083be;color:#fff;}
.pagenumbers {color:#999;margin:15px 0;width:100%;}
.pagenumbers .cp {float:left;display:inline;background:#0083be;padding:2px;margin:2px;color:#fff;border:1px solid #0083be;}
.pagenumbers .BtnNext, .pagenumbers .BtnNext:link,.pagenumbers .BtnNext:visited, .pagenumbers .BtnPrevious,.pagenumbers .BtnPrevious:link,.pagenumbers .BtnPrevious:visited {background:#666;color:#fff;}

/*Table*/
table {border:1px solid #000;border-collapse:collapse;margin:0;}
th {background: #000;padding:2px 5px;text-align:left;color:#fff;font-size:1em;border-bottom:1px solid #666;border-right:1px solid #ccc;}
td {padding:1px;text-align:left;font-size:0.8em;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.even {background: #eee;}
th a,th a:link,th a:visited {color:#fff;text-decoration:none;}
th a:hover {text-decoration:underline;color:#fff;}
.selected {background: #0083be;}
#usertable .zeroselections {background: #b2daeb;font-weight:bold;}
.BtnEdit {float:left;width:20px;height:20px;display:block;background: url(../images/button_editwhite.gif) 0 0 no-repeat;}
.BtnEdit:hover,.even .BtnEdit:hover  {background: url(../images/button_editblue.gif);}
.even .BtnEdit {background: url(../images/button_editgrey.gif)}
.BtnDelete {float:left;width:20px;height:20px;display:block;background: url(../images/button_deletewhite.gif) 0 0 no-repeat;}
.BtnDelete:hover,.even .BtnDelete:hover {background: url(../images/button_deleteblue.gif);}
.even .BtnDelete {background: url(../images/button_deletegrey.gif);}
.BtnView {float:left;width:20px;height:20px;display:block;background: url(../images/button_viewwhite.gif) 0 0 no-repeat;}
.BtnView:hover,.even .BtnView:hover {background: url(../images/button_viewblue.gif);}
.even .BtnView {background: url(../images/button_viewgrey.gif);}
.BtnEdit span, .BtnDelete span,.BtnView span {display:none;}

/* ONLINE FORM */
#OnlineForm {margin-top:10px;}
.box {position:relative;display:block;clear:both;width:100%;}
.box .pad {margin:10px;}
.box label {float:left;clear:left;display:block;width:200px;font-weight:bold;margin:1px 5px 1px 5px;}
.box label span {color:#999;}
.box label .hide{display:none;}
.box input,.box textarea,.TBOther {border:1px solid #999;margin:1px 0 1px 5px;width:250px;background: #fff url(../images/background_textbox.jpg) 0 0 no-repeat;font:normal 1em Arial;color:#999;}
.box select {margin:1px 5px 1px 5px;border:1px solid #999;}
.box #TBBioShort,.box #TBBioLong,.box #TBAvailableDate {float:left;width:80%;}
.box p {margin-left:5px;}
#login .box {background:#e5f2f8;border:1px solid #cce6f2;}
fieldset {margin:10px 0 0 0;padding-bottom:20px;border:0;}
fieldset legend {font-size:1em;line-height:1.5em;font-weight:bold;color:#000;padding:0;margin:0 0 10px 0;}
fieldset legend span em {font-size:1em;font-style:normal;font-weight:normal;color:#000}
.list {float:left;background:#e5f2f8;margin-bottom:30px;border:1px solid #7fc1de;}
.list .pad {margin:5px 0;}
.list .labelother {font-weight:bold;margin-left:15px;float:left;}
.list .TBOther {width:400px;float:left;}
fieldset .col {float:left;display:block;width:153px;margin:0 0 0 5px;font-size:0.9em;}
fieldset label {width:130px;display:block;float:left;}
fieldset input {float:left;clear:left;} 
fieldset .selected label {background:#7fc1de;}
.grey {color:#999;}
.success, .error {width:100%;margin:10px 0;font-size:0.9em;display:block;}
.success .pad, .error .pad {margin:10px;}
.error {color:Red;background:#ffe5e5;border:1px solid #ffcccc;}
.success {color:#000;background:#e5fae5;border:1px solid #ccf5cc;}
.error a,.error a:link,.error a:visited,.error a:active,.error a:hover {font-weight:bold;color:Red;}
.success h2 {border-bottom:1px solid #33cc33;color:#33cc33;font-weight:bold;line-height:1em;}
.error h2 {border-bottom:1px solid red;color:Red;font-weight:bold;line-height:1em;}
.inputError,.box .inputError,fieldset .inputError input {background: #FD9999 url(../images/background_textboxError.gif) 0 0 no-repeat;border:1px solid #D35E6E;color:#666;}
.box select {background: #cce6f2;margin-left:5px;}
.TBMultiline {height:6em;width:15em;}
.buttons {position:relative;margin:5px 0 0 0;}
.contact .buttons {margin:0;}
.box .button {float:left;display:block;padding:3px;background: #0083be;color:#fff;text-decoration:none;border:1px solid #999;font-weight:normal;}
.box .buttons input {background: #0083be;color:#fff;margin:0 10px 0 0;height:30px;}
.box .fullWidth {float:left;display:block;clear:both;width:95%;margin:2px 5px;}
#labelDDLUserStatus {color:#006699;}
.vacancy #TBDescription {height:50em;width:90%;margin-bottom:20px;}
.registration #TBAddress {height:3em;}
.contact .TBMultiline {height:15em;}

/*NAV*/
#nav ul{list-style:none;padding:0;margin:0 0 10px 0;}
#nav ul div ul {margin:0;}
#nav ul li,#nav ul li ul li,#nav ul li ul li ul li {background: url(../images/background_arrowGrey.jpg) 0 5px no-repeat;padding-left:8px;line-height:1.2em;margin-bottom:5px;list-style:none;}
#nav .navadminheading {font-weight:bold;background:transparent;padding:0;}
#nav .indent {margin-left:14px;}
#nav .noarrow {background:transparent;padding:0;}
/*#nav .noarrow .search {display:block;height:48px;width:127px;background: #999 url(../images/button_search.jpg) 0 0 no-repeat;}*/
#nav span {display:none;}
#nav a,#nav a:link,#nav a:visited {text-decoration:none;color:#000;}
#nav .users,#nav .users:link,#nav .users:visited {font-size:1.3em;font-weight:bold;color:#0083be;}
#nav .navheading {font-size:1.3em;background:transparent;font-weight:bold;color:#000;border-bottom:1px solid #000;width:80%;display:block;margin-bottom:5px;}
#nav .subNav a,#nav .subNav a:link,#nav .subNav a:visited {color:#999;font-weight:normal;}
#logincredentials {padding:5px;color:#666;font-size:0.8em;background:#eee;border:1px solid #ddd;}
/*#home .home,#about .about,#contact .contact,#register .register 
{background:#fff url(../images/background_arrowGrey.jpg) 0 5px no-repeat;padding-left:8px;}*/
#loginbox {border:1px solid #ccc;background:#eee;}
#loginbox .pad {margin:2px;}
#loginbox input {}
.navMain {background:#e5f2f8;display:block;margin:0 0 10px 0;}
#nav .navMain ul {margin:0 0 0 6px;}
#nav .navMain ul li {line-height:1.2em;margin:0;padding:3px 0 3px 8px;display:block;background: url(../images/background_arrowBlue.gif) 0px 6px no-repeat;}
#nav .navMain a,#nav .navMain a:link,#nav .navMain a:visited {color:#0083be;font-weight:normal;}
#Navigation_navAdmin li {list-style:none;}

/* REGISTRATION*/ 
.registration .highlight {display:block;border:0;clear:both;background:#fbfab5 url(../images/icon_exclamationmark.gif) 10px 10px no-repeat;border:1px solid #faf9a9;margin-top:10px;}
.registration .highlight p {padding:0 0 0 40px;font-size:0.9em;margin:10px;}

/* VACANCY */
.VacancyBox {margin-bottom:10px;}
.VacancyHeading {font-size:1.2em;font-weight:bold;line-height:1em;}
.VacancyHeading a,.VacancyHeading a:link,.VacancyHeading a:visited {}
.VacancyBox strong {color:#000;}

/* HEADER */
#header {width:860px;margin-top:35px;background:#fff;}
#header .row1, #header .row2 {position:relative;display:block;width:860px;}
#header .row1 {height:70px;}
#header .row2 {height:144px;border-top:1px solid #fff;}
#header .row2 img {position:absolute;top:0;right:0;}
#logo_vantis {position:absolute;top:0;left:0;}
#logo_interim {position:absolute;top:0;right:20px;}

/* FOOTER */
#footer {width:860px;margin:20px 0 0 0;color:#999;font-size:0.9em;}
#footer a,#footer a:link,#footer a:visited,#footer a:hover {text-decoration:none;color:#999;}
#footer p {padding:10px 10px 100px 330px;}

/*TEAM*/
.team #content img {width:60px;border:1px solid #000;float:left;margin-right:5px;}
.team #content p {clear:both;}

/* SEARCH */
.search #SelectionsPanel {border:0;}
.search select {background: #cce6f2;}
.search #selection {float:left;width:100%;margin-top:10px;background:#cce6f2;border:1px solid #bfe0ef;}
.search #selection div {margin:10px;}

/*homepage*/
.home #searchbutton {float:right;border:0;vertical-align:bottom;margin-right:150px;}

/*candidateedit*/
.candidateedit .highlight {display:block;border:0;clear:both;background:#fbfab5 url(../images/icon_exclamationmark.gif) 10px 10px no-repeat;border:1px solid #faf9a9;margin-top:10px;} /*background:transparent;font-style:italic;color:#999;*/
.candidateedit .highlight p {padding:0 0 0 40px;font-size:0.9em;margin:10px;}
.candidateedit h3 {padding:10px;background:#e5f2f8;}
#interimlogindetails {color:#999;border-bottom:1px dotted #ccc;background: url(../images/icon_blueman.gif) 10px 0px no-repeat;}
#interimlogindetails .pad {margin:8px 0 10px 35px;}
#interimlogindetails input {margin:0 5px 0 0;vertical-align:middle;} 

/*Approval*/
.approval h1 {padding:12px 0 3px 45px;background: url(../images/icon_bluetick.gif) 0 0 no-repeat;}
#approvalbuttons {background:#7fc1de;margin:10px 0;border:1px solid #0083be;}
#approvalbuttons .pad {display:block;}
#approvalbuttons input {margin:5px;}
#BtnDeclineApproval {background:#ffcccc;border:1px solid #000;}
#BtnApprove {background:#ccf5cc;border:1px solid #000;}
#BtnBackToAdmin {background:#cce6f2;border:1px solid #000;color:#000;}

/*Admin default*/
.admindefault h3 {padding:12px 0 3px 45px;background: url(../images/icon_bluetick.gif) 0 0 no-repeat;height:40px;}
.admindefault h3 em {font-size:0.7em;font-style:normal;color:#999;}
.admindefault table td {padding:2px;text-align:center;}
.admindefault table th {border-bottom:1px solid #000;padding:1px 4px;text-align:center;}
#CVApprovalTable th {background:#666;}
#SelectionApprovalTable,#CVApprovalTable {background:#eee;border:2px solid #666;}
#SelectionApprovalTable th {background:#666;}
#CVApprovalTable .even,#SelectionApprovalTable .even {background:#fff;}
.over36hours {background:red;}

/*ebrief*/
.ebrief .RowHeader {background:#0083be;}
.ebrief .RowHeader td {border-top:1px solid #000;font-weight:bold;font-size:1.4em;color:#fff;line-height:1.3em;padding:4px;}

/*HOLDING PAGE*/
#holdingpage #message {margin-left:60px;text-align:center;}
#holdingpage #message #padding {margin:20px;}
#holdingpage #message h2 {line-height:1.3em;}
#holidngpage #message #box {border-top:1px dotted #999;}