.acrossLayout { overflow:hidden; min-height:24px; padding:2px 0px; }
.acrossLayout > div.acrossLayout { min-height:auto; padding:0px 0px; }
.acrossLayout > div { float:left; margin-right:10px; }
.acrossFieldGroup > div { float:left; padding:2px 0px; }
.acrossFieldGroup > .acrossBeforeFormLabel { float:left; padding:2px 5px 2px 0px; }
.acrossFieldGroup > .acrossAboveFormLabel { padding:0px 0px; }
.acrossBeforeFormLabel > label { display:block; float:left; padding-top:2px; }
.acrossFormField > div { float:left; }
.acrossFormField > div > span{ padding-top:2px; display:block; float:left; }
.acrossFormField > label > input { padding-top:2px; }
.acrossFormField > label > span { padding-top:2px; display:block; float:left; }
.acrossFormField > div > input { padding:1px 3px 0px 3px; height:18px; font:12px tahoma, arial, helvetica, sans-serif; }
.acrossAboveFormLabel + .acrossFormField { clear:left; }

/*across:fix misalignment of input data with field labels in diff. browsers*/
.ext-strict .ext-ie7 .acrossFormField .x-form-display-field,
.ext-strict .ext-ie8 .acrossFormField .x-form-display-field,
.ext-ie .acrossFormField .x-form-display-field, /*ie9*/
.ext-gecko .acrossFormField .x-form-display-field /*FF*/{ padding-top:2px; }

.downLayout { overflow:hidden; width:100%; min-height:28px; }
.downLayout > .acrossLayout { width:100%; }
.downLayout > .downFieldGroup { overflow:hidden; clear:left; width:100%; padding:2px 0px; min-height:22px; }
.downLayout > .downFormField { float:left; }
.downFormLabel { float:left; padding: 3px 5px 3px 0px; width: 30%; }
.downBeforeFormLabel { float:left; padding: 3px 5px 3px 0px; width: 30%; }
.downBeforeFormLabel > label { display:block; float:left; }
.downAboveFormLabel + .downFormField{clear:left;}
.downFieldGroup > div { float:left; padding-left:0px;}
.ext-ie7 .downFormField{width:50%}
.ext-ie7 .downFormField > .radioGroupContainer{width: 50%}
.ext-ie7 .downFormField > .radioGroupContainer .x-column{width: auto!important}   /* fixes a width issue between each boolean radio button in ie7 */
.ext-ie7 .downFormField > .radioGroupContainer .x-column-inner{width:auto !important;}
.ext-ie7 .acrossFormField > .radioGroupContainer .x-column{width:auto!important;} /*fixes radio button overlapping issue in ie7*/
.ext-ie7 .acrossFormField > .radioGroupContainer .x-column-inner{width:auto !important;}

.downFormField > div { float:left; }
.downFormField > label > .controlContainer > input { margin-right:2px; margin-top:2px;}
.downFormField > div > input { padding:1px 3px 0px 3px; height:18px; font:12px tahoma, arial, helvetica, sans-serif; }
.downFormField > div > span { padding-top:3px; display:block; float:left; }
.toggleHeader + script + .downLayout { clear:left; }

/*down:fix misalignment of input data with field labels in diff. browsers*/
.downFormField .controlContainer .x-form-display-field, /*chrome*/
.ext-strict .ext-ie7 .downFormField .x-form-display-field,
.ext-strict .ext-ie8 .downFormField .x-form-display-field,
.ext-ie .downFormField .x-form-display-field, /*ie9*/
.ext-gecko .downFormField .x-form-display-field /*FF*/ { padding-top:3px; white-space:pre-line;  }

.radioGroup { padding-top:2px; padding-bottom:1px; float:left; clear:both; width:30%; }
.radioGroup > label { margin-right:5px; display:block; float:left; }
.radioGroup > label > input { margin-right:2px; display:block; float:left; }
.radioItem > label { display:block; float:left; }
.radioGroup > .radioItem{ float:left; margin-right:7px; }
.controlContainer{ float:left; }
.radioGroup > .radioItem .controlContainer > .x-form-check-wrap { float:left; padding-right:3px; padding-top:0px; padding-bottom:1px; line-height:1em;}
.controlContainer .x-form-check-wrap { float:left; padding-right:3px; padding-top:0px; padding-bottom:1px;}

.formTable th{
	padding:2px 5px 2px 0px;
}
.formTable td{
	padding:2px 0px 2px 0px;
	vertical-align:top;
}


.formFieldNoLabel{
	float: left;
	padding-right: 10px;
}
.formTable{
	width: auto;
	border: 0px;
	clear: both;
}
TEXTAREA{width: 300px;}
.required > .controlContainer .x-form-field-wrap{
	float:left;
}
.required > .x-form-field-wrap{
	float:left;
}
#requiredAsterick{display: none;}
.required #requiredAsterick{display: inline;}

.extJsDateField{
	width: 70px !important;
}
.datefield{
	width:70px !important;
}
.datefield[emptyText]{
	width:75px !important;
}
.extJsDateTimeField{
	width: 125px;
}
.adminMultipleSelect{
	width: 300px;
}
.adminMultipleSelectSm{
	width: 140px;
}
.widgetdropdown, .widgetradio, .widgetextended, .widgetslider {}
.widgetCaption {}
.widgetAffectedVal {margin-left:15px; text-align:right;}

.widgetComboCaption {float:left; clear:both;width:50%}
.widgetComboAffectedVal {margin-left:15px; text-align:right;padding-right:20px}

.radioItemComparison{
	float: left;
	width: 100%;
	overflow:hidden;
	min-height:18px;
}
.optSpecialContainer {
	padding-right: 10px;
}
.optSpecialRadio {
	overflow:hidden;
	min-height:18px;
}
.optSpecialRadio {
	background-image: url(../images/icons/star_gold.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.HorizontalRadioButtonDisplay { /* to display radio buttons horizontally */
	display: inline;
	}
.optSpecialSelected {
/*	background-color: #FFFF66;  example to highlight the selected item */
}
/*extended drop down*/
.extValue {
	border-style: solid;
	border-color: #b5b8c8;
	border-width: 1px;
}
.extSpecial {
	background-image: url(../images/icons/star_gold.png);
	background-repeat: no-repeat;
	background-position: right;
}


.uneditable{}
.editable{
	background:transparent url(../images/editable.gif) no-repeat 0 0;
}
.radioGroupItem > .x-form-check-wrap { padding-right:3px; padding-top:0px;}