html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:none; }
table { font-size:inherit; }
select,input,textarea { font-size:99%; }
* {
margin: 0;padding: 0;
}
html {
font-size: 100%;
}
body{
background: #fff; margin: 0; padding: 0; font: normal 10pt Arial, Tahoma, Verdana;
}
.clearit{
clear: both; height: 0; line-height: 0.0; font-size: 0; padding:0; margin:0;
}
#border-top{
height: 18px; background: #7f6330;
}
#header{
height: 80px; background: #fff; padding: 24px 0 0 55px;
}
#header h1{
color: #7f6330; font: normal 33px Times New Roman, Arial, Tahoma, Verdana;
}
#header h3{
color: #494949; font: normal 17px Times New Roman, Arial, Tahoma, Verdana; padding-top: 4px;
}
#loading{
padding: 35px 0 150px 55px; width: 770px; display: none;
}
#container{
border-bottom: 3px solid #e3d3b2; padding-left: 25px; padding-bottom: 20px;
}
#container-thank-you{
border-bottom: 3px solid #e3d3b2; border-top: 3px solid #e3d3b2; padding: 150px 0 150px 55px;
}
#footer,
#footer-result{
border-top: 10px solid #7f6330; padding: 15px 0 15px 55px; height: 80px;
}
#welcome-bg{
background: #e3d3b2; color: #5e4415; height: 34px; padding-top: 15px;
}
#welcome-text{
margin: 0; padding-left: 55px;
}
#questionaire{
padding-bottom: 15px; width: 770px;
}
#questionaire a:link, #questionaire a:visited, #questionaire a:active{
color:#7f6330;
text-decoration:underline;
}
#questionaire a:hover{
color:#7f6330;
text-decoration: none;
}
#conversionhub{
padding-bottom: 15px; width: 740px; padding-left: 30px; text-align:justify;
}
#conversionhub a:link, #conversionhub a:visited, #conversionhub a:active{
color:#7f6330;
text-decoration:underline;
}
#conversionhub a:hover{
color:#7f6330;
text-decoration: none;
}
.bhc_link a:link, .bhc_link a:visited, .bhc_link a:active{
color:#7f6330;
font-weight:normal;
text-decoration:underline;
}
.bhc_link a:hover{
color:#7f6330;
font-weight:normal;
text-decoration: none;
}
#conversion-hub-header{
color: #7f6330; font: bold 23px Times New Roman, Arial, Tahoma, Verdana;
}
#questionaire th{
color: #7f6330; font: bold 16px Times New Roman, Arial, Tahoma, Verdana; padding: 5px;
}
#questionaire td{
border-bottom: 1px solid #d7c5a0; padding: 5px;
}
#questionaire tr.even{
background: #f8f8f5;
}
#questionaire td.l, #questionaire th.l{
padding-left: 30px;
}
#questionaire td.r{
padding-right: 30px;
}
#questionaire .big{
font: normal 23px Times New Roman, Arial, Tahoma, Verdana;
}
#questionaire td.border-none{
border: none;
}
.tooltip{
cursor: default;
}
#details{
border: 1px solid #d7c5a0; background: #f8f8f5; padding: 15px 30px; width: 708px;
}
#details label{
width: 350px; margin: 3px 0 0; padding: 0; display: block; float: left;
}
#details label span{
width: 83px; display: block; float: left; color: #7f6330;
}
#details label input{
border: 1px solid #a0a0a0; padding: 2px 3px; margin: 0;
}
#result{
border: 1px solid #d7c5a0; background: #f8f8f5; padding: 15px 30px; width: 708px; margin: 20px 0 10px;
}
#result div{
width: 350px; margin: 3px 0 1px; padding: 0; display: block; float: left;
}
#result div span{
width: 160px; display: block; float: left; color: #7f6330; font-weight: bold;
}
#result div input{
border: none; background: #f8f8f5; padding: 0; margin: 0;
}
.textbox{
width: 220px;
}
.textbox-s{
width:40px;
}
#button-area{
padding: 20px 0 20px 230px; margin: 0; height: auto;
}
#button-area-captcha{
width: 499px;
height: auto;
padding-bottom: 5px;
}
#button-area .floatleft{
float: left;
}
#button-area .button{
width: 78px; height: 21px;
border: none; background: transparent url(../images/button.gif) no-repeat 0 0; color: #fff;
cursor: pointer;
padding: 3px 0 4px;
font: normal 12px Arial, Tahoma, Verdana;
}
#button-area .separator{
width: 1px; height: 16px;
border: none; background: #cccccc; color: #cccccc;
margin: 0 10px;
}
#button-area a{
color: #666666;
text-decoration: underline;
}
#footer .left{
float: left; width: 340px;
}
#footer .right{
float: left; margin: 0; color: #7f6330; width: 400px; text-align: right;
}
#footer .logo-link{
margin: 2px 0 0 0;
}
#footer a{
color: #7f6330;
text-decoration: underline;
}
#footer a:hover{
color: #7f6330;
text-decoration: underline;
}
#footer-result .left{
float: left; width: 340px;
}
#footer-result .right{
float: left; margin: 0; color: #7f6330; width: 400px; text-align: right;
}
#footer-result .logo-link{
margin: 5px 0 0 0;
}
#footer-result a{
color: #7f6330;
text-decoration: underline;
}
#footer-result a:hover{
color: #7f6330;
text-decoration: underline;
}
#thank-you{
border: 1px solid #d7c5a0; background: #f8f8f5; padding: 15px 30px; width: 708px; color: #7f6330;
text-align: center;
}
#result-detail{
padding: 0 0 30px; width: 768px; color: #7f6330;
}
#result-detail .floatleft{
float: left;
}
#result-detail .floatright{
float: right;
}
#result-detail h3{
font: normal 23px Times New Roman, Arial, Tahoma, Verdana; color: #7f6330;
}
#result-detail h3 span{
color: #000; text-transform: uppercase;
}
#result-detail .button{
height: 21px;
cursor: pointer;
font: normal 12px Arial, Tahoma, Verdana;
margin-top: 20px;
}
#result-detail .print{
width: 78px;
border: none; background: transparent url(../images/button.gif) repeat-x 0 0; color: #fff;
padding: 3px 0 4px;
}
#result-detail .retake{
width: 138px;
border: none; background: transparent url(../images/button-long.gif) repeat-x 0 0; color: #fff;
padding: 3px 0 4px;
}
#result-detail-bottom{
padding: 20px 30px 20px; width: 708px; color: #7f6330;
}
#result-detail-bottom h3{
font: normal 23px Times New Roman, Arial, Tahoma, Verdana; color: #7f6330;
}
#result-detail-bottom h4{
font: normal 18px Times New Roman, Arial, Tahoma, Verdana; color: #7f6330;
padding-bottom: 3px;
}
#result-detail-bottom h3 span,
#result-detail-bottom h4 span{
color: #000; text-transform: uppercase;
}
.legend{
padding: 25px 0 0 30px; color: #7f6330; font-style: italic; font-size: 12px;
}
.debug{
border: 1px solid #ddd; padding: 10px; width: 748px; margin: 10px 0 0; color: #333;
}