html {
	margin: 0;
	padding: 0;
	background:#f1f1f1;
}
body#home .bigcont {
	background: url(../images/top-shadow.png) no-repeat center 130px;
}
body {
	margin: 0;
	padding: 0px;
	color: #666;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background:#fff url(../images/clouds.jpg) repeat-x -200px 0;
	
}
.bigcont 
{
    background:transparent url(../images/top-shadow-small.png) no-repeat center 130px;
}

img {
	border: 0;
}
.clearme {
	clear: both;
}
a:link {
	color: #13365b;
	
		text-decoration:none;
}
a:visited {
	color: #13365b;
	
}
a:hover {
	color: #13365b;
	background: transparent;
	text-decoration:underline;
}
.wrap {
	width: 960px;
	margin: 0 auto;
	
}
#header {
	height:110px;
	border-top:solid 4px #18B7DF;
	background:#fff;
	position:relative;
	z-index:12;
	
}
#header img {
	position:absolute;
	left:20px;
	top:10px;
	
}

#header ul.social-links 
{
    list-style-type:none;
    padding:0;
    margin:0;
    position:absolute;
    right:180px;
    top:10px;
    
}
#header ul.social-links li 
{
    float:left;
    margin:0 10px;
    padding:0 0 0 25px;
}

#header ul.social-links li a 
{
    text-decoration:none;
    color:#666;
}

#header ul.social-links li.linkedin 
{
    background:url(../images/icons/linkedin.png) no-repeat left center;
}
#header ul.social-links li.facebook 
{
    background:url(../images/icons/facebook.png) no-repeat left center;
}
#header ul.social-links li.twitter 
{
    background:url(../images/icons/twitter.png) no-repeat left center;
}



.charity 
{
    background:#f1f1f1;
    color:#666;
    clear:both;
    position:absolute;
    bottom:0;
    margin:0;
    display:block;
    width:582px;
    padding:6px 10px 6px 5px;
    font-size:16px;
    text-align:right;
}

.charity a 
{
    font-weight:bold;
    
}


#header ul#LoginDrop
{
    position:absolute;
   
    right:10px;
    top:0;
    display:block;
    list-style-type:none;
    margin: 0;
    padding:8px 0 0 0;
    
    
}

#header ul#LoginDrop li ul
{
    list-style-type:none;
    background:#18B7DF;
    border:solid 5px #04A6CF;
    display:none;
    margin-top:0px;
    border-radius:4px;
    padding-top:0px;
    box-shadow:0 5px 10px rgba(0,0,0,0.4);
   
    
}


#header ul#LoginDrop li ul:before 
{
   content: "";
   display:block;
   float:left;
   position:relative;
   top:-15px;
   left:200px;
   border-bottom: 15px solid #04A6CF;
   border-bottom-color: #04A6CF;
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
  
  
    
}

#header ul#LoginDrop li ul 
{
    margin:40px 0px 0 0px;
    padding:0px 0px 10px;
    
    
}
#header ul#LoginDrop li ul li a
{
    display:block;
    padding:8px 5px;
   font-weight:bold;
   
   color:#fff;
}

#header ul#LoginDrop li ul li a.employer 
{
    background:url(../images/emplogin.png) no-repeat 10px center;
    padding-left:40px;
    margin:0 10px
}

#header ul#LoginDrop li ul li a.candidate 
{
    background:url(../images/candlogin.png) no-repeat 10px center;
    padding-left:40px;
    margin:0 10px
}
#header ul#LoginDrop li ul li p {
    color:#666;
    font-size:14px;
    font-weight:bold;
    background:#fff;
    padding:10px;
    margin:0px 0 10px 0;
    border:solid 5px #fff;
}
#header ul#LoginDrop li ul li a.candidate:hover
{
    background:#04A6CF url(../images/candlogin.png) no-repeat 10px center;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
   
}
#header ul#LoginDrop li ul li a.employer:hover
{
    background:#04A6CF url(../images/emplogin.png) no-repeat 10px center;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
   
}

