/* 
 wFORMS 2.0 Stylesheet -  Design Melt Down Theme v3 - Aug. 2006

 Adapted from Forms With Style -  Design Melt Down (www.designmeltdown.com)
 This notice MUST stay intact for legal use
 Visit Design Melt Down at http://www.designmeltdown.com/ 
 
 To be used along with wforms-jsonly.css - See http://www.formassembly.com/wForms
*/

form {
	
	padding: 10px;
	line-height: 175%;
	margin: 10px 0;
}

form p{
margin: 0;
padding: 0;
}

/* Form Sections ======================================================================== */

/* Fieldset  */
fieldset {
	position:relative;
	margin: 1em 0px 20px 0px;
	padding: 1em 10px 10px 10px;
	background-color:#f3cf89;
	border-width:2px 2px 5px 8px;
	border-style:solid;
	border-color:#ea8c3f;
	overflow: auto;
	font-family: Helvetica, sans-serif ;
	font-size:small;
}

legend {
	line-height: 100%;
	position:absolute;
	padding: 3px 5px;
	top: -10px;	
	background-color: #333;
	border-width:1px 5px 1px 5px;
	border-color:#ea8c3f;
	border-style:solid;	
	color:white;
	font-weight:bold;
	font-size:120%;
	letter-spacing: -1px;
	text-align:center;
} 	

/* Nested Fieldset  */
fieldset fieldset  {
background: #f2d8a6;
border-width:2px 2px 2px 8px;
}
fieldset fieldset legend {
background-color: white;
color: #333;
font-size: 110%;
}

/* Inline Section */
.inlineSection {
	overflow: auto;
	width: 100%;	
}

/* Combo Label + Input Field =========================================================== */
form .oneField {
	margin: 4px 0;
	display: block;
	vertical-align: middle;
}
form .inlineSection .oneField {
	margin-right: 0px;
	white-space: nowrap;	
	display: inline;
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
	white-space: nowrap;
}

/* Field Labels ======================================================================== */

/* Base */
label, form .label {	
	margin:0 5px 0 0;
	color:#585858;
	line-height: normal;
	
}
/* Text inputs / Select label */
label.preField {
	font-size:90%;
	font-weight:bold;
	display: -moz-inline-box;
	display: inline-block;	
	min-width:120px;
	text-align:right;
	white-space: nowrap;
}
/* Radio / Checkbox group label */
form .label  {
	display: block; 
	margin: 0.6em 4px 0 0;
	padding: 2px;
}
/* Individual Checkbox / Radio label */
.oneField label.postField  {
	padding: 0 4px;
	font-size:90%;
	font-weight: bold;
	color:#585858;
}

/* Label when inside an inline section */
form .inlineSection .oneField .inlineLabel {
	display: -moz-inline-box;
	display: inline-block;	
	font-size:90%;
	font-weight:bold;
	text-align:right;
	min-width:100px;
}

/* Inputs ======================================================================== */

input {
	background-color:#e9f9ac;
	margin:2px 2px 0 0;
	border-width: 1px;
	border-style: solid;
	border-color:#809431;
	color:#5c71a2;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding:1px 2px;
}

select {
	background-color:#e9f9ac;
	margin:2px 5px 0 0;
	border-width: 1px;
	border-style: solid;
	border-color:#809431;
	color:#5c71a2;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding:1px 2px;
	width: 180px;
}
.inlineSection .oneField select {
	margin: 0 2px 1px 0 !important;
}

.oneChoice input{
background: none;
border: 0;
}

/* Submit button */
form .primaryAction {
	background-color:#e9f9ac;
	border:1px solid #809431;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	margin:0px 0px 0px 20px
}
form .primaryAction:hover {
	background-color:#E9FDD7;
}
/* Cancel button */
form .secondaryAction {
	color: grey;
	background-color:#e9f9ac;
	border:1px solid #809431;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	margin:0px 0px 0px 20px	
}
form .secondaryAction:hover {
	color: black;
}

/* Form Builder Related Rules ===================================================== */
body{
margin: 0;
padding: 0;
}

h1 {
font-family: helvetica, arial, sans-serif;
letter-spacing: -1px;
font-size: 175%;
text-align: center;
background: #e97a20;
color: white;
margin: 0;
padding: 10px;
}
/* Form or Fieldset instruction paragraph. */
form .instructions {
	margin: 10px 0;
	line-height: 130%;
	color: #e97a20;
	font-family: "Trebuchet MS", helevtica, arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 1px;
}
/* Asterisk on required fields */
form .reqMark {
	color: #F00;
	padding: 0 4px;
}

/* wForms Related Rules ========================================================== */

/* Field w/ a validation error */
form .errFld {
	padding: 1px;
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
form .errMsg {	
	color: red !important;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
}

/* Field-Hint with focus */
form .field-hint {
	position: absolute;
	width: 180px;
	z-index: 50;
	background-image: url(images/v2/hint_topborder.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 14px 0 0 0;
	margin:  2px 0 0 10px;
	color: #000;
}
form .field-hint div {
	background-color: #fffbb8;
	border-left: 1px solid #ffc20d;
	border-right: 1px solid #ffc20d;
	border-bottom: 1px solid #ffc20d;
	padding: 4px;
	line-height: normal;
}
/* Field-Hint without focus */
form .field-hint-inactive {
	visibility: hidden;
	position: absolute;
}
/* IE6 BUG FIXES ==================================================================== */
form {
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form fieldset {
	overflow: expression('visible');
}

form .inlineSection .oneField {
	display: expression('inline-block');		
}
label.preField, form .inlineSection .oneField .inlineLabel {
	width: expression('7em');
	white-space: expression('nowrap');
}

/* Radio / Checkbox group label */
form .label  {
	display: block; 
	margin: 0.6em 4px 0 0;
	padding: 2px;
}
/* Individual Checkbox / Radio label */
label.postField  {
	padding: 0 4px;
	font-size:90%;
	color:#5c71a2;
}
/* Label when inside an inline section */
form .inlineSection .oneField .inlineLabel {
	display: -moz-inline-box;
	display: inline-block;	
	font-size:90%;
	font-weight:bold;
	text-align:right;
	min-width:100px;
}


