form.sofForm{
	font-size			: .8em;
	background-color	: #FFFFFF;
	color				: #000000;
	margin				: 0 20% 0 20%;
	font-family			: Arial, Helvetica, sans-serif
}

div.shadoFormError{
	position:relative;
	color:red !important;
}

fieldset.shadoFormFieldset{
	clear				: both;
	margin				: 0;
	padding				: 10px 5px 5px 15px;
}

legend.shadoFormLegend {
	padding				: 0;
	font-size			: 1.1em;
	font-weight			: normal;
	color				: #4A66A6;
	line-height			: 2em;
}

/* standard controls */
label.shadoFormLabel {
	font-family			: Arial, Helvetica, sans-serif;
	font-weight			: normal;
	color				: black;
}

input.shadoFormText {
	font-weight			: bold;
	font-color			: #666;
	background-color	: #FFF;
	border				: 1px solid silver;
	width				: 150px;
}

input.shadoFormTextShort {
	font-weight			: bold;
	font-color			: #666;
	background-color	: #FFF;
	border				: 1px solid silver;
	width				: 50px;
}

input.shadoFormNumber {
	font-weight			: bold;
	font-color			: #666;
	background-color	: #FFF;
	border				: 1px solid silver;
	width				: 50px;
}

input.shadoFormRadio {
	font-color			: #666;
	border				: none;
}

input.shadoFormCheck {
	font-color			: #666;
	border				: none;
	margin-right		: .5em;
}

textarea.shadoFormTextArea{
	font-weight			: bold;
	font-color			: #666;
	background-color	: #FFF;
	border				: 1px solid silver;
	width				: 150px;
	height				: 100px;	
}

select.shadoFormSelect{
	font-weight			: bold;
	font-color			: #666;
	background-color	: #FFF;
	border				: 1px solid silver;
	width				: 150px;
}

input.shadoFormButton {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 1em;
	font-weight			: bold;
	color				: #FFF;
	background-color	: #E61A10;
	border				: 0;
	height				: 2em;
}

div.shadoFormControl {
	font-weight			: bold;
}

div.shadoFormComment {
	vertical-align		: top;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: .8em;
	color				: #FF0000;
	width 				: 100px;
	margin-left			: 5px;
}

.required{
	padding-right		: 15px;
	background-image	: url(http://reservation.skycitydarwin.com.au/shadomx/ui/pics/required.gif);
	background-position	: right top;
	background-repeat	: no-repeat;
}

/* positional elements */

div.shadoFormGroup{	
	clear				: both;
	margin-top			: 5px;
	margin-bottom		: 5px;
	line-height			: 1.5em;
	padding-top			: 3px;
}
div.shadoFormLabelPosition {
	text-align			: right;
	float				: left;
	width				: 120px;
	overflow			: hidden;
}


div.shadoFormControlPosition {
	padding-left		: 5px;
	width				: 170px;
	float				: left;
}


div.shadoFormCommentPosition {
	clear				: left;
}

div.landscape div.shadoFormCheckPairPosition, div.landscape div.shadoFormRadioPairPosition {
	display:inline;
}
div.portrait div.shadoFormCheckPairPosition, div.portrait div.shadoFormRadioPairPosition {
	display:block;
}

div.shadoFormCheckGroupLabelPosition {
}

div.shadoFormCheckGroupControlPosition {
}

div.shadoFormRadioGroupLabelPosition {
}

div.shadoFormRadioGroupControlPosition {
}


div.shadoFormRadioPairPosition {
	height				: 1.5em;
	padding				: 2px 0 2px 0;
}

div.shadoFormCheckPairPosition {
	height				: 1.5em;
	padding				: 2px 0 2px 0;
}

div.shadoFormRadioControlPosition {
	height				: 1.5em;
	float				: left;
/*	padding-left		: 5px;
	width				: 170px;
	float				: left;*/
}

div.shadoFormRadioLabelPosition {
	height				: 1.5em;
	float				: left;
/*	text-align			: right;
	width				: 100px;
	overflow			: hidden;*/
}

div.shadoFormRadioCommentPosition{
	height				: 1.5em;
	float				: left;
}

div.shadoFormCheckControlPosition {
	height				: 1.5em;
	float				: left;
/*	padding-left		: 5px;
	width				: 170px;
	float				: left;*/
}

div.shadoFormCheckLabelPosition {
	height				: 1.5em;
	float				: left;
/*	text-align			: right;
	width				: 100px;
	overflow			: hidden;*/
}

div.shadoFormCheckCommentPosition{
	height				: 1.5em;
	float				: right;
}