/*===================================
	User selectable
=====================================*/
.fullAvailableWidth{
	clear: both;
	text-align: left;
	margin: 0;
	/*padding: 10px 0 0 0;*/
	padding: 0 0 10px 0;
	position: relative;
	vertical-align: top;
	width: 800px;
}

.halfAvailableWidth {
	float:left;	
	text-align: left;
	margin: 0;
	/*padding: 10px 0 0 0;*/
	padding: 0 0 10px 0;
	position: relative;
	vertical-align: top;
	width: 400px;
}

.fullAvailableWidthLongLabel{
	clear: both;
	text-align: left;
	margin: 0;
	/*padding: 20px 0px 5px 0;*/
	padding: 0px 0px 5px 0;
	position: relative;
	vertical-align: top;
	width: 800px;
}

.fullAvailableWidthCheckbox{
	clear: both;
	text-align: left;
	margin: 0;
	/*padding: 10px 0px 5px 0;*/
	padding: 5px 0px 10px 0;
	position: relative;
	vertical-align: top;
	width: 800px;
}

.fullAvailableWidthRadio{
	clear: both;
	text-align: left;
	margin: 0;
	/*padding: 10px 0 0 0;*/
	padding: 0 0 10px 0;
	position: relative;
	vertical-align: top;
	width: 800px;
}

.leftFormCol{
	clear: both;
}

/*===================================
	Div styles
=====================================*/
.fullAvailableWidth div {
	display: inline;
}

.halfAvailableWidth  div{
	display: inline;
}

.fullAvailableWidthLongLabel div {
	display: inline;
}

.fullAvailableWidth .scfSectionUsefulInfo {
	display: block !important;
	padding: 0 0 5px 0;
}


/*===================================
	Required field styles
=====================================*/
.fullAvailableWidth .scfRequired, .fullAvailableWidth .scfValidatorRequired {
	color: #f00;
	font-weight: bold;
	left: 150px;
	position: absolute;
	top: 8px;
}

.scfIntroBorder .scfRequired {
	color: #f00;
	font-weight: bold;

}

.halfAvailableWidth .scfRequired, .halfAvailableWidth .scfValidatorRequired{
	color: #f00;
	font-weight: bold;
	left: 150px;
	position: absolute;
	top: 10px;
}

.fullAvailableWidthLongLabel .scfRequired, .fullAvailableWidthLongLabel .scfValidatorRequired  {
	color: #f00;
	font-weight: bold;
	left: 0px;
	position: relative;
	top: -60px;
}

.fullAvailableWidthRadio .scfRequired, .fullAvailableWidthRadio .scfValidatorRequired{
	color: #f00;
	font-weight: bold;
	position: absolute;
	top: 8px;
}


.fullAvailableWidthCheckbox .scfRequired, .fullAvailableWidthCheckbox .scfValidatorRequired{
	color: #f00;
	font-weight: bold;
	left: 25px;
	position: absolute;
	top: 8px;
}


.fullAvailableWidthRadio .scfRequired {
	top: 3px;
}
/*===================================
	Label styles
=====================================*/
.scfForm div.fullAvailableWidth label, .scfForm div.halfAvailableWidth label {
	display: block;
	float: left;
	padding: 0 15px 0 0;
	width: 150px;
}

.scfForm div.fullAvailableWidthLongLabel label{	
	display: block;
	padding: 0;
	width: 800px;
}

.scfForm .fullAvailableWidthCheckbox label{
	display: block;
	float: left;
	padding: 0 0 0 15px;
	width: 740px;
}

.scfForm .fullAvailableWidthRadio label{
	display: block;
	float: left;
	padding: 0 15px 0 0;
	width: 150px;
}

.scfForm .fullAvailableWidthRadio td label{
	width: auto;
	white-space: nowrap;
	
	
}
.scfForm .fullAvailableWidthRadio table {
	width:auto;
}


.scfForm div.fullAvailableWidth span.scfSingleLineTextUsefulInfo, .scfForm div.fullAvailableWidth span.scfDropListUsefulInfo, .scfForm div.fullAvailableWidthRadio span.scfCheckBoxListUsefulInfo{
	color: #666;
	display: block;
	padding: 2px 0 0 165px;
	width: 635px;
}


.scfForm div.fullAvailableWidth .scfSectionUsefulInfo {
	color: #000;
}

