html {
	margin: 0;
	padding: 0;
	
}
body {
	margin: 0;
	padding: 0 0 8px;
	color: #666;
	background: #ccc;
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,sans-serif;
	font-size: 12px;
	
}
img {
	border: 0;
}
.clearme {
	clear: both;
}
a:link {
	color: #F7931E;
	background: transparent;
	text-decoration:none;
	line-height:16px;
}
a:visited {
	color: #F7931E;
	background: transparent;
	text-decoration:none;
}
a:hover {
	color: #0066CC;
	background: transparent;
	text-decoration:underline;
}

#container-top 
{
    background:url(../images/container-top.png) no-repeat 50% top;
    width:1020px;
    height:18px;
    margin:0 auto;
    
}
#container-bottom 
{
    background:url(../images/container-bottom.png) no-repeat 50% bottom;
    width:1020px;
    height:18px;
    margin:0 auto;
    
}

/* TAB NAVIGATION */
ul.tab-nav {list-style:none; margin:0; padding:0;}
.tab-nav{float:left;width:420px;height:29px;}
.tab-nav li{float:left;position:relative;}
.tab-nav li a{position:absolute;float:left;width:142px;height:0;padding-top:29px;overflow:hidden;background:url(../images/tabs.png) no-repeat;}
.tab-nav .hr-services a{background-position:0px 0px;left:0;z-index:13;}
.tab-nav .hr-services a:hover{background-position:0px -90px;z-index:16;}
.tab-nav .hr-services a.active{background-position:0px -90px;z-index:16;}
.tab-nav .resourcing-services a{background-position:-140px -60px;left:140px;z-index:140;}
.tab-nav .resourcing-services a:hover{background-position:-140px -60px;z-index:160;}
.tab-nav .resourcing-services a.active{background-position:-140px -60px;z-index:160;}
.tab-nav .teams a{background-position:-280px 0px;left:280px;z-index:15;}
.tab-nav .teams a:hover{background-position:-280px -30px;z-index:16;}
.tab-nav .teams a.active{background-position:-280px -30px;z-index:16;}


#wrapcontainer 
{
    background:url(../images/container-sides.png) repeat-y 50% top;
    width:980px;
    margin: 0 auto;
    padding:0 20px;
    
   
}

#wrap {
	width: 960px;
	
	background:#9CC1D4 url(../images/master.jpg) no-repeat top left;
	padding:10px;
	
}
/* HEADER */
.header{float:left;width:100%; margin-bottom:127px; margin-left:-10px; margin-top:-10px;}
.header h1{float:left;}
.header .logo{background:url(../images/logo.png) no-repeat 20px 18px;float:left;height:0;overflow:hidden;padding:48px 23px 0;width:90px;}
.header .main-menu{float:left;}
.header .user-actions{float:right;padding:15px 0;}
.header .user-actions .logout{float:left;padding:0 10px;color:#FFFFFF;}

.header .connect 
{
    width:228px;
    height:60px;
 
    
    float:right;
    position:relative;
    top:15px;
    left:5px;
}

.header .connect a.connect-button  
{
    background:url(../images/connect-button.png) no-repeat 0px 0px;
    width:228px;
    height:60px;
    display:block;
    text-indent:-999999px;
}

.header .connect a:hover 
{
    background-position:0 -62px;
 
}
   
    
ul.main-menu {list-style:none; margin:0; padding:0;}
.main-menu li{float:left;border-left:1px solid #ffffff;}
.main-menu li a{float:left;width:56px;height:0;padding:14px 20px 0;margin-top:35px;overflow:hidden;background:url(../images/menu.png) no-repeat 0 0;}
.main-menu li.services a{background-position:20px 0;}
.main-menu li.services a:hover{background-position:20px -16px;}
.main-menu li.services a.active{background-position:20px -16px;}
.main-menu li.about a{background-position:-68px 0;}
.main-menu li.about a:hover{background-position:-68px -16px;}
.main-menu li.about a.active{background-position:-68px -16px;}
.main-menu li.contact a{background-position:-157px 0;}
.main-menu li.contact a:hover{background-position:-157px -16px;}
.main-menu li.contact a.active{background-position:-157px -16px;}


#navbar {
	float: left;
	
	
}
#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navbar li {
	margin: 0;
	padding: 0;
	float: left;
}
#navbar img {
	display: block;
	float: left;
}
#contentcontainer {
	clear: both;
	padding: 0;
	
	
}
#lhscontainer {
	float: left;
	width:155px;
	padding-right:15px;	
}

#lhscontainer h3 
{
    border-top:1px solid #F7931E;
    padding-top:12px;
    margin-right:5px;
    font-size:13px;
}

#lhscontainer a 
{
    color:#222;
    text-decoration:none;
}