#header ul#LoginDrop:hover ul 
{
    display:block;
    
}



#header ul#LoginDrop li a.login-button 
{
    position:absolute;
    right:0;
    top:0;
    color:#fff;
    background:#18B7DF;
    padding:10px 20px 10px 0px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    text-shadow: -1px -1px 0px rgba(0,0,0,0.1);
    text-decoration:none;
    font-weight:bold;
    background: -webkit-gradient(linear, left top, left bottom, from(#18B7DF), to(#00B0DD));
    background: -webkit-linear-gradient(top, #18B7DF, #00B0DD);
    background: -moz-linear-gradient(top, #18B7DF, #00B0DD);
    background: -ms-linear-gradient(top, #18B7DF, #00B0DD);
    background: -o-linear-gradient(top, #18B7DF, #00B0DD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18B7DF', endColorstr='#00B0DD');
    box-shadow:0 1px 1px rgba(0,0,0,0.4), inset 0 -5px 10px rgba(0,0,0,0.1), inset 0 1px 10px rgba(255,255,255,0.2);
}

#header a.login-button span.padlock
{
    background:url(../images/icons/padlock.png) no-repeat 15px center;
    padding:0 0 0 40px;
}

.cyan 
{
    color:#18B7DF !important;
}

.purple 
{
    color:#13365b;
}



#header p.call-our-team 
{
    display:block;
    width:350px;
    
    
    float:right;
    
    padding:0;
    margin:60px 0 0 0;
    font-weight:bold;
    font-size:20px;
    
    color:#999;
    
    
    
}
#header p.call-our-team span
{
    font-size:30px;
    color:#13365b;
    font-family: 'Ubuntu', sans-serif;
}



#navbar {
	
	width: 960px;
	margin:0 0 20px 0;
	padding:0;
	height:33px;
	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#3E3E3E));
    background: -webkit-linear-gradient(top, #626262, #3E3E3E);
    background: -moz-linear-gradient(top, #626262, #3E3E3E);
    background: -ms-linear-gradient(top, #626262, #3E3E3E);
    background: -o-linear-gradient(top, #626262, #3E3E3E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#3E3E3E');
    
	
}
#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
    z-index:5;
	
}
#navbar li {
	margin: 0;
	padding: 0;
	float: left;
	position:relative;
	
}


#navbar li a.home{
	
	background:url(../images/icons/home-icon.png) no-repeat center;
	text-indent:-99999px;
	padding:0 25px;
}

#navbar li a.home:hover{
	
	background:#222 url(../images/icons/home-icon.png) no-repeat center;
	text-indent:-99999px;
}

#navbar li a{
	margin: 0;
	padding: 0 35px;
	height:33px;
	line-height:33px;
	border-right:solid 1px #666;
	display:block;
	color:#f1f1f1;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.3);
	font-size:12px;	
	font-weight:bold;
	-webkit-transition: all 0.2s;
	
}
#navbar li a:hover{
	
	color:#fff;
	background:#222;
	
}

#navbar li a.drop 
{
    background:url(../images/icons/downarrow.png) no-repeat 90% 50%;
}

#navbar li ul 
{
    width:320px;
    height: auto;
    border:none;
    position:absolute;
    left:0;
    top:33px;
    
    border-left:solid 5px #e1e1e1;
    border-right:solid 5px #e1e1e1;
    border-bottom:solid 4px #e1e1e1;
    box-shadow:0 0 10px rgba(0,0,0,0.5);
    background:#f1f1f1;
    
}

#navbar li ul li 
{
    float:none;
    clear:both;
    border-bottom:solid 1px #e1e1e1;
    
}
#navbar li ul li a
{
    display:block;
    color:#666;
    text-shadow:none;    
    border:none;
}
#navbar li ul
{
    display:none;
}
#navbar li:hover ul
{
    display:block;
}

#navbar ul li:hover ul li a:hover
{
    background:#13365b;
    
}



#featured-content 
{
    height:320px;
    display:block;  
    position:relative;
    z-index:1;    
}


#featured-content h2 
{
    font-family: 'Ubuntu', sans-serif;
    font-size:70px;
    color:#13365b;    
    margin:0;
    padding:0;
}
#featured-content .offer p 
{
    font-family: 'Ubuntu', sans-serif;
    font-size:22px;
    color:#999;
    margin:0;
    padding:0;
    
}
#featured-content .featured-content-side h2 
{
    font-family: 'Ubuntu', sans-serif;
    font-size:20px;
    text-align:center;
    color:#13365b;
}

#featured-content #slider 
{
    width:598px;
    height:320px;
    display:block;
    background:#fff url(../images/smiley.jpg) no-repeat 30px 160px;
    
    float:left;
    border:solid 1px #ccc;
    position:relative;  
   
}

#featured-content #slider #sash a {
    background: url(../images/employers-sash.png) no-repeat top left;
    text-indent:-99999px;
    display:block;
    width:131px;
    height:107px;
    position:absolute;
    top:0;
    left:0;
}

#featured-content #slider .mission 
{
    float:right;
    margin:20px 40px 0 0;
    line-height:1.8;
    font-size:16px;
    font-weight:bold;
    color:#868485;
    width:400px;
}   

#home p.bubble
{
    font-family: 'Ubuntu', sans-serif;
    font-size:22px;
    text-align:center;
    color:#666;
    font-weight:bold;
    
    border-radius:10px;
    margin:30px 20px 20px 20px;
    padding:20px 10px;
    /*box-shadow:3px 3px 6px rgba(0,0,0,0.15);*/
    background:#f1f1f1;
    
}

.featured-content-side .stdarrow 
{
    min-height:40px;
    line-height:40px;
    
}

p.bubble
{
    
    font-size:18px;
    text-align:center;
    color:#666;
    
    
    border-radius:10px;
    margin:20px 20px 20px 20px;
    padding:20px 10px;
    /*box-shadow:3px 3px 6px rgba(0,0,0,0.15);*/
    background:#f1f1f1;
    
}

#featured-content #slider .offer 
{
    
    display:block;
    margin:0px 20px 0px 0;
    float:right;
}
#featured-content #slider .left 
{
   padding-left:60px; 
   background:url(../images/icons/main-arrow.png) no-repeat left center;
}

p.bubble:after 
{
   content: "";
   display:block;
   float:left;
   position:relative;
   top:40px;
   left:60px;
   border-top: 30px solid black;
   border-top-color: #f1f1f1;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
}
#featured-content .featured-content-side 
{
    padding:10px;
    width:320px; 
    height:130px;
    float:right;
    margin-bottom:20px;
    background:#fff;
    border:solid 1px #ccc;
}

#featured-content .featured-content-side h2
{
    margin:10px 0 20px;
    font-size:24px;
}

#featured-content .featured-content-side p.side-text
{
    margin:6px 0 10px;
    padding:0;
}

a.employers-submit-vacancy 
{
    display:block;
    /*background:#f1f1f1 url(../images/icons/submit-vacancy.png) no-repeat 10px center;*/
    background:#f1f1f1 url(../images/employer-icon.png) no-repeat 5px center;
    border:solid 5px #e1e1e1;    
    padding:9px 7px 9px 60px;
    cursor:pointer;
    color:#666;
    -webkit-transition:all 0.2s;
}

a.employers-submit-vacancy h3 
{
    font-size:14px;
    
}

a.employer 
{
    background:#f1f1f1 url(../images/employer-icon.png) no-repeat 5px center;
}

a.jobseeker 
{
    background:#f1f1f1 url(../images/candidate-icon.png) no-repeat 10px center;
}


a.employers-submit-vacancy:hover 
{
    color:#333;
    border:solid 5px #ccc;
    text-decoration:none;    
    
}

a.employers-uploadcv
{
    display:block;
    background:#f1f1f1 url(../images/icons/uploadcv.png) no-repeat 10px center;
    border:solid 5px #e1e1e1;    
    padding:9px 7px 9px 60px;
    cursor:pointer;
    color:#666;
    -webkit-transition:all 0.2s;
}

a.employers-uploadcv h3 
{
    font-size:14px;
}


a.employers-uploadcv:hover 
{
    color:#333;
    border:solid 5px #ccc;
    text-decoration:none;    
    
}

.jobsearch
{
    display:block;
    background:#f1f1f1;
    border:solid 5px #e1e1e1;    
    padding:5px;
    
    color:#666;
    -webkit-transition:all 0.2s;
}



.jobsearch h3
{
    background:#f1f1f1 url(../images/icons/searchicon.jpg) no-repeat left top;
    margin:3px 5px;
    padding:0px 0 3px 25px;
    width:100px;
    float:left;
    font-size:14px;
}

.jobsearch p.advsearch 
{
    float:right;
    margin:3px 10px 3px 0;
    padding:0;
    width:130px;
    text-align:right;
}

.jobsearch input[type=text] 
{
    width:260px;
    margin:0 0px 0 5px;
    height:21px;
    border:solid 1px #999;
    position:relative; 
}
.jobsearch input[type=submit] 
{
    width:25px;
    height:25px;
    text-indent:-99999px;
    background: #ccc url(../images/icons/searchicon2.png) no-repeat center;
    margin:0;
    vertical-align:top;
    border:solid 1px #999;
    cursor:pointer;
    position:relative;  
    left:-5px;
    text-transform: capitalize; /*ie7 fix remove text*/
    
}


.employers-submit-vacancy:hover, a.employers-uploadcv:hover 
{
    color:#333;
    border:solid 5px #ccc;    
    
}

.stdarrow 
{
    background: url(../images/icons/std-arrow.png) no-repeat right center;
}

a.employers-submit-vacancy p, a.employers-submit-vacancy h3, a.employers-uploadcv p, a.employers-uploadcv h3
{
    margin:0;
    padding:0;
}


#home #contentcontainer 
{
    padding: 20px 0 40px;
	
}
#contentcontainer {
	padding:10px 10px 40px;
	
	background:#fff;
	clear:both;
	
	
}
#lhscontainer {
	float: right;
	width: 280px;
	
}

