@charset "utf-8";
/* CSS Document */

html, body {
height: 630px; /*100%;*/
min-height : 100%;
/*overflow:auto;*/
}

body {
height : 100%;
margin : 0;
padding : 0;
}



html > body {
height : 100%; 
min-height : 100%;
}

#flexrecruitment {
	display:block;margin:0;padding:0;height:215px;
	background: url(../images/introimg4.jpg) no-repeat ;
}

ul {
	margin:-10px 0 0 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

html {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	
}

body {
	display: block;
	background-color: #CCCCCC;	
	text-align:center;
	background-color: #ccd1e6; /* #d2cce6; */
}

a {
	text-decoration: none;
	color: #333333;
}


.errmsg {
	color:#660000;
	text-transform: uppercase;
	font-weight: bold;

}

#content {
	display:block;
	width: 950px; /*width was 900px, difference in new size:(950 - 900 = 50); */  
	text-align:left;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	/*border-left: #FFFFFF 5px solid !important;
	border-right: #FFFFFF 5px solid !important;*/
	border-bottom: #FFFFFF 5px solid !important;
	/*min-height: 1050px;*/
	height:auto; /* should be 100% but flows vertically better in IE6 this way*/
}

.width100pcent
{
	width: 100%;	
}

.height100pcent
{
	height: 100%;	
}

#contentAdvertDetailview #jobAdvertrefDetail, #contentAdvertDetailview #jobAdvertLocationDetail, 
#contentAdvertDetailview #jobAdvertCountryDetail, #contentAdvertDetailview #jobAdvertTypeDetail, 
#contentAdvertDetailview #jobAdvertPayDetail,

#contentAdvertDetailviewSponsored #jobAdvertrefDetail1, #contentAdvertDetailviewSponsored #jobAdvertLocationDetail1, 
#contentAdvertDetailviewSponsored #jobAdvertCountryDetail1, #contentAdvertDetailviewSponsored #jobAdvertTypeDetail1, 
#contentAdvertDetailviewSponsored #jobAdvertPayDetail1,

#contentAdvertDetailviewPremium #jobAdvertrefDetail2, #contentAdvertDetailviewPremium #jobAdvertLocationDetail2, 
#contentAdvertDetailviewPremium #jobAdvertCountryDetail2, #contentAdvertDetailviewPremium #jobAdvertTypeDetail2, 
#contentAdvertDetailviewPremium #jobAdvertPayDetail2,

#contentAdvertAdvantageDetailview #jobAdvertrefDetail3, #contentAdvertAdvantageDetailview #jobAdvertLocationDetail3, 
#contentAdvertAdvantageDetailview #jobAdvertCountryDetail3, #contentAdvertAdvantageDetailview #jobAdvertTypeDetail3, 
#contentAdvertAdvantageDetailview #jobAdvertPayDetail3{
	width: 300px !important;	
}


/**
fix logo for selector
 */
#logo a[href] {
	height: 159px;
	width: 170px;
	display: block;
}

.titleContentContainer {
	width:100%;
}

.barTopMenu {
	display: block;
	clear:both;
	background-color: #ffffff;
	height: 1px; /*25px;*/
	font-size: 0.8em;
	margin-top: 5px;
}


.barTop,  .barTopBlue {
	height: 5px;
	display: block;
	background-color: #fea943; /* #b0b0f5; *?
	height: 5px !important;
	width: auto;
	margin:0 !important;
	padding:0 !important;
	
	/*
	width:493px;
	display:block;
		height: 7px;
	clear:both;
	*/
}

.barTopBlue {
	display: block;
	background-color: #6666cc;
}

#hideme {
	display:none !important;
}

#barToptest {
	display: inline;
	clear:both;
	background-color: #6633FF;
	height: 7px !important;
	margin-bottom:5px  !important;

	/*display: block;
	width:493px;
	display:block;
		height: 7px;
	
	*/
}

.moreinfobtn {
	display:inline;border:none;background-color: #FFFFFF !important;clear:right  !important; width:60px;color:inherit;
					font-size:105%;font-family:inherit;font-weight:bold;
					text-align: left;
}

#adpackages {
	display:none;
	position:relative; 
	right:0;
	background-color:#000;
	width:175px;
	float:right;
	z-index:2;
}

.orangeExpandCollapse {
	clear:both;padding: 3px 0 0 0;height:25px;width:583px; background-color: #fea943;text-align:center;	
}

.blackExpandCollapse {
clear:both;padding: 3px 0 0 0;height:20px;width:583px; background-color: #000;text-align:center;
}

#authorisedwork {
	display:block;clear:both;margin:0;padding:0;margin:0 4px 0 124px;
}

#contentmaster {
	height:100%;
	margin : 0;
	padding : 0;
}

#resultcount {
	font-size: 0.7em;
	text-transform:uppercase;
	font-weight: normal;
	margin-top: 10px;
}

#resultcount a {
	color:#444;
	text-decoration: none;
	font-weight: bold;
}

.jobtitles, .jobtext, .jobposted, .jobinfo, .jobdate, .jobasap, .jobduration, .jobbuttons, .jobhead {
	font-size: 0.75em;
	text-align: left;
	margin-left: 3px;
}

.jobhead a {
	/**/
}

.jobhead a:hover {
	color: #666666;
	text-decoration: underline;
}

.jobhead p {
	margin:0 !important;
}

.jobads {
	display: block;
	clear: both;
	border-bottom: #6666cc solid 1px;
	height: auto;
	padding: 10px 0 25px 0 !important;
	margin: 10px 0 14px 0;
}

.jobtitles, .jobposted, .jobinfo, .jobdate, .jobasap, .jobduration, .jobhead {
	display:block;
	font-weight: normal;
	margin: 0 0 5px 1px;
	width: 100px;
	float: left;
	clear: right;
}

.detail-view .jobtitles,
.detail-view .jobposted,
.detail-view .jobdate,
.detail-view .jobduration {
	color: #6767af;
}

.jobposted, .jobinfo, .jobdate, .jobduration, .jobasap {
	margin-right: 5px;
}

.job-inventory {
	margin-top:25px;
	height: 55px;
}