#lhscontainer a:hover 
{
    color:#F7931E;
}

#lhscontainer ul
{
    list-style:none;
    margin:0;
    padding:0;
}

#lhscontainer ul li 
{
    padding:0px;
    margin:0;
}

#lhscontainer ul ul li 
{
    margin:0;
    padding:0;
}

html>body #lhscontainer {
	height: auto;
	min-height: 450px;
}
#rhscontainer {
	float: left;
	width: 100%;
}
#widecontent {
}
#content {
	float: left;
	width: 702px;
	background-color:#F7931E;
	padding:8px;
}

#content #contentinner {
	width:702px;
	padding:10px 0px;
	background-color:#fff;
	
}

#content #contentwrapper 
{
    width:100%;
    float:right;

    
}

#content #contentwrapper #contentwrapperinner 
{
    width:510px;
   padding-right:10px;
    float:right;
}

#content #contentwrapper #contentwrapperinner p
{
    line-height:20px;
}
#sidebar {
	float: right;
	width: 227px;
	
	
}
#footercontainer {
	clear: both;
	background: #fff url(../images/footerbg.gif) top left repeat-x;
}
#footer {
	padding: 8px 14px;
	
	color: #77787B;
}

#footer .left{float:left;}
#footer .right{float:right;}
#footer .right .column{float:right;width:230px;}
#footer .right .column ul{float:left;width:100%; list-style:none; margin:0; padding:0;}
#footer .right .column ul li{float:left;width:100%;padding:1px 0;}
#footer .right .column ul li a{float:right;color:#333333;font-size:11px;}

#footer a {
	color: #77787B;
	background: transparent;
}
#banner {
	vertical-align: top;
}
h1 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #f8981d;
	font-size: 22px;
}

#content p, #widecontent p {
	line-height: 1.4em;
}









/* ********************************************************************** */

td {
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,sans-serif;
	font-size: 11px;
}

.eploydivider td {
	background: #0F286A;
	overflow: hidden;
	height: 1px;
}


/*
These are just here in case I want old-school rounded corners on tables and forms

.formtop {
	background: #DEDEDE url(../images/RoundedCorners/toprightcorner.gif) top right no-repeat;
	height: 6px;
	overflow: hidden;
}
.formtop div {
	background: transparent url(../images/RoundedCorners/topleftcorner.gif) top left no-repeat;
	height: 6px;
	overflow: hidden;
}
.formbottom {
	background: #DEDEDE url(../images/RoundedCorners/bottomrightcorner.gif) bottom right no-repeat;
	height: 20px;
	overflow: hidden;
}
.formbottom div {
	background: transparent url(../images/RoundedCorners/bottomleftcorner.gif) bottom left no-repeat;
	height: 20px;
	overflow: hidden;
}

#statusbar {
	color: #FFF;
	background-color: #336699;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}
*/

.VacancyTable {
	border-collapse: collapse;
	
}
.VacancyTitle {
	background-color: #F2F2F2;
}
.VacancyTitle td {
	padding: 4px 8px;
	background-color:#F2F2F2;
}
.VacancyTitle td a {
	text-decoration: none;
}
.VacancyDetails td {
	padding: 8px;
	background-color: #F2F2F2;
}
.VacancyDetails ul {
	margin: 12px 0 8px;
	padding: 0;
	list-style: none;
}
.VacancyDetails li {
	display: inline;
	padding-right: 8px;
}



#loginbox {
	width: 150px;
	
}
#loginboxinner {
	padding: 14px;
}
#registerbox {
	width: 200px;
	
}
#registerboxinner {
	padding: 14px;
}
#loginbox .signinformrow, #registerbox .signinformrow {
	padding: 1px 0;
}
#loginbox h3, #registerbox h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	font-size: 14px;
	color: #777;
}
#loginbox p, #registerbox p {
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,sans-serif;
	margin: 0 0 10px;
}
#loginbox label, #registerbox label {
	font-weight: bold;
	color: #666;
}
#loginbox input, #registerbox input {
	border: 1px solid #BDC7D8;
}



.warningbox {
	border: 1px solid #DD3C10;
	background: #FFEBE8;
	padding: 11px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,sans-serif;
	font-size: 11px;
}


.btnContainer {
	padding: 10px 0;
}
.btnContainer img {
	vertical-align: middle;
}
.btnContainer a {
	font-family: Arial,Verdana,sans-serif;
	color: #4D4D4D;
	text-decoration:none;
	font-weight:bold;
	font-size: 11px;
	padding-left:5px;
}

#pagebar {
	padding: 6px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../images/VacancyMenu/pattern.gif);
}

form {
	padding: 0;
	margin: 0;
}
textarea {
	width: 95%;
}