#home #lhscontainer {
	float: right;
	width: 350px;
	
}
html>body #lhscontainer {
	height: auto;
	min-height: 450px;
}
#rhscontainer {
	
	width: 940px;
}
#home #rhscontainer {
	
	width: 960px;
}

#widecontent 
{
    float: left;
	width: 640px;
	margin-right:20px;
}
#content {
	float: left;
	width: 640px;
	margin-right:20px;
}

#home #content 
{
    float: left;
	width: 570px;
	margin-right:20px;
}

#widecontent #contentinner {
	
}
#content #contentinner {
	
}
#sidebar {
	float: right;
	width: 189px;
}
#footercontainer {
	clear: both;
	display:block;
	width:100%;
	background:#f1f1f1;
	border-top:5px solid #e1e1e1;
	overflow:auto;
	padding:20px 0 20px;
}
#footer {
	
	width:960px;
	margin:0 auto;
	color:#666;
	
}

#footer a 
{
    color:#666;
}
#footerleft 
{
    width:430px;
    float:left;
}
#footerleft ul 
{
    margin:0;
    padding:0;
    list-style-type:none;
}
#footerleft ul li 
{
    float:left;
    padding:0 10px;
    border-right:solid 1px #666;
}

#footerright
{
    width:460px;
    float:right
}

