/*
 * Styles for a multistep form
 * this can be used in conjunction with the js script to create a multistep form 
 */

/*
	
Leanmodal styles

 */

#lean_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;background: #000;display: none;}
#lib-modal-box {display:none;background:#fff;left:30%;width:60%;padding:2em;}
#lib-modal-box #lib-modal-content {overflow-y:scroll;max-height:30em;}

/*

form styles

 */

#content .multi-step-form .submit-button {padding: 6px 20px 10px;font-family:"Roboto Bold",sans-serif;text-transform:uppercase;}
#content .next-form-step a img, #content .previous-form-step a img {float:none;padding:0;}
#content .next-form-step a {padding:5px 3px 3px 13px;} 
#content .previous-form-step a {margin-right: 1em;padding:5px 13px 3px 3px;}
#content .next-form-step a, #content .previous-form-step a {float:none;background-image:none;}

form.multi-step-form, div.summary {width:100%;max-width:960px;}

div.form-row {width:100%;margin:0.25em 0em;float:left;}		

div.radio .radio-selection, div.checkboxes .checkbox-selection,
div.form-row textarea,
div.form-row input,
div.form-row select  {float:left;width:60%;margin:0.5em 2%;margin-left:0em;}
div.form-row span {margin-right:2%;}
div.form-row span.required-indicator {display:block;margin-top:10px;float:left;}
div.radio .radio-selection input, div.checkboxes .checkbox-selection input,
div.radio .radio-selection span, div.checkboxes .checkbox-selection span {display:block;width:auto;}
div.radio div.radio-selection input, div.checkboxes div.checkboxes-selection input {margin-left:0em;margin-right:1em;}	
div.form-row div.other-row {margin-left:30%;/*float:left;*/}	
div.radio div.other-row, div.checkboxes div.other-row {margin-left:0;}	
div.radio div.other-row input, div.checkboxes div.other-row input {clear:both;width:60%;}
div.form-row span {margin-top:0.3em;}	

div.form-row-inline {float:left;width:65%;margin-left:30%;}
div.form-row-inline textarea,
div.form-row-inline select,
div.form-row-inline input,
div.form-row-inline span {display:inline;width:auto;float:left;}
div.form-row label {display:block;float:left;width:30%;}	

div.progress-tracker {display:none;height:auto;width:100%;margin:2em 0em 2em 0em;font-size:11px;min-height:3em;}	
div.progress-tracker .steps {margin:0;padding:1em 0;}
div.progress-tracker .step {height:100%;width:auto;display:inline;margin:0em;margin-right:1em;}
div.progress-tracker .step .step-identifier {-moz-border-radius:100%;-ms-animation:100%;-webkit-border-radius:100%;-o-border-radius:100%;border-radius:100%;padding:0.2em 0.6em;background:#fff;border:solid 0.15em #ccc;margin-right:0.5em;}		
div.progress-tracker .active-step .step-identifier {background:#333;color:#fff;font-weight:bold;}
/*#content div.step a {text-decoration:none;}*/

/*Summary section*/
div.form-confirmation-summary {display:none;}
div.summary {font-size:11px;display:none;float:left;margin:1em 0em 1em 0em;}
div.summary-section {width:100%;border-bottom:dotted 1px #333;float:left;}
div.summary-section h4 {background:#333;color:#fff;clear:both;padding:1%;}
div.summary-section-item {width:100%;clear:both;border-bottom:dotted #ccc 1px;}
div.summary-section-item-label {width:35%;float:left;padding:0;margin:1% 1% 1% 0;color:#666;}
div.summary-section-item-value {width:58%;float:left;padding:0;margin:1% 1% 1% 0;}
div.summary-section-item-edit {width:5%;float:left;padding:0;margin:1% 0 1% 0;}
#submit-controls {clear:both;}
div.notification {padding:1em;margin:0em 0em 1em 0em;font-size:smaller;background:#333;color:#fff;}
#content div.notification a {color:#fff;text-decoration:underline;}	

.required-field {color:#FF0000;font-weight:bold;}
.form-row div.required-field {clear:both;margin-left:30%;}
.form-errors {display:none;}
ul.form-errors-list {list-style-type:none;padding:0.5em;margin:0em;}
ul.form-errors-list li {padding:0em;margin:0em;}
.form-success {background-color:#6BBA70;padding:1em 0.5em;margin:0em;}
.form-submit-results {max-width:960px;}

fieldset.nav-steps {clear:both;padding:1em 0;}
.previous-form-step, .next-form-step, .submit-button {float:left;display:inline-block;}

/*
 * Extra styles for IE7
 * mostly bug fixes
 */
div.radio-selection input, div.checkbox-selection input {margin:0em;}
div.radio-selection input, div.checkbox-selection input {display:block;margin:0em 0em 0em 0em;}


/*Conditional form fields*/
.form-conditional-not-required {display:none;}
.form-conditional-required {display:block;}

@media screen and (max-width:640px) {
	#content div.progress-tracker .step {display:block;width:100%;margin-bottom:0.5em;}
	#content div.progress-tracker .step-identifier {display:inline-block;}
}