/* form.css
styles for forms
---------------------*/

#content-primary .form 
{
    padding: 15px;
    border: 1px solid #CFCFCF;
    background: url("images/frm-bg.jpg") repeat-x 0 0;
	clear:both;
}

#content-primary .form h2
{
    background: url("images/frm-title-bg.png") repeat-x 0 100%;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.buttons 
{
    margin-top: 20px;
}

.buttons input 
{
    margin-top: 0;
}

/* form elements
-----------------*/

.form .content 
{
    margin-left: 40px; margin-right:40px;
    clear:left;
}

#content-secondary .form .content,
#content-tertiary .form .content 
{
    margin-left: 0;
}

fieldset {
	position		    :relative;
	margin-bottom		:10px;
}

fieldset fieldset {
	border: none;
}

legend {
    position: absolute;
	left: -99999999em;
	height: 0;
	display: block;
	margin: 0 0 -20px 0;
	padding: 0;
	text-indent: -99999em;
}

label,
.frmRow dl.inline dt {
	clear				: left;
	float				: left;
	width				: 50%;
}

.list-actions label,
.frmRow dl.inline dt 
{
	width: 80%;
	color:#00AEEF;
	margin:0;
	padding:0;
}

/* CLIENT Candidate search form
*******************************/
 input, .list-look-for-candidatelabel {
	font-size	: 1em;    /* was 0.9 too small for Controls which use buttons DO NOT CHANGE js 180909 */
	margin-top  : 0px;  /* was 5px DO NOT CHANGE AS IT AFFECTS TOP SEARCH PANEL ON MAIN SITE */
	
}
imput .list-look-for-candidatelabel2{
	font-size	: 1em;    /* was 0.9 too small for Controls which use buttons DO NOT CHANGE js 180909 */
	margin-top  : 9px;  /* was 5px DO NOT CHANGE AS IT AFFECTS TOP SEARCH PANEL ON MAIN SITE */
	
}

label, .list-look-for-candidatelabel 
{	clear				: left;
	float				: left;
	width				: 83%; /* was 85% but adjusted for fox */
	padding				: 5px 0 2px 2px;
}

.list-look-for-candidatelabel input.frmBtn 
{
	cursor		: pointer;
	font-weight	: normal;
				/* ammended 160909 CLIENT RITE MENU CandidateSearchForm.ascx - NO bold text */
}

.list-look-for-candidate select,
.list-look-for-candidate2 select /* added for candidateSearchForm.ascx no borders */
{ 	width			: 150px;
 	font-size       : 1em;
 	padding: 0;
 	margin:0;				/* ammended 160909 CLIENT RITE MENU CandidateSearchForm.ascx - width 150px */
}
/* CLIENT Candidate search form  E N D
**************************************/


input.frmBtn {
	cursor		: pointer;
	font-weight	: bold;
				/* ammended 090909 find an office button moves around otherwise margin-top  : 5px; */
}

.secondary
{
   margin-top: 20px;
   height: 25px;
   clear: both;
   float: left;
}
.quaternary    
{
   margin-top: 20px;
   height: 25px;
   clear: both;
   float: right;
}/* right align image buttons */

.septenary    
{
   margin-top: 20px;
   height: 25px;
   clear: both;
   float: right;
}/* right align image buttons for dynamic button controls - cms*/

.tertiary-button 
{
   margin-top: 20px;
   height: 25px;
   clear: both;
   float: right;
}

.quinary-button  /* addition js 020909 for right menu shortlist delete jobs button 11x11 image size */
{
   margin-top: 4px;  /*image x  inline with text  for right menu jobs shortlistings  200909  */
   margin-right: 2px;
   height: 11px;
   clear: both;
   float: right;
}

.senary  /* addition js 170909 for go button on no javascript menu */
{  margin-top: 0px;
   height: 25px;
   clear: both;
   float: left;
}





input.frmTxt,
input.frmTxtRefer,
input.frmFile,
textarea,
select {
	border				: 1px solid #CDCDCD;
	clear: left;
	float: left;
}

input.frmTxt,
input.frmTxtRefer,
input.frmFile,
textarea,
input.frmFile {
	padding				: 3px 3px;
}

/* FORMRENDER.ASPX SETTINGS FOR FORM DYNAMIC - POSITIVE FEEDBACK and REGISTER YOUR VACANCY use this form
   ------------------------------------------- */	

#boxform .req
{
float:left; /* right */
padding-top:12px;
height: 6px;
width: 6px;
/* padding-right:300px; */
left:370px;
top:5px;
background: none;
vertical-align: middle;
}

#boxform {  }
#boxform .frmRow input {
margin: 5px 0 5px 0;
/* width:auto; */
border:none;
float: right;
}


