/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

----------------------------------------------------------------------------------------- */
/*------------------------------

        Reset / Body

 ------------------------------*/

body,img,ul,ol,dl,dt,dd,blockquote,p,h1,h2,h3,h4,h5,h6,form,fieldset {border: none;list-style: none; line-height:1.1em; margin: 0;padding: 0;font-weight: normal; outline:none;}

body {background: #18212d; color:#323; font:1em Arial, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif}

/************************************************************************ <h> TAGS CSS ************************************************************************/

h1 {font-size:160%; color:#138acc; font-weight:bold;letter-spacing:-1px; margin-bottom:5px;}
h2 {font-size:130%; color:#138acc; font-weight:bold; margin:10px 0px}
h3 {font-size:110%; color:#435070; font-weight:bold;}
h4 {font-size:100%; color:#323232}

/************************************************************************ LIST ITEMS CSS ************************************************************************/

ul, li { list-style-type: circle; list-style-position:inside; }


/************************************************************************ PSEUDO CLASSES CSS ************************************************************************/

a:link, a:visited {color:#138acc; text-decoration:none; font-weight:bold}

a:hover {color:#0f425b; text-decoration:underline;}

/************************************************************************ FORM STYLING ************************************************************************/

form {font-family: 'calibri', 'lucida grande', Verdana, Geneva, sans-serif; overflow:hidden}

.submit {width:84px; height:auto; background: /*url(../layout/bg_search.jpg) top right no-repeat*/ #58a6e0; margin-top:3px; border:1px solid #4c8ebf; color:#fff; font-weight:bold; font-size:12px; float:right; -moz-border-radius: 3px; -webkit-border-radius:3px; text-align:right; clear:both}

input {background:#fff; color:#435070; border:1px solid #74afd7; font-family: 'calibri', 'lucida grande'; padding:3px 2px; font-size:12px; padding-left:5px; float:right; width:125px; margin-bottom:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

select {background:#fff; font-family: 'calibri', 'lucida grande'; border:1px solid #74afd7; padding:4px 2px; font-size:12px; padding-left:5px; margin-bottom:3px; width:134px; float:right; -moz-border-radius: 3px; -webkit-border-radius:3px; color:#435070}

textarea {background:#fff; color:#435070; font-family: 'calibri', 'lucida grande'; font-size:12px; border:1px solid #74afd7; padding:5px 2px; float:right; padding-left:3px; width:126px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-bottom:5px;}

.fileField {background:#eee; color:#435070; border:1px solid #74afd7; font-family: 'calibri', 'lucida grande'; padding:3px 2px; font-size:12px; padding-left:5px; float:right; width:195px; margin-bottom:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

/************************************************************************ GENERIC CSS ************************************************************************/

img {border:none;}

.image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;}

.border {border:2px solid #555; background:#555;}

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.mainTitle {
color:#2e627c;
font-size:213%;
font-weight:bold;
letter-spacing:-2px;
margin-bottom:5px;
}

.disclaimer-txt {font-size: 10px; color:#ccc}
.orange {color:#f48d0c}
.darkBlue {color:#0f425b;}
.testPost {color:#0f425b; font-size:14px; text-align:right;}
.lightBlue {color:#138acc}
.break {width:680px; height:0px; border-bottom:5px solid #e2eceb; float:left}

/************************************************************************ MAIN SITE CSS ************************************************************************/

#top {background: url(../images/bg_top.jpg) #323232; height: 97px; }

#header {width: 960px; background:url(../layout/header.jpg) no-repeat; height:97px; position: relative;margin: 0 auto;}
#header .telNo {position:absolute; top:0px; right:0px; padding:5px 10px 15px; color:#31637b; font-size:1.8em; font-weight:bold}
#header .email {position:absolute; top:35px; right:0px; padding:5px 10px; color:#31637b; font-size:16px;}

#nav {float: right;height: 30px;bottom: 0;right: 0;position: absolute;padding-right: 0px; font-size:0.9em}
#nav li {display: inline;}
#nav a {float: left;display: inline;margin: 0 15px 0 3px;background: url(../images/nav.png);position: relative;text-decoration: none; color:#fff}
#nav a span {left: 12px;position: relative; width:72px; text-align:center; display: block; line-height: 31px;height: 30px;padding: 0 15px 0 0px;background: url(../images/nav.png) right top; color:#fff; cursor: pointer;}
#nav a:hover, #nav a.active {background-position: 0 -32px; color: #27488e;}
#nav a:hover span, #nav a.active span {color:#294970; background-position: right -32px;}

#main {border-bottom:10px solid #86c3e5; background:url(../layout/bg_main3.jpg) bottom repeat-x #72bbef; border-top:10px solid #b0dbf1; overflow:hidden; position:relative; z-index:0}
#content {width:960px; background:#fff; overflow:hidden; margin:auto; border-left:10px solid #fff; z-index:99}
.daisybg {position:absolute; left:20px; bottom:-4px; z-index:-1;}
#testimonials {width:605px; margin: 10px 10px 10px 0px; background: url(../layout/testimonial-man.png) left top no-repeat #b0dbf1; color:#138acc; padding:20px 10px 20px 60px; text-align:right; float:left; height:95px; -moz-border-radius: 10px; -webkit-border-radius:10px; }
.speech { color:#138acc; margin:auto; margin-left:20px; text-align:left;}
.speech a {font-weight:normal;  line-height:1.1em;}
#siteBodyTop {width:680px; height:30px; /*background:transparent url(../layout/bg_vaccancies.png) top left no-repeat;*/ padding:30px 0px 10px 10px; float:left}
#vaccanciesBody {width:676px; padding:0px; padding-bottom:20px; background: url(../layout/bg_postBox.jpg); border:2px solid #e2eceb; float:left}
#aboutClever {width:670px; background:#fff; color:#0f425b; margin:0px 0px 20px 0px; float:left; font-size:0.9em}
#aboutClever h1:first-child {margin-top:10px;}

#aboutClever ol li { list-style-type:square}
.latestNews {width:605px; background:#fff; padding:15px 10px 20px 0px; font-size:14px; border-top:2px dotted #e2eceb; position:relative; float:left}
.latestNewsDate {width: 40px; height:30px; position:absolute; text-align:center; padding:5px; top:15px; left:2px; background:#deeff8; border:1px solid #ccc}
.latestNewsDate span {-x-system-font:none; display:block; font-family:Georgia,"Times New Roman",Times,serif; font-size:140%; font-size-adjust:none; font-stretch:normal; font-style:italic; font-variant:normal; letter-spacing:-1px; line-height:90%;}
.readMore {float:right; padding:5px; background:#fff; margin-right:10px; border:1px solid #ccc;}

.twitter {width:670px; background:#d7eaf4; margin-top:10px; padding:15px 10px 20px 0px; font-size:14px; border-top:2px dotted #e2eceb; position:relative; float:left}

/************************************************************************ CLIENTS CSS ************************************************************************/

.clientService {width:215px; height:200px; margin-right:5px; margin-bottom:5px; border:1px solid #ccc; float:left; background:#eee;}

/************************************************************************ JOBSEARCH CSS ************************************************************************/

.jobPostTitle {width:655px; /*background: #f2b174 /*url(../layout/bg_jobTitle.jpg) repeat-x*/ float:left; margin-left:10px; color:#138acc; font-size:25px; font-weight:bold; letter-spacing:-2px; margin-bottom:5px; padding:10px 0px}

.jobPost {width:155px; background: url(../layout/bg_jobPost.jpg) no-repeat; height:50px; position:relative; line-height:90%; letter-spacing:0px; text-align:center; font-size:1.1em; float:left; padding:30px 35px 20px; margin-right:0px; margin-bottom:0px;}

.jobPost a:link {color:#257fcd; text-decoration:none;}
.jobPost a:hover {color:#2f627c; text-decoration:none}
.jobPost:hover {background: url(../layout/bg_jobPost2.jpg) no-repeat; text-decoration:none; display:block; cursor:pointer}

.jobPost_current {width:155px; background: url(../layout/bg_jobPost2.jpg) no-repeat; height:50px; position:relative; line-height:90%; letter-spacing:0px; text-align:center; font-size:20px; float:left; padding:30px 35px 20px; margin-right:0px; margin-bottom:0px;}

.jobPostNumber {position:absolute; bottom:19px; left:26px; height:20px; width:30px; color:#f48d0c}

#resultsHeader {width:670px; background:#fff; padding:10px; padding-top:20px; margin:10px 0px; margin-top:0px; position:relative; font-size:14px; float:left}
#resultsHeader h1 {font-size:150%; color:#138acc; font-size:213%; font-weight:bold;letter-spacing:-2px; margin-bottom:5px;}
.jobPostListing {width:605px; background: url(../layout/bg_JobPostListing.jpg) bottom repeat-x #fff; padding:15px 10px 20px 65px; font-size:14px; border-top:2px solid #e2eceb; position:relative; float:left}
.jobPostBox {width: 40px; height:30px; position:absolute; text-align:center; padding:2px; top:15px; left:8px; background:#fff; border:1px solid #ccc}
.jobPostDetails {float:left; padding:5px; border:1px solid #ccc; background:#fff}

.JobReadMore {position:absolute; bottom:20px; right:0px; padding:5px; background:#fff; margin-right:10px; border:1px solid #ccc;}
.odd {background:#fff}
.paginationBox {border: 1px solid #ccc; margin-right:3px; float:right; padding:3px;}
.resultsBox {border: 1px solid #ccc; margin-right:3px; float:right; padding:3px;}
.resultsBox a {color:#f88311}

.jobPageDetails {float:left; padding:10px; font-size:16px; border:1px solid #ccc; background:#fff}

/************************************************************************ JOB PAGE CV CSS ************************************************************************/

.CVformBox {width:615px; padding:15px 0px 20px 65px; font-size:14px; border-top:2px solid #e2eceb; position:relative; float:left}
.CVicon {width: 40px; height:40px; display:block; text-align:center; padding:5px; top:15px; left:2px; background:#eee; border:1px solid #fff}

.CVformBox table {float:right; background: #e6f4f7; border:1px solid #adcada; padding-top:10px; border-bottom-width:5px; border-top-width:5px; text-align:right}

.CVformBox input {background:#fff; color:#435070; border:1px solid #a9c5d5; font-family: 'calibri', 'lucida grande'; padding:5px 2px; font-size:22px; padding-left:5px; float:right; width:450px; margin-bottom:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.CVformBox select {background:#fff; font-family: 'calibri', 'lucida grande'; border:1px solid #a9c5d5; padding:4px 2px; font-size:16px; padding-left:5px; margin-bottom:3px; width:458px; float:right; -moz-border-radius: 3px; -webkit-border-radius:3px; color:#435070}

.CVformBox textarea {background:#fff; color:#435070; font-family: 'calibri', 'lucida grande'; font-size:16px; border:1px solid #a9c5d5; padding:5px 2px; float:right; padding-left:3px; width:451px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-bottom:5px;}

.CVformBox.fileField {background:#fff; color:#435070; border:1px solid #a9c5d5; font-family: 'calibri', 'lucida grande'; padding:3px 2px; font-size:16px; padding-left:5px; width:450px; margin-bottom:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.testimonialsWrap {width:670px; padding:5px 0px;}
.testimonialsBox {width:650px; margin: 0px; background:#f3f3f3; font-size:16px; color:#138acc; height:75px; margin:auto; height:auto; line-height:90%; padding:15px 10px 20px; text-align:justify; float:left; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px;}

.testimonialsFooter {width:575px; margin: 0px; margin-bottom:10px; background:url(../layout/bg_testimonialsFooter.jpg) top left no-repeat #fff; color:#0f425b; padding:30px 5px 10px 90px; text-align:left; float:left;}
/************************************************************************ RIGHT NAV CSS ************************************************************************/

#rightNav {width:254px; padding:15px 8px 10px 0px; /*border-left:1px solid #ccc; border-right:1px solid #ccc;*/ float:right;}
.btnClientCand {width:250px; height:50px; border:1px solid #437d9a; margin-bottom:5px;}

.btn_clients {width:2540x; height:50px; background: url(../layout/btn_clients.jpg) no-repeat; display:block; cursor:pointer}
.btn_clients:hover {height:50px; background-position: 0px -50px;}

.btn_boss {width:2540x; height:50px; background: url(../layout/btn_bossHide.jpg) no-repeat; display:block; cursor:pointer}
.btn_boss:hover {height:50px; background-position: 0px -50px;}

.btn_candidates {width:2540x; height:50px; background: url(../layout/btn_candidates.jpg) no-repeat; display:block; cursor:pointer}
.btn_candidates:hover {background-position: 0px -50px;}

.linksWrapper {width:252px; padding:75px 0px 0px; background:url(../layout/linksHeader.jpg) no-repeat #fff; clear:both}
.linksFooter {width:252px; padding:80px 0px 0px; clear:both}
.btnSocial {width:250px; height:50px; clear:both; border:1px solid #adcada; margin-bottom:5px;}
#searchForm { width:245px; position:relative; margin:5px 0px 10px 0px; padding:30px 5px 15px 0px; border:1px solid #adcada; border-bottom-width:5px; border-top-width:5px; float:left; background:#dbeef8;}
.searchFormHead {position:absolute; top:0px; left:0px; height:20px; width:235px; color:#31637b; font-weight:bold; padding:5px 5px 5px 5px; text-align:right;}

.qe-keyword {position:absolute; top:23px; left:0px;  padding:5px; color:#31637b; font-size:11px; font-weight:bold; text-align:left; }
.qe-location {position:absolute; top:50px; left:0px;  padding:5px; color:#31637b; font-size:11px; font-weight:bold; text-align:left; }
.qe-advanced {position:absolute; bottom:0px; left:10px;  padding:5px; background:#fff; color:#138acc; font-size:11px; font-weight:bold; text-align:left; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }

#cvUpload { width:245px; position:relative; margin:5px 0px 10px 0px; padding:30px 5px 15px 0px; border:1px solid #adcada; border-bottom-width:5px; border-top-width:5px; float:left; background:#dbeef8;}
.cvUploadHead {position:absolute; top:0px; left:0px; height:20px; width:235px; color:#31637b; font-weight:bold; padding:5px 5px 5px 5px; text-align:right;}

.cv-name {position:absolute; top:23px; left:0px;  padding:5px; color:#31637b; font-size:11px; font-weight:bold; text-align:left; }
.cv-role {position:absolute; top:50px; left:0px;  padding:5px; color:#31637b; font-size:11px; font-weight:bold; text-align:left; }
.cv-salary {position:absolute; top:73px; left:0px;  padding:5px; color:#31637b; font-size:11px; font-weight:bold; text-align:left; }
.cv-attachment {position:absolute; top:100px; left:0px;  padding:5px; color:#31637b; font-size:11px; font-weight:bold; text-align:left; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }
.cv-email {position:absolute; top:127px; left:0px;  padding:5px; color:#31637b; font-size:11px; font-weight:bold; text-align:left; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }
.cv-phone {position:absolute; top:154px; left:0px;  padding:5px; color:#31637b; font-size:11px; font-weight:bold; text-align:left; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }
.cv-notes {position:absolute; top:181px; left:0px;  padding:5px; color:#31637b; font-size:11px; font-weight:bold; text-align:left; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }

#emailSignup { width:245px; position:relative; margin:5px 0px 10px 0px; font-size:14px; padding:30px 5px 15px 0px; border:1px solid #adcada; border-bottom-width:5px; border-top-width:5px; float:left; background:#007ebb;}
.emailSignupHead {position:absolute; top:0px; left:0px; height:20px; width:235px; color:#fff; font-weight:bold; padding:5px 5px 5px 5px; text-align:right;}

.esu-name {position:absolute; top:23px; left:0px;  padding:5px; color:#fff; font-size:11px; font-weight:bold; text-align:left; }
.esu-email {position:absolute; top:50px; left:0px;  padding:5px; color:#fff; font-size:11px; font-weight:bold; text-align:left; }
.esu-type {position:absolute; top:80px; left:0px;  padding:5px; color:#fff; font-size:11px; font-weight:bold; text-align:left; }

/*------------------------------------Footer----------------------------*/

#footerWrapper {width:100%; background:#138acc; margin-bottom:0px; overflow:hidden; clear:both}

#footer {
	background: #138acc;
	line-height: 1.7em;
	width: 960px;
	margin: 0px auto;
	font-size:12px;
}

/*#footer .container .auxlinks{
	float: left;
	background:#138acc;
	width: 100%;
	color: #fff;
	padding-top:10px;
}
#footer .container .auxlinks ul.col3 {
	width: 278px;
	float: right;
	margin: 0px 10px;
	padding: 20px 10px;
}
#footer .container .auxlinks ul.col3 li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 280px;
}
#footer .container .auxlinks ul.fav li a, #blog .rightcol ul.links li a {
	color:#fff;
	float: left;
	width: 254px;
	text-decoration: none;
	background: url(../layout/icon_bullet2.gif) no-repeat center left;
	padding: 10px 0 8px 25px;
	border-top:1px solid #ccc;
}
#footer .container .auxlinks ul.fav li a:hover, #blog .rightcol ul.links li a:hover {
	display: block;
	background: url(../layout/icon_bullet2.gif) no-repeat center left;
	color:#18212d;
	padding: 10px 0 8px 25px;
}*/
/***************** my footer bits ****/
#footer td{ 
	vertical-align:top;
}
#footer strong{
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	text-align: center;
	background:#33a5e4;
	color:#fff;
	padding: 5px 0;
	
}

#footer table li{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 280px;
}	
	
#footer table li a{
	color:#fff;
	float: left;
	width: 254px;
	text-decoration: none;
	background: url(../layout/icon_bullet2.gif) no-repeat center left;
	padding: 10px 0 8px 25px;
	border-top:1px solid #ccc;
}

#footer table li a:hover{
	display: block;
	background: url(../layout/icon_bullet2.gif) no-repeat center left;
	color:#18212d;
	padding: 10px 0 8px 25px;
}
	
/***************** my footer bits ****/	
/*#footer li.first p {
	padding: 0;
	margin-bottom: 10px;
}
#footer li.first p strong{
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	text-align: center;
	background:#33a5e4;
	color:#fff;
	padding: 5px 0;
}
#footer ul.siteinfo p{
	line-height: 2em;
}*/

.disclaimerWrap {
	background: #18212d;
	border-top: 1px solid #85d1ff;
	margin-top:10px;
	width: 100%;
}

.disclaimer {
	padding: 20px 0;
	width: 960px;
	font-size:12px;
	margin:auto;
	text-align:center;
	color: #ccc;
}
.disclaimer a {
	text-decoration: none;
	color: #ccc;
}


/************************************************************************ STYLING CSS ************************************************************************/

.noMarginTop {margin-top:0px}
.noMarginBottom {margin-bottom:0px}
.noMarginLeft {margin-left:0px}
.noMarginRight {margin-right:0px}

.textAlignRight {text-align:right}
.textAlignLeft {text-align:left}
.textAlignCenter {text-align:center}
.textAlignJustify {text-align:justify}

.marginTop {margin-top:10px}
.marginBottom {margin-bottom:10px}
.marginLeft {margin-left:10px}
.marginRight {margin-right:10px}

.noBorder {border:none}
.dottedBorderBottom {border-bottom:2px dotted #ccc;}

input.error{background-color:#F00;}
textarea.error{background-color:#F00;}
/*#aboutClever label.error{color:#F00; float:left; position:relative; left:40px; display:none}	
#rightNav label.error{color:#ffbf35; float:left; position:relative; left:120px; width:120px; padding-bottom:3px; display:none}	
*/
label.error{
	display:none !important;
}