/* POPUP BOX */
html, body { margin: 0; padding: 0; color:#666;}
img { border: 0; }
a:link { text-decoration:none; color:#487E9C; }
a:active { text-decoration:none; color:#487E9C; }
a:visited { text-decoration: none; color:#487E9C; }
a:hover { text-decoration:none; color:#487E9C; }
.close { display: inline; margin-left:15px; vertical-align:top; line-height:28px; }
.result-bar { }

#box-wrapper { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
#contact-box { width: 100%;}
#contact-box h2 { background: url(../../images/bg-blue.gif); font-size:22px; color:#fff; padding: 14px 0 0 24px; font-weight:normal; margin: 0; }
#contact-box tr.error { font-weight: bold; color:#990000;}
#contact-box td.error { color:#990000;}
#contact-box tr.error input { background: url(../../images/arrow-error.gif) no-repeat right; }
#contact-box div.form-title { font-size: 20px; margin:0 28px 13px 28px; padding:0 0 11px; font-weight: bold; border-bottom: 1px solid #ccc; }
#contact-box div.thankyou { text-align: center; border-bottom: inherit; margin-top: 20px; margin-bottom: 10px; }
#contact-box span.title {  color:#46708b; }
#contact-box td.note { padding: 0 0 4px 28px; font-size:13px; }
#contact-box td.info { text-align: center; font-size:16px; padding-bottom: 24px; }
#contact-box td.submit { padding-left: 178px; }
#contact-box td.next { padding-left: 28px; }
#contact-box td.send { padding-left: 208px; }
#contact-box td.nothanks { padding-left: 250px; }
#contact-box a.cancel { padding-left:12px; line-height:30px; vertical-align:top;}
#contact-box div.separator-line { width: 92%; margin: 10px auto; border-top: 1px solid #ccc; display: block;}
#contact-box input,
#contact-box textarea { width: 100%; color:#666; float: left; display: inline; padding: 2px;}
#contact-box #contact-form { width:80%; }
#contact-box #contact-form td { padding: 0 0 16px 10px; text-align:right; }
#contact-box #contact-form td.submit { text-align:left; }

#contact-box #survey-form { margin-left: 28px; }
#contact-box #survey-form label { white-space: nowrap; }
#contact-box #survey-form td input[type=checkbox] { text-align:right; float:right; width: auto; }
#contact-box #survey-form td input[type=radio] { text-align:right; float:right; width: auto; }

#contact-box #survey-form td { margin: 0; }
#contact-box #survey-form td.bar { width: 100%; }
#contact-box #survey-form td.percent { color:#000; font-weight: bold; padding:2px 15px; }
#contact-box #survey-form td.div { display: block; height: 20px }
.bar-1  { background-color: #0099cc;}
.bar-2  { background-color: #4cb7db;}
.bar-3  { background-color: #7fcce5;}
.bar-4  { background-color: #b2e0f0;}
.bar-5  { background-color: #91b772;}
.bar-6  { background-color: #b2cc9c;}
.bar-7  { background-color: #c8dbb8;}
.bar-8  { background-color: #dee9d4;}
.bar-9  { background-color: #9d87ab;}
.bar-10 { background-color: #baabc4;}
.bar-11 { background-color: #cec3d5;}
.bar-12 { background-color: #e1dbe6;}
.bar-13 { background-color: #b5808f;}
.bar-14 { background-color: #dabfc7;}