/*------------------SET THE WIDTHS FOR THE FORMS AND FORM FIELDS------------------*/
fieldset {
	width:100%;
}

.formFieldsContainer, 
#emailAFriend .dv3FormPanel, 
#quickSendApply {
    width: 80%;
    text-align: left;
}

input, select, textarea 
{
resize:none;
outline:none;    
}

fieldset label {
	overflow: hidden ;	
	white-space:normal;
	width: 39%;	
}

fieldset input,fieldset .radioButtonList,
fieldset span.formSummaryText, fieldset textarea,
dv3FormPanel .checkbox, .dv3FormPanel .radio {
	width: 55.25%;	
}

.RadCaptcha.RadCaptcha_Default {
    position: relative;
}

.RadCaptcha.RadCaptcha_Default p input {
    position: absolute;
    top: 17px;
    right: 0;
    height: 50px;
    width: 121px;
}

.RadCaptcha.RadCaptcha_Default a.rcRefreshImage {
    color: #7cc4cf;
}

/* From hover/focus CSS3 styles Default ----------- START ------ */

fieldset input:hover {
border:1px solid #2296a7;      
}

fieldset textarea:hover 
{
border:1px solid #2296a7;      
}

fieldset textarea 
{
border:1px solid #cccccc; 
}

fieldset input,
fieldset textarea, 
fieldset select 
{
border:1px solid #cccccc; 
height:22px;
line-height:19px;
color:#666666;
/* css3 curved borders on form fields ---- REMOVE IF NOT PART OF DESIGN SCHEME */
padding-left:5px;
}

fieldset textarea 
{
height:44px;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;    
}

fieldset textarea:focus 
{
height:100px;    
}

fieldset input:focus, 
fieldset textarea:focus, 
fieldset select:focus {
    border:1px solid #2296a7;
}

fieldset div.formButtons input,
fieldset div.formButtons input:focus
{
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}

fieldset .fuFile 
{
border:1px solid #cccccc;     
}

fieldset .fuFile:hover, 
fieldset .fuFile:focus
{
border:1px solid #cccccc; 
}

/* From hover/focus CSS3 styles Default ----------- END ------ */

.formSummaryText {
    float:left
}


fieldset select {
	width: 56.5%;
}

.dv3FormPanel div.formButtons {
    padding-left:43%;
}

/**RAD CONTROL WIDTH SETTING**/
#main .radContainer div.RadComboBox {
    width:56.5% !important;
}

#main .dv3QuickSearchHomePanel .RadComboBoxDropDown div.rcbWidth {
height:178px;
}

/* Side form styles */
#sideBar fieldset, #sideBar label, #sideNav fieldset, #sideNav label {
    width:100%;
}

#sideBar fieldset input, #sideBar fieldset .radioButtonList,
#sideBar fieldset span.formSummaryText, #sideBar fieldset textarea,
#sideNav fieldset input, #sideNav fieldset .radioButtonList,
#sideNav fieldset span.formSummaryText, #sideNav fieldset textarea  {
	width: 90%;	
}

#sideBar fieldset select, #sideNav fieldset select {
	width: 91%;
}

#sideBar .dv3FormPanel div.formButtons, #sideNav .dv3FormPanel div.formButtons {
    padding-left:0%
}


/**RAD CONTROL WIDTH SETTING**/
#sideBar .radContainer div.RadComboBox,
#sideNav .radContainer div.RadComboBox {
    width:91% !important;
}

/**Set the width for specific forms**/
#main .dv3QuickSearchHomePanel {
    width:50%
}
/*--------------End width settngs--------------*/

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;
}


/** default form **/

.dv3FormPanel div {
    margin: 0.5em 0;
    overflow:hidden;
	padding:0;        
}

.dv3FormPanel  div label ,.dv3FormPanel .dv3AjaxPanel div label {
    display:block;
    float:left;
    padding:0 4% 0 0;    
}



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

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


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

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

.dv3FormPanel .textEditor, .dv3FormPanel .textEditor div {

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



.textEditorLabel {
    width:100%;
    float:none;
}

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

.dv3FormPanel .employerMyDetails, .dv3FormPanel .employerMyDetails div {
    width:100% !important;
}


.dv3FormPanel .requiredFieldIcon{    
    display: inline;
    left: inherit !important;
    margin: 0 0 0 3px;    
}

.requiredFieldIcon span{
    color:red  !important;
    font-size:12px;
    /*display:none;*/
    vertical-align:top;
}

dv3FormPanel .checkbox, .dv3FormPanel .radiolist {

    margin:0 !important;
    padding:0 !important;    
    text-align:left;

}

.dv3FormPanel  .checkbox input, .dv3FormPanel .radiolist input, .radiolist 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;
    float:none;
    margin:0;
    padding:0;
    position:static;
    width:auto;
    display:block;
}

.questionsFormPanel table.radio td input {
    float:left;
    margin-right:15px;
    width:15px;
} 

*+html .questionsFormPanel table.radio td label {margin-top:0;}

.questionsFormPanel table.radio td label {
    display: block;
    float: left;
    margin: -1px 0 5px;
    width:85%;
}

.dv3FormPanel .radiolist input {
	float:left !important;
}

.dv3FormPanel div.radiolist label {
	margin:5px 10px 0px 3px !important;
	float:left !important;
	width:auto !important;
	white-space:nowrap;
	overflow:visible;
}

.dv3FormPanel div.radiolist div {
	display:inline;
	position:static;
	float:none !important;
}

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

.questionsFormPanel table.radio {
width:55%;
}

