/*form.css*/
/*for use on non-incform forms*/

/*these are all of the things that are hidden by default*/
.contactLabel, #callout_Discount_Codes_disabled {
	display: none;
}

/*these are things that use the same size font as their containing element*/
#subLabel {
	font-size: 100%;
}

/*these are things that don't use the same font weight as their parent*/
.instruction, .instructions {
	font-weight: normal;
}

#contentTable tr td {
	vertical-align: top;
}

#contentBodyWide{
	width: 683px;
}
#gutter {
	width: 156px;
}

#outerFormContainer {
	background: url(/images/bg_narrow_form_top.gif) no-repeat left top;
	padding-top: 6px;
}

#affiliateContainer #outerFormContainer {
	background: url(/images/bg_affiliate_form_top.gif) no-repeat left top;
}

#formContainer, #mainContent, #orderStatusBody {
	width: 100%;
	background: url(/images/bg_narrow_form.gif) repeat-y left;
	padding: 4pt 9px 9px 9px;
	color: #555555;
}

#affiliateContainer #mainContent {
	background: url(/images/bg_affiliate_form.gif) repeat-y left;
}

#formContainer p, #mainContent p {
	width: 95%;
	margin-top: 12px;
}

#mainContent li {
	margin-bottom: 2px;
}

#outerFormContainer h1, #formContainer h2, #mainContent h2 {
	width: 100%;
	height: 39px;
	line-height: 39px;
	background: url(/images/bg_form_h1.gif) no-repeat left;
	padding: 0 0 0 25px;
	margin: 0 0 0 1px;
	color: #555555;
	font-size: 110%;
	text-transform: uppercase;
	width: 640px;
}

#affiliateContainer #mainContent h2 {
	background: url(/images/bg_affiliate_h2.gif) no-repeat left;
	height: 26px;
	line-height: 26px;
	color: white;
	font-style: normal;
	padding: 0 0 0 15px;
	margin: 15px 0 0 7px;
}

#outerFormContainerBottom {
	height: 6px;
	overflow: hidden;
	background: url(/images/bg_narrow_form_bottom.gif) no-repeat top;
	width: 660px;
}

#affiliateContainer #outerFormContainerBottom {
	background: url(/images/bg_affiliate_form_bottom.gif) no-repeat top;
}

#formContainer h2, #mainContent h1, #mainContent h2 {
	background: url(/images/bg_narrow_form_h2.gif) no-repeat left;
	padding: 0 0 0 16px;
	margin: 0 0 12px 1px;
	color: #555555;
}

#mainContent h1 {
	background: url(/images/bg_form_h2_dark.gif) no-repeat left;
	color: white;
	margin-top: 0;
}

#formContainer h3, #mainContent h2 {
	/*margin-top: 12px;*/
}


.formTable, .typeTable, .enrollTable {
	width: 650px;
	margin: 0;
	color: #555555;
}

.typeTable, .enrollTable {
	margin-top: 10px;
}

.formTable th, .typeTable th{
	width: 300px;
}

.enrollTable th{
	width: 250px;
}

.formTable td, .typeTable td {
	width: 330px !important;
}

.enrollTable td {
	width: 380px !important;
}

.typeTable td.wide, .formTable td.wide, .enrollTable td.wide {
	width: 650 !important;
}

.middleInitial {
	margin-left: 4px;
}

/*progress indicator*/
/* next few have to do with the layout of breadcrumbs on the form*/
#breadcrumbForm {
	margin: 0px 9px 0px 11px;
	padding: 9px 0pt 9px 0pt;
	height:30px;
}

#breadcrumbContainer {
	width:500px;
}

#step0, #step1, #step1_20, #step1_40, #step1_60, #step1_80, #step1_100, #step2, #step2_20, #step2_60, #step2_100, #step3, #step3_20, #step3_60, #step3_100, #step4,  #step4_100 {
	height: 30px;
	font-size: 11px;
	float:left;
	text-align: left;
	color: #999999;
}

#step0, #step1, #step1_20, #step1_40, #step1_60, #step1_80, #step1_100, #step2_20, #step2_60, #step2_100, #step3_20, #step3_60, #step3_100, #step4_100 {
	color: #31599c;
}