#boxform .frmRow .frmFile,
#boxform .frmRow .frmTxt, 
#boxform input     /*  form render input field settings */
{
	border			: 1px solid #C6DDFF;
	border-top		: 1px solid #7D76A0;
	border-left		: 1px solid #7D76A0;
	background		: #fff;
	padding			: 4px;
	width			: 220px;
	float			: left;
}

#boxform ul, ol /* .frmRow ul, ol */
{
	border: 1px solid #ccc;
	float:left;
	background-color: #ffffff;
	color: #999;
	clear: left;
}

#boxform .frmRow li {
	background	: none;
	margin-left: 0;
	margin-top:10px;
}
#boxform label, .frmRow {
	clear: left;
	float: left;
	padding: 0px;
	width: auto;
}

/* #boxform #el11 {padding:15px;}
#boxform #el12 {margin:20px;} */


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

input.frmTxt,
input.frmTxtRefer,
input.frmFile,
select,
textarea {
	border			: 1px solid #C6DDFF;
	border-top		: 1px solid #7D76A0;
	border-left		: 1px solid #7D76A0;
	background		: #fff;
	padding			: 4px;
}
 
   /* *8888**888888*88888 */
input.frmTxt,
textarea{
 	width			: 215px;
 	color: #666;
 	font-family: Arial, Sans-Serif;
 	font-size       : 1em;
}

input.frmTxtRefer,    /* refer a friend */
textarea{
 	width			: 110px;
 	color: #666;
 	font-family: Arial, Sans-Serif;
 	font-size       : 1em;
}

input.inactive,
textarea.inactive 
{
    font-style: italic;   
    color: #aaa;
}






select{
 	width			: 225px;
 	font-size       : 1em;
 	padding: 0;
 	margin:0;
}

select option {padding: 2px;}

label.lblChb,
label.lblChbSingle,
label.lblRdo {
	position		: relative;
	line-height		: 2.1em;
}
 
input.frmChb {
	float	      : left;
	margin	      : 0;
	background    : #fff;
}
input.frmRdo {
	float	      : left;
	margin	      : 0.5em 0.5em 0 0;
	background    : #fff;
}

.frmRow .message {
	float		: right;
	clear		: none;
	width		: 45%;
	margin	: 0.2em 0 1em 0;
	padding: 2% 2% 0 2%;
}
.frmRow .messageleft {  /* added for delete account message box left align */
	float		: left;
	clear		: none;
	width		: 45%;
	margin	: 0.2em 0 1em 0;
	padding: 2% 2% 2% 2%;
}

.messagemap {  /* added for delete account message box left align */
	float		: left;
	clear		: none;
	width		: 45%;
	margin	: 0.2em 0 1em 0;
	padding: 2% 2% 2% 2%;
}
.mapoffices  /* office locations addresses */
{
	border:1px solid #CFCFCF;
	float:left;
	overflow:hidden;
	clear:left;	
	background: url(images/frm-bg.jpg) repeat-x scroll 0 0;
	margin:0 -10px 20px;
	padding:10px;
	width:310px;
}


.form .message p 
{
    margin-bottom: 0;
}
.frmRow .message p 
{
    margin-bottom: 1em;
}
/* for form register message box */
.frmRow .message2 {
	float		: right;
	clear		: none;
	width		: 45%;
	margin	: 0.2em 0 1em 0;
	padding: 2% 2% 0 2%;
}

.form   .message2 p				{ padding: 0px 10px 10px 10px}
.frmRow .message2 p				{ margin-bottom: 1em;}
.form   .message2 label			{ width: auto; margin-right: 3px;}
.form   .message2 li			{ margin-left: 1.2em;	background: none; list-style: disc; padding-left: 0;}
.form   .frmRow .message2 li	{ margin-left: 2em;}
/* addition 020909 js end */

/* for form addEditAlert message box - padding different JS 210909*/
.frmRow .message3 {
	float		: right;
	clear		: none;
	width		: 45%;
	margin		: 0;
	padding		: 4px;
}

.form   .message3 p				{ padding: 0px 10px 10px 10px}
.frmRow .message3 p				{ margin-bottom: 1em;}
.form   .message3 label			{ width: auto; margin-right: 3px;}
.form   .message3 li			{ margin-left: 1.2em;	background: none; list-style: disc; padding-left: 0;}
.form   .frmRow .message2 li	{ margin-left: 2em;}
/* addition 210909 js end */



.form .message label {
	width: auto;
	margin-right: 3px;
}

.form .message li {
	margin-left: 1.2em;
	background: none;
	list-style: disc;
	padding-left: 0;
}

