/* 
 wFORMS 2.0 Stylesheet - TimeTrack Theme: May 2006	
 See http://www.formassembly.com/wForms

 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are Copyright (c) 2005-2006 Cedric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
*/

form {
	padding: 0 10px 10px 10px;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	width: 560px;
}

h3 {
	margin-left: 10px;
	color: #e20c11;
}

/*  ----------------------------------------------------------------------------------
 *  Fieldset 
 *  ----------------------------------------------------------------------------------  
 */
fieldset {
	padding: 15px 10px;
	background-color: #FFF;
	margin: 20px 0;
	border: 3px double #ccc;
	overflow: auto;	
}
fieldset fieldset  {
	border: 1px solid #ccc;
	background-color:#FFF;
}
legend {
	padding: 2px 5px;
	color: #9DCB99;
	font-weight: bold;
	text-transform: uppercase;
}
fieldset fieldset legend {
	font-size: 90%;
}
/*  ----------------------------------------------------------------------------------
 *  Inline section (div with left-floating content)
 *  ----------------------------------------------------------------------------------  
 */
.inlineSection {
	overflow: auto;
}
/*  ----------------------------------------------------------------------------------
 *  Table 
 *  ----------------------------------------------------------------------------------  
 */
form table {
	border-collapse: collapse;
}
form td, form th {
	padding: 0 4px;
	border-bottom: 1px dotted #aaa;
}
form .headerRow th {
	text-align: center;
	border-bottom: 1px solid #aaa;
}
form .alternate-1 {
	background-color:#F1F7F0;
}
form .alternate-0 {
}
/*  ----------------------------------------------------------------------------------
 *  Basic field+label wrappers 
 *  ----------------------------------------------------------------------------------  
 */
.oneField {
	display: block;
	margin: 6px 4px 6px 0 !important;
}
.inlineSection .oneField {
	clear: none !important;
	float: left;
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
	white-space: nowrap; 
}
/*  ----------------------------------------------------------------------------------
 *  Labels
 *  ----------------------------------------------------------------------------------  
 */
label, form .label {	/* .label is typically used on a span or p tag to label a radio or checkbox group */
	color: #333;
	margin: 0;
}
form .inlineLabel {
	display: block !important;	
	padding: 0 2px;
	border-bottom: 1px dotted #aaa;
	
}
label.preField, form .label  {
	display: -moz-inline-box;
	display: inline-block;	
	min-width: 12em;
	padding: 0 2px;
	margin: 6px 4px 0 0;
	border-bottom: 1px dotted #aaa;
	background-image: none !important;
}
.inlineSection .preField {
	clear: left;
	float: left;
	border-bottom: 1px dotted #aaa;
	margin-top: 8px;
}
label.postField  {
	margin-left: 4px;
	margin-right: 4px;
}
/*  ----------------------------------------------------------------------------------
 *  Inputs
 *  ----------------------------------------------------------------------------------  
 */
form textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 0 1px 0;
	border: 1px solid #e20c11;
}
form input {
	margin: 2px 0 1px 0;
	border: 1px solid #e20c11;
}
form select {
	padding: 0;
	margin: 2px 0 1px 0;
}
form .inlineSection select {
	
}
/*  ----------------------------------------------------------------------------------
 *  Misc. wForms/Form Builder Related Rules
 *  ----------------------------------------------------------------------------------  
 */
/* Form or Fieldset instruction paragraph. */
form .instructions {
	padding: 5px 10px;
	background-color: #e5e5e5;
	font-style: italic;
	font-weight: normal;
}
/* 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;
}
/* Styling for message associated with a validation error. */
form .errMsg {	
	color: #CC3333 !important;
	display: block;
}
/* Field-Hint with focus */
form .field-hint {
	color: #000;
	float: right;
	clear: right;
	width: 170px;
	padding: 8px 0 0 0;
	line-height: normal;
}
/* Field-Hint without focus */
form .field-hint-inactive {
	color: #666;
	float: right;
	clear: right;
	width: 170px;
	padding: 8px 0 0 0;
	line-height: normal;
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat { 
	border: 1px solid #ddd;
	background-color: #FFFFFF;
	margin: 3px 0;
	padding-right: 6px;
}
div.removeable {
	border: 1px solid #ddd;
	background-color: #F3F3F3;
	padding-right: 6px;	
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
	display: block;
	color: #006666;
}
form .removeLink {
	margin-top: 10px;
	text-align: right;
	display: block;
	color: #CC3300;
}
form td .duplicateLink, form td .removeLink  {
	margin-top: 0 !important;
}
/* 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: left;
	margin: 5px 0 10px 10px;
}
form .primaryAction {	
	padding: 4px 15px;
	font-weight: bold;
}
form .secondaryAction {
	padding: 4px 15px;
	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('12em'); 
}