#footerright .footerbox 
{
    width:220px;
    float:left;
    margin:0px 10px 0px 0;
}
#footerright .footerbox ul 
{
    
    margin:0;
    padding:0 20px;
}

#banner {
	vertical-align: top;
}
h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Ubuntu', sans-serif;
    font-size:18px;
   
    color:#666;
        
}

h2 
{
    
    font-family: 'Ubuntu', sans-serif;
    font-size:20px;
    color:#13365b;    
    
    padding:0;
}


#content h1, #widecontent h1 
{
     /*background:url(../images/icons/std-arrow-down.png) no-repeat right 4px;
    padding-right:30px;*/
    padding-bottom:10px;
    border-bottom:solid 1px #ddd;    
}

#content p, #widecontent p {
	line-height: 20px;
}









/* ********************************************************************** */

td {
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
}

.eploydivider td {
	background: #DEDEDE;
	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: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}
*/

.vacancy-detail-title 
{
   text-decoration: none;
	 font-family: 'Ubuntu', sans-serif;
    font-size:16px;
    color:#13365b;
    font-weight:400;
    margin:0;
    padding-bottom:10px;
    
    background:#fff;
    
} 

.VacancyTable {
	border-collapse: collapse;
	padding:0px 0 20px 0;
	
	background:#fff url(../images/news-shadow.png) no-repeat bottom center;
	display:block;
}
#homeinfo {
	
	padding:0px 0 20px 0;
	
	/*background:#fff url(../images/news-shadow.png) no-repeat bottom center;*/
	
}
.VacancyTitle td span
{
    
	
}