.spacerdiv {
	height: 5px;
	overflow: hidden;
}
.PopupDescription {
	padding: 5px;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 150px;
	color: #FFF;
	background-color: #282828;
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,sans-serif;
	font-size: 11px;
}
.PopupDescriptionCont {
	z-index: 200;
	visibility: hidden;
	width: 200px;
	position: absolute;
}
table.table {
	width: 100%;
	border-collapse: collapse;
	
}

.tabletoprow {
	
}
.tabletitles {
	color: #333;
	background-color: #fff;
	font-weight: bold;
	padding: 4px 8px;
}
.tabletoprow2 {
	background-color: #fff;
}
.tabletitles2 {
	color: #333;
	background-color: #fff;
	font-weight: bold;
	padding: 4px 8px;
}
.tabletitles a {
	color: #333;
	
	text-decoration: none;
}
.tabletitlessmall {
	color: #333;
	background-color: #DEDEDE;
	padding: 0px 8px 4px;
}
.tabletitlessmall {
	color: #333;
	background-color: #fff;
	padding: 0px 8px 4px;
}
.tablefirstrow {
	background-color: #fff;
}
.tablesecondrow {
	background-color: #fff;
}

.formtext {
	font-weight: bold;
	padding: 5px;
	text-align: right;
	color: #F8971D;
}
.formtextleft {
	padding: 5px;
}
.formtextleftsmall {
	padding: 5px;
}
.formtextleft3 {
	padding: 5px;
	font-weight: bold;
	color: #666;
}
.radiobutton
{
    vertical-align: middle;
    margin-left:3px;
    margin-right:3px;
}
.textbox {
	border: 1px solid #BDC7D8;
	margin: 5px;
	padding: 1px;
}
.hand {
	cursor: pointer;
}
.menutablefirstrow {
	background-color: #F7F7F7;
}
.menutablesecondrow {
	background-color: #FFF;
}
.tablelink {
	padding: 5px 0 5px 4px;
}
.tabletext {
	padding: 5px 0 5px 8px;
}
.tabletextcentre {
	padding: 5px 0;
	text-align: center;
}
.sub1table {
	margin: 0 auto;
	width: 98%;
}
.sub1tabletoprow {
}
.sub1tabletitles {
	font-weight: bold;
}
.sub1menutablefirstrow {
	background-color: #F7F7F7;
}
.sub1menutablesecondrow {
	background-color: #F7F7F7;
}
.sub1tablelink {
	padding: 5px 0;
}
.sub1tabletext {
	padding: 5px 0;
}
.sub1tabletextcentre {
	padding: 5px 0;
}
.sub2table {
	margin: 0 auto;
	width: 95%;
	background-color: #BDC7D8;
}
.sub2table td {
	padding: 3px;
}
.sub2tabletoprow {
	background-color: #DEDEDE;
	font-weight: bold;
}
.sub2tabletoprow .formtextleft {
	color: #333;
}
.sub2menutablefirstrow {
	background-color: #FFF;
}
.sub2tablefirstcolumn {
	font-weight: bold;
	text-align: right;
}
.jobdescription {
	padding: 5px 8px;
	background-color:#f2f2f2;
}
.candidateskilltitle {
	font-weight: bold;
	padding: 4px 8px;
}
td.addbutton {
	padding-left: 5px;
}
#EmailDetailsTable {
	background: #F5F5F5;
	border: 1px dotted #808080;
	padding: 10px;
}

.terminatestatusclass {
	color: #F00;
}

/* ********************************************************************** */
/* Client Area Workflow Report */
/* ********************************************************************** */

/* Workflow Report styles */

.workflowreport {
	border-collapse: collapse;
}
.workflowreport tr {
	vertical-align: top;
}
.workflowreport td {
	border: 1px solid #C1C1C1;
	padding: 5px 8px;
}
.workflowreport td td {
	border: 0px none #FFF;
	padding: 3px 0 3px 0;
}
.workflowreport tr.headerrow td {
	background-color: #666666;
	color: #FFF;
	font-weight: bold;
}
.workflowreport tr.sectionrow td {
	
	background-color: #DEDEDE;
	font-weight: bold;
}
.workflowreport tr.workflowdatarow td {
	padding-right: 20px;
	vertical-align: top;
}
.workflowreport tr.workflowdatarow .workflowbullet {
	padding-right: 8px;
}
.workflowreport .workflowinnerdata td,
.workflowreport tr.workflowdatarow .workflowinnerdata td {
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}
.workflowreport td.workflowreporttotal,
.workflowreport tr.workflowdatarow td.workflowreporttotal,
.workflowreport tr.workflowdatarow td td td.workflowreporttotal {
	padding-right: 20px;
	font-weight: bold;
}
/* End - Workflow Report styles */
/* ********************************************************************** */
/* Demo Sidebar CSS */
/* ********************************************************************** */