.job-inventory .jobinfo,
.job-inventory .jobasap {
	color: #333333;
}

.jobtext, .jobbuttons {
	display: block;
	margin: 0 0 5px 5px;
	clear: right;
}


.jobbodytxt {
	width: 100%;
	margin-left: 1px !important;
}

.jobtext.jobbodytxt {
	font-size: 0.85rem;
    line-height: 1.3rem;
    margin-top: 25px;
}

.jobtext.jobbodytxt.listtxt {
	font-size: 0.75rem;
    line-height: 1.1rem;
    margin-top: 17px;	
}

/**********quick fix********/
.jobbodytxt p
{
	font-size: 1em !important;
}

.jobposted {
	width: 43px;
	float: left;
	clear:none;
}

.jobinfo, .jobdate {
	display:block;
	float: left;
	width: 120px;
 	clear:none;
}

.jobdate {
	width: auto;
}

.jobinfo {
	width: 105px;
	font-weight: normal;
}






.jobasap {
	font-weight: normal;
}

.jobasap.long{
	width: 105px;
}

.jobduration {
	width:55px;
}

.jobhead {
	width:100%;
	text-transform: uppercase;
	font-weight: bold;
}

.jobhead.list {
	margin-bottom: 16px;
}

.jobbuttons, .deletesml {
	display: block;
	clear:both;
	margin: 5px 0 0 0;
	height: 20px !important;
}

#applyforall .deletesml {
	width:100px;
	/*height: 20px !important;*/
	font-size: 0.75em;
	font-weight: bold;
	
}

#applyforall .deletesml {
		margin-top: 20px !important;
}


.newsinfo0, .textupdates #newsinfo0, #newsinfo1, #newsinfo2, #newsinfo3, #newsinfo4, #newsinfo5, #newsinfo6, #newsinfo7, #newsinfo8, #newsinfo9, #newsinfo10, #newsinfo11, #newsinfo12,#newsinfo13, #newsinfo14, .basketinfo  {
	display:none;
	clear: both;
	float: none;
	margin: 0 4px 4px 4px !important;
	padding: 0 0 0 0 !important; 
/*	margin: 0 !important; */
	/* margin: 0 !important;  !important; */
} 

.textupdates {
	display: block;
	margin: 0 4px 0 4px;
	color: 000;
}


#logo{
	display: block;
	background-image:url(../images/hotprogrammers.jpg);
	background-position: left top;
	background-repeat: no-repeat;	
	width: 170px;
	height: 140px;	
	padding:0;
	margin: 0 0 20px 0;
}

#basketinfo {
	display:block; 
	margin:0 4px 0 4px !important;
	clear:both;
	font-size: 0.85em;
}


#candidateSearch, #employerSearch, #candidateLogin {
	border: #ccc solid 1px;
	background-color: #b0b0f5; 
	}

#candidateSearch p, #employerSearch p, #candidateLogin p,centralGride label {
	font-size: 0.8em;
	margin: 0 0 5px 7px;
	padding:0;
}

#candidateLogin {
	display:block;
	width:172px;
	height:168px;
	margin-top: 47px;
	margin-bottom: 9px;
}
 
#rightcol input, #rightcol select, #rightcol .button {
	display:block;
	width:156px;
	clear:right !important;
	color: #5e2299;
	height: 18px;
	margin: 0 0 5px 8px !important;
	border: 1px solid #6666cc !important;	
}

#rightcol input, #rightcol select, #rightcol .button,  #myprofile .button, 
#addvacancy .button, .addvacancy_1 .button,
#addvacancy input[type="password"], .addvacancy_1 input[type="password"]
#addvacancy input[type="text"], .addvacancy_1 input[type="text"]
#addvacancy .jobsearchloc, .addvacancy_1 .jobsearchloc,
.finputbrowse, .jobbuttons .button, .deletesml, #loginForm .button {
	/*WAS ON BUT CAN NOW BE DELETED
	display:block;
	width:156px;
	clear:right !important;
	color: #5e2299;
	height: 18px;
	margin: 0 0 5px 8px !important;
	border: 1px solid #6666cc !important;	*/
 }

#addvacancy .jobbuttons input#backtolist {
	width: auto;
}

.labeltxt, .radiotxt {
 	font-size: 0.75rem;
}


.thankyou {
	clear:left;
	font-weight:normal;
	font-size:0.8em;	
	float:left;
	width: 120px;
}

.thankyoutab {
	

	font-weight:normal;
	font-size:0.8em;		
}

.fancylegend, .fancylegendtitle {
	font-size:0.8em; /* 0.7em */
	color: #6666ae;
	text-transform : uppercase;
	/*font-weight:bold;*/
	width: 200px; /*120px; auto;*/
}

.fancylegendtitle {
	font-size: 1em;
	font-weight:bold;
	margin-top: 15px;
	text-transform: none;
}


 
 .finputbrowse {
  	display: block;
	clear: none !important;
	width: 227px;
	/*float:left;*/
	margin: 0 0 5px 0 !important;
 }
 
 #addvacancy input[class="finputbrowse"]{
 	/*WAS ON BUT CAN NOW BE DELETED
	display: block;
	clear: none;
	position:relative;
	left: 133px;*/
 }
 
 #addvacancy .button ,  .addvacancy_1 .button, .form-generic .button 
 {
 	display:block;
	clear:both !important;
	margin-left:133px !important;
 }
 
 #addvacancy .jobbuttons .button,  .addvacancy_1 .jobbuttons .button, #loginForm .button, 
 #SponseredSummary .button, #SponseredNormal .button, .form-generic .button
 {
	min-width: 130px;
	font-size: 0.7rem;
 	margin:0 10px 0 0 !important;
 }
 
 /************************** PROMOTIONIONAL STYLES *****************************/
 #promologinForm .button {
	width: 190px;
	/*font-size: 0.8em;*/
	 margin: 0 10px 5px 0 !important;
	
	font-size: 0.8em;
 	background-color:#6666cc !important;
	text-align: center;
	color:#FFFFFF;
	border: 1px outset #6666cc !important;
	text-transform:uppercase !important;
	margin-bottom: 0;
	 padding: 5px;
 }
 
 #promologinForm input[type="text"] {
	display:block;
	/*float:none;*/
	clear: none;
	height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
}

	#promologinForm input {
		width: 190px !important;
	}
 	
	/* packaggroupLrgad.jpg */
	.packageBackground {
		background:url(../images/promos/packaggroupLrgadsimple.jpg) no-repeat 330px 0px;
	}
	
	.packageinBrowserBackground {
		background:url(../images/promos/browsergroupad.jpg) no-repeat 300px 0px;
	}
	
	.packageinBrowserLrgBackground {
		background:url(../images/promos/browsergroupadlarge.jpg) no-repeat 394px 0px;
	}

	.cvinBrowserLrgBackground {
		background:url(../images/promos/cvadlarge.jpg) no-repeat 355px 0px;
	}
	
	
	
	
 /************************** END OF PROMOTIONIONAL STYLES *****************************/
 
 
 
 
 #SponseredSummary .button, #SponseredNormal .button {
	background-color: #69336d !important; 
	border: 1px outset #442042 !important;
 }
 