#step0 {
	width: 90px;
	background:url(../images/form_breadcrumb_done.gif) repeat-x top;
}

#step1, #step1_20, #step1_40, #step1_60, #step1_80, #step1_100, #step2, #step2_20, #step2_60, #step2_100, #step3, #step3_60 {
	width: 120px;
}

#step3, #step3_20, #step3_60, #step3_100 {
	width: 100px;
}

#step4,  #step4_100 {
	width: 60px;
}


#step1_20, #step2_20, #step3_20 {
	background:url(../images/form_breadcrumb_done_20.gif) repeat-x top right;
}

#step1_60, #step2_60, #step3_60 {
	background:url(../images/form_breadcrumb_done_60.gif) repeat-x top right;
}

#step1_80 {
	background:url(../images/form_breadcrumb_done_80.gif) repeat-x top right;
}


#step2, #step3 {
	background:url(../images/form_breadcrumb_back.gif) repeat-x;
}

#step1_100, #step2_100, #step3_100 {
	background:url(../images/form_breadcrumb_done.gif) repeat-x;
}
/*end of progress indicator*/

/*buttons*/
#buttonCenter{
	width: 650px;
	padding: 14px 0pt 11px 0;
	/*text-align: center;*/
}

#formContainer #buttonCenter {
}

#buttonHolder {
	width: 275px;
	white-space: nowrap;
	height: 20px;
}

#buttonHolderWide {
	width: 350px;
	white-space: nowrap;
}

#continue, #previous, #printButton, #printButtonTop, #goToButton, #paymentButton, #wizardButton, #sendMessage {
	font-weight: bold;
	margin: 0;
	background: url(/images/medium_button.gif) no-repeat center center;
	width: 160px;
	height: 27px;
	line-height: 16px;
	text-transform: uppercase;
	color: white;
	font-family: arial;
	font-weight: bold;
	border: none;
	cursor: pointer;
	letter-spacing: 0px;
}

#continue, #previous {
	background: url(/images/short_button.gif) no-repeat center center;
	width: 117px;

}

#printButton, #printButtonTop {
	background: url(/images/bg_button_wide.gif) no-repeat center center;
	width: 175px;
}

#paymentButton {
	background: url(/images/bg_button_widest.gif) no-repeat center center;
	width: 205px;
}

#previous, #printButtonTop  {
	margin-right: 8px;
}
/*end buttons*/

.indent textarea {
	width: 95%;
}

#referralTable td {
	padding: 3px;
}

#referralTable label {
	font-weight: bold;
}

#referralTable td.radio {
	width: 166px;
	text-align: right;
}

#referralTable td.radioLabel {
	width: 100px;
	padding-top: 4px;
}

#referralTable td.sourceInput {
	width: 303px;
}

table.summaryTable {
	width: 660px;
}

.summaryTable td {
	width: 50%;
}

table.summaryTable tr td  {
	padding-left: 9px;
}

table.summaryTable tr td table.summaryTable {
	width: 280px;
}

table.summaryTable tr td table.summaryTable tr td {
	padding-left: 0px;
}

.summaryTable .formTable {
	width: 330px;
}

.summaryTable .formTable td, .summaryTable .formTable th {
	width: 160px;
}

hr {
	width: 640px;
	margin: 10px;
}

.mainline {
	font-size: 150%;
	color: #20516f;
	font-weight: bold;
}

#thanks {
	padding-bottom: 12px!important;
}

.bump {
	padding-left: 9px;
}

#helpBox {
	background: transparent url(/images/bg_helpbox.gif) no-repeat center left;
	width: 181px;
	height: 77px;
	position: relative;
	left: -5px;
	top: -6px;
	margin: 0pt -27px 12px 0pt;
	padding: 0;
}

#helpBox a {
	font-size: 90%;
	font-weight: bold;
	display: block;
	padding: 25px 0px 24px 44px;
	text-decoration: none!important;
	color: #1f506d;
}

#helpBox a:hover {
	text-decoration: underline!important;
}

/*other forms than the incform*/
#comments {
	margin-bottom: 10px;
}

