/**
 * Both Quia Web and Quia Book (including custom platform) technical support form will
 * load this CSS.  To differentiate them, we insert class name ".web" and ".book" into
 * the BODY tag.
 *
 * Although a new technical support form, the banner and footer are from original template.
 * To make sure new CSS definition are "confined" to new section, we apply everything here
 * under the #dvMain selector, which is already in the TD tag of containing table.
 *
 * Page banner and footer use either quia.css or booksbase.css.
 *
 */

/**
 * To mitigate the effect of using YUI reset.css
 */
table td.footertext {
  padding:3px;
}

table#tblQuiaBkBanner td.utils a {
  font:bold 11px verdana, arial, sans-serif;
}

#dvMain select {
  padding:2px;
}

/** Chrome button needs some padding */
input[type="submit"] {
  padding:1px 5px;
}

/**
 * generic
 */
.split {
  position: relative;
  zoom: 1;
}

.split:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  width: 0;
  visibility: hidden;
}

#techSupport ul.errorMessage {
  display:block;
}

#techSupport .errorMessage span {
  color:#ff0000;
  line-height:20px;
}

#techSupport #issueDescriptionErr.errorMessage {
  padding:0;
}

#techSupport #dvMain {
  color:#000;
  font:normal 12px verdana, arial, helvetica, sans-serif;
  padding:15px;
  width:720px;
}

#techSupport #ctMain #dvMain,
#techSupport #georgetownMain #dvMain {
  font-family:arial, verdana, helvetica, sans-serif;
}

#techSupport.web #dvMain {
  padding:5px;
}

#techSupport #dvMain sup {
  vertical-align:top;
}

#techSupport #dvMain table,
#techSupport #dvMain p {
  margin-bottom:25px;
}

#techSupport #dvMain p.required {
  margin-bottom:20px;
}

#techSupport #dvMain p.priorQues {
  margin-bottom:10px;
}

#techSupport #dvMain a {
  color:#005B9A;
}

#techSupport.book #dvMain a {
  color:#333;
}

#techSupport.book #centroMain #dvMain a {
  color:#2D632B;
}

#techSupport.book #estudioMain #dvMain a {
  color:#3B5D9D;
}

#techSupport.book #ctMain #dvMain a {
  color:#B33F42;
}

#techSupport.book #georgetownMain #dvMain a {
  color:#1F0544;
}

#techSupport.book #heinleMain #dvMain a {
  color:#064F82;
}

#techSupport.book #customMain #dvMain a {
  color:#316731;
  font-family:verdana, arial, helvetica, sans-serif;
}

#techSupport #dvMain ul.quickActLks li {
  margin-bottom:3px;
}

#techSupport #dvMain h1 {
  border-bottom:24px solid #DDF0F7;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
  padding:8px 0;
}

#techSupport.book #dvMain h1 {
  border:0;
}

#techSupport.book #centroMain #dvMain h1 {
  color:#8C3822;
}

#techSupport.book #estudioMain #dvMain h1 {
  color:#0C740C;
}

#techSupport.book #ctMain #dvMain h1 {
  color:#B33F42;
}

#techSupport.book #georgetownMain #dvMain h1 {
  color:#002D6B;
}

#techSupport.book #heinleMain #dvMain h1 {
  color:#064F82;
}

#techSupport.book #customMain #dvMain h1 {
  color:#0C740C;
}

#techSupport #dvMain h2 {
  font-weight:bold;
  margin-bottom:15px;
}

#techSupport.book #dvMain h2 {
  background-color:#dbecb5;
  padding:6px;
}

#techSupport.book #centroMain #dvMain h2 {
  background:url(/static/quia/books/techSupport/images/tech_support_centro_h2_bg.gif) 0 0;
  color:#fff;
}

#techSupport.book #estudioMain #dvMain h2 {
  background-color:#425fad;
  color:#fff;
}

#techSupport.book #ctMain #dvMain h2 {
  background-color:#b33f42;
  color:#fff;
}

#techSupport.book #georgetownMain #dvMain h2 {
  background-color:#f26522;
  color:#fff;
}

#techSupport.book #heinleMain #dvMain h2 {
  background:url(/static/quia/books/techSupport/images/tech_support_hlc_h2_bg.gif) 0 0;
  color:#fff;
}

#techSupport.book #customMain #dvMain h2 {
  background-color:#425fad;
  color:#fff;
}

#techSupport #dvMain h3 {
  font-weight:bold;
  margin-bottom:15px;
}

#techSupport #georgetownMain #dvMain h3 {
  color:#002D6B;
}

#techSupport #heinleMain #dvMain h3 {
  color:#064f82;
}

/**
 *
 */
#dvMain #quickHelpSec,
#dvMain #dvSubmitBtn {
  margin-bottom:25px;
}

#dvMain #checkboxTopic {
  margin-bottom:15px;
}

#dvMain #vSelectTopicSpacer {
  height:15px;
}


label.webHelpActivity,
label.webHelpOther {
  display:inline-block;
  width:50px;
}

span.helpTopicLabelWidth,
label.helpTopicLabelWidth {
  display:inline-block;
  width:118px;
}

#dvMain #selectTopic {
  margin-bottom:8px;
}

#dvMain #dvDescribeIssue {
  margin-bottom:10px;
}

