﻿
.wizard { padding: 10px; }
.wizard fieldset label { font-weight: bold; }

/*
    .wizard input[type="text"], .wizard input[type="password"], .wizard input.text, .wizard input[type="radio"]  { display: inline-block; }
*/
.wizard > form > section { margin-bottom: 15px; }
/*
    .wizard fieldset > div { margin-bottom: 10px; }
*/

label.for-radiobutton {
  
}


/* Signup Step Nav *******************************************
 ************************************************************/
#stepNav { 
	border: 1px solid #ccc;
	background-color: #f3f3f3; 
	/* background-image: url(../Content/images/stepnav/bg_expander.jpg); */
	width: 98%; 
	height: auto;
	margin: 0 auto;
	margin-top: 5px;
	padding: 2px 0 5px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
}

@media (min-width: 992px) {
	/* Wizard
	****************************************************************/
	#stepNav .signup-progress-heading, #stepNav .signup-progress, #stepNav .signup-progress li { display: inline-block; }

}

@media (max-width: 992px) {
	/* Wizard
	****************************************************************/
	#stepNav .signup-progress-heading, #stepNav .signup-progress, #stepNav .signup-progress li { display: block; }
}


#stepNav .signup-progress-heading { font-weight: bold; font-size: 1.2em; vertical-align: middle; margin: 0px 10px 0 10px; }
#stepNav .signup-progress { margin: 0; padding: 0; }

#stepNav .signup-progress li { 
	color: #999; 
	padding: 2px 10px 2px 5px; 
	margin: 3px 0 0 0; 	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}

#stepNav .signup-progress li img { vertical-align: middle; padding: 0 3px 0 0;  }
#stepNav .signup-progress li.current { background-color: #66cc66;  color: white; }
#stepNav .signup-progress li.done { background-color: #fff; border: 1px solid #ccc; color: #999; }
#stepNav .signup-progress li.waiting { border: 1px solid #ccc; color: #ccc; }
#stepNav .signup-progress li.waiting img {opacity:0.3; filter:alpha(opacity=20); /* For IE8 and earlier */ }

input.date-month, input.date-day { width: 2em; }
input.date-year { width: 4em; }
input.phone-ac { width: 2em; }
input.phone-number { width: 6em; }
input.phone-ext { width: 5em; }
input.addr-zip { width: 5em; }

.wizard ul li { display: inline-block; margin: 0 0px 0 0px; }
.declarations span.question { display: block; width: 100%; }
.declarations fieldset > div { margin-bottom: 1em; line-height: 1.5em; background-color: #f3f3f3; padding: 10px;}
.declarations label.for-radiobutton { display: inline-block; width: auto;}

.background textarea.notes { display: block; min-width: 280px; min-height: 100px; }
.background label.for-textarea { width: auto; }


/* Contract *******************************************
 ************************************************************/
table.cart { width: 500px !important; }

.field-validation-error { color: red; }


/* W9 *******************************************
 ************************************************************/
table.taxinfo-table { vertical-align: top; }
.taxinfo-highlightfield { background-color: #ffff99; border-color: #ffff99; padding: 3px 3px 3px 0; }

/* This fixes the vertical align problem on the W9 */
.w9 table, .w9 tbody, .w9 tfoot, .w9 thead, .w9 tr, .w9 th, .w9 td {
    vertical-align: top;
}

.tax-classification-option { margin-left: 20px; }

/* ProductSelection.cshtml *******************************************
 ************************************************************/
.product-selection fieldset { border-bottom: 1px solid #ccc; margin: 0 0 15px 0; }
span.product-description, span.level-description { font-weight: normal; margin: 0 0 0 20px; display: inline-block; }
span.product-cost { font-weight: normal; font-style: italic; display: inline-block; }

/* Contract.cshtml *******************************************
 ************************************************************/
.covenant p { margin: -20px 0 0 20px; }


.chkLabel input { float: left; margin-top:0.5em;}
.chkLabel label { display: block; margin-left: 1.5em;}


.required {  }

