/**
* Forms.css
*
*  Forms styles are controlled here.
*  Widget types are classed by container so they can be formatted properly
*
*
*/

/**
* Container Elements
*************************/

form div {
	clear:both;
	padding:5px 0;
	position:relative;
}

form div.active {
	background: #f5f5f5;
	border-top:1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding:4px 0;
}
form div.mooeditable-container {
	background:#fff;
}

/**
* Error Fields
****************************/
form div.error {
	background: #FAEFD5;width:100%;
	border-top:1px dotted #DFA42B;
	border-bottom:1px solid #fff;
	padding: 2em 0 0.5em 0;
}
.error-message {
	background: url(icons/error.png) top left no-repeat;
	padding: 0 0 0 21px;
	margin:0 0 0 4px;
	color: #4B443C;
	line-height:1.4em;
	color:#000;
	position:absolute;
	top:2px;
	left:5px;
}
	div.error input,
	div.error select,
	div.error textarea {
	border: 2px solid #DFA42B;
}


/**
* General Widgets
************************/
label {
	float:left;
	width:220px;
	text-align:right;
	padding-top:4px;
	color:#3C3F51;
}
.label {color:#3C3F51;padding-left:80px;}
#CandidateAddForm fieldset p {width:900px;white-space:normal}

input,
select,
textarea {
	margin-left: 12px;
	border:1px solid #3C3F51;
	padding:2px;
}
select {
	width:auto;
}

input {
	width:220px;
}

input.narrow {
	width:100px;
}

input.tiny {
	width:40px;
}
/* required */
.r {
	color:#970F00;
}

fieldset fieldset {
	margin-top:0;
}

/**  Radio sets **/
.radio fieldset {
	margin: 0 0 0 100px;
}
.radio legend {
	color:#3C3F51;
	margin:0;
	font-size:14px;
	width:175px;
	text-align:right;
}
.radio input {
	float:left;
	margin:5px 0 5px 235px;
	width:auto;
	clear:left;
	border:0;
}
.radio label {
	text-align:left;
	padding: 4px 0 0 5px;
	width:auto;
}
/*@see ie6/7 */

/** Checkboxes
***************************/
.checkbox label {
	clear:none;
	text-align:left;width:150px;
	padding-top:0;
	white-space:pre;
}
.checkbox input {
	clear: left;
	float: left;
	margin: 3px 8px 7px 185px;
	width: auto;
}
div.disclaimer {
	margin-bottom:15px;
}
.disclaimer  #CandidateAgreement {
	float:left;
	margin-left:25px;
} 
.disclaimer #required{
	margin-left:40px;
}

/** Radio scales
**************************/
.radio-scale {
	text-align:center;
}
.radio-scale label {
	float:none;
	float:left;
	width:auto;
}

.radio-scale th {
	font-weight :normal;
	border-bottom:1px solid #333;
}
.radio-scale input {
	width: auto;
	margin:0;
	border:0;
}

#expertise-widget {
	width:auto;
}
#expertise-widget .val-col {
	width:120px;
}
/*** Checkboxes ***/
#quick-search .checkbox input,
.checkbox input {
	border:0;
	width:auto;
}
input[type=checkbox] {
	border: 0;
	width:auto;
}

/**
* Multi column
* checkboxes
********************/
.checkbox-col {
	float:left;
	clear:none;
	width:15%;
}
.checkbox-col-3 div {
	width:40%;
	padding:0 1% 0 0;
}
.checkbox-col-2 div {
	width:50%;
}
.checkbox-col-1 div {
	width:50%;
}

.checkbox-col {
	float:left;
	list-style:none;
}
.checkbox-col li {
	float:none;
	list-style:none;
	clear:both;
}

.checkbox-col label {
	width:45%;
}
.checkbox-col input {
	margin-left:20px;
}


/**
* Checkboxes used for Region Blocks
************************/
.region-checkboxes {
	float:left;
	width:45%;
	clear:none;
}
.region-checkboxes ul {
	width:100%;
}
.region-checkboxes label {
	width:60%;
}

.disclaimer label {
	width:auto;
	text-align:left;
}

/**
* Submit buttons
********************************/
div.submit {
	padding: 0 0 0 175px;
}
.searchContainer {padding-bottom:10px;}
.searchAlign {position:relative;top:5px;left:-30px;}
.specialSubmit{position:relative;top:-36px;left:290px;clear:none;}
.submit input,
input.button {
	background: #FEFEFE url(img/grey_button.png) bottom left repeat-x;
	border:1px solid #b2b2b2;
	color: #6e5300;
	width:auto;
	padding:4px;
	text-align:center;
}

.field-reminder {
	margin:0.75em 0 0.75em 187px;
	font-size:11px;
}

/**
* Tool Tips
********************************/
.field-hint {
	width:330px;
	color:#57523F;
	position:absolute;
	top: 0px;
	left: 500px;
	z-index: 3000;
	background: #fff;
	padding: 4px;
	border:1px solid #A2B221;
}

.js .field-hint {
	visibility:hidden;
}

.field-hint p {
	float:none;
	width:auto;
	text-align:left;
	margin:0;
}

/* Other field info */
.field-info {
	clear:both;
	margin: 0 0 0 190px;
	font-size:0.9em;
	color: #555;
}

.userNotice{
	font-style: italic;
	padding-bottom:0;
	margin-bottom:0;
	font-weight:600;
}

.rules {
	padding-left:375px;
}
textarea#CandidateNotes{
	height:150px;
}