/* Common */
.sf-form p { margin:0px; padding:0px 0px 5px 0px; line-height:140%; }
.sf-form p.msg-error { color:red; font-weight:bold; }
.sf-form p.graphite { color:#373737 }
.sf-form label { display:block; color:#222; padding-top:4px }
.sf-form label.style-2nd { color:#000064; font-weight:bold }
.sf-form label span { color:#6f6f6f; font-size:10px }
.sf-input { border:1px solid #dcdcdc; padding:2px; width:250px; height:18px; font-weight:normal; color:#333; background-color:#f1f1f1 }
.sf-input-small { border:1px solid #dcdcdc; padding:2px; width:212px; height:18px; font-weight:normal; color:#333; background-color:#f1f1f1 }
.sf-file-input { border:1px solid #dcdcdc; padding:5px; font-size:12px; font-weight:bold; color:#373737; background-color:#f1f1f1 }
.sf-select { border:1px solid #dcdcdc; padding-top:1px; width:252px; height:28px; vertical-align:bottom; font-size:12px; color:#636568; background-color:#f1f1f1 }
.sf-select-small { border:1px solid #dcdcdc; padding-top:1px; width:118px; height:32px; vertical-align:bottom; font-size:12px; color:#636568; background-color:#f1f1f1 }
.sf-select option { font-size:14px }
.sf-select-long { width:350px }
textarea { border:1px solid #dcdcdc; padding:2px; text-indent:0; font-size:12px; font-weight:normal; color:#636568; background-color:#f1f1f1;font-family:'Lucida Grande',sans-serif; }
.sf-button { border:0; border-top:1px solid #cecece; border-bottom:1px solid #cecece; background-color:#f5f5f5; padding:5px 10px; font-size:14px; cursor:pointer }

.form-section { margin:20px 0px 0px 0px; float:left; border-top:5px solid #ddd; width:100% }
.form-section-center { margin:0px auto; margin-bottom:10px; text-align:center }
.form-section-small { margin-top:8px; text-align:left }
.form-section-small label { vertical-align:middle; padding:0px 3px 0px 1px;  line-height:160% }
.form-line { width:260px; margin-bottom:6px }
.form-line-small { width:220px; margin-bottom:10px }
.form-top-section { border-top: 1px solid #cecece; border-bottom:1px solid #cecece; padding:5px 0px; margin-bottom:15px }
.section-header { margin-top:15px }

.sf-form h2 { margin:5px 0px 15px 0px; font-size:20px }
.sf-form h3 { padding:5px 0px 5px 0px; font-weight:bold }
.sf-form h4 { margin:0; padding:10px 0px 0px 0px; color:#42413c;font-size:12px }

.r-left { margin-right:20px; float:left; } 
.r-right { float:left; }

.left_form { float:left; margin-right:20px; width:260px; }
.text_col { height:53px }
.right_form { float:left }

/* Test/Voting */
.item-image-container { float:left; margin-left:100px; text-align:center; width:420px; height:420px; }
.item-image-container img { width:400px; height:400px; border:0 }
.answers-container { margin-top:20px }
.answers-row { clear:both }
.answer { float:left; width:40px; background-color:#e9e9e9; border:1px solid #ccc; cursor:pointer; }
.active-answer { background-color:#aaa; font-weight:bold }

/* Quick search */
.qsearch-header { border-bottom:1px solid #cecece; padding-bottom:5px; }
.qsearch-form { border-bottom:1px solid #cecece; padding-bottom:10px; }

.qsearch h3 { font-size:12px; margin:0px; margin-bottom:2px; padding:0px; text-align:left }
.qsearch label { font-size:11px; text-align:left }
.qsearch select { text-align:left; margin:0px;padding:0px; float:left }
.dblock { display:block; }

/* Validation */


label.error { padding:0; display:block; font-size:11px; float:none; color:red; }
div.error { display:block; color:red; width:100%; font-size:11px; float:none }


input.validation-failed, textarea.validation-failed {
	border: 1px solid #cc1616;
	/*color : #FF3300;*/
}
input.validation-passed, textarea.validation-passed {
	/*border: 1px solid #00CC00;
	color : #000;*/
}

.validation-advice {
	color: #cc1616;
	width: 233px;
	font-family: Verdana;
	font-size: 11px;	
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
	
}




/* Livevalidation */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	/*display:none*/
}

.LV_valid {
    /*color:#00CC00;*/
	display:none;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    /*border: 1px solid #00CC00;*/
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


