/** misc form stuff **/

/* need this in order to override stoopid inaccessible telerik styles */
fieldset .date-picker img {
	margin:2px 0 0px 0px !important;
	vertical-align:middle;
	 
}

fieldset .date-picker input{
	width:170px !important;
	_width:167px !important;
	margin-right:2px !important;

}

fieldset  div .date-picker table
{
	width: 167px !important;	
}

input.date-picker, input.radEnabledCss_Default, input.radHoverCss_Default, input.radFocusedCss_Default
{
	width:140px !important;
	_width:140px !important;
	margin-right:2px !important;
	#border:white !important;	
	border-style:inset !important;
	border-top-color:Silver;
	border-left-color:Silver;
	/*border-color:White !important; */
	border-width:2px !important; 
}

div.date-picker, div.pickerWrapper_Default
{
	display: block !important;
	height:30px !important;
}

/* content form styles */
fieldset {
	width:370px;
}


fieldset label, fieldset input, 
fieldset select, fieldset .radioButtonList,
fieldset textarea,
fieldset span.formSummaryText {
	
}
fieldset label {
	overflow: hidden ;	
	white-space:normal;
	width: 170px;
}

fieldset input,fieldset .radioButtonList,
fieldset span.formSummaryText, fieldset textarea  {
	width: 190px;	
}

fieldset textarea {
	#width:192px;
}

fieldset select {
	width: 194px;
}

fieldset .fuFile {
	width: 194px !important;
}

fieldset .checkbox input {
	margin-right: 100px;
	width: auto;	
}

fieldset .radioButtonList br {
	clear:both;
}

fieldset .radioButtonList label, fieldset .radioButtonList input {
	float:left; 
	margin:0 3px 0 0;
	padding:0;
	width: auto;
}



#Questions .date-picker-container {
	float:left;
	margin: 0 20px 4px 0;
	overflow:hidden;
}


/* Candidate form */
#candidateForm #leftDetails, .fLeft {
	float:left;
}
#candidateForm #rightDetails, .fRight {
	float:right;
}


/** default form **/
.dv3FormPanel {
	position:relative;
	/* uncomment below if we want to center the form*/
	/*margin:0 auto;*/
	width:100%;
	
}

.dv3FormPanel  div, .dv3FormPanel .dv3AjaxPanel div{
    clear: left !important;
    height: 1%;  
    margin: 2px 0;
    overflow:hidden;
	padding:0;
    padding-left: 150px !important; /*width of left column containing the label elements*/
    position:relative; 
}

.dv3FormPanel .dv3AjaxPanel {
	padding-left:0 !important;
}

.dv3AjaxPanel {
	clear: left !important;
    height: 1%;
    margin:0 !important;
    overflow:hidden;
    padding:0 !important;     
    position:relative;    
}

.dv3FormPanel  div label ,.dv3FormPanel .dv3AjaxPanel div label {
    display:block;
    float:left;
    margin:4px 0 0 -150px !important;
	_margin:4px 0 0 -75px !important;
    padding:0;
    width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
    /*position:absolute;
	top:0;
	left:0;*/
	/*text-transform:lowercase;*/
}

/*.dv3FormPanel  div label:first-letter ,.dv3FormPanel .dv3AjaxPanel div label:first-letter {
	text-transform:uppercase;
}*/

.dv3FormPanel  div label span{
   
    display:block;
    left:0 !important;
    float: left;
    position:absolute !important;
    top:4px !important;  
   width: 140px !important;
	/*text-transform:lowercase;*/
	z-index:0;
}

/*.dv3FormPanel  div label span:first-letter {
	text-transform:uppercase;
}*/

.helpTextImg
{
	vertical-align:middle;
	position:relative;
	z-index:5;
}


capitalise
{
	text-transform:uppercase !important;
	display:inline;

}


/* the lines below if we want the labels right aligned */
/*
.dv3FormPanel  div label{

	text-align:right !important;

}

.dv3FormPanel  div label span{
	text-align:right !important;

}
*/



.dv3FormPanel   .radContainer {
	
}

