/* 
 wFORMS 2.0 Stylesheet - Post-it Theme by Jason Shore (September 2005)
 See http://www.formassembly.com/wForms
 
 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are 
 licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
*/


form {
	width: 525px;
	font-family:"Trebuchet MS", Helvetica, Verdana;	
	font-size: small;
	background-image: url(images/form-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #FFFFFF;
	padding: 0 10px 10px 10px !important;
	margin: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;	
	border-right: 1px solid #aaa;	
	border-bottom: 1px solid #aaa;		
}
form h3 {
	font-family:"Trebuchet MS", Helvetica, Verdana;
	text-align: center;
	margin: 0;
}
form a {
	color:#3366cc;
	text-decoration: none;	
}
form a:hover{
	color:#00c;
	border-bottom: 1px dotted #00c;
}

/*  ----------------------------------------------------------------------------------
 *  Fieldset 
 *  ----------------------------------------------------------------------------------  
 */
fieldset {
	padding: 15px 10px 55px;
	background-color:#fff;
	background-image: url(images/fieldset-bg.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	border: 1px solid #f2f2f2;	
	margin: 20px 0;
	color:#0000CC;
	overflow: auto;	
}
fieldset fieldset  {
	background-image: url(images/fieldset2-bg.jpg);	
	background-color: #fffce3;
	margin: 20px 50px 0 50px;
	border-top: 2px solid #f5f2da;	
	border-left: 2px solid #f5f2da;
	border-bottom: 0px;
	border-right: 0px;
}
legend {
	color: #5C5B30;
	padding: 2px 5px;
	text-transform: uppercase;
	text-indent: 0;
	background-color: #fffacc;
	border: 2px solid #f2f2f2;	
	font-weight: bold;
}
legend:first-letter {
	font-size: 120%;
}
fieldset fieldset legend {
	font-size: small;
	background-color: #fffacc;
	border: 2px solid #f5f2da;	
}
/*  ----------------------------------------------------------------------------------
 *  Inline section (div with left-floating content)
 *  ----------------------------------------------------------------------------------  
 */
.inlineSection {
	overflow: auto;
}
/*  ----------------------------------------------------------------------------------
 *  Table 
 *  ----------------------------------------------------------------------------------  
 */
form table {
	border-collapse: collapse;
	width: 100%;
}
form td, form th {
	padding: 0 4px;
	border-bottom: 1px dotted #aaa;
	color: #444;
}
form .headerRow th {
	text-align: left;
	border-bottom: 1px solid #aaa;
}
form .alternate-1 {
	background-color:#FEFDED;
}
form .alternate-0 {
}
/*  ----------------------------------------------------------------------------------
 *  Basic field+label wrappers 
 *  ----------------------------------------------------------------------------------  
 */
.oneField {
	display: block;
	margin: 8px 0;
}
.inlineSection .oneField {
	clear: none !important;
	float: left;
	padding: 0;
	margin: 6px 4px 0 0;
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
	white-space: nowrap; 
}
/*  ----------------------------------------------------------------------------------
 *  Labels
 *  ----------------------------------------------------------------------------------  
 */
label, form .label {	
	color: #333;
	margin: 0;
}
form .inlineLabel {
	display: block !important;	
	padding: 0 2px;
}
label.preField  {
	display: -moz-inline-box;
	display: inline-block;	
	min-width: 9em;
	padding: 0 2px;
	margin: 0.6em 4px 0 0;
	border-bottom: 1px dotted #ccc;
	background-image: none !important;
	
}
.inlineSection .preField {
	clear: left;
	float: left;
	padding-left: 2px  !important;
	margin-top: 8px   !important;	
}
label.postField {
	margin-left: 4px;
	margin-right: 4px;
	line-height: 2em;
}
/*  ----------------------------------------------------------------------------------
 *  Inputs
 *  ----------------------------------------------------------------------------------  
 */
form textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 0 1px 0;
	border: 2px solid #ddd;
}
input {	
}
input[type=text], input[type=password] {
	border: 2px solid #ddd;	
}
form select {
	padding: 0;
	margin: 2px 0 1px 0;	
}
form .inlineSection select {
	margin-top: 0 !important;
}
/*  ----------------------------------------------------------------------------------
 *  Misc. wForms/Form Builder Related Rules
 *  ----------------------------------------------------------------------------------  
 */
/* Form or Fieldset instruction paragraph. */
form .instructions {	
	padding: 1.5em 0;
	color: #000;
	font-size: 85%;		
}
fieldset .instructions {	
	margin: 5px auto 5px auto;
	padding: 0;
	text-indent: 2em;
	width: 75%;
}

/* Asterisk on required fields */
form .reqMark {
	color: #F00;
	font-size: xx-small;
	vertical-align: top;
}
/* Field w/ a validation error */
form .errFld {
	border: 1px solid #F00 !important;
}
/* Styling for message associated with a validation error. */
form .errMsg {	
	font-size: 70%;
	width: 20px;
	color: #CC3333 !important;
	display: inline;	
}
/* Field-Hint with focus */
form .field-hint {
	color: #000;
	float: right;
	clear: right;
	width: 150px;
	font-size: x-small;
	min-height: 3em;	
	background-image: url(images/tfa-bracket.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	padding: 0 0 0 40px ;
}
/* Field-Hint without focus */
form .field-hint-inactive {
	color: #ccc;
	float: right;
	clear: right;
	width: 150px;
	font-size: x-small;
	min-height: 3em;
	background-image: url(images/tfa-greybracket.gif);
	background-repeat: no-repeat;
	background-position: left center;		
	padding: 0 0 0 40px ;
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat { 
	border: 1px solid #ddd;
	background-color: #FFFFFF;
	padding-right: 6px;	
	background-image: none;	
	margin: 5px 0 0 0;
	padding-bottom:	10px;
}
div.removeable {
	border-top: 2px solid #f5f2da;	
	border-left: 2px solid #f5f2da;
	border-bottom: 0px;
	border-right: 0px;
	background-image: url(images/fieldset2-bg.jpg);	
	background-color: #fffce3;
	margin: 5px 0 0 0;
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	margin-top: 10px;
	padding-left: 15px;
	float: right;
	text-transform: uppercase;
	font-size: 75%;
	background-image: url(images/plus.gif);
	background-repeat: no-repeat;
	background-position: 2px 0;	
}
form .removeLink {
	margin-top: 10px;
	padding-left: 15px;
	background-image: url(images/minus.gif);
	background-repeat: no-repeat;
	background-position:  0 2px;
	float: right;
	text-transform: uppercase;
	font-size: 75%
}
/* Switch Behavior Classes */
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an {
	display: block;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */

/* Buttons */
form .actions {
	text-align: right;
}
form .primaryAction {

}
form .secondaryAction {
	color: grey;

}
form .secondaryAction:hover {
	color: black;
}
/*  ----------------------------------------------------------------------------------
 *  Internet Explorer Bug Fixes
 *  ----------------------------------------------------------------------------------  
 */
/* IE Pick-a-boo bug fix */ 
form {
	height: expression('1%'); 
}
/* Fixes IE problem with fieldset+legend boundaries */
form fieldset {
	position: expression('relative'); 
	margin-top: expression('1.5em');
	padding-top: expression('1.75em');
}
form legend {
	position: expression('absolute'); 
	top: expression('-.5em');
	left: expression('.5em');
}
/* Min-width for IE6 */
label.preField, form .label  {
	width: expression('9em'); 
}