.deletesml {
 	width: 50px;
	height: 15px !important;;
	margin: 0 0 0 4px !important;
	font-size:0.85em;
 }
 
 


#addvacancy .ftextarea, .addvacancy_1 .ftextarea, #myprofile .ftextarea {
	/*display: block;
	clear:right !important;*/
	width:363px;
	height: 100px;
	margin-bottom: 5px;
}

#addvacancy input[type="text"], #addvacancy input[type="password"],#addvacancy .jobsearchloc, #addvacancy textarea[class="ftextarea"]  {
	/*position: relative;
	left: 130px;*/
}

#addvacancy input[type="text"], #addvacancy input[type="password"],#addvacancy .jobsearchloc  
{
	height: 25px;	
}

#addvacancy input[type="text"].extended, #addvacancy input[type="password"].extended,#addvacancy .jobsearchloc.extended  
{
	height: 35px;
	width:363px;	
	margin-bottom: 10px;
}

#billingForm #addvacancy input[type="text"], #billingForm #addvacancy input[type="password"], #billingForm #addvacancy .jobsearchloc, #billingForm #addvacancy textarea[class="ftextarea"]  {
	font-size: 16px;
    padding: 0 5px 0 5px;
    width: 350px;
    height: 35px;	
}

#rightcol input[type="text"], #rightcol input[type="password"], #rightcol textarea[class="ftextarea"]  {
	
	/*position: relative;
	left: 130px;*/
}

#addvacancy .finput, #addvacancy .ftextarea /*input[type="text"] */{
	/*WAS ON BUT CAN NOW BE DELETED
	display:block;
	margin: 0 0 5px 8px !important;
	border: 1px solid #6666cc !important;*/
}
 
 #rightcol .button, #myprofile .button, #addvacancy .button,  .addvacancy_1 .button, 
 .deletesml , #loginForm .button, .previewJobStyles .button, .form-generic .button  
 {
  	font-size: 0.7em;
 	background-color:#6666cc !important;
	text-align: center;
	color:#FFFFFF;
	border: 1px outset #6666cc !important;
	text-transform:uppercase !important;
	margin-bottom: 0;
 }

.candidate-confirmation #addvacancy .button,
#addvacancy .button[value="Retrieve Login"] {
	width: auto;
}



#addvacancy .button {
	padding: 8px 25px;
	height: auto;
	width: 150px;
	font-size: 0.9rem;
}

#addvacancy .button.auto-width {
	width: auto;
}

.PaypalLogoWithCards{
	clear:both;float:right !important;
	text-align:right;margin-top:20px;z-index:10 
 }

.paylane-cards, .general-cards {
	float:right !important;
	z-index:10
}


 
 
#processingpayment {
	display: none;	
}

#processingpaymentMessage  {
	display: block;	
	text-align: center;
	height:auto;
	border: #faa844 solid 1px; /*#6666ae */
	margin: 5px 0 5px;
	background-color: #fff864; /* #fddab1; #faa844 */
	width:100%;
	color: #6666ae;
}
 
 .errorMsg {
	background:url(../images/icons/exclamationmark.jpg) no-repeat 15px 13px;
	height:76px;
	width:100%;
	border: #faa844 solid 1px;margin: 5px 0 5px;background-color:#fddab1;width:100% 
 }
 
 .errorMsg em.desc {
    font-weight: normal;
    text-transform: none;
    font-weight: normal;
 }

 .errorMsg img {
  float:left;margin:13px;
 }
 
 
 
 .errorMsg p {
	 display:block;
	 margin-left: 70px !important;
	 width: 475px !important;
	 padding:13px !important;
	 text-transform:uppercase !important;
	 color:#000;
	 font-weight: bold;
 }
 
 .previewJobStyles .button {
	width: 150px;
	height: 25px;
	margin: 0 0 5px 0;
	padding: 0;
 }

 
 .marginMiddle {
	 display:block;
	 font-size: 0.7em;
	 clear: both;
	 padding:0;
	 margin:0;
	 /*background-color:#FFFF00;*/
	 width:100%;
	 height:48px;
 }
 
  .marginMiddle p {
  	margin: 0 0 0 5px !important;
	/*margin: 0 0 0 180px !important;*/
	padding: 8px 0 0 0;
  }
 
  .registernow {
 	display: block;
 	background-color:#6666cc !important;
	text-align: center;
	border: 1px outset #6666cc !important;
	text-transform:uppercase !important;
	margin: 0 0 0 8px;
	width: 154px;
	height: 15px;
	margin-bottom:5px !important;
 }
 
 .employer-box {
    display: block;
    width: 172px;
    height: 212px;
    margin-bottom: 2px;
 }
 
#employerSearch .orangebtn.large
{
    margin-right: auto;
    margin-left: auto;
}

.orangebtn.large.promofx {
    border: 3px outset #FFF741 !important;   
 }
    
 .orangebtn.large.promofx:hover {
    border: 3px outset #AD9A05 !important;
 }
 
.orangebtn.large.promofx a {
    padding: 10px;   
 }
 