.VacancyTitle td {
	padding: 4px 8px;
}
.VacancyTitle td a {
	text-decoration: none;
	 font-family: 'Ubuntu', sans-serif;
    font-size:18px;
    color:#13365b;
    font-weight:700;
    margin:0;
    padding:0;
}
.VacancyDetails td {
	padding: 8px;
}
.VacancyDetails ul {
	margin: 12px 0 8px;
	padding: 0;
	list-style: none;
}

.VacancyDetails div {
	float:right;
}


.VacancyDetails li {
	display: inline;
	padding-right: 8px;
}



#loginbox {
	
	clear:both;
	
}
#loginboxinner {
	padding: 14px;
}
#registerbox {
	margin-top:20px;
	clear:both;
	
}
#registerboxinner {
	padding: 14px;
}
#loginbox .signinformrow, #registerbox .signinformrow {
	padding: 1px 0;
}
#loginbox h3, #registerbox h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Ubuntu', sans-serif;
    font-size:18px;
   
    color:#666;
         background:url(../images/icons/std-arrow-down.png) no-repeat right 4px;
    padding-right:30px;
    padding-bottom:10px;
    border-bottom:solid 1px #ddd; 
}
#loginbox p, #registerbox p {
	font-family: Arial, Helvetica, 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: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.btnContainer {
	padding: 10px 0;
	
}
.btnContainer img {
	vertical-align: baseline;
}
.btnContainer a {
	font-family: Arial, Helvetica, sans-serif;
	color: #aaa;
	font-weight:bold;
	font-size: 11px;
}

.btnContainer a.disablebutton {
	color: #AAA;
	text-decoration: none;
}

#pagebar {
	padding: 6px;
	text-align: center;
	font-family: 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: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.PopupDescriptionCont {
	z-index: 200;
	visibility: hidden;
	width: 200px;
	position: absolute;
}

table.navbarprefixtable
{
	background-color:red;
}


table.table {
	width: 100%;
	border-collapse: collapse;
	
}
div.table {
	width: 100%;
	
}
.tabletoprow {
	
}
.tabletitles {
	color: #333;
	background:#fff;
	font-weight: bold;
	padding: 4px 8px;
}
.tabletitles a {
	color: #333;
	
	text-decoration: none;
}
.tabletitlessmall {
	color: #333;
	
	padding: 0px 8px 4px;
}
.tablefirstrow {
	background:#fff;
}
.tablesecondrow {
	background:#fff;
}
.formtext {
	font-weight: bold;
	padding: 5px;
	text-align: right;
	color: #666;
}
.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;
}
.checkbox 
{
    width: 13px;
    height: 13px;
    padding: 0;
    margin:3px 0px 2px;
    vertical-align: bottom;
    position: relative;
    top: -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 {
	
	font-weight: bold;
}
.sub2tabletoprow .formtextleft {
	color: #333;
}
.sub2menutablefirstrow {
	background-color: #FFF;
}
.sub2tablefirstcolumn {
	font-weight: bold;
	text-align: right;
}
.jobdescription {
	padding: 0 5px;
}
.candidateskilltitle {
	font-weight: bold;
	padding: 4px 8px;
}
td.addbutton {
	padding-left: 5px;
}
#EmailDetailsTable {
	background: #F5F5F5;
	border: 1px dotted #808080;
	padding: 10px;
}