.scfSectionUsefulInfo {
	color: #666;
	display: block;
	padding: 2px 0 2px 0px;
	width: 635px;
}

.scfForm div.halfAvailableWidth span.scfSingleLineTextUsefulInfo{
	color: #666;
	display: block;
	padding: 2px 0 0 165px;
	/*width: 230px;*/ /*sen*/
	width:500px;
}


.scfForm div.fullAvailableWidthLongLabel .scfMultipleLineTextLabel {
	padding: 0 0 0 15px;

}


/*===================================
	Field styles
=====================================*/
.fullAvailableWidth input{
	border: 1px solid #aaa;
	padding: 2px;
	width: 605px;
}

.fullAvailableWidth input.scfFileUpload  {
	
	
}

.halfAvailableWidth input{
	border: 1px solid #aaa;
	padding: 2px;
	width: 205px;
}

.halfAvailableWidth select{
	border: 1px solid #aaa;
	margin: 0 0 2px 0;
}

.scfForm div.fullAvailableWidthLongLabel textarea{
	border: 1px solid #aaa;
	height: 60px;
	margin: 5px 19px 0 15px;
	width: 759px;
}

.fullAvailableWidthCheckbox input{
	float: left;
	margin: 0 10px 0 0;
	width: auto;
}

.fullAvailableWidthRadio input{
	float: left;
	margin: 0 10px 0 0;
	width: auto;
}
/*===================================
    DateSelector
=====================================*/
.scfDateSelectorLabel{
	float: left;
	margin: 5px 25px 0 -10px;
	width: 130px;
}
.scfForm div.fullAvailableWidth label.scfDateSelectorShortLabelYear, .scfForm div.halfAvailableWidth label.scfDateSelectorShortLabelYear{
	width:30px;
}
.scfForm div.fullAvailableWidth label.scfDateSelectorShortLabelMonth, .scfForm div.halfAvailableWidth label.scfDateSelectorShortLabelMonth{
	width:65px;
}
.scfForm div.fullAvailableWidth label.scfDateSelectorShortLabelDay, .scfForm div.halfAvailableWidth label.scfDateSelectorShortLabelDay{
	width:40px;
}
.scfDateSelectorGeneralPanel, .scfDateSelectorGeneralPanel label{
	margin-left: 10px;
}
/*===================================
    Captcha
=====================================*/
.scfCaptchaLimitGeneralPanel .scfRequired
{
    visibility: hidden;
}
.scfCaptchaLimitGeneralPanel input[type=image]
{
    width: 16px;
    height: 16px;
    margin-left: 10px;
}
.scfForm div.halfAvailableWidth label.scfCaptchaLabelText 
{
    display: none;
}
.scfCaptchaLimitGeneralPanel table img 
{
    margin-left: 7px;
}
/*===================================
    Fix for radios not clickable, set bottom margin to 0.
=====================================*/
.scfForm .scfDropListLabel, .scfForm .scfEmailLabel, .scfForm .scfMultipleLineTextLabel, .scfForm .scfSingleLineTextLabel, .scfForm .scfPasswordLabel, .scfForm .scfNumberLabel, .scfForm .scfDateLabel, .scfForm .scfRadioButtonListLabel, .scfForm .scfCheckBoxListLabel, .scfForm .scfListBoxLabel, .scfForm .scfFileUploadLabel, .scfForm .scfDateSelectorLabel {
	padding: 3px 0 0 10px;
}
/*===================================
	Fieldset & legend styles
=====================================*/
.scfSectionLegend{
	clear: both;
	font-size:110%;
	font-weight: bold;
	left: -8px;	
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	text-indent: 0;
	word-wrap: break-word;/*somehow fixes legend indent in IE*/
}

.scfMultipleLineGeneralPanel .scfMultipleLineTextBox {
	display: block;
}

.scfSectionBorderAsFieldSet{
	border: none;
	margin: 20px 0 0 0;
}

/* Form Introduction*/
.scfIntroBorder p, .scfIntroBorder span, .scfIntroBorder	 {
	font-weight:normal !important;
}


/*===================================
	Fix for validation issue multi line
=====================================*/
.scfSectionBorderAsFieldSet  .scfSectionContent .fullAvailableWidthLongLabel {
	padding-bottom: 15px
}

.scfMultipleLineGeneralPanel .scfValidator {
	position: absolute;
}