.intro {
	margin-bottom: 1em;
	}
/*= asterisks denoting required/optional elements*/
label abbr.optreq {
	border: none;
	margin-right:  .2em;
	}

p.intro span.optreq {
	font-weight: bold;
	}

/*=Forms==================================*/
/*Setup basic layout of forms - */

.fieldsetwrapper .fieldset label {
	display: block; 
	}
	
/*side by side layouts - right and left side containers*/
/*Labels and container for labels (left side or top)*/

.fieldwrapper .cont-field {
	font-weight: normal;
	}

.fieldwrapper, .fieldsetwrapper {
	clear: left;
	}
	
.fieldwrapper span, .fieldsetwrapper .legend {
	float: left; 
	}

/*--many forms share a common left-column width--*/ 
.fieldwrapper span, .fieldsetwrapper .legend {
	width: 100px;	
	}
	
/*--but this one doesn't. It makes the left side of the form wide, with the labels right-aligned--*/ 	
form.longlabel .fieldwrapper span, .form.longlabel .fieldsetwrapper .legend {
	width: 350px;	
	}
			
/*Container for form elements (right side or bottom)*/
.fieldwrapper span, .fieldsetwrapper .legend {
	text-align: right;	
	}

form .fieldwrapper span.cont-field, .fieldsetwrapper .fieldset  {
	float: left;
	margin-left: 20px; 
	text-align: left;
	}
		
.fieldwrapper span.cont-field, .fieldsetwrapper .fieldset {
	width: 250px; 
	}
	.cont-field input	{
	width: 200px; 
	} 
	 
.hastextarea textarea {
display:block;
clear: left;
background: #fff url(../images/ui/bg_tip.gif) repeat-x 0 0;
}
input {
background: #fff url(../images/ui/bg_tip.gif) repeat-x 0 0;
}

/*Generic form stuff*/

 /*=tips*/
/*TIPS 	- right aligned--*/	
.hastip {
	position: relative;
	min-height: 6em; 
	}	
	
.hastip .tip  {
width: 180px;
	position: absolute;
	top: 0;
	right: 0;
	margin-bottom:0;
	text-align: left;
	padding: .5em;
	background: url(../images/ui/bg_tip.gif) repeat-x 0 0;
	}
.longtip {
	min-height: 7.5em;
	}
.reallylongtip {
	min-height: 10em;
	}
span.tip {
	display: inline;
	float: none;
	font-weight: normal;
	text-align: left;
	}

	/*continue generic form elements*/

/*=bottom - these are margins for bottom of each form field "row" */

.fieldwrapper .cont-field, .fieldsetwrapper .fieldset {
	padding-bottom: 1em;
	}

.mask {
	margin-bottom: .2em;
	font-weight: normal;
	float: none;
	width: auto;
	text-align: left;
	display: block;	
}

.cont-singleradiocheck span.cont-field  {
	width: 220px;
    padding-bottom: 0;
	}
.hastip .checkboxes {
	width: 270px;
}
/*=checkboxes*/		
ul.checkboxes {
	margin: .5em 0 0 0;
	list-style: none;
	margin-bottom: 0;
	}	

ul.checkboxes li label {
	display: inline
	}


ul.checkboxes li { 
	padding: 0; 
	background-image: none;
	} 

.radiogroup li,.fieldsetwrapper .fieldset ul li {
	list-style-type: none;
	margin-left: 0;
	}	
	
form .binary .checkboxes * {
	display: inline;
	float: none;
	}
	
form .binary .checkboxes input {
	margin: .15em 0 0 0;
	}
	
form .binary .checkboxes li label {
	margin: 0 .1em 0 0;
	}
	
form .binary .checkboxes  {
	margin-left: 0;
	}
	
/*=Submitgroup*/

.submitgroup {
	clear: both;
	margin-left: 140px;
	}
.submitgroup input {
background-color: #cc9;
}	
form.longlabel .submitgroup {
	margin-left: 365px;
	margin-top: 65px;
	}	
	
.singlefield .submitgroup {
	padding-left: 0;
	}
	
.submitgroup input {	
	padding: .3em .4em;
	 font-weight: normal;
	clear: left;
	}

.submitgroup input.secondary {
	float: none;
	}

div div input.primary 	{
	font-weight: bold;
}	
	
.formsection {
	clear: both;
	}
	

/*=sentencestyle */
/* first the core sentence style rules, then w3 and w4 which also mimick standard sentencestyles*/
.sentencestyle .hastip .checkboxes {
	width: 100%;
	}	
div .sentencestyle .submitgroup {
	margin-left: 0;
	}	

.sentencestyle .fieldsetwrapper .legend {
	text-align: left;
	}
form div .sentencestyle .fieldwrapper, 
form .sentencestyle .fieldsetwrapper   {
	width: 100%;
	}

.sentencestyle ul.checkboxes {
	clear: left;
	}
	
form .sentencestyle .fieldwrapper span, 
form .sentencestyle .fieldsetwrapper .fieldset {
	float: none;
	margin-left: 0; 
	text-align: left; 
	display: block; 
	width: auto ;
	}