/*
#fff8ea light cream
#f7e6c8	dark cream
#BD0026 red
#e4d4e7 light purple
#b587bc purple
#9e6ba1 purple
 */


.formInfo {font-family: Helvetica, Arial, sans-serif; font-size: 0.8em;}
.formInfo a {font-size:1em;}
.content form {font-family: Helvetica, Arial, sans-serif; margin: 10px 0; padding: 0; font-size:0.8em;background: #e4d4e7 url('/images/form_purple_gradient.gif') repeat-x left bottom;}
.content form.square_corners {padding: 10px 0;}
.content form.square_corners fieldset:first-child {margin-top:0}

.content form .topcorners {width: 100%; background: url('/images/corners_white/purple_tl_5px.gif') left top no-repeat;height: 5px; }
.content form .topcorners p {width: 100%; background: url('/images/corners_white/purple_tr_5px.gif') right top no-repeat; height: 5px; line-height: 0; padding: 0;}
.content form .bottomcorners {width: 100%; background: url('/images/corners_white/purple_bl_5px.gif') left bottom no-repeat; height: 10px; clear:both;} 
.content form .bottomcorners p {width: 100%; background: url('/images/corners_white/purple_br_5px.gif') right bottom no-repeat; height: 10px; line-height: 0; padding: 0;} 


fieldset {border: 1px solid #cac8c3; margin: 10px 10px 0 10px; padding: 10px; background:#f8ecfa; clear: both; }
fieldset fieldset {margin: 0 0 5px 0; border:1px solid #e4d4e7;}

.formInline {height: 215px;}
.formInline fieldset {float:left; width: 170px; clear: none; display: inline; margin-right:10px; height: 100%; padding: 0 8px;}
.formInline fieldset p {margin-top: 10px;}

.option2 {background:#f8ecfa url('/images/fieldset_back.gif') repeat-y right top; padding:0; margin-bottom: 10px;}
.option2 legend {margin-left: 10px;}
.option2 input[type="text"] {width: 250px;}
.option2 fieldset {margin:0; padding: 0 0 10px 0; border: none; border-bottom: 1px solid #e4d4e7; background: none;}
.option2 fieldset:last-child {border: none;}

.option3 fieldset fieldset label {clear:none;}

.formBlock {display: block; float: left; width: 260px; margin-right: 20px; padding:0 10px; clear: both;}
.formInfoBlock {display: block; float: left; width: 260px; padding:0 10px; margin-top: 10px;}
.formInfoBlock p {height:auto;}

.form1col {float: left; width: 190px; clear: none; border:none; padding: 0; margin-right:10px;}
.form2col {float: left; width: 375px; margin-right: 0; clear: none; border:none; padding: 0;}
.form2col input[type="text"] {width: 350px;}

fieldset fieldset p {display: block; height: 6em;}
fieldset fieldset label {clear:both;}
.joinWH {border: none; color: #7D2B8A; text-align: center; padding: 0; margin: 10px 20px 10px 20px;}

.inlineFields {margin: 0 0 10px 0; display:block;}
.inlineFields2 {margin: 0 0 10px 0; display:block;}

.inlineFields:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.inlineFields { display: inline-block; }

.inlineFields2:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.inlineFields2 { display: inline-block; }

/* start commented backslash hack \*/
* html .inlineFields { height: 1%; }
.inlineFields { display: block; }
/* stop commented backslash hack */

/* start commented backslash hack \*/
* html .inlineFields2 { height: 1%; }
.inlineFields2 { display: block; }
/* stop commented backslash hack */

.inlineFields input[type="text"] {float:left; display:inline; width: 120px; clear: none; margin-left: 10px;}
.inlineFields2 input[type="text"] {float:right; display:inline; width: 120px; clear: none; margin-left: 10px;}

legend {border: 1px solid #cac8c3; padding: 5px 10px; background:#eeece8; color:#777;}
label {color: #333; display: block; margin: 10px 0 5px 0;}
select {}
input {}
textarea {height: 3em; clear: both; display: block; margin-top: 10px; width: 240px; margin-left: 20px;}
textarea.big {height: 200px; clear: both; display: block; margin-top: 10px; width: 300px; margin-left: 20px;}
textarea.big2 {height: 150px; clear: both; display: block; margin-top: 10px; width: 500px; margin-left: 20px;}
input[type="radio"], input[type="checkbox"] {padding:initial; margin: initial; }
input[type="radio"], input[type="checkbox"] {margin-right: 5px;}
input[type="radio"] + label, input[type="checkbox"] + label {display:inline; clear: none;}

.content form ol {}
.content form ol + ol {border-top: 1px solid #cac8c3; margin-top:10px; padding-top:10px;}
.content form ol li {padding: 5px 0; background: none; line-height: 1em; font-size: 1em; clear: both; border: none;}

.content form .formButtons {text-align: center;}
.content form .formButtons input {margin-top:10px;}
.content form .formButtons img {float:left; margin: 0 5px 0 5px;}
.content form .formButtons ol {float:left;}
.content form .formButtons ol li {background: url('/images/form_step_left.gif') left center no-repeat; display: inline; float:left; color: #AAA; height:20px; margin: 0; text-align: center; clear: none;}
.content form .formButtons ol li a {background: url('/images/form_step_rightedge.gif') right top no-repeat; display: block; height:20px; float:left; position:relative; padding: 4px 8px 6px 8px;}
.content form .formButtons ol li.active {background: url('/images/form_step_left_current.gif') left center no-repeat; color: white;}
.content form .formButtons ol li.active a {background: url('/images/form_step_rightedge_current.gif') right top no-repeat; color: white; text-decoration: none;}

.content form .formButtons ol li.arrow {background:none;}
.content form .formButtons ol li.arrow a {background:none;}

h2 {margin-top: 1em;}
.runInLink {font-weight: normal; float: right;}
label.required span {color: #BD0026;}