/**
 * It seems all Quia Books, including custom platform books, are loading this CSS style sheet.
 * We would like to put styling here if they are shared by all book platform.
 * While 'quia.css' is another option, 'quia.css' is currently shared with Quia Web.
 * Each book platform uses it's own version of 'bookbase.css'.
 */
#special_msg_div {
  border:0;
  margin:0;
  padding:0;
  text-align:left;
  width:750px;
}

/**
 * When user adopting a book or creating a new course, we may display more than one
 * edition of selected book for user to choose. Following CSS styles are applied to that UI.
 */
div.selectBkEd {
  color:#010101;
  font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

div.selectBkEd .otherBkEd,
div.selectBkEd .hideOtherEdLk {
  display:none;
}

div.selectBkEd a.each {
  cursor:default;
  border:1px solid #fff;
  display:block;
  padding:8px 0;
  position:relative;
  text-decoration:none;
  zoom:1;
}

div.selectBkEd a.each:after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  visibility:hidden;
  width:0;
}

div.selectBkEd .otherBkEd a.each {
  padding:4px 0;
}

div.selectBkEd a.each:hover {
  background-color:#ffffec;
  border:1px solid #ededcc;
}

div.selectBkEd a.selected,
div.selectBkEd a.selected:hover {
  background-color:#f2f2f2;
  border:1px solid #d6d5d5;
}

div.selectBkEd div.dvRadio,
div.selectBkEd div.dvImg,
div.selectBkEd div.dvTitle {
  float:left;
}

div.selectBkEd.hasMultipleEd a.each,
div.selectBkEd.hasMultipleEd div.dvRadio,
div.selectBkEd.hasMultipleEd div.dvImg,
div.selectBkEd.hasMultipleEd div.dvTitle {
  cursor:pointer;
}

div.selectBkEd.hasMultipleEd .collapse a.each.selected,
div.selectBkEd.hasMultipleEd .collapse a.each.selected div.dvRadio,
div.selectBkEd.hasMultipleEd .collapse a.each.selected div.dvImg,
div.selectBkEd.hasMultipleEd .collapse a.each.selected div.dvTitle {
  cursor:default;
}

div.selectBkEd div.dvRadio input {
  margin:40px 15px 0 15px;
  *margin:35px 10px 0 10px;
}

div.selectBkEd div.dvImg img {
  border:1px solid #ececec;
  margin-right:25px;
  max-height:90px;
  width:70px;
  padding:1px;
}

div.selectBkEd div.dvTitle span {
  color:#333;
  padding-right:10px;
  position:absolute;
  top:45px;
}

div.selectBkEd .dvSeeHideOtherEdLk {
  margin:-35px 0 35px 143px;
  *margin:-35px 0 35px 138px;
  position:relative;
  text-align:left;
  width:140px;
}

div.selectBkEd .dvSeeHideOtherEdLk a {
  color:#333;
}

/**
 * Following CSS styles are very generic and applies to too many elements.
 * It is difficult to reverse the effect so we have to leave it as it is.
 */
.text1, .text1 a, a.text1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333 }
.text1-b, .text1-b a, a.text1-b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 700; color: #333333 }
b { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700;  }
.text1-c1, .text1-c1 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal ; color: #003399}
.text1-bu, .text1-bu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold ; text-decoration: underline}
.text1-u, .text1-u a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal ; text-decoration: underline}
a {  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #333333}

.text2-b, .text2-b a, a.text2-b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #333333 }
.text2, .text2 a, a.text2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333 }
.h-t1-b-w, .h-t1-b-w a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF }
.h-t1-gray, .h-t1-gray a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 120%; font-weight: normal; color: #333333 }

.para1, .para1 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333 ; line-height: 120%}

.height-120 { line-height: 120%}

.qb-table-border { border: 1px solid #666666; }

.t2, .t2 a {
  COLOR: #000000;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
}
.text2-err, .text2-err a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #990000 }
.navibar, .navibar a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333 }

h2.help { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #729972; margin: 0; padding: 0;}

table#qbCustBkHelpHdr td {
  padding:5px;
}

td.helpbanner {
  background-color: #99cc99;
}


span.warnExtendMsg {
  color: #FF0000;
}

table#privsNotLongEnough {
  font-size: 12px;
}
table#privsNotLongEnough td.leftHeaderTd {
  padding-right: 20px;
}
table#privsNotLongEnough .duration {
  color: #FF0000;
}

span.beforeEnds {
  color: #4e4d4c;
}

span.beforeEnds2Weeks,
span.beforeEndsLessOneWeek,
span.beforeEndsTomorrow {
  color: #a10b20;
  font-weight: bold;
}
a.beforeEndsExtendLink {
  color: #5366D9;
  font-weight: bold;
}
span.keyLicensesExpireBeforeCourse,
span.keyLicensesExpireBeforeCourse b {
  color: #FF0000;
}

#centroMain span.beforeEnds,
#centroMain span.beforeEnds2Weeks,
#centroMain span.beforeEndsLessOneWeek,
#centroMain span.beforeEndsTomorrow {
  font-size: 12px;
}