.orangebtn.large {
    background-color: #FDC615 !important;   
    border: 2px outset #FFF741 !important;
	height: auto;
	margin-bottom: 9px !important;
}

.orangebtn.large:hover {
    background-color: #776900 !important;   
    border: 2px outset #AD9A05 !important;
    color: #FFF741 !important;
 }
 
 .orangebtn.large a:hover {
    color: #FFF741 !important; /* #464691 */
}
     
.orangebtn.large a {
    display: block;
	margin: 4px;  
	color: #776900 !important;  
}
    
 .registernow a {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 0.75em;
	padding:0;
	margin: 0;
    color: #FFFFFF;
}


   
 #rightcol option { /*//option*/
 	background-color: #FFFFFF;
	color: #5e2299;
	border: 1px solid #6666cc !important;
 }

 #rightcol {
 	/*float: right;*/
	width:172px;
	height:auto;
	padding: 0 !important;
	margin: 0 3px !important;
	background-color:#FFFFFF;
 }

.labeltxt, #addvacancy .radiotxt, .addvacancy_1 .radiotxt {
	display: block !important;
	float: left !important;
	clear: left;
	height: 18px !important; /*  18px */
	width: 120px !important;
	padding: 0;
	margin: 0 0 5px 8px !important;
}

/** latest update **/
.labeltxt, #addvacancy .radiotxt, .addvacancy_1 .radiotxt {
	padding-top: 5px;
}

#addvacancy .radiotxt.label {
	width: auto !important;
	margin: 5px -3px 0 0 !important;
	padding: 0 0 0 0;
	font-size: 0.8rem;
}

#addvacancy .radiotxt.label + input[type="radio"] {
	width: 20px;
	height: 20px;
}

.login-panel {
	width: 100%;
}

.credit-confirmation .centralGride {
	width: 80.2%;
}

.login-panel .centralGride {
	width: 81% !important;
}

.login-panel .login-content {
	width: 100%;
	height: 778px;
}

.login-panel .panel-row {
	height: 350px;
	margin-top: 8px;
}

.login-panel .panel-row.spacer {
	height: auto;
	padding-top: 14px;
}


.login-panel .panel-row .advert-preview {
	width: 396px;
	display: inline-block;
}

.login-panel .panel-row .login-panel-group {
	width: 363px;
	height: 350px;
	display: inline-block;
}

.login-panel .panel-row .login-panel-group .ad-desc {
	margin-top:5px;
}

.login-panel .panel-row .login-panel-group .login-title {
	margin-bottom: -5px;
	color:#6666ae !important;
}

.login-panel .panel-row .login-panel-group .label-field-group {
	height:30px;
	clear:both;
}

.login-panel .panel-row .login-panel-group .label-field-group input {
	background-color: #fddab1;
}

.login-panel .panel-row .login-panel-group .label-field-group .input-group {
	float:left;
	width:190px;
	height:20px;
}

.login-panel .panel-row .login-panel-group .label-field-group.space {
	margin-top:5px
}

.login-panel .panel-row .login-panel-group .label-item {
	width:70px !important;
	margin:0 !important;
	padding:0 !important;
	clear:left;
	height:20px;
	font-weight:normal;
}

.login-panel .panel-row .login-panel-group .label-item.space{
	height:20px;
	font-weight:normal;
}

.login-panel .panel-row .login-panel-group {

}

.login-panel .highlight-call-to-action {
	display: block;
	clear: both;
	text-align: center;
	padding-top: 10px !important;
	border-bottom: #cccccc 1px dotted;
}

.cartStyle {
	width:100%;clear:both;margin:5px 0 20px 0;	
}

.cartStyle .error.message {
	color:#990000;
	font-size:0.9em;
	margin-top: 5px;
	margin-bottom: 10px;
	display: inline-block;
}

.cartStyle .cartitems.message {
	float: left;
	font-size: 1rem;
	font-weight: normal;
}

.cartStyle .cartitems.inventory {
	color: #6666ae;
	border-bottom: #6666ae dotted 1px;
	margin:3px 3px 0 3px;
	font-size: 0.9em;
	height:19px;
}

.cartStyle .cartitems.credits {
	width:115px;
	float:right;
	text-align:right;
	color:#777;
}

.cartStyle .cartitems.totalcredits-container {
	color: #fff;
	margin:-1px 3px 0 3px;
	font-size:0.7em;
	height:16px;
}

.cartStyle .cartitems.totalcredits-container.free {
 	margin:0 3px -1px 3px;
}

.cartStyle .cartitems .totalcredits {
	width:50px;
	float:right;
	text-align:right;
	color: #6666ae;
	border-top: #6666ae 1px solid;
	border-bottom: #6666ae 1px solid;
}

.cartStyle .cartitems .totalfreecredits {
	width:50px;
	float:right;
	text-align:right;
	border-bottom: #6666ae 1px solid;
	color: #6666ae;
}

.cartStyle .cartitems .totalcreditsprice {
	width:50px;
	float:right;
	text-align:right;
	border-bottom: #6666ae 1px solid;
	color: #6666ae;
}

.cartStyle input[type="text"], .cartStyle select, .cartStyle input {
	background-color: #fddab1;	
}

#addvacancy .radiotxt,  .addvacancy_1 .radiotxt {
	display: inline;
	width: 70px;
	/*float: left !important;*/
	clear: none !important;
}
 
 #addvacancy input.btnradio,  .addvacancy_1 input.btnradio {
 	display:inline;
	float: left;
 	/*float:left;
	margin: 0 0 5px 8px !important;*/
 }
 
 
 h1 {
 	display: block;
	clear:both;
	padding: 7px 0 7px 0;
	margin: 0;
	color: #555;
	background-color:#fff;
	text-transform: uppercase;
	font-size: 0.95em; 
	border-bottom: #999999 1px dotted;
 }
 /* .advertTitleDetail1*/
 
 #contentAdvertAdvantageDetailview h1, #contentAdvertDetailviewPremium h1,#contentAdvertDetailviewSponsored h1 {
 	clear:right;
 }
 