.dv3FormPanel .formButtons .btn, .dv3FormPanel  .btn, 
.dv3FormPanel .formButtons .button, .alertsBtn {
	background: #2296a7;
	border: none;
	cursor: pointer;
	color: #ffffff;
	height: auto;	
	display: inline;
	float: none;
	padding: 10px 20px;
	width: auto;
}

.dv3FormPanel .formButtons .btn:hover, .dv3FormPanel  .btn:hover, 
.dv3FormPanel .formButtons .button:hover, .alertsBtn:hover, 
.dv3FormPanel .formButtons .btn:focus, .dv3FormPanel .btn:focus, 
.dv3FormPanel .formButtons .button:focus, .alertsBtn:focus {
	background: #7cc4cf;
	-webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

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

.dv3FormPanel .fileUpload {
	width:auto;
}

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


/***********************************************************/
/*login top*/
.dv3LoginTop div label{
    clear:none !important;
    float:left;	
    width:38%
}
/* QUICK LOGIN SWITCH */
/* the styles below are used for the 'General/EmployerCandidateLogin.ascx' when we have both candidates and employers */

.JoinLoginContainer {
	float:right;
    
}

/* Main login**********************************************/
.dv3FormLoginPanel .dv3column{
    float:left;
}

.dv3FormLoginPanel .requiredLoginFieldText{
     overflow:visible;
     position:relative;

}

.dv3column {
	margin-bottom:0;
}

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

#loginInternal div.password{
    padding-left:43%;
   
}

/** dv3search **/

.referenceSearch div {
    margin:0;
}

.referenceSearch select {
    float:left;
}

.referenceSearch .checkbox {
	float:left !important;
	width:155px;
	position:relative;
	margin-left:10px
	/*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  legend label {
	width:auto !important;
}

.dv3search .dv3AjaxPanel {
    width:100%;
}

/** login and apply form **/

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

.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;
}

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

.dv3SideSiteSearchPanel div label {
	float:none;
	display:block;
}

/*** news search ***/

.newsSearchPanel {
	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, 
.newsSearchPanel fieldset .categoryPanel label, 
.treeViewContainer, .dv3FormPanel  .treeViewContainer, 
#dynamicForm .LabelHide td label, .dv3FormBuilder .LabelHide td label, 
.dv3FormBuilder .ControlHide td input {
	display:none;
}

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

.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;
}

/** 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://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/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;
    	
    }
    
    
    .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://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/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 .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 .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 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 .formButtons .btn, .dv3FormBuilder  .btn {
	height:auto !important;
	width:auto !important;	
	display:inline;
	float:none;
}

/***rad control styles**/
.RadComboBox_Default, .RadComboBox_Default .rcbInput, .RadComboBoxDropDown_Default  {
    color:#000 !important;
font-family: Arial,sans-serif !important;
font-size:100% !important;

}  

/**
side quick job search to have labels above input fields
comment out the below if u want the labels to be to the left of the input fields    
**/

#sideBar .dv3FormPanel div label, #sideNav .dv3FormPanel div label {
    float:none;
    margin-left:0 !important;
}

#main .quickSearchHome div label {
    float:left;
}

/* need this in order to override inaccessible telerik styles for date picker */
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;
	width: 200px !important;
    height:30px !important;
}



.dv3FormPanel .innerFormDiv {margin:0}

.dv3FormPanel .salary {border:1px solid #7f9db9 !important}

.pickerWrapper_Default {width:56% !important}


/*************RAD drop down box control******************/
.RadTreeView_Default, .RadTreeView_Default a.rtIn, .RadTreeView_Default .rtEdit .rtIn input {
    font-family:Arial !important;
    font-size:1em !important;
}

.RadComboBox_Default .rcbInputCellLeft, .RadComboBox_Default .rcbInputCellRight, .RadComboBox_Default .rcbArrowCellLeft, .RadComboBox_Default .rcbArrowCellRight {
    background:url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/graphics/select-bg.png) !important
}

.RadComboBox_Default .rcbReadOnly td.rcbArrowCellRight {
background-position:-1px -88px !important;
}

#main .dv3FormPanel .RadComboBox {width:194px !important}

.RadComboBox_Default .rcbReadOnly td.rcbArrowCell, .RadComboBox_Default .rcbReadOnly td.rcbArrowCell a {
width:17px !important;
}

.RadComboBoxDropDown {width:340px !important;}

#header .RadComboBox {width:139px !important}

.RadComboBox_Default table td.rcbInputCell, .RadComboBox_Default .rcbInputCell .rcbInput {
padding-left:2px !important;
}

/*************END******************/

/************* JQUERY Multi Select Dropdowns ******************/
.multiSelectDropdown {
    overflow: visible !important;
    position: relative;
    background:url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/graphics/combo_arrow.png)  top right  no-repeat;
}

.multiSelectDropdown div {
    overflow: visible !important;
    margin: 0;
}

.multiSelectDropdown ul {
    display: block;
    /*left: 203px;*/
    width: 100%;
    padding: 0 !important;
}

.multiSelectDropdown img {
    position: absolute;
    top: 10px;
    right: 6px;
    margin: -8px 0 0;
}


.multiSelectDropdown span.fancytree-title:hover,
.multiSelectDropdown .fancytree-active span.fancytree-title,
.multiSelectDropdown .fancytree-selected span.fancytree-title,
.multiSelectDropdown .fancytree-focused span.fancytree-title {
    color: #000 !important;
    border: 1px solid transparent !important;
    background: none !important;
    filter: none !important;
}

/*************END******************/