﻿body { background-color: #fff; font-size: 12px; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; line-height: 16px; }
h1 { color:#80a1b6; font-size:18px; padding:0; margin: 0 0 .5em 0; }
h2 { color:#80a1b6; font-size:18px; padding:0; margin: 0 0 .5em 0; }
h3 { color: #000; font-weight: bold; font-size: 12px; margin:12px 0 6px 0; padding:0; }
h4 { color:#666644; font-weight: bold; font-size: 14px; margin:0 0 3px 0; padding:0; }
a:link { color: #a72b31; }
a:hover { color: #a72b31; }

#simplemodal-overlay { background-color:#000; }
#simplemodal-container { background-color:#fff; border:4px solid black; padding:20px; max-height: 80%; max-width: 80%; }

.page { width: 784px; border: solid #000 1px; border-top: none; margin: 0 auto; position: relative; }

#header { height: 60px; width: 784px; background-image: url('/Content/images/ViaSurveyHeader.gif'); }

/* Registration Page */
.formLabel { width: 120px; vertical-align: middle; }
td { padding: 3px 0; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.link { text-decoration: underline; color: blue; cursor: pointer; }
ul.error { margin: 10px 0; padding: 10px; border: solid black 1px; background-color: #cd8d8f; font-weight: bold; }
ul.error li { color: Black; list-style: none; }


#menu { border-top: solid #E3A14D 1px; font-family:Tahoma,Arial,Helvetica; font-size:12px; list-style:none; margin:0; padding:0; }
#menu li {	padding: 6px 0; float:left; text-align:center; background-color: #7C1B1D; }
#menu li:hover { background-color: #E3A14D; }
#menu a { display: block; width:150px; }
#menu a:link { color: White; text-decoration: none; }
#menu a:visited { color: White; text-decoration: none; }
#menu a:hover { color: White; text-decoration: none; }

#main { clear: both; }

#footer { text-align: center; font-size: 10px; padding-top: 15px; color: #333; }

.incompleteSurveyNotice { border: dashed #b0b1b3 1px; background-color: #f0f1f3; padding: 12px; margin: 12px; }

.formLabel { text-align: right; padding-right: 5px; vertical-align:top; }

.myReports { border-collapse: collapse; }
.myReports td { border: solid #d0d1d3 1px; padding: 3px; font-size: 10px;  text-align: left; }
.myReports th { border: solid white 1px; background-color: #d0d1d3; color: White; font-weight: bold; padding: 3px; margin-left: 5px; font-size: 8px; text-transform: uppercase; text-align: left; }
.myReports .topstrength { width: 180px; }
.myReports .lasttaken { width: 90px; }

.radioLabel { text-align: left; padding-right: 5px; vertical-align:top; width: 135px; }
.radioList { padding: 0; margin: 0; }
.radioList li { list-style-type: none; display: block; padding-bottom: 5px; }
/* .radio { margin-left: -23px; } */
.enterCode { font-weight: bold; padding: 2px 0 6px 30px; }

.questionWrapper
{
	clear: both;
	margin: 5px 0px;
}

.questionNumber
{
	float: left;
	width: 35px;
	font-weight: bold;
	height: 25px;
}

.answerList
{
    padding-top: 4px;
	padding-bottom: 25px;
	margin: 0;
}

.answerList li
{
	list-style: none;
	float: left;
	padding-right: 5px;
}

.mulitple
{
	padding-bottom: 35px;
}


.strength 
{
	padding-left: 15px;
	padding-bottom: 10px;
}

.strengthHeader
{
	font-weight: bold;
}


.codeCreatedMessage
{
	color: #7C1B1D;
	font-weight: bold;
}

th
{
	text-align: right;
}

#CVV2
{
	width: 50px;
}

#ExpirationMonth
{
	width: 	35px;
}

#ExpirationYear
{
	width: 	35px;
}

#ZipPostal
{
	width: 80px;	
}

#State
{
	width: 80px;	
}

.field-validation-error
{
	color:#8B0E04; 
	font-weight: bold;
	padding-left: 10px;
}

#questionList .err { color:#8B0E04;  padding-left: 12px; } 

.textAnswer { padding: 4px 0 8px 43px; }
.error { color:#8B0E04; font-weight: bold; }

.message {border: dashed #b0b1b3 1px; background-color: #f0f1f3; padding: 12px; margin: 12px; font-weight: bold;  }

.store-reports { margin: 0; padding: 0 }
.store-reports li { list-style: none; margin: 12px 0; cursor: pointer; border: solid 2px #eee; padding: 6px; }
.store-reports li:hover { border: solid 2px #ccc; }
.store-reports li img { float: left; margin-right: 18px; border: solid 1px #d1767a;}
.store-reports li h3 { margin: 0 0 12px 0; padding: 0; color: #8d7a69; font-size: 18pt; }
.store-reports a:link { text-decoration: none; }
.store-reports a:hover { text-decoration: none; }

.shopping-cart .discount-code { padding: 12px 0; }
.shopping-cart .discount-code .code { width: 50px; }

.cart-table .total { font-weight: bold;  }
.cart-table .total td { border-top: solid #ccc 1px; }

#product-thumbnail { float: left; margin-right: 12px; }
#product-price-purchase { float: left; }
#product-prices { border: solid #eee 1px; padding: 4px; margin: 0; }
#product-prices h3 { color: #555; text-align: center; }
#product-prices ul { padding: 0; margin: 0; }
#product-prices ul li { list-style: none; padding: 3px 0 3px 0; }
#product-prices ul li label { display: inline-block; width: 60px; text-align: right; padding-right: 18px; }
#product-description { clear: both; }

.consultant-page .buy-additional { margin-top: -4px; font-size: 90%; }
.consultant-reports { padding: 0; margin: 0; }
.consultant-reports li { list-style: none; padding: 3px 0 3px 0; }

.MainTable { margin: 0 auto; width: 890px; color: #222; }