.form .frmRow .message li {
	margin-left: 2em;
}

p.key  
{
    margin: 0;
}

/* layout
--------------*/

.frmRow {
	clear: left;
	float: left;
	width: 100%;
}

.boxsmall .frmRow
{	
	clear:left;
	float:left;
	width: 100%;
	padding: 10px 0 10px 0;	
}

.boxsmall .bordertops
{	width: 100%;
	background: transparent url(images/frm-title-bg.png) repeat-x scroll 0 100%;
	padding-bottom: 20px;
	padding-top: 10px;
}


fieldset .frmRow {
	margin-top: 10px;
}

.frmGroupPair,
.frmGroupList {
	padding: 0;
	margin: 0;
	clear: left;
	width: 50%;
}

.frmGroupLine,
.wide .frmGroupPair,
.wide .frmGroupList {width: 100%;}

.frmGroupLine ul,
.frmGroupPair ul,
.frmGroupList ul{
	margin-left: 0;
	list-style: none;
}

.frmGroupLine li,
.frmGroupPair li,
.frmGroupList li{
	background	: none;
	margin-left: 0;
}

.frmGroupPair li,
.frmGroupLine li {
	float: left;
	margin-right: 3em;
	padding: 0;
}

.frmGroupLine label,
.frmGroupPair label,
.frmGroupList label {
 width: 100%;
 font-weight: normal;
}

/* help
-----------------*/

label .help-inline,
label em {
	font-size: 0.8em;
	color: #aaa;
}

em.required {
	color: #cc0000;
}

.frmRow .help  {
	
	border		: 1px solid #F4EBAA
	position: relative;
}

.frmRow .help .connector 
{
    position: absolute;
    display : block;
    height: 40px;
    width: 40px;
    left: -16px;
    top: 20px;
    background: url("images/form-help-arrow.gif") no-repeat 0 0;
    
}

/* error
---------------*/

.error-item  
{
    color:#FF4C40;
}

.error-item input,
.error-item select {
	border-color : #FF4C40;
}

.error-item input.frmChb,
.error-item input.frmRdo {
	background    :  #FFE4E1;
}

.frmRow .error 
{
    margin-top: 20px;
    background: none; 
    border: none;
    padding-top: 0;
}

.frmRow .error p 
{
    padding: 0;
}

/* poll
------------*/

.poll .frmGroupList
{
    width: 100%;
}

/* header search-jobs
----------------------*/

#search-jobs 
{
    background: url("images/search-jobs-bg.jpg") no-repeat 0 100%; 
    color: #fff;height: 42px;  
}

#search-jobs .content
{
    
    padding: 10px;
}

#search-jobs a 
{
    color: #fff;
}

#search-jobs input.frmTxt,
#search-jobs label,
#search-jobs select
{
   clear: none;
   margin: 0 15px 0 25px;  /* 121009   ::  was 0 5px 0 0;   */
   width: 180px;
}

#search-jobs input
{
    border: 1px solid #1E4197;
    background-color: #EFF2FA;
}

/* MOVED to en-GB.css
#search-jobs label 
{
    width: 63px;
    height: 11px;
    margin: 6px 19px 6px 0;
    text-indent: -9999em;
    display: block;
    text-transform: uppercase;
    background:  url("/library/images/en-GB/lbl-find-job.png") no-repeat 0 0;    
} */

#search-jobs .tertiary 
{
    text-align: right;
    width: 70px;
    float: right;
    margin-right: 10px;
}

#search-jobs .quinary /* added in with line 99 right menu shortlist delete image */
{
    text-align: right;
    width: 15px;
    float: right;
    margin-right: 10px;
}


#search-jobs #specialisms
{
    position: relative;
    float: left;
    margin-right: 5px;
    /*z-index: 40;*/
}

#search-jobs #specialisms select,
#search-jobs #specialisms input
{
    margin-right: 0;
}

#search-jobs input.frmBtn,
#search-jobs input.frmBtn:focus,
#search-jobs input.frmBtn:hover
{
    clear: none;
    margin: 0;
    border: none;
}

#search-jobs input.img-find-jobs
{
	height:24px;
	width:100px;
}

#search-jobs input.img-find-jobs:hover,
#search-jobs input.img-find-jobs:focus
{
	background-position:0 -25px;
}
#search-jobs input.img-go-jobs
{
	height:24px;
	width:25px;
}
#search-jobs input.img-go-jobs:hover,
#search-jobs input.img-go-jobs:focus
{
	background-position:0 -24px;
}

/* search results
-----------------*/
#search-results-controls 
{
     overflow: visible;
     margin-bottom: 20px;
}