#contentAdvertAdvantageDetailview  .arrowIcon, #contentAdvertDetailviewPremium  .arrowIcon, #contentAdvertDetailviewSponsored .arrowIcon {
	 float:left;
	 margin-top: 3px;
	vertical-align:text-bottom;
 }
 
 #contentAdvertDetailviewPremium  .arrowIcon, #contentAdvertDetailviewSponsored .arrowIcon {
	 margin-top: 5px;
 }
/* 
 h1  {
	display: inline;
	float:left !important;
	margin: 0;
	padding: 0;
	font-size: 0.95em; 
 	clear:none !important;
 }
 */
 .dynamics h1 {
 	padding-left: 4px;
 }
 
 .topbarleft {
 	display:block;background-color:#b0b0f5;width:170px;height:5px;
 }
 
 #topbarright {
 	display:block;
	/* clear:right; */
	/*float:left;*/
	background-color:#6666cc;
	/*width: 714px;*/
	height:26px;
	margin: 0 !important;
	padding: 0 !important;
 }
 
 #whitemenuSpace {
 	display:block;
	background-color: #FFFFFF !important;
	width:10px !important;
	height:26px;
	float:left;
	padding:0;
	margin: 0;
 }
 
  #topbarContent { 
 	display:none;
 	height:0; /*height:26px*/
	width:100%;
	background-color:#6666cc;
 }

 
 #listoption {
 	display:block;
	float:left;
	width:170px;
	height:26px;
	padding: 0;
	margin:0;
	
	background-image: url(../images/flexrecruitment_id.jpg);
	background-position: top left;
 }
 
 #listoption p {
	display:block;
	margin: 4px 0 0 4px;
 	font-size: 0.75em;
	color:#ffffff;
	font-weight: bold;
 }
 
 #menusub1 {
		display: none;
		float: left;
		position:absolute;
		top: 26px;
		/*left: 0;
		*/
		/*visibility: hidden;*/
		/* left: -380px; */
		/*top: -2000px;*/
		text-align: left;
		font-size: 0.7em;
		/*margin-left: 347px;*/
		height: auto;
		text-transform:uppercase;
		border-left: #203c85 1px solid;
		border-right: #203c85 1px solid;
}

#menusub1 a {
		/*display: block;*/
		float: left;
		clear:both !important;
		margin: 0;
		padding: 0;
		color: #000000;
		
		height: 16px;
		width: 168px;
		background-color: #b0b0f5; /* #6666cc;  5087b2*/
		text-decoration: none;
		border-top: #FFFFFF 1px solid;
		border-bottom: #FFFFFF 1px solid;
	}
	
 #menusub1 a:hover {
 	background-color: #000000 !important;
	color: #FFFFFF !important;
 }
 
 #menusub1 .highlights {
 	background-color: #777777 !important;
	color:#ffffff !important;
 }
 

.jobbuttons input {
	clear:none !important;
	float: left !important;
}


  .centralGride {
  	float:left;
	width: 537px; 
	min-height: 750px;
  }
  
  .centralGride.wider
  {
	width: 750px;
  }
  
  .centralGride p {
  	display: block;
	font-size: 0.8em;
	width:100%;
	margin: 0;
  	padding: 0 7px 5px 0;
  }

	.centralGride .jobtext.jobbodytxt p {
		margin-bottom: 15px;
	}
  
  .centralGride h1 {
	color: #6666cc; /*#6666cc;*/
	}
  
 form {
 	padding:0;
	margin: 0;
 }
 
/************************************************************************/

#myprofile #formProfile_1, #myprofile #formProfile_2, #myprofile #formProfile_3 {
	display: none;
}

#myprofile .portal_title {
	display: block;
	margin-top: 10px;
	display: inline-block;
}

#myprofile .portal-edit-detail h3{
	color: #6767af;
	margin-top: 25px;
	font-size: 1.2rem;
	font-weight: normal;
}

#myprofile .portal-edit-detail .section-info {
	font-style: italic;
}

#myprofile .portal-edit-detail .label-item {
	display: inline-block;
	margin-bottom: 5px;
	width: 126px;
}

#myprofile .portal-edit-detail  .candidate-application {
	border-bottom: 1px solid #6767af;
	padding-bottom: 15px;
	line-height: 2.0rem;
}

#myprofile .portal-edit-detail  .candidate-application .important {
	text-transform: uppercase;
}

#myprofile .portal-edit-detail .candidate-application .label-item{
	color: #6767af;
}



#formProfile_1_1, #formProfile_2_1, #formProfile_3_1, .bgboxes {
	padding: 4px 0px 8px 4px !important;
	margin-bottom:1px;
}
#promo {
		background-color: #b0b0f5;
}

#promo p {
	margin: 8px !important;
}

#promo p {
	padding: 5px 0 5px 0;
}

#formProfile_1, #formProfile_2, #formProfile_3 {
	height: auto;
	background-color: #b0b0f5;
	padding: 4px 0px 25px 4px !important;
}

.barliner {
	display:block;
	width:auto;height:5px;background-color:#b0b0f5;
}