.dv3FormPanel  div div, .dv3FormPanel .dv3AjaxPanel  div div{
    clear:none !important;
    margin:0 !important;
    padding:0 !important;    
    width:auto !important;
}


.dv3FormPanel  .oda-container {
	width:200px;
}

.dv3PostAJobForm .oda-container  {
	width:330px !important;

}

.radContainer div select
{

}

.dv3FormPanel  .oda-container div {
    clear:none !important;	
    display:inline;
    margin:0 !important;
    padding:0 !important;    
    width:auto !important;    
}

.dv3FormPanel .fLeft, .dv3FormPanel .fRight, .ErrorLabel{
    clear:none !important;
    margin:0;
    padding-left:0 !important;
}

.dv3FormPanel .textEditor, .dv3FormPanel .textEditor div 
{

	width:402px !important;
	float:left !important;
	overflow:visible;
}

.dv3FormPanel .textEditor div 
{
	width:308px !important;
}

.dv3FormPanel .ErrorLabel
{
	padding-left: 0px !important; /*width of left column containing the label elements*/
}

.requiredFieldText {
     color:red;
     display:block;
     text-align:right;
     width:199px;
     #width:199px;
     _width:202px
}

.dv3FormPanel .requiredFieldIcon{
    /*we insert a background image for the required field icon*/
    /*background:;
     width:;
     height:;*/
}

.requiredFieldIcon span{
    color:red  !important;

    /*display:none;*/
    vertical-align:top;
}

.dv3FormPanel  .radContainer{
}

.dv3FormPanel  .radContainer .loadingPanel {
	display: block;
    left:-20px;
    position:absolute !important;
    top:3px;    
}

.dv3FormPanel  .TopLoadingPanel{
    display: block;
    left:340px;
    position:absolute !important;
    top:3px;    
}

.dv3FormPanel  div .date-picker{
   /* #position:absolute; /*ie7 only*/
   /* #top:-0px; /*ie7 only*/
   /* _position:absolute; /*ie6 only*/
   /* _top:-0px; /*ie6 only*/ 
}


dv3FormPanel .checkbox, .dv3FormPanel .radio{
    float:left;
    margin:0 !important;
    padding:0 !important;    
    text-align:left;
    width:100%;    
    #position:relative;
    #left:-4px;
    _position:relative;
    _left:-4px;
}

.dv3FormPanel  .checkbox input, .dv3FormPanel .radio input, .radio input, .checkbox input{
    border:none;
    display:inline;
    float:none;
    margin:2px 3px 2px 0;
    #margin:0;
    _margin:0;
    padding:0;        
    width:auto;
    vertical-align:top;    
}




.dv3FormPanel div .checkbox label, .dv3FormPanel div .radio label {
    display:inline !important;
    float:none !important;
    margin:0 0 0 0 !important;
    padding:0 !important;
    position:static;
    width:auto!important;
}

.dv3FormPanel .radiolist
{
	display:block;
}

.dv3FormPanel .radiolist input
{

	float:left !important;
}

.dv3FormPanel span.radiolist label 

{
	margin:3px 10px 3px 3px !important;
	#margin:3px 10px 0 3px !important;
	float:left !important;
	width:auto !important;
	white-space:nowrap;
	overflow:visible;
	
}

.dv3FormPanel span.radiolist span
{
	display:inline;

	position:static;
	float:none !important;
}


.dv3FormPanel table.radio 
{
	width:200px;
}



.dv3FormPanel .formButtons .btn, .dv3FormPanel  .btn, .btn {
	height:auto !important;
	width:auto !important;	
	display:inline;
	float:none;
}

.dv3FormPanel td, th {
	padding:0 !important;
}

.dv3FormPanel div select {
}


.dv3FormPanel .fileUpload {
	width:auto;
}

.dv3FormPanel .clear
{
	height:1px !important;
}


/***********************************************************/
/*login top*/
.dv3LoginTop, .AspNet-Login {
    width:210px !important;
}

.dv3LoginTop div{
    padding-left:70px !important;
}

.dv3LoginTop div label{
    clear:none !important;
    float:left;
	margin-left:-70px !important;
	_margin-left:-35px !important;
    width:60px !important;
}

.dv3LoginTop div label span
{
	width:60px !important;
}