#search-results-controls .form 
{
    margin: 0;
    width: 365px;
    padding: 0;
    background: none;
    border: none;
}


#search-results-controls .frmRow
{
    padding: 5px 0 5px 10px;
    margin: 0;
}

#search-results-controls .frmRow,
#search-results-controls select
{
    clear:none;
}

#search-results-controls .frmRow 
{
    border-right: 1px solid #C6DDFF;
}

#search-results-controls .result-items 
{
    width: 170px;
}

#search-results-controls select,
#search-results-controls .frmTxtSelect,
#search-results-controls .numbers
{
 	width: 100px;
 	float: left;
 	margin-top: 5px;
 	vertical-align: middle;
 	text-align:center;
}

#search-results-controls .result-items select,
#search-results-controls .result-items .frmTxtSelect
{
    width: 40px;
    float: left;
    margin-top: 5px;
}

#search-results-controls input.frmBtn 
{
    clear: left;
    float: left;
}

#search-results-filter label
{
    font-weight: normal;
    width: auto;
    padding-right: 2px;
}

#search-results-controls label
{
    font-weight: bold;
    width: auto;
    padding-right: 2px;
    color:#1A3F96;
}

#search-results-controls .result-items label span
{
    text-indent: -99999em;
}

#search-results-controls .result-items span 
{
   margin-left: 5px;
}

/* user-panel
---------------*/

#user-panel input.frmTxt 
{
    float: none;
    clear: none;
    width: 100px;
    margin-right: 2px;
    background: #EFF2FA;
    font-style: normal;
    padding-top: 4px;
}

#user-panel input.password
{
    margin-right: -4px;
}


/* my-applications
-------------------*/