#myprofile {
				font-size: 0.8em;
			}
			
			#myprofile p {
				font-size: inherit;
			}
			
			#tinymce {
				font-size: inherit !important;
			}
		
			 .titleObj {
				width:70px !important;
				margin:0;
				padding:0;
				/*clear:left;*/
				float:left !important;
			}
			
			 .titleF {
				/*display:block;*/
				float:left;
				clear:right;
				/*width:130px;*/
				margin: 0 10px 0 0;
			}
			
			.titleLeft {
				float:left;
			}
			
			.itemRow {
				clear:both; margin: 0 0 5px 0;
			}
			
			
			#myjobs #addvacancy {
				position: relative;
				top: -40px;
				/*width: 60%;*/
			}
			
			
			#myjobs #contentAdvertDetailview .jobads,
			#myjobs #contentAdvertDetailviewSponsored .jobads,
			#myjobs #contentAdvertAdvantageDetailview .jobads, 
			#myjobs #contentAdvertDetailviewPremium .jobads,
			#myjobs #contentAdvertDetailviewNoticable .jobads {
				position: relative !important;
				top: 40px !important;
			}
			
			
			 .ftextarea {
				width:363px;
			}
			
			 .jobsearchloc {
			 	margin-bottom: 5px;
				width:145px;
			}

			.jobsearchloc.select-menu {
				margin-left: 5px;
			}
				
			 .ftextarea,  .finput,  .jobsearchloc {
				border: 1px solid #6666cc !important;
			}
			
			 .optionTxt {
				float: left;
			}
			
			 .finput {
				margin-bottom: 5px;
			}
			
			 .titleObj,  .optionTxt,  .titleF {
				/*height:20px; caused prob in Firefox*/
			}
			
			 .btnradio {
				margin-right: 15px;
				margin-bottom: 5px; /* for Firefox*/
			}	
			
			 .extText {
				width:150px !important;
			}
			
			#myprofile .finputbrowse, #myprofile input[class="finputbrowse"] {
				display: block;
				float: left;
				height: 20px;
				clear:none;
			}
			
			 #myprofile .button {
				 /*
			 	width: 145px;
			 	margin:0 10px 0 0 !important;
			 	*/

				 width: 145px;
				 height: auto;
				 font-size: 0.7rem;
				 margin: 0 10px 6px 0 !important;
				 border: 1px outset #6666cc !important;
				 text-transform: uppercase !important;
				 padding-bottom: 8px;
			 }

			#myprofile a.deletesml {
				width: 145px;
				padding: 5px;
				display: inline-block;
				font-size: 0.7rem;
				margin: 0 10px 0 0 !important;
				border: 1px outset #6666cc !important;
				text-transform: uppercase !important;
			}
			 
			 #myprofile input[type="file"] {
			 	margin-left: 0;
			 }

	div#myprofile .portal-edit-detail ul {
		font-size: 0.85rem;
		line-height: 1.2rem;
		margin: 0 0 35px 0;
	}

	.label-description {
		width:337px;
		font-size: 0.7em !important;
		line-height: 0.9rem;
		padding:0 0 0 0;
		color: #777777;
		font-weight:bold;
	}

	.label-description.label-description-left {
		margin-left: 128px;
	}

	div#myprofile .portal-edit-detail .label-description
	{
		margin-left: 126px;
		line-height: 0.9rem;
	}

	div#myprofile .portal-edit-detail ul li {
		margin-bottom: 7px
	}

	div#myprofile .portal-edit-detail p {
		font-size: 0.85rem;
		line-height: 1.4rem;
		margin-bottom: 15px;
	}

/************************************************************************/
 
 .barTitlesml, .barTitlelrg {
 	display:block;height:32px;background-color:#6666cc;margin-bottom:10px;text-transform:uppercase;font-weight:bold; bottom:0;color:#FFFFFF;
 }
 
 .barTitlelrg {
 	height:64px;
 }
 
  .barTitlesml p {
  	position: relative !important;
	bottom: -12px;
  }
  
 .search-container
 {
    display:block;
    width:172px;
    height:178px;
    margin-bottom:2px;
 } 
 
 .search-container.style
 {
    /* height:156px; */
	 height: auto;
	 padding-bottom: 6px;
 }

 .style .barTitlelrg p {
  	position: relative !important;
	color: #fff;
	top: 10px;
 }
 
.style .barTitlelrg {
    background-color: #000;
    height: 45px;
}
 
 
  .barTitlelrg p {
  	position: relative !important;
	bottom: -28px;
 }

/***
 new on home page
***/
#job-search #jobsearchKeywords {
	width: 97%;
	height: 50px;
	border-radius: 2px;
	font-size: 1.2rem;
	padding: 5px;
	color: #6767af;
	margin: 15px auto 15px auto;
	border: none;
}

#job-search #search {
	display: inline;
	text-align: center;
	height: 45px;
	width: 45px;
	position: relative;
	float: right;
	top: -62px;
	right: 16px;
	border-radius: 2px;
	color: #000;
	background: url(/images/lens.png) -1px -1px #6866cb no-repeat;
	background-size: 100%;
	border: 0;
}

#job-search span {
	position: relative;
	right: -18px;
	color: #fff;
	top: -51px;
	font-size: 23px;
	float: right;
}

#job-search form {
	background: #b0b0f5;
	text-align: center;
	margin-bottom: 25px;
}

/***
 end of new on home page
 ***/

#rightcol input.job-search-box
 {
    color: #464691;
    height: 25px;
 }
 
#rightcol #candidateSearch p.strapline
 {
    margin:7px 8px 0 8px;font-size:0.7em;
 }
 
 #topSearchID select {
 	font-size: 75%;
 }
 

#loginForm input[type="text"] {
	display:block;
	/*float:none;*/
	clear: none;
	height: 30px !important;
	margin: 0 0 5px 0 !important;
	padding: 3px; !important;
}

#loginForm input[type="password"] {
	height: 30px !important;
	margin: 0 0 5px 0 !important;
	padding: 3px; !important;
}

#loginForm .button {
	padding: 7px;
}



#loginForm input {
	width: 190px !important;
}

#header {
	display:block;
	width: 937px; /* 937px */
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	background-color: #320986;
	height: 94px;
	border-bottom: #FFFFFF 1px solid;
	color: #FFFFFF;
}

#searchHeader {
	display:block;
	width: 937px; /* 937px */
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	background-color: #283675;
	height: 49px;
	border-bottom: #FFFFFF 4px solid;
	color: #FFFFFF;
}






.invoice-style-total {
	float:left;
	height: auto;
	margin-top: 55px;
	width: 297px;
}

.invoice-style-total totalcredits-container {
	color: #fff;
	font-size: 0.7em;
	height: 33px;
	margin: -1px 3px 0 3px;
}

.invoice-style-total .invoice-label {
	float: right;
	width: 70%;
	height: 26px;
	color: #fff;
	min-width: 122px;
	text-align: right;
	border-bottom: #b0b0f5 1px solid;
	background-color: #b0b0f5;
	line-height: 1.7em;
}