.terminatestatusclass {
	color: #F00;
}
.timesheetshiftsfirstrow
{
	background-color:#eee;
}
.timesheetshiftssubrow
{
	background-color:#fff;
}
.timesheetshiftsheaderrow
{
	background-color:#eee;
}
.timesheetshiftsfirstrow input, .timesheetshiftssubrow input
{
    width:60px;
}




.timesheetshiftstable .formtext
{
    background-color:#eee;
}
.timesheetshiftstable td
{
    border-right:1px solid #eee;
    border-bottom: 1px solid #eee;
}
.timesheetshiftsfirstrow2
{
	background-color:#fff;
	color:#000;
	
    
}
.timesheetshiftssecondrow2 .formtext
{
	background-color:#eee;
	
	font-weight:normal;
}
.timesheetshiftsheader
{
	background-color:#eee;
	height:25px;
}



/* ********************************************************************** */
/* 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 */
/* ********************************************************************** */

.box {
	background: #f1f1f1;
	border:solid 5px #e1e1e1;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 8px;
	padding:10px;
}

.box ul.mycareer 
{
    list-style-type:none;
    margin:0;
    padding:0;
}
.box ul.mycareer li 
{
    padding:10px 0 10px 30px;
    margin:0;
    border-bottom:dotted 1px #ccc;
    font-size:13px;
    background:url(../images/icons/std-arrow-purple.png) no-repeat left 7px;
}
.box ul.mycareer li a
{
   color:#666;
}

.boxtop {
	
	
}
.boxtop h3 {
    margin: 0;
    
	font-family: 'Ubuntu', sans-serif;
    font-size:18px;
    color:#13365b;
    /* background:url(../images/icons/std-arrow-down.png) no-repeat right 1px;
    padding-right:30px;*/
    padding-bottom:10px;
    border-bottom:solid 1px #ddd;    
	
	
}
.boxinner {
	padding:10px 0 0 0;
}
.box p {
	padding: 0;
	margin: 0 0 10px;
}
.box label {
	font-weight: bold;
	color: #666;
}
.box input, .box select {
	border: 1px solid #C0C2C5;
}
.box .sidebarsubmit {
	background: #4298FE url(../images/Sidebars/buttonbg.gif) center repeat-x;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0;
	padding: 2px 5px;
	cursor: pointer;
}

.clientbuttons {
	background: #18B7DF;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0;
	padding: 2px 5px;
	cursor: pointer;
}
.box .fielddiv {
	padding-bottom: 2px;
}
.box .formlinkdiv {
	padding: 6px 0 0;
}

.box ul
{	
	list-style:none;
	margin:5px 0 5px 4px;
	padding:0;
	
}

.box ul li 
{
	margin:10px 0;
}
.box ul a 
{
	text-decoration:none;
}

.box ul li a
{
	color:#333;
}
.box ul ul li a 
{
	color:#555;
	
}
.box ul ul ul li a 
{
	color:#666;
	font-weight:normal;
}

.box li a.redlink
{
	background:url(../images/buttons/EmailCircleGrey.gif) no-repeat left 3px;
	margin-left:10px;
	padding-left:17px;
	color:#cc0000;
	font-weight:normal;
}
.box li a.toolbarselected {
	color: #13365b;
}
#lhscontainer .box li a:hover, #sidebar .box li a:hover {
	color: #13365b;
	text-decoration: underline;
}
#Clientlogo {
	
}
#Clientlogo div {
	
	text-align: center;
	padding: 0px 0;
	width: 100%;
	overflow: hidden;
}
#Clientlogo img {

}