#termsOfUse {
	width: 600px;
}

.bizFormTable th {
	text-align: left!important;
	padding: 18px 0 4px 0;
}

.bizFormTable td {
	padding: 0 0 0 12px;
}

.bizFormTable .radio {
	margin: 7px 7px -1pt 0pt;
}

.instruction, .instructions {
	display: block;
	font-style: italic;
}

.bizFormTable .bizFormTable {
	margin-bottom: 18px;
}

.bizFormTable .textInput {
	width: 90%;
}

.bizFormTable .textInputNarrow {
	width: 200px;
	margin-left: 4px;
}

/*ein form */
.typeTable th, .typeTable td {
	vertical-align: top;
	padding-bottom: 7px;
}

.enrollTable th, .enrollTable td {
	vertical-align: top;
	padding-bottom: 7px;
}

.cityStateZIP {
}

.cityStateZIP td {
	width: auto !important;
	padding-right: 5px;
}


.cityStateZIP .element {
	padding: 0 5px 0 0;
}

.cityStateZIP .label {
	font-weight: bold;
	padding: 0 0 7px 0;

}

.cityStateZIP .label .indent {
	margin-left: 5px!important;
	white-space: nowrap;
}

.ZIPInput, .ZIPExtInput {
	width: 50px;
}

#einDetail\.line13t1, #einDetail\.line13t2, #einDetail\.line13t3 {
	width: 100px;
}

/*for login form */
.splitTable {
	width: 660px;
	margin-bottom: 20px;
}

.splitTable td, .splitTable th {
	width: 280px;
}

.splitTable th {
	height: 39px;
	line-height: 39px;
	color: white;
	font-weight: bold;
	font-size: 150%;
	padding: 0 0 0 18px;
	margin: 0;
	text-align: center;
	background: transparent url(/images/bg_splittable_th.gif) no-repeat left top;
}

.splitTable td {
	background: transparent url(/images/bg_splittable_td.gif) no-repeat left bottom;
	padding: 17px 20px 20px 20px;
}

.loginTable td, .loginTable th {
	width: auto;
	height: auto;
	line-height: 100%;
	color: #555555;
	background: none;
	text-align: left;
	font-size: 100%;
	padding: 0;
}

.loginTable td .text {
	width: 240px;
}

.splitTable th.headingLeft, .splitTable td.splitLeft {
	
	width: 280px;
	padding-right: 40px;
}

.splitRight ul{
	margin: 0;
	padding: 0;
	list-style-image:url(/images/login_list_li.gif);
	list-style-type: square;
}

.splitRight ul li {
	margin: 0 0 3px 35px;
}


.loginTable td.buttonContainer {
	text-align: center;
	padding: 19px 5px 0 5px;
	white-space: nowrap;
}

.loginTable td.buttonContainer input {
	vertical-align: middle;	
}

.loginTable td.buttonContainer a {
	padding-left: 5px;
	white-space: nowrap;
}

/*general form styles*/

#footerContainer {
	margin: 4px;
	position: relative;
}

.wide {
	padding: 5px 25px 5px 0;
}

.orderStatus {
	width: 620px;
	margin: 14px 14px;
}
.orderStatus td {
	vertical-align: middle !important;
}

.orderStatus .and {
	text-transform: uppercase;
	width: 100px;
	text-align: center;
	font-weight: bold;
	background: transparent url(/images/bg_and.gif) no-repeat center center;
}

.orderStatus .or {
	text-align: center;
}

.orderStatus .statusLeft, .orderStatus .statusRight {
}

.orderStatus .statusLeft input, .orderStatus .statusRight input {
	width: 240px;
}

.orderStatus td.statusLeft table td, .orderStatus td.statusLeft table th,
.orderStatus td.statusRight table td, .orderStatus td.statusRight table th {
	padding: 3px 0;
}

.orderStatus th {
	text-align: left;
}

.emphasis {
	font-style: italic;
	letter-spacing: -1px;
}

.orderSummary {
	width: 640px;
}

.orderSummary td, .orderSummary th {
	padding-bottom: 4px;
	width: 310px;
}

/*affiliate form*/
.affiliateSplit {
	margin: 15px 25px;
	width: 640px;
}