.invoice-style-total .totalcredits,
.invoice-style-total .totalfreecredits,
.invoice-style-total .totalcreditsprice
{
	width: 30%;
	height: 26px;
	float: right;
	text-align: right;
	border-bottom: #b0b0f5 1px solid;
	font-weight: bold;
	color: #6666ae;
	line-height: 1.7em;
}







#topnav, #topnavfilter, #footermargin, #footer, #leftNav {
	display:block;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	height: 27px !important;
	border-bottom: #FFFFFF 4px solid;
	color: #555;
	font-size: 90%;
}

#leftNav {
	text-align:left;
	/*padding:10px 0 0 0;*/
	margin: 10px 0 10px 0;
	border-bottom: none;
	width:100%;
	font-size:0.7em;
}

#leftNav a {
	display:block;
	padding: 3px 0 3px 3px;
	border-bottom: #FFFFFF 1px solid;
	background-color: #e2e2ff;
	
}

#footer {
	clear:both;
	margin-top: 25px;
}

#topnavfilter {
	height: 21px !important;
	color: #ffffff;
	font-size: 85%;
} 



#footermargin {
	display: block;
	clear: both;
	height: 21px !important;
/*	background-color: #f5f5f5;*/
	border-bottom: #FFFFFF 1px solid;
}

#footer {
	display: block;
	clear: both;
	height: auto !important; /* footer */
	border-top: #CCCCCC dotted 1px;
	padding: 7px 7px 0 7px;
	margin-bottom:0;
	font-size: 0.8em;
	background-color: #66C;
}

#footer .job-links {
	margin-top: 25px;
	margin-bottom: 105px;
}

#footer .job-links ul {
	height: auto;
	display: inline-block;
	width: auto;
	list-style: none !important;
	padding: 5px;
	font-size: 0.9rem;
	vertical-align: top;
	text-align: left;
}

#footer .job-links li {
	text-transform: capitalize;
	padding: 5px 5px 15px 5px;
}

#footer, #footer a 
{
	color: #fff; /* #333; */
}

#istestmode
{
	margin-top: 30px;
}

#istestmode, #istestmode a
{
	color: #66C;
	font-size: 0.7em
}

#tandcs, #tandcs a
{
	margin-top: 50px;
	margin-bottom: 20px;
	color: #333;
	font-size: 0.8em;
}

#content, #header ,#searchHeader, #topnav, #topnavfilter {
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
}

#marginLeft {
	display:block;
	float:left;
	background-color:#ffffff;
	margin: 0 7px 0 5px; /* this is correct do not change */
/*	margin-left: 5px;
	margin-right: 7px;*/
	width: 222px;
	height: 100%;
	

}

#middleColumn {
	display:block;
	float:left;
	background-color:#fff;/* #CCCCCC*/
	width: 697px !important; /*697px !important;*/
	/*padding-left: auto;*/
	/*margin-right: 5px;*/
	height: 100%;
}

#marginRight {
	display:inline;
	background-color:#999999;
	margin: 0;
}



/************* buttons***********/
.btnlogin {
	display: block;
	float: right;
	width: 53px;
	height: 18px;
	margin-top:1px;
	border:#CCCCCC 1px solid;
	/*margin-right: 1px;*/ /*use if it looks out of line*/
}



/**************start of ad boxes **/


.btnjoinnow {
	display:block;
	clear: both;
	background:url(../images/btnjoinnow.gif) no-repeat center; /*without center it does not align in Firefox*/
	height: 21px;
/*	border: #364780 1px solid;*/
	margin: 5px 0 13px 0;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5em;
	font-size: 90%;
	text-transform: uppercase;
}

.btnjoinnow:Hover {
	background:url(../images/btnjoinnow_over.jpg) no-repeat center;
}

.bgicon {
	background-color: #FFFFFF !important;
	background: url(../images/adboxiconslrg.gif) no-repeat bottom right;
}
/************* end of ad boxes***********/

	#withgratitude {
		clear: both;
		display: none; 
		position: relative;
		left: 0;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 190%;
		text-align: center;
		font-size: 120%; 
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
		margin-top: auto;
		text-align: center;
		font-weight: bold;
		/*background-color: #000000;
	   filter:alpha(opacity=20);    
	   -moz-opacity: 0.2;    
	   opacity: 0.2;    */
		
}

#visualDetailContent  {
	display: none;
	position: absolute;
		/*left: 0;*/
		top: -3px;
		bottom: 0;
		/*right: 0;*/
	 float:none;
	 background-color:#fff;
	/* filter:alpha(opacity=100);    
	  -moz-opacity: 1;    
	 opacity: 1;  */
	   color:#000;  
		 height: 160% !important; 
		 width: 583px;
		padding: 0;
		 border: #ffffff 4px solid;
		 margin-left:auto;
		 margin-right:auto;
		 margin-top: 119px;
		 margin-bottom:auto;
}

.jobadVisuals, .jobadVisuals1, .jobadVisuals2 {
	float:left;color:#6666ae;width:388px;height:300px;margin-right:5px;	
	margin-top: -20px;
}


.jobadVisuals {
	/*background: url(../images/jobadVisuals.gif) no-repeat top left;*/
	background: url(../images/promos/browsergroupadlarge.jpg) no-repeat center 10px; /* 225px 10px */
	height:290px;
	width:100%;
	float:none;
	margin-bottom:-50px;
	margin-top: 0;
}

.jobadVisuals1 {
	background: url(../images/jobadVisuals1.gif) no-repeat top left;
}

.jobadVisuals2 {
	background: url(../images/jobadVisuals2.gif) no-repeat top left;
}

/***********************************
	T and Cs
***********************************/
 #conditions
 {
 	font-size: 0.9em;
 	text-align: left;
	line-height: 0.9rem;
 }

#conditions dl p, #conditions dt p 
{
	margin: 0 0 5px 0;
	padding: 0;
}

#conditions ul 
{
	margin: 5px 0 10px 0;
	font-size: 10pt;
 	
}

#conditions ul li
{
	line-height: 1rem;
}

#conditions h4 
{
	margin: 10px 0 5px 0;
	padding: 0;
}

#conditions dt
{
	font-weight: bold;
}