#dvMain #quickHelpSec div.colWrapper {
  float:left;
  width:49%;
  padding-right:1%;
  *width:48%;
  *padding-right:2%;
}

#dvMain #quickHelpSec div.colWrapper.right {
  padding:0 0 0 1%;
  *padding:0 0 0 2%;
}

#techSupport.book #dvMain div.extraPadding {
  padding:0 8px;
}

#techSupport.web #dvMain #formWrapper {
  border:solid 3px #ddf0f7;
  padding:15px;
  margin-bottom:25px;
}

#dvMain #tblContactInfo,
#dvMain #tblContactInfo td {
  border:1px solid #ddf0f7;
}

#dvMain #tblContactInfo td {
  border-width:0 0 1px 0;
  padding:10px;
}

#dvMain #tblContactInfo td {
  padding:5px 10px;
  width:440px;
}

#dvMain #tblContactInfo td.tdLabel {
  background-color:#effbff;
  border-right-width:1px;
  width:140px;
}

#techSupport.book #dvMain #tblContactInfo {
  margin-bottom:10px;
}

#techSupport.book #dvMain #tblContactInfo,
#techSupport.book #dvMain #tblContactInfo td {
  border-color:#dbecb5;
}

#techSupport.book #dvMain #tblContactInfo td.tdLabel {
  background-color:#edf4de;
}

#techSupport.book #centroMain #dvMain #tblContactInfo,
#techSupport.book #centroMain #dvMain #tblContactInfo td,
#techSupport.book #estudioMain #dvMain #tblContactInfo,
#techSupport.book #estudioMain #dvMain #tblContactInfo td {
  border-color:#ccc;
}

#techSupport.book #centroMain #dvMain #tblContactInfo td.tdLabel,
#techSupport.book #estudioMain #dvMain #tblContactInfo td.tdLabel {
  background-color:#f0f0f0;
}

#techSupport.book #ctMain #dvMain #tblContactInfo,
#techSupport.book #ctMain #dvMain #tblContactInfo td {
  border-color:#ccc;
}

#techSupport.book #ctMain #dvMain #tblContactInfo td.tdLabel {
  background-color:#f2f2f2;
}

#techSupport.book #georgetownMain #dvMain #tblContactInfo,
#techSupport.book #georgetownMain #dvMain #tblContactInfo td {
  border-color:#e1d7cb;
}

#techSupport.book #georgetownMain #dvMain #tblContactInfo td.tdLabel {
  background-color:#fef7ef;
}

#techSupport.book #heinleMain #dvMain #tblContactInfo,
#techSupport.book #heinleMain #dvMain #tblContactInfo td {
  border-color:#e1e9f5;
}

#techSupport.book #heinleMain #dvMain #tblContactInfo td.tdLabel {
  background-color:#f2f6fd;
}

#techSupport.book #customMain #dvMain #tblContactInfo,
#techSupport.book #customMain #dvMain #tblContactInfo td {
  border-color:#ccc;
}

#techSupport.book #customMain #dvMain #tblContactInfo td.tdLabel {
  background-color:#f0f0f0;
}

#dvMain input#formTechSupport_otherOptionText,
#dvMain #tblContactInfo input,
#dvMain #dvProblemUrl input {
  border:1px solid #ccc;
  padding:2px;
  width:425px;
}

#dvMain #dvProblemUrl input {
  width:532px;
}

#dvMain input#formTechSupport_otherOptionText {
  width:220px;
}

/** #dvMain #tblContactInfo .required, #dvMain #dvDescribeIssue .required, */
#dvMain .required,
#dvMain .explain {
  font-size:10px;
  font-style:italic;
}

#dvMain #tblContactInfo .explain {
  padding-top:5px;
}

#dvMain #checkboxTopic ul {
  float:left;
  width:60%;
  _width:300px;
}

#dvMain #checkboxTopic ul:first-child {
  width:40%;
  _width:300px;
}

#dvMain #checkboxTopic ul li {
  margin-bottom:10px;
}

#techSupport.book #bkLayoutHideHelpTopicIssueDescDv{
  display:none;
  padding-top:15px;
}

#dvMain #dvDescribeIssue .wwlbl {
  display:block;
  margin-bottom:5px;
  width:560px;
}

#dvMain #dvDescribeIssue .wwctrl textarea {
  height:100px;
  width:560px;
}

#dvMain #dvProblemUrl input {
  margin-bottom:5px;
}

#dvMain #dvProblemUrl {
  margin-bottom:10px;
}

#dvMain #dvProblemUrl div.hide {
  display:none;
}

#dvMain a.addUrlBtn {
  background:url(/static/quia/books/techSupport/images/web_add_url_btn.png) no-repeat 0 0;
  display:inline-block;
  height:21px;
  *margin-bottom:2px;
  vertical-align:middle;
  width:21px;
}

#dvMain p#privacyLk,
#techSupport.web #dvMain.confirmation p#privacyLk {
  border-top:1px solid #999;
  padding-top:10px;
}

#techSupport.web #dvMain p#privacyLk {
  border:0;
  padding:0;
}

#techSupport.book #centroMain table.banner.text1,
#techSupport.book #estudioMain table.banner.text1 {
  font-family:verdana, arial, helvetica, sans-serif;
}