.bumpUp {
	margin-top: -15px;
}

.affiliateSplit th {
	text-align: left;
	padding-bottom: 4px;
	color: #555555;
	letter-spacing: -1px;
}

.affiliateSplit td {
	padding-bottom: 11px;
}

.affiliateSplit td input, .affiliateSplit td select, .affiliateSplit td #password {
	width: 243px;
}

.affiliateSplit td input.radio {
	width: auto;
}

.affiliateSplit td input#state, .affiliateSplit td select#state {
	width: 110px;
}

#stateField {
	width: 126px;
}

.affiliateSplit td input.zip {
	width: 100px;
}

#bankingInfo {
	display: none;
}

#termsPopup {
	margin: 0 60px 5px 0;
}

#termsAndConditions {
	width: 90%;
	height: 150px;
	overflow: auto;
	border: 1px solid #DDDDDD;
	background-color: white;
}

#termsAndConditions h2 {
	background: none !important;
	font-size: 100%;
	font-wight: bold;
	height: auto;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
	color: #555555 !important;
}

.ddFields {
	width: 290px;
}

#affiliateContainer ul.errorList {
	width: 590px;
}

#enrollTable input {
	width: 150px;
}

#multipleCompanies {
	padding: 12px;
}

#multipleCompanies input.checkbox {
	margin-right: 5px;
}

#multipleCompanies label {
	font-weight: bold;
}

/*end affiliate form*/

/*wizard */
#wizardForm {
	width: 620px;
	color: #555555;
	margin-left: 12px;
}

#wizardForm td {
	padding: 12px 0;
	border-bottom: 1px solid #ababab;
}

#wizardForm .last td {
	border-bottom: 0;
}

#wizardForm .number {
	width: 45px;
	text-align: center;
}

#wizardForm .yes, #wizardForm .no {
	width: 50px;
	text-align: center;
	background-color: #efeae2;
}

#wizardForm label, #wizardForm .question {
	font-weight: bold;
}

#wizardForm .question li {
	font-weight: normal;
}

.resultsBlurb {
	font-size: 130%;
	font-weight: bold;
	color: #555555;
}

.resultsText {
	font-size: 100%;
	color: #bf2126;
}

#wizardResultsContainer {
}

#wizardResultsContainer p {
	text-align: left;
}

#wizardResults {
	text-align: center;
	width: 500px;
	border: 1px solid #ababab;
	color: #555555;
}

#wizardResults td {
}

.industryHead, .dataState, .subheadWide, .subhead {
}

.industryHead {
	font-size: 130%;
	font-weight: bold;
}

.dataState {
	font-weight: bold;
	width: 29%
}

.data {
	width: 18%;
}

.dataMine {
	background-color: white;
	border: 1px solid #ababab;
}

.data {
	border: 1px solid #e1ddd4;
}

.stroke {
	font-size: 1px;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

.trim {
	height: 3px;
	overflow: hidden;
}

/*end wizard */

/*contact us */
#contactUsForm {
	width: 660px;
	color: #555555;
}

.contactUsFormInner {
	width: 310px;
}

.contactUsFormInner td {
	padding-bottom: 15px;
}

.contactUsFormInner label {
	display: inline;
	color: #555555;
}

.contactUsFormInner th {
	text-align: left;
	color: #555555;
}

#customerInfo {
	margin-right: 20px;
}

#preferredContact {
	text-align: center;
}


.optional {
	font-weight: normal;
	font-style: italic;
	padding-left: 10px;
}

.wideText {
	width: 290px;
}

#message {
	height: 93px;
}

#sendMessage {
}

/*partnership form*/
#partnerFormCustomer input, #partnerFormCustomer textarea, #partnerFormCompany input, #partnerFormCompany textarea {
	width: 265px;
	margin: 0 0 2px 0;
}

#partnerFormCustomer textarea, #partnerFormCompany textarea {
	height: 100px;
}

#partnerFormCustomer input.narrow, #partnerFormCompany input.narrow {
	width: 85px;
}

.zipColumn {
	width: 145px;	
}

/*for EIN billing selection*/
#billingContact {
	display: none;
}