/**************************************
* SHOPING BASKET BUY CREDITS PAGE
**************************************/
.basket.credits .pre-invoice-label {
	float: right;
	width: auto;
	min-width: 122px;
	text-align: right;
	padding-right: 3px;
	padding-left: 6px;
	border-left: #6666ae 1px solid;
	border-bottom: #6666ae 1px solid;
	background-color: #6666ae;
}

.basket.credits #addvacancy .button {
	margin-left: 5px !important;
	height: 25px;
	width: auto;
	float: left;
	clear: none !important;
	font-size: 0.75rem;
	padding: 0 10px 0 10px;
}

.basket.credits #addvacancy .button:last-child {
	margin-right: 5px;
}


.billing-information .basket.credits #addvacancy input {
	margin-left: 5px !important;
	margin-right: 5px !important;
	float: left !important;
	padding: 5px 63px;
	height: auto;
	clear: none !important;
}

.billing-information .basket.credits #addvacancy input.express-checkout-btn {
	width: auto;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	padding: 5px 63px;
	height: auto;
}

#addvacancy.job-list {
	width:100%;
	border-top: #6666cc solid 1px;
}

/********************************************
*	Client listsing 'Row by Row' styles for 
********************************************/	
	#myprofile .itemRow.row, #myprofile .itemRow.row-two
			{
				color: #333;
				font-size: 0.9em;
				line-height: 1.5em;
				height: 55px;
				padding: 2px 2px 2px 2px;
				margin: 0;
				-webkit-transition: -webkit-transform .2s ease-in-out;
			}
			
			#myprofile .itemRow.row-two
			{
				background-image: url("/images/orange-bg.gif");
			}
			
			#myprofile .itemRow.row:hover, #myprofile .itemRow.row-two:hover
			{
				background-image: url("/images/blue-bg.gif");
				border: 1px solid #6767af;
				z-index:2000;
				-webkit-transform: scale(1.1);
				-webkit-box-shadow: 2px 2px 5px rgba(135, 139, 144, 0.4);
				-moz-box-shadow: 2px 2px 5px rgba(135, 139, 144, 0.4);
				box-shadow: 2px 2px 5px rgba(135, 139, 144, 0.4);
				cursor: pointer;
			}
			
			#myprofile .itemRow.row.h45, #myprofile .itemRow.row-two.h45 
			{
				height: 37px;
			}

			#myprofile .itemRow.row.h45.more-details, #myprofile .itemRow.row-two.h45.more-details
			{
				height: 55px;
			}
			
.compulsary-fields
{
	display: inline-table;
	padding-top: 5px;
	padding-left: 3px;
	font-size: 14pt;
	vertical-align: middle;
	color: #333;
}

	.faq
		{
					font-size: 1.3em; 
					line-height: 1.2em;
				}
				
				.faq ul
				{
					margin-top: 10px;
					list-style:none;
				}
				
				.faq dt
				{
					margin-top: 15px;
					font-weight: bold;
					text-transform: uppercase;	
					color: #66C;
				}
				
				.faq dd
				{
					margin-top: 10px;
				}

/*****************
 latest updates
 ******************/
.jobtext.jobbodytxt.listtxt ul {
	font-size: inherit;
	margin-bottom: 7px;
	margin-top: 10px;
}

.jobtext.jobbodytxt.listtxt p {
	margin-bottom: 7px;
}


.jobbuttons .button {
    padding: 5px;
    font-size: 0.7rem;
}

.jobtext.jobbodytxt ul {
    font-size: inherit;
}


				
			
/*****************
 banner styles
 ******************/
 .adboxadvert-top 
{
	display:block;margin:0 0 0 5px;
	text-align:center;
	padding:10px 0 10px;
	border: solid #CCC 1px; 
	background-color:#FFF; 
	width: 758px; /* width could change depending in on the layout */
	height:auto
	
	/*
	width:735px; height: 250px
	*/
}
   
 .adboxadvert-side 
{
 	display:block;
 	float:right;
 	margin:10px auto 10px auto;
 	text-align:center;
 	padding:10px 0 7px;
 	border: solid #CCC 1px; 
 	background-color:#FFF; 
 	width:173px;
 	height:auto;
 }
 
 .adboxadvert-side a 
 {
 	margin:10px !important;	
 }

 .adboxadvert-side img 
 {
 	border: none;	
 }			
 
 #video-advert-top a 
 {
 	display: block;	
 	height: 70px;
	overflow: hidden;		
 }
 
 #close-top-advert, 
 #close-side-advert
 {
 	cursor: pointer;
 }
 
 
hr.dottedline
{
		margin: 20px 4px 20px 4px;
		border: none;
		border-bottom: #999 thin dotted;
	
}

.candidate_registration_graphic_btn
{
	display: block;
	margin-left: 4px;	
}

.addjobs_graphic_btn
{
	display: block;margin-left: 4px;	
}
	
.cards_accepted
{
	display: block;
	margin-left: 4px; 
	margin-top: 15px;	
}

.detail-view .jobtext.jobbodytxt ul
{
	line-height: 1.5rem;
	margin-bottom: 15px;
}

.detail-view .jobtext.jobbodytxt {
	margin-top: 41px !important;
}


@media screen and (min-width: 1160px )
 {
	 #content {
		 width: 1172px
	 }
	 
	 .centralGride
	 {
		 width: 807px !important;
	 }
	 
	 
	 .centralGride.wider
	 {
		 width: 975px !important;
	 }

	.login-panel .centralGride {
		width: 84.6% !important;
	}

	.credit-confirmation .centralGride {
		width: 83.6% !important;
	}
	 
	 .adboxadvert-top 
	 {
		 margin: auto;
	 }
 }
 
 @media screen and (min-width: 1260px ) 
 {
	 #content {
		 width: 1253px
	 }

	 .centralGride
	 {
		 width: 889px !important;
	 }

	 .centralGride.wider
	 {
		 width: 1050px !important;
	 }


	 .login-panel .centralGride {
		 width: 85.6% !important;
	 }

	 .credit-confirmation .centralGride {
		 width: 84.6% !important;
	 }

	 .adboxadvert-top 
	 {
		 margin: auto;
	 }
 }