#sidebar .box 
{
    background:url(../images/transparent-white.png);
}
#sidebar .box p
{
    line-height:16px;
    font-weight:400;
    
}

.box {
	background: #fff;
	height: 152px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,sans-serif;
	font-size: 12px;
	margin-bottom: 12px;
	
	
	
}
html>body .box {
	height: auto;
	min-height: 152px;
}
.boxtop {
	
	
	padding: 5px 8px;
}
.boxtop h3 {
    margin: 0;
    padding: 5px 0 0 2px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*background:  url(../images/headings/arrow.gif) center right no-repeat;*/
	color: #00457C;
}
.boxinner {
	padding: 3px 10px 20px;
	
}
.box p {
	padding: 0;
	
	
}
.box label {
	
	color: #000;
	height:10px;
	
}

.box .labeldiv 
{
    
    padding:6px 0 0px 0;
}
.box input, .box select {
	
	
}
.box .sidebarsubmit {
	background: #4298FE url(../images/Sidebars/buttonbg.gif) center repeat-x;
	color: #FFF;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0;
	padding: 2px 5px;
	cursor: pointer;
}
.box .fielddiv {
	padding: 6px 0 0 0;
}
.box .formlinkdiv {
	padding: 6px 0 0;
}
.box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.box li {
	margin: 0;
	padding: 3px 10px;
	width:165px;
	border-bottom:solid 1px #ccc;
	
}
.box li a {
	
	text-decoration: none;
	padding:0;
	margin:0;
	color: #344a8f;
	
}


#lhscontainer .box li a:hover, #sidebar .box li a:hover {
	color: #3366CC;
	text-decoration: underline;
}
#Clientlogo {
	background: #FFF url(../images/Sidebars/ClientlogoBottom.gif) bottom left no-repeat;
}
#Clientlogo div {
	background: url(../images/Sidebars/ClientlogoTop.gif) top left no-repeat;
	text-align: center;
	padding: 9px 0;
	width: 177px;
	overflow: hidden;
}
#Clientlogo img {
	vertical-align: top;
	border: 1px solid #DFE4EF;
	width: 120px;
	height: 50px;
	margin-top: 3px;
}

#featVacancies 
{
    background:#f7f9f9 url(../images/latest-jobs.jpg) repeat-x top left;
    border:solid 1px #ccc;
    height:150px;
    overflow-y:scroll;
}

#lhscontainer a { line-height:16px; padding:0;}
#lhscontainer ul.left-nav{float:left;padding:0px 15px;width:150px;}

#lhscontainer ul.left-nav li{float:left;width:100%;}
#lhscontainer ul.left-nav .inner{float:left;margin:2px 0 2px 15px;width:135px;}
#lhscontainer ul.left-nav .deep{float:left;padding:2px 0 2px 30px;width:120px;}
#lhscontainer ul.left-nav li a{float:left;padding-right:15px;width:auto;color:#4C4C4C;}
#lhscontainer ul.left-nav li a.gray{color:#B2B2B2;padding:4px 0;}
#lhscontainer ul.left-nav .active a{color:#f8981d;}
#lhscontainer ul.left-nav .arrow a{background:url(../images/arrow.jpg) no-repeat right 2px}
#lhscontainer a:hover 
{
    text-decoration:underline;
}

#lhscontainer ul.toolbar{float:left;margin:10px 15px 0 15px; padding-top:10px; width:140px; border-top:1px solid #ccc;}
#lhscontainer ul.toolbar li{float:left;width:100%; padding:2px 0;}
#lhscontainer ul.toolbar li a{float:left;padding-right:15px;width:auto;color:#4C4C4C;}
#lhscontainer ul.toolbar li a.toolbarselected {	color: #f8981d;}


#lhscontainer ul.reminder{float:left;margin:10px 15px 0 15px; padding-top:10px; width:140px; border-top:1px solid #ccc;}
#lhscontainer ul.reminder li{float:left;width:100%; padding:2px 0;}
#lhscontainer ul.reminder li a{padding-right:15px;width:auto;color:#4C4C4C;}

.breadcrumb, .breadcrumb a
{
    color:#a6a6a6;
    font-size:11px;
    margin-bottom:20px;
    margin-top:2px;
}
.breadcrumb a:hover 
{
    text-decoration:underline;
}

.breadcrumb a:visited 
{
    text-decoration:none;
}

.coolsubmit 
{
    padding:0;
    margin:0;
    margin-top:6px;
}

.keywords 
{
    background:url(../images/input.png) no-repeat scroll 0 0 transparent;
    border:medium none;
    font-size:11px;
    height:24px;
    padding:0px 7px 0;
    
    width:189px;
}

table.table2 
{
    
    width:100px;
}

.ref 
{
    color:#333;
}