#content-primary .my-applications .form 
{
    float: right;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.my-applications label
{
    width: auto;
    font-weight: normal;
    padding-right: 2px;
}
.my-applications .frmBtn
{
    float: left;
}
.my-applications select,
.my-applications .frmTxtSelect
{
 	width			: 120px;
 	clear: none;
}

/* width fixes
--------------*/


.g3 .frmTxt,
.g3 .frmTxt{
 	width			: 105px;
}

.g3 select,
.g3 select{
 	width			:  150px  /* ammended for right mEnu frOm 118px; */
}

.g4 .frmTxt,
.g4 .frmTxt{
 	width			: 160px;
}

.g4 select,
.g4 select{
 	width			: 165px;
}

.g4 input.postcode,
.g3 input.postcode 
{
   width: 120px;     /* was 78px; too small for right panel */ 
}

/* buttons */

.secondary,
.no-label 
{
    border: none;
    text-indent: -9999em;
    line-height: 0;
}
.tertiary-button,
.no-label 
{
    border: none;
    text-indent: -9999em;
    line-height: 0;
}

.quinary-button,
.no-label                   /* added in with line 99, 380 right menu shortlist delete image */
{
    border: none;
    text-indent: -9999em;
    line-height: 0;
}

/* dynamic buttons - text added via cms  for button link */
 .quaternary,
.no-label 
{	border: none;
    text-indent: -9999em;
    line-height: 0;
} 

/* button go noscript jobsearch added 170909 js addition */
.senary,
.no-label 
{	border: none;
    text-indent: -9999em;
    line-height: 0;
}
.no-label
{
 	width: 21px;
 	padding: 0 0 2px 0;
 	margin: 0;
 	height: 24px;
 	background: url("images/btn-nolabel.html") no-repeat 0 0;
}
.no-label:hover,
.no-label:focus{
   background-position: 0 -25px;
}

/* image buttons
---------*/



input.secondary:hover,
input.secondary:focus
{
     background-position: 0 -25px;
}
input.tertiary-button:hover,
input.tertiary-button:focus
{
     background-position: 0 -25px;
}

input.quaternary:hover,  /* hover state for flexible buttons 5px char */
input.quaternary:focus
{    float: right;
     border: none;
     background-position: 0px -25px;
}

input.quinary-button:hover,      /* added in with line 99, 380, 616 right menu shortlist delete image */
input.quinary-button:focus
{
     background-position: 0 -11px;
}
input.senary:hover,      /* added go button jobsearch noscript button appears */
input.senary:focus
{
     background-position: 0 -25px;
}
input.septenary:hover,  /* hover state for cms text buttons dynamic */
input.septenary:focus
{    float: right;
     border: none;
     background-position: 0px -25px;
}
/* addition JS 17/08/09 addition for all flexible buttons */
.img-button180  /* addition JS 11/08/09 for Salary checker - code includes above septanary hover states */
{	background: url("images/btn-bg180.html") no-repeat 0 0;
 	float:right;
 	margin-top: 5px; 
 	height:25px;
 	border:none;
 	padding-right:25px;
 	width: 180px;
}
.img-button135  /* addition JS 11/08/09 for Salary checker - code includes above septanary hover states */
{	background: url("images/btn-bg135.html") no-repeat 0 0;
 	float:right;
	margin-top: 5px; 
 	height:25px;
 	border:none;
 	padding-right:25px;
 	width: 135px;
}
.img-button90 /* addition JS 11/08/09 for Salary checker - code includes above septanary hover states */
{	background: url("images/btn-bg90.html") no-repeat 0 0;
 	float:right;
 	margin-top: 5px; 
 	height:25px;
 	border:none;
 	padding-right:25px;
 	width: 90px;
}
.img-button45  /* addition JS 11/08/09 for Salary checker - code includes above septanary hover states */
{	background: url("images/btn-bg45.html") no-repeat 0 0;
 	float:right;
 	margin-top: 5px; 
 	height:25px;
 	border:none;
 	padding-right:25px;
 	width: 45px;
}


.img-icon-search
{
    width: 29px; height:25px;
    background: url("images/btn-icon-search.html") no-repeat 0 0;
}

/*MOVED TO en-GB.css */
/* .img-icon-search2  /* control hays office locator - new image search button */
/* {
    width: 128px; height:25px;
    background: url("/library/images/en-GB/btn-office-search2.gif") no-repeat 0 0;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    float: right;
    clear: left;
} */
/* .img-edit-alert  
{
    width: 148px; height:25px;
    background: url("/library/images/en-GB/btnEditAlert.gif") no-repeat 0 0;
    padding: 0px;
    margin: 15px 0px 15px 0px;
    float: left;
    clear: left; } /* alerts.aspx  -  new image edit alert button */

/* .img-submit
{
    width: 81px;
    background: url("/library/images/en-GB/btn-submit.jpg") no-repeat 0 0;
    margin-left:180px;
    margin-top: 5px; } /* addition JS 11/08/09 margin top of button too big at 20px - now 5px  */


/* .img-submitsml     
{
    width: 81px;
    background: url("/library/images/en-GB/btn-submit.jpg") no-repeat 0 0;
    margin-top: 5px; 
    float:right; }  /* addition JS 20/08/09 rite menu web survey  */


/* .img-submit-survey
{
    width: 81px;
    background: url("/library/images/en-GB/btn-submit.jpg") no-repeat 0 0;
    margin-left:180px;
    margin-top: 5px;
    float: right; } */ /* addition JS 13/08/09 for button Form: float right for web survey!  */


/* .img-view-more-jobs
{
    width: 135px;         /* addition JS 13/08/09 width of button - right menu LATEST JOBS NO margin right */
 /*   background: url("/library/images/en-GB/btn-view-more-jobs.gif") no-repeat 0 0;
    margin-top: 5px;
    float: right; /* addition ENDS  */
/* } */

/* addition JS 16/08/09 addition for latest jobs */
/* .img-checksalary  /* addition JS 11/08/09 for Salary checker  */
/* {	width: 156px;
 	background: url("/library/images/en-GB/btn-check-your-salary.jpg") no-repeat 0 0;
 	float:right;
 	margin-top: 5px;
}*/
	
/*
.img-view
{
    width: 68px;
    background: url("/library/images/en-GB/btn-view.jpg") no-repeat 0 0;
}

.img-register
{
    width: 92px;
    background: url("/library/images/en-GB/btn-register.jpg") no-repeat 0 0;
}

.imglrg-add-shortlist
{
    width: 183px;
    height: 37px;
    background: url("/library/images/en-GB/btnlrg-add-shortlist.png") no-repeat 0 0;
} */

input.imglrg-add-shortlist:hover,
input.imglrg-add-shortlist:focus
{
background-position: 0 -37px;
}

/* .img-add-shortlist
{
    width: 153px;
    height: 33px;
    background: url("/library/images/en-GB/btn-add-shortlist.png") no-repeat 0 0;
    margin-top: 0;
    
}
.img-add-shortlist
{
    width: 153px;
    height: 25px;
    background: url("/library/images/en-GB/btnAddShortlist.gif") no-repeat 0 0;   
} */


/* input.img-shortlist-add:hover,
input.img-shortlist-add:focus
{	background-position: 0 -25px;
} */

input.img-add-shortlist:hover,
input.img-add-shortlist:focus
{
background-position: 0 -25px;
}


/* job application
-------------------*/

.job-head 
{
    padding: 0;
}

.job-head h2
{
    margin: 0;
}