.dv3LoginTop div input{
	width:100px;
}

/* QUICK LOGIN SWITCH */
/* the styles below are used for the 'General/EmployerCandidateLogin.ascx' when we have both candidates and employers */

.JoinLoginContainer {
	float:right;
	width:210px !important;
}

.JoinLoginContainer .tab-on {
}

.JoinLoginContainer .tab-off {
}

/* Main login**********************************************/
.dv3FormLoginPanel .dv3column{
    float:left;
    position:relative;    
    width:220px;
}

.dv3FormLoginPanel .requiredLoginFieldText{
     overflow:visible;
     position:relative;
     width:198px !important;     
     _width:202px !important;
     top:2px;     
}

.dv3column {
	margin-bottom:0;
}

.dv3FormLoginPanel .dv3column {

}

.dv3FormLoginPanel div {
	 padding-left: 100px; /*width of left column containing the label elements*/
	 width:220px;
	
}

.dv3FormLoginPanel .dv3column div {
}

.dv3FormLoginPanel  div label,  .validator{

    /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.dv3FormLoginPanel .dv3column input, .dv3column  textarea, .dv3column  select{    

}

.dv3FormLoginPanel .formButtons .btn {
	width:auto !important;
}

.dv3FormLoginPanel .formButtons a{
	clear:left;
	display:block;
}

/** dv3search **/

fieldset.dv3search {
	
	 border:1px solid #000000 !important;
	 padding:10px;
	 width:550px;

}



fieldset.dv3search .dv3AjaxPanel
{
	 width:550px;
}

.dv3searchColumn {	
}

.dv3searchColumn div{
}

.dv3searchColumn div label, .dv3searchColumn .validator{
}


.dv3searchColumn  select{
	width:193px;
}

.dv3searchColumn .formButtons input{
	width:auto !important;
}

.referenceSearch input, .referenceSearch select
{
	margin-right:5px;
	float:left;
}

.referenceSearch .checkbox
{
	float:left !important;
	width:160px;
	position:relative;
	top:5px;
}

.referenceSearch .checkbox input
{
	float:left;
	vertical-align:text-top;
}

.referenceSearch .checkbox label
{
	float:left !important;
	white-space:nowrap;
	line-height:1.5;
}

fieldset.dv3search  .btn
{
	float:right !important;
}

fieldset.dv3search  legend label
{
	width:auto !important;
}

/** dv3 searcg home **/

dv3QuickSearchHomePanel {
	width:auto !important;
}

fieldset.dv3QuickSearchHomePanel{
    clear:left;
    width:200px !important;    
}

.dv3QuickSearchHomePanel div {
	margin:0;
	padding:0;
	padding-left: 0 !important;
}

.dv3QuickSearchHomePanel label {
	width:0;
	display:inline;
}

.dv3QuickSearchHomePanel .formButtons a {
	clear:left;
	display:block;
}

/** dv3 searcg side **/

.dv3QuickSideSearchPanel {
	width:100%;
	overflow:hidden;
}

fieldset.dv3QuickSearchHomePanel{
    clear:left;
    width:200px !important;    
}

.dv3QuickSideSearchPanel div{
	margin:0;
	padding:0;
	padding-left: 0 !important;
}

.dv3QuickSideSearchPanel div input{
}

.dv3QuickSideSearchPanel div label{
	display:none;
}

.dv3QuickSideSearchPanel .formButtons{
}

.dv3QuickSideSearchPanel .formButtons a{
	clear:left;
	display:block;	
}

/** login and apply form **/

.dv3LoginAndApply{	
	background:#eee;
	float:right;
	padding:0px 10px 10px 10px;	
	width:161px;
}

.dv3LoginAndApply .AspNet-Login{
}


.dv3LoginAndApply .content
{
	background-color:#ffffff;
	padding:0 10px 10px 10px;
	overflow:hidden;
	_width:141px;
	
}

.dv3LoginAndApply fieldset div
{
	padding-left:0 !important;
}

.dv3LoginAndApply fieldset div label
{
	float:none;
	display:block;
	margin-left:0 !important;
}

/** site search styles **/
.dv3SiteSearchPanel
{
	
}

/** side site search styles **/
.dv3SideSiteSearchPanel
{
	width:100%
}

.dv3SideSiteSearchPanel div
{
	padding-left:0!important
}

.dv3SideSiteSearchPanel div
{
	width:145px;
	float:left;
	clear:none !important;
}

.dv3SideSiteSearchPanel div label
{
	float:none;
	display:block;
	margin-left:0 !important;

}

.dv3SideSiteSearchPanel div input
{
	width:140px;
}

.dv3SideSiteSearchPanel .formButtons
{
	width:60px;
	margin-top:19px;
}
/*** news search ***/

.newsSearchPanel
{
	background:url(http://jobs.tactcare.org.uk/Graphics/news_search_pg.png) repeat-x bottom;
	padding:0 0 10px 0;

}

.newsSearchPanel fieldset
{
	width:164px;
	padding:0;
	border:0;
}

.newsSearchPanel fieldset div
{
	padding:0 !important;
	margin:2px 0 2px 0;
	width:auto;
	float:left;
}

.newsSearchPanel fieldset div label
{
	margin:5px 0 0 33px !important;
	_margin:5px 0 0 32px !important;
	width:auto;
	float:left;
	white-space:nowrap;
	width:24px;
	_display:inline;
	overflow:visible;
	text-align:right;

}

.newsSearchPanel fieldset .keywordPanel label
{
	display:none;
}

.newsSearchPanel fieldset .keywordPanel input
{
	width:160px;
}

.newsSearchPanel fieldset .categoryPanel label
{
	display:none;
}

.newsSearchPanel fieldset .categoryPanel select
{
	width:162px;
}

.newsSearchPanel fieldset .fromPanel, .newsSearchPanel fieldset .toPanel
{
	
	padding-left:0 !important;
}

.newsSearchPanel fieldset  .fromPanel input, .newsSearchPanel fieldset .toPanel input , .newsSearchPanel fieldset  .fromPanel .inputCell, .newsSearchPanel fieldset  .toPanel .inputCell
{
	
	width:100px !important;
	
}

.newsSearchPanel fieldset .fromPanel .pickerWrapper_Default, .newsSearchPanel fieldset .toPanel .pickerWrapper_Default
{
	width:130px !important;
	float:left;
}


.newsSearchPanel fieldset .fromPanel label, .newsSearchPanel fieldset .toPanel label
{
	
	_display:inline; 
	float:left !important;
	margin:0 !important;
	padding:7px 0px 0 0 !important;
	width:32px;
	text-align:left;
	
	
	
}


/*
.newsSearchPanel fieldset .toPanel label
{
	
}

.newsSearchPanel .pnlSearchButton
{
	text-align:right;
	margin:0 5px 0 0;
	width:162px;
}

.newsSearchPanel .pnlSearchButton input
{
	float:right;
}


*/

/** combo box styles **/

    .combobox div,  .dv3FormPanel .combobox div
    {
    	position:static !important;
    }

    .combobox, .dv3FormPanel .combobox
    {
		width:100%;
    	margin:0;
		padding:0;
		width:231px !important;
    	border:1px solid brown;
	
    }
    

    
    .combobox .comboBoxTextBox, .dv3FormPanel .combobox .comboBoxTextBox
    {
    	width:200px;
        background:transparent none repeat scroll 0 0;
        border:0 none;
        color:#373737;
        outline-color:-moz-use-text-color;
        outline-style:none;
        outline-width:0;
        padding:2px 0 0px 3px;
        vertical-align:top;  
        float:left;	
        margin:0;
       height:21px;
    }
    
    .combobox .comboBoxArrow, .dv3FormPanel .combobox .comboBoxArrow
    {
		width:28px;
    	
    	background:url(http://jobs.tactcare.org.uk/graphics/arrow_sprite.gif) 0px 0px  no-repeat;
		float:left;
		margin:0;
		padding:0;
    }
    
    .combobox .comboBoxArrow img, .dv3FormPanel  .combobox .comboBoxArrow img
    {
    	margin:0;
		padding:0;
		width:28px;
    	height:23px;
    	border:none;
    	
    }
    
    .treeViewContainer, .dv3FormPanel  .treeViewContainer
    {
    	margin:0;
    	border:1px solid brown;
    	display:none;
    	background-color:#ffffff;
    	width:inherit;
    	overflow:hidden;
    	width:231px;
		height:auto !important;
		

    }
    
    .topbar, .dv3FormPanel  .topbar
    {
    	height:16px; padding:4px !important; background-color:Gray; color:#ffffff;
    }
    
    .topbar input, .dv3FormPanel  .topbar input
    {
    	display:inline !important;
    	width:auto !important;
    }
    
    .topbar div, .dv3FormPanel  .topbar div
    {
    	height:auto;
    }
    .treeViewPanel, .dv3FormPanel  .treeViewPanel
    {
		max-height:200px;
		height:auto !important;
		height:200px;
		overflow:auto;
    }
    
    .treeViewPanel input, .dv3FormPanel  .treeViewPanel input
    {
    	display:inline !important;
    	width:auto !important;
		float:none;
    	
    }
    
    .combobox:hover .comboBoxArrow, .dv3FormPanel .combobox:hover .comboBoxArrow
    {
    	background:url(http://jobs.tactcare.org.uk/graphics/arrow_sprite.gif)  0px -23px  no-repeat
    }






/** The following styles are for the Dynamic Formbuilder */

#dynamicForm .SectionHeading
{
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#dynamicForm .Confirmation 
{
	font-weight:bold;
	color: Red;
}

#dynamicForm .PageTitle 
{
	font-weight:bold;
	font-size: 13px;
	text-transform:uppercase;
}

#dynamicForm .tblSection
{
	FONT-WEIGHT: bold; 
	COLOR: white; 
	background-color: #1f58a9; /*33336e;*/
}

#dynamicForm .FormTitle 
{
	 font-size: 12px;
	 font-weight: bold;
	 text-transform: uppercase;
}

#dynamicForm .errormsg 
{
	FONT-SIZE: 12px; 
	COLOR: red; 
}

#dynamicForm .required 
{
	
}
	
#dynamicForm .InstructionsPopup 
{
	BORDER-RIGHT: #55a9e8 1px solid; 
	BORDER-TOP: #55a9e8 1px solid; 
	BORDER-LEFT: #55a9e8 1px solid; 
	BORDER-BOTTOM: #55a9e8 1px solid; 
	BACKGROUND-COLOR: #e5eaee;
}

#dynamicForm Table
{
	border-collapse:separate;
	border-spacing:2px;
	margin-bottom:0px !important;
}

#dynamicForm TD
{
	padding:0px;
}
#dynamicForm TD.tableCell
{
	width: 320px;
	vertical-align:bottom;
}
	
#dynamicForm .inputRadioNotBlockNotHide td label
{
	float:left;
	position:relative;
	left:2px;
	#left:5px;
	bottom:5px;
}
#dynamicForm .LabelHide td label
{
	display:none;
}

#dynamicForm .inputRadioNotBlockNotHide td input
{
	float:left;
}
#dynamicForm .PageSubTitle 
{
	 font-variant: small-caps;
	 font-weight: bold;
}

#dynamicForm Input.inputMultiLine, #dynamicForm Input.inputText, #dynamicForm Select, #dynamicForm Textarea
{
	width:200px;
}

/*#dynamicForm TextArea.inputMultiLineBlock, #dynamicForm Input.inputTextBlock, #dynamicForm SelectBlock, #dynamicForm TextareaBlock
{
	width:350px;
}*/


#dynamicForm Input.inputRadio, #dynamicForm Input.inputCheckbox
{
	width:auto;
}

#dynamicForm Input.submit
{
	width:auto;
}

/** End Dynamic Formbuilder styles */

/** dv3FormBuilder by mp **/


.dv3FormBuilder {

	/* uncomment below if we want to center the form*/
	/*margin:0 auto;*/
	width:500px;
	
}

.dv3FormBuilder  div{
    clear: left !important;
    height: 1%;  
    margin: 2px 0;
    overflow:hidden;
	padding:0;
    padding-left: 170px; /*width of left column containing the label elements*/
    clear:none !important;
    z-index:0;
}

.dv3FormBuilder div.questionWrapper 
{
	 position:relative; 
}


.dv3FormBuilder  div.Block{
    clear: left !important;
    height: 1%;  
    margin: 2px 0 2px 0px;
    overflow:hidden;
	padding:0;
    padding-left: 0px; /*width of left column containing the label elements*/
    
}

.dv3FormBuilder  div.Block div textarea  {
    
    width:350px !important;
}

.dv3FormBuilder  div.Block div input
{
	 /*width:340px !important;*/
}


.dv3FormBuilder  div.Block div{
    clear:none !important;
    margin:0 0 0 0px !important;
	padding:4px 0 0 20px !important;
    width:auto !important;
}

.dv3FormBuilder  div.Block div div.phAnswer
{
	padding:0px 0 0 0px !important;	
}

.dv3FormBuilder  div div{
    clear:none !important;
    margin:0 0 0 0px !important;
    padding:0 0 0 0px !important;   
    width:auto !important;
	overflow:visible;
}


.dv3FormBuilder  div.Block div input
{
	clear:none !important;
}



.dv3FormBuilder  div label.questionText  {
    display:block;
    float:left;
    margin:4px 0 0 -150px;
	_margin:4px 0 0 -70px;
    padding:0;
    width: 140px !important; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
    /*position:absolute;
	top:0;
	left:0;*/
}

.dv3FormBuilder  div label.questionNumber {
    display:block;
    float:left;
    margin:4px 0 0 -170px;
	_margin:4px 0 0 -75px;
    padding:0;
    width: 20px !important; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
    /*position:absolute;
	top:0;
	left:0;*/
}

.dv3FormBuilder  div.Block label.questionText  {
    display:block;
    float:none;
    margin:4px 0 0 0px;
	_margin:4px 0 0 0px;
    padding:0;
    width:400px !important;
    /*width of labels. Should be smaller than left column (155px) to create some right margin*/
    /*position:absolute;
	top:0;
	left:0;*/
}

.dv3FormBuilder  div.Block label.questionNumber {
    display:block;
    float:left !important;
    margin:4px 0 0 0px;
	_margin:4px 0 0 0px;
    padding:0;
    width: 20px !important; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
    /*position:absolute;
	top:0;
	left:0;*/
}

.dv3FormBuilder  div label img{ /* helper image */
	vertical-align:top;
}




.dv3FormBuilder  div.Block div
{
	clear:left !important;
}

.dv3FormBuilder table{ width:95%; }
.dv3FormBuilder table table{ width:auto; }


.dv3FormBuilder table td 
{
	vertical-align:bottom;

} 

/*.inputRadio label, .inputRadio input,.inputRadioNotBlockNotHide label, .inputRadioNotBlockNotHide input, .inputCheckbox label, .inputCheckbox input,.inputCheckboxBlock input, .inputCheckboxBlock label*/

.dv3FormBuilder table td input,.dv3FormBuilder table td label
{
	width:auto !important;
	position:static !important;
	white-space:normal;
	float:none !important;
	bottom:0 !important;
	left:auto !important;
} 

.dv3FormBuilder table td label,.dv3FormBuilder table td input
{
	padding:2px 3px 2px 3px;
	margin:0;
}

.dv3FormBuilder div.ErrorLabelOverlay div.pvlidators
{
	
	position:absolute !important; 
	width:140px !important;
	z-index:10 !important;
	left:20px;
	top:4px;

}

.dv3FormBuilder div.Block div.pvlidators
{
	width:auto !important;
	left:0px;
	top:0px;
}

/*.dv3FormBuilder .LabelHide td label, .dv3FormBuilder .LabelHide td input, .dv3FormBuilder .ControlHide td label, .dv3FormBuilder .ControlHide td input
{
	padding:0 0;
	margin:0 0;
}*/

.dv3FormBuilder .LabelHide td label
{
	display:none;
}

.dv3FormBuilder .ControlHide td input
{
	display:none;
}

.dv3FormBuilder .formButtons .btn, .dv3FormBuilder  .btn {
	height:auto !important;
	width:auto !important;	
	display:inline;
	float:none;
}