.slideshow {margin-top:10px; display:block; max-height:200px; background:#fff; height:100px; overflow:hidden;  }
.slideshow img { height: auto;  width: 250px; border:none; }

#home .slideshow {margin-top:10px; display:block; max-height:320px; background:#fff; height:100px; overflow:hidden;  }
#home .slideshow img { height: auto;  width: 320px; border:none; }

.ClientVacancyBar 
{
	background-color:#f5f5f5;
	border:1px solid #dedede;
	padding:5px 2px;
	font-size:11px;
	
}

.clientButtons 
{
	background-color:#fff;
	border:1px dotted #dedede;
	padding:5px 2px;
	font-size:11px;
	
}

.tabactive 
{
	background-color:#DEDEDE;
	display:inline;
	padding:3px 10px 1px;
	border-top: 1px solid #BDC7D8;
	border-left: 1px solid #BDC7D8;
	border-right: 1px solid #BDC7D8;
	
	font-size:11px;
	font-weight:bold;
	position:relative;
}

.tabnotactive 
{
	background-color:#F7F7F7;
	display:inline;
	padding:3px 10px 0px;
	border-top: 1px solid #BDC7D8;
	border-left: 1px solid #BDC7D8;
	border-right: 1px solid #BDC7D8;
	border-bottom: 1px solid #BDC7D8;
	
	font-size:11px;
	font-weight:bold;
}

.tabactive a, .tabnotactive a 
{
	text-decoration:none;
	
	color:#333;
}


.auditcont 
{
	background-color:#dedede;
	
	border:1px solid #ccc;
}
.audittrail 
{
	border-collapse:collapse;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	font-size:11px;
	
}

.audittrail td 
{
	padding:3px 5px;
	
}

a.TotalLiveAppsRed 
{	
	color:red;
}

#Username, #Password 
{
    width:155px;
}
.vacancyratestable
{
	
}
.vacancyratestable th
{
	width:10%;
	text-align: left;
	padding-left:5px;
}

.vacancyratestablelabelcolumn 
{
	width:25%;
	font-weight: bold;
	padding: 5px;
	text-align: right;
	color: #666;
}
.vacancyratestabletextcolumn 
{
	width:90px;
	text-align: left;
	white-space:nowrap;
}
.vacancyratestabletextcolumn span
{
	vertical-align: middle;	
	padding-left:5px;
}
.vacancyratestabletextcolumn_noneditable
{
	width:100px;
	text-align: left;
	white-space:nowrap;
	
}

a.inline 
{
    width:179px;
    float:left;
    margin:10px 10px 30px 0 !important;
    padding:9px 7px 9px 7px !important;
    /*background:#13365b !important;*/
    /*color:#fff !important;*/
    border:solid 5px #fff !important;
    box-shadow:0 0 10px #999;
    /*text-shadow:0 -1px 1px rgba(0,0,0,0.6);*/
    
    
}

a.inline:hover 
{
    background:#13365b !important;
    color:#fff !important;
     /*border:solid 5px #f1f1f1 !important;*/
    
}

a.social-link-box 
{
    display:block;
    background:#f1f1f1;
    border:solid 5px #e1e1e1;    
    padding:9px 7px 9px 60px;
    cursor:pointer;
    color:#666;
    -webkit-transition:all 0.2s;
    margin:0 0 10px 0;
    
}

a.social-link-box h3  
{
    font-size:14px;
}

a.social-link-box p, a.social-link-box h3  
{
    padding:0 20px 0 0;
    margin:0;
    
} 

a.social-link-box p 
{
    font-size:11px;
}

a.social-link-box:hover 
{
    color:#333;
    border:solid 5px #ccc; 
    text-decoration:none;   
    
}

a.twitter-box 
{
    background:#f1f1f1 url(../images/icons/twitter-box.png) no-repeat 10px center;
}

a.facebook-box 
{
    background:#f1f1f1 url(../images/icons/facebook-box.png) no-repeat 10px center;
}

a.linkedin-box 
{
    background:#f1f1f1 url(../images/icons/linkedin-box.png) no-repeat 10px center;
}

a.rfi-box 
{
    background:#f1f1f1 url(../images/icons/rfi-box.png) no-repeat 10px center;
}
a.guides-box 
{
    background:#f1f1f1 url(../images/icons/guides-box.png) no-repeat 10px center;
}

.newsitem 
{
    background:#fff url(../images/news-shadow.png) no-repeat bottom center;
    overflow:auto;
    padding: 0 0 40px 0;
}

.newsitem p.articledate 
{
    font-style:italic;
    font-size:11px;
    color:#A3A5AA;
}
.newsitem p.articledate span
{
    
    font-style:normal;
    
}

.button
{
    font-size:11px; margin:0 3px;float:left; cursor:pointer; display:block; margin-bottom:6px; background:#13365b; border:solid 3px #fff; color:#fff !important; font-weight:bold; text-align:center; padding:3px; box-shadow:0 0 7px rgba(0,0,0,0.5); -webkit-transition:all 0.2s; padding:4px 7px;
}

.button:hover 
{
    background:#7E387E; text-decoration:none;
}



.socialbox 
{
    display:block;
    background:#f1f1f1;
    padding:5px;
    clear:both;
    position:relative;
    top:20px;
}

ul.stdarrowlist 
{
    margin:20px 0 40px 40px;
    padding:0;
    list-style-type:none;
}

ul.stdarrowlist li 
{
     background: url(../images/icons/std-arrow.png) no-repeat left top;
     padding:0 0 0 40px;
    margin:10px 0;
    
    width:400px;
    
    font-weight:bold;
}


ul.sidenav 
{
    margin:0px 0 20px 0px;
    padding:0 0 0 10px;
    list-style-type:none;
    
}

ul.sidenav li 
{
     background: url(../images/icons/std-arrow.png) no-repeat 0 5px;
     padding:9px 0px 9px 30px;
    margin:0px;
    border-bottom:solid 1px #f1f1f1;
    font-size:11px;
    
    font-weight:bold;
}


.offerleft, .offerright 
{
    width:200px;
    float:left;
    margin:0 0 40px 0;
}

.offerright 
{
    background:url(../images/icons/main-arrow.png) no-repeat left center;
    padding-left:60px;
}

.offerleft h2, .offerright h2  
{
    font-family: 'Ubuntu', sans-serif;
    font-size:70px;
    color:#13365b;
    background:none !important;
    border:0 !important;
    margin:0;
    padding:0;
}
.offerleft p, .offerright p 
{
    font-family: 'Ubuntu', sans-serif;
    font-size:22px;
    color:#999;
    margin:0;
    padding:0;
    
}



#footer ul.social-links 
{
    list-style-type:none;
    padding:0;
    margin:0;
   
    
}

#footer ul.social-links li 
{
    
    margin:0 0 0 10px;
    padding:2px 5px 2px 25px;
}

#footer ul.social-links li a 
{
    text-decoration:none;
    color:#666;
    
    
}

#footer ul.social-links li.linkedin 
{
    background:url(../images/icons/linkedin.png) no-repeat left center;
}
#footer ul.social-links li.facebook 
{
    background:url(../images/icons/facebook.png) no-repeat left center;
}
#footer ul.social-links li.twitter 
{
    background:url(../images/icons/twitter.png) no-repeat left center;
}

.person 
{
    margin:0 0 40px 0;
}

.staffpic 
{
    float:left;
    margin:10px 20px 20px 0;
    box-shadow:0 0 5px rgba(0,0,0,.5);
}

.person h3, .person h2 
{
    margin:0 0 5px 0;
}

.person ul 
{
    list-style-type:none;
    margin:0;
    padding:0;
    clear:both;
}

.person ul li 
{
    margin:3px 0;
}

.person ul li.linkedin 
{
    background:url(../images/icons/linkedin.png) no-repeat left center;
    padding-left:20px;
}

ul.stdlist li 
{
    margin:0 0 5px 0;
}