/* 
 wFORMS Extension Stylesheet - formassembly.com					
 Antique (blue) Theme: April 2005										
 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are Copyright (c) 2005 C�dric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
*/

/* please refrain from overwriting CSS outside of the #formGarden div */

 
/* Form Related Rules */
/* ================== */

.widget {
	overflow: hidden;
	float: expression('left');
	position: relative;
}
form {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color:#F8F8F6;
	/*background-image: url(images/formBg.png);*/
/*	border: 1px solid #878177;*/	
	padding: 0px 10px;
	height: expression('1%'); /* IE Pick-a-boo bug fix */	
}

/* Additions */
input[type=button], input[type=submit] {
    /*padding: 1px 4px;*/
    background: #E6E6E6;
    background-image: -webkit-linear-gradient(top, #f3f3f3, #DBDBDB);
    background-image: -moz-linear-gradient(top, #f3f3f3, #DBDBDB);
    background-image: -ms-linear-gradient(top, #f3f3f3, #DBDBDB);
    background-image: -o-linear-gradient(top, #f3f3f3, #DBDBDB);
    background-image: linear-gradient(to bottom, #f3f3f3, #DBDBDB);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    padding: 2px 5px;
    border: solid #B8B8B8 1px;
    text-decoration: none;
    display: inline-block;
    color: #222121cc;
}
input[type=text], input[type=number], select, textarea {
    border: 1px solid #a2cd9e;
    background-color: #FFFFFF;
    padding: 1px 4px;
}
input[type=number]{
    width: 80px;
} 
input[type=button]:hover, input[type=submit]:hover {
    background: #DBDBDB;
    background-image: -webkit-linear-gradient(top, #DBDBDB, #f3f3f3);
    background-image: -moz-linear-gradient(top, #DBDBDB, #f3f3f3);
    background-image: -ms-linear-gradient(top, #DBDBDB, #f3f3f3);
    background-image: -o-linear-gradient(top, #DBDBDB, #f3f3f3);
    background-image: linear-gradient(to bottom, #DBDBDB, #f3f3f3);
    
}
input[type=button]:active, input[type=submit]:active {
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0px 0px 9px #a9a9a9;
    background: #dbdbdb;
}
.footer {
	bottom:0pt;
	 font-size:9pt;
	 color:#666666;
	 background-color:white;
	 width: 100%;
	 text-align: center;
	 padding: 5pt 0pt 5pt 0pt;
}

.footer a {
	font-size: 10pt;
	text-decoration: none;
	font-weight:bold;
	color: #B68663;
}
/* --------- */
fieldset {
/*	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	background-color:#F4F4F2;
	border: 1px solid #000000;
	padding: 15px 10px;
	margin: 5px 0;
	text-align: left;
}
fieldset fieldset  {
	border: 1px solid #ccc;
	background-color:FFFFFF;
}

legend {
/*	position: relative; */  
/*	top: -12px; /* Fixes IE problem with fieldset+legend boundaries */
	padding: 2px 5px; 
	border-right:1px solid #000000; 
	border-bottom: 1px solid #000000; 
	background-color: #ECECFB;
	color: #1C1C1C; 
/*	left: 7px; */
}


fieldset fieldset legend {
	border: 1px solid #ccc;
}
label, .label {	
	color: #333;
	font-size: 12px;
	margin: 0;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.preField, .label  {
	display: block;
	padding: 0px;
	margin: 0.0em 0px 0 0;
	font-weight: bold;
}
label.postField, .postField  {
	/*display: -moz-inline-box;
	display: inline-block;*/
	margin-left: 0px;
	margin-right: 0px;
}
textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 0 1px 0;
}
input {
}
input[type=text], input[type=password] {
	
}
select {
	padding: 0;
	margin: 2px 0 1px 0;
}

/* Form Builder Related Rules */
/* ========================== */
/* Form or Fieldset instruction paragraph. */
.instructions {
	margin: 1em 0;
}
/* Ties together a label and its checkbox or radio */
.oneChoice {
	white-space: nowrap; 
}
/* wForms Related Rules */
/* ==================== */
/* Field w/ a validation error */
.error {	/* deprecated since wForms v0.92 */
	border: 1px solid #F00 !important;
}
.errFld {
	padding: 1px;
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
.errorMsg { /* deprecated since wForms v0.92 */
	color: #CC3333 !important;
	display: inline;
}
.errMsg {	
	color: #CC3333 !important;
	font-size: 12px;
}

.OkMsg {	
	color: #06930d !important;
	font-size: 12px;
}

/* Field-Hint with focus */
.field-hint {
	color: #000;
	float: right;
	width: 220px;
	margin: 15px 0 0 0;
}
/* Field-Hint without focus */
.field-hint-inactive {
	color: #666;
	float: right;
	clear: right;
	width: 220px;
	margin: 15px 0 0 0;
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat {
	border: 1px dotted #ccc;
	background-color: #FFFFFF;
	margin: 3px 0;
	padding-right: 3px;
}
div.removeable {
	border: 1px dotted #ccc;
	background-color: #F5F5F5;
	padding-right: 3px;	
}
/* Links generated by the Repeat Behavior */
.duplicateLink {
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
	display: block;
}
.removeLink {
	margin-top: 10px;
	text-align: right;
	display: block;
	color: #CC3300;
}
/* 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 */
.actions {
	text-align: center;
}
.primaryAction {
	display: inline;
}
.secondaryAction {
	color: grey;
	display: inline;
}
.secondaryAction:hover {
	color: black;
}
