/*
 *  MD-design.biz
 *  forms.css - Style sheet applied to forms throughout the site
 *  Author: Max Dodge
 *
 *  Copyright 2007 Max Dodge dba MD-design, All Rights Reserved
 *
 *  This style sheet is to be used in conjunction with wForms
 *  See http://www.formassembly.com/wForms for more info
 *
 *  Last Updated:
 */

form {
	padding: 10px;
}

/* Form Sections */
fieldset {
	width: 250px;
	float: left;
	margin: 0 0.5em 1.5em 0;
	padding: 1.5em;
	border: 2px solid #CDC;
	background: #EFE;
}
legend {
	padding: 2px 5px;
	font-size: 10pt;
	font-weight: bold;
}

/* Field Labels */
label {
	font-size: 10pt;
	display: block;
	padding-right: 1em;
}

/* Inputs */

textarea {
	padding: 0.5em 0.5em 1.5em 0.5em;
	border: 1px solid #000;
	font-family: verdana;
	font-size: 10pt;
	height: 7em;
	width: 18em;
}

form .progressbar{
	width: 0;
	height: 10px;
	color: white;
	border: 1px solid #000;
	margin: -15px 0 0 0;
	padding: 0 0 0 1px;
	overflow: hidden;
	background: #039 url(../img/progress.gif);
}

input {
	padding: 0.125em 0.5em 0.125em 0.5em;
	border: 1px solid #000;
}
select {
	border: 1px solid #000;
}

/* Buttons */
form button {
	text-align: center;
	font-weight: bold;
	border: 1px solid #000;
}
form button:hover {
	color: #333;
	background: #DDD;
	border: 1px solid #333;
}


/* Form Builder Related Rules ===================================================== */

/* Form or Fieldset instruction paragraph. */
form .instructions {
	margin: 1em 0;
}
/* 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: #CC3333 !important;
	display: block;
	font-size: small;
}
/* Field-Hint with focus */
form .field-hint {
	float:right;
	width: 150px;
	background: url(../img/tip-top.png) no-repeat top;
	font-size: 10pt;
	padding: 22px 0 0 0;
}
form .field-hint .tip-body{
	background: url(../img/tip-body.png) repeat-y right;
	padding: 0 0 0.5em 15px;
}
form .field-hint .tip-bottom{
	height: 7px;
	background: url(../img/tip-bottom.png) no-repeat right;
}
/* Field-Hint without focus */
form .field-hint-inactive {
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat {
	border: 1px dotted #ccc;
	margin: 3px 0;
	padding-right: 3px;
}
div.removeable {
	border: 1px dotted #ccc;
	padding-right: 3px;
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	line-height: 260%;
	color: #5C594E;
}
form .removeLink {
	line-height: 260%;
	color: #CC3300;
}
form td .duplicateLink, form td .removeLink  {
	margin: 0;
	line-height: 100%;
}
/* 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,
.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,
.onstate-as, .onstate-at, .onstate-au, .onstate-av,
.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {
	display: block;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */


/* IE6 BUG FIXES ==================================================================== */
form {
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form fieldset {
	position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	margin-top:expression('1em');
	padding-top:expression('1.5em');
}
form fieldset legend {
	position: expression('absolute');
	top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */
	left:expression('.5em');
}
.field-hint-inactive {
	display: none;
}
.field-hint {
	display: inline;
}

/* Error Notification  */
#alertMessagePlaceHolder {
	background-color: #FFCCCC;
	border: 1px solid #F00;
	padding: 5px;
	display: none;
	margin: 2em 5px;
}