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

/**
* Container Elements
*************************/
form {
	width: 100%;
	display: block;
}
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;
	border-top:1px dotted #DFA42B;
	border-bottom:1px solid #fff;
	padding: 4px 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;
}
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;
}
.cke_dialog_contents label {
	float: none;
}

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: #A2B221;
	font-size:1.3em;
	padding:0 0 0 3px;
}


/**  Radio sets **/
.radio p {
	color:#3C3F51;
	margin:0;
	float:left;
	clear:left;
}
.radio input {
	float:left;
	margin:5px 0 5px 185px;
	width:auto;
	clear:left;
	border:0;
}
.radio label {
	text-align:left;
	padding: 0 0 0 5px;
	width:auto;
}
/*@see ie6/7 */


/** 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;
	float: left;
	margin-top: 7px;
}

/**
* Multi column
* checkboxes
********************/
.checkbox-multi-3 ul {
	width:30%;
	padding:0 3% 0 0;
}
.checkbox-multi-2 ul {
	width:45%;
}
.checkbox-multi-1 ul {
	width:40%;
}

.checkbox-col {
	float:left;
	list-style:none;
}
.checkbox-col li {
	float:none;
	list-style:none;
	clear:both;
}
.checkbox-col li label {
	display: block;
	width: 135px !important;
}

/**
* Checkboxes used for Region Blocks
************************/
.region-checkboxes {
	float:left;
	width:450px;
	clear:none;
	display: block;
}
.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;
}
.submit input,
input.button {
	background: #FEFEFE url(img/grey_button.png) bottom left repeat-x;
	border:1px solid #b2b2b2;
	color: #331a00;
	width:auto;
	padding: 4px 8px;
}

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

/**
* Tool Tips
********************************/
.field-hint {
	width:330px;	
	color:#57523F;	
	position:absolute;
	top: 2px;
	left: 475px;
	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;
}
#community_status_id_false {
	display:none;
}
#quick-search .multi-select  select {
	height:70px;
	width:96%;
}
#quick-search .multi-select {
	text-align:center;
}
#quick-search .multi-select label {
	width:96%;
	padding-left:3%;
}
#quick-search .multi-select {
	padding:0;
}
#quick-search .multi-select .note {
	font-size:10px;
	color:#666;
}