/* used with quia.activities.common.FileManager */

.text1-b a, .quia_standard a {
  color: #333333;
}

body.books {
  background:#fff;
  margin: 0;
  padding: 0;
}

.books .copyright {
  color: #666666;
}

.books .copyright img {
  margin-left: 5px;
  vertical-align: middle;
  *vertical-align:-5px;
}

/*
body, h1, h2, h3, div, p, table, ul, ol, li, span {
  border:0;
  color:#333;
  font:normal 12px Verdana,Arial,Helvetica,sans-serif;
  margin:0;
  padding:0;
}
*/

/* subheader is a header and possibly a help link. */
.books .subheader {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  width: 740px;
  background-color: #BAD2B9;
}

.books .dksubheader {
  background-color: #99CC99;
}

.books .subheader td {
  vertical-align: middle;
  padding: 3px 11px 3px 3px;
  margin: 0;
  height: 25.5px;
}

/* tabheader are the tabs when you're instructor and drilled into a course */
.books .tabheader {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  width: 740px;
}

.books .tabheader td {
  padding: 0;
  margin: 0;
  height: 29px;
  background: transparent url(/img/course/books/book_manager/instructor_tabs/tab_bar.gif) repeat-x;
  color: #FFFFFF;
}

.tabheader .helpLink {
  color: #FFFFFF;
}

/* adoptbook is a table that contains book(s) for adoptions/course creation */
.adoptbooks {
  border:1px solid #CBE4CB;
}

.adoptbooks .innerTblAdoptBk td {
  background-color:#ffffec;
  font-size:11px;
}

.adoptbooks .header td {
  background-color:#cbe4cb;
  font-size:12px;
  font-weight:bold;
}

#startNewTermCreateCourse .bkDetail {
  border:1px solid #CBE4CB;
  border-collapse:collapse;
  width:100%;
}

.adoptbooks.courseinfo {
  border: none;
}

.courseinfo .header td {
  background-color: #eeeecc;
}

.booksalesinfo {
  width: 100%;
  border: 1px solid #CBE4CB;
  border-collapse: separate;
  border-spacing: 2px;
  background-color: #FFFFFF;
}

.booksalesinfo th, .adoptbook td {
  padding: 3px;
  margin: 0;
  height: 18px;
  text-align: left;
}

.booksalesinfo th {
  background-color: #CBE4CB;
}

.booksalesinfo td {
  background-color: #FFFFEC;
}

.booksalesinfo .bookkeyinfo td {
  background-color: #FFFFFF;
}

/**
 * fix for bug 41245.
 */
.booksalesinfo tr.bkItemSelected td {
  background-color: #FCFCBA;
}


.gradingtools {
  border-spacing: 1;
  border: 1px solid #d2d27b
}

.gradingtools td {
  border: none;
}

.gradingtools.exportresults {
  border:none;
}

table.gradingtools td a {
  color:#E97723;
  font-size:11px;
}

table.gradingtools tr.header td {
  background-color:#EEEECC;
}

table.gradingtools {
  border:1px solid #D2D27B;
  border-spacing:1px;
}

h3.titlebar {
  padding: 0;
  margin: 0;
  background-color: #FFF;
  font: bold 14px Verdana,Arial,Helvetica,sans-serif;
}

.bookkey td {
  white-space: nowrap;
  vertical-align: middle;
}

.bookkey input {
  margin-left: 5px;
  vertical-align: middle;
}

table#hdrBkKeyField input#qbkey {
  color:#333;
  width:182px;
}

table#hdrBkKeyField input#qbkey.text-placeholder {
  color:#999;
}

.abedit textarea {
  width:99%;
}

.classsummary td {
  border:1px #FFF solid;
  border-right:none;
  border-bottom:none;
}

.abmessage {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.subHdrBreadFirstLk, a.subHdrBreadFirstLk {
  color: #fff;
}

.books span.disabled {
  color: #777777;
}


/*
   Class/Book/Section selectors
   Fix bug #37508:
    - change widths of the instructor note and its spacer in CSS
    - set a max width on the selector, in case the book short name overflows the max allowed width
    rliu 10/03/14
*/

#tdNoteToInstructor {
    width: 27%
}

#tdNoteToInstructorSpacer {
    width: 1%
}

#bkSelectId {
    width: 438px
}

select[name="bookSelector"] {
    max-width: 375px;  /* calculated max width allowed, accounts for all widths + padding + button widths */
}

/*****************************************************************************
              dashboard calendar and set due dates popover calendar
*****************************************************************************/
/* quia books calendar */
.setDueDatePopover .yui-calcontainer {
  background-color: #ffffff;
  border:1px #90C249 solid;
  margin: 0px 40px;
  padding: 10px;
}

.dashboardCalendar .yui-calcontainer {
  background-color: #ffffff;
  padding:13px;
}

table.yui-calendar,
.dashboardCalendar table.yui-calendar {
  width: 184px;
}

.yui-calendar td.calcell a,
.dashboardCalendar .yui-calendar td.calcell a {
  color: #585858;
  height: auto;
  text-decoration: none;
  font: bold 11px Verdana;
}

.yui-calendar td.calcell,
.dashboardCalendar .yui-calendar td.calcell {
  padding: 0px;
  border-style: none;
  font: bold 11px Verdana;
  vertical-align: middle;
  height:20px;
  text-align:center;
}

.yui-calendar td.calcell.selectable,
.dashboardCalendar .yui-calendar td.calcell.selectable {
  cursor: pointer;
}

.yui-calendar td.calcell.selected,
.dashboardCalendar .yui-calendar td.calcell.selected {
  background: #e1f2c9;
}

.dashboardCalendar .yui-calendar td.calcell.today {
  background: #eee0b5;
}

.dashboardCalendar .yui-calendar td.calcell.selectedtoday {
  background: #ead8a2;
}

.yui-calendar td.calcell.oom,
.dashboardCalendar .yui-calendar td.calcell.oom {
  background-color: #eff0ef;
  color: #8a7d74;
}

.yui-calendar td.calcell.previous,
.dashboardCalendar .yui-calendar td.calcell.previous {
  color: #8a7d74;
}

/** calendar header and navigation styles **/
.yui-calendar .calweekdaycell,
.yui-calendar .calheader,
.dashboardCalendar .yui-calendar .calweekdaycell,
.dashboardCalendar .yui-calendar .calheader {
  font: bold 11px Verdana;
  color: #cd9f14;
  height: 1.5em;
}

.yui-calendar .calheader,
.dashboardCalendar .yui-calendar .calheader {
  position: relative;
}

.yui-calendar .calheader a,
.dashboardCalendar .yui-calendar .calheader a {
  text-indent:-10000em;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  height: 15px;
  top: 0;
  width: 25px;
  z-index: 1;
}

.yui-calendar .calheader a.calnavright,
.dashboardCalendar .yui-calendar .calheader a.calnavright {
  background: url(/img/dashboard/calendar_right_on.gif) no-repeat;
  right: 0px;
}

.yui-calendar .calheader a.calnavright-disabled,
.dashboardCalendar .yui-calendar .calheader a.calnavright-disabled {
  background: url(/img/dashboard/calendar_right_off.gif) no-repeat;
  right: 0px;
}

.yui-calendar .calheader a.calnavleft,
.dashboardCalendar .yui-calendar .calheader a.calnavleft {
  background: url(/img/dashboard/calendar_left_on.gif) no-repeat ;
  left: 0px;
}

.yui-calendar .calheader a.calnavleft-disabled,
.dashboardCalendar .yui-calendar .calheader a.calnavleft-disabled {
  background: url(/img/dashboard/calendar_left_off.gif) no-repeat ;
  left: 0px;
}

/** non yui-calendar dashboard styles **/
.dashboardCalendar {
  background-color: #eeeecc;
  padding:14px 11px;
}

.dashboardCalendar td {
  padding: 0px;
}

.dashboardCalendar td#weekview,
.dashboardCalendar td#weekview div {
  text-align: left;
  font: bold 16px Verdana;
  color: #bc5329;
}

.dashboardCalendar td#weekview div {
  width: 182px;
}

.dashboardCalendar .selectedWeek {
  /**
   * Bug 24978: text color of span#weektext.selectedWeek should be determined by  the CSS
   * of each platform CSS.  For example, for Centro, it should be determined by
   * /static/skins/books/centro/css/centro.css
   *
   * color: #bc5329;
   */
  font-size: 26px;
  font-weight:bold;
  white-space: nowrap;
}


/*****************************************************************************
              dashboard
*****************************************************************************/
/* quia books dashboard */

.dashboard td.right {
  padding-left: 14px;
  width: 100%;
}

.dashboardNoDueDates {
  padding-top: 15px;
  font: 12px Verdana;
  color: #000000;
}

.dashboardNoDueDates a {
  font: 12px Verdana;
  color: #000000;
}

.dashboard .dashboardDayHeader {
  margin-top: 20;
  margin-bottom: 5;
}

.dashboard .dashboardDayHeader table {
  width: 100%;
}

.dashboard .dashboardDayHeader td.date {
  font: bold 14px Verdana;
  color: #bc5329;
  vertical-align: bottom;
  white-space: nowrap;
}

.dashboard .dashboardDayHeader td.message {
  font: italic 14px Verdana;
  color: #bc5329;
  vertical-align: bottom;
  text-align: right;
  width: 100%;
  white-space: nowrap;
}

.dashboard .yui-dt {
  font: italic 12px Verdana;
}

.dashboard .dashboardAssignmentTable {
  font: bold 12px Verdana;
  color: #000000;
  margin-top: 5;
}

.dashboard .dashboardAssignmentTable th {
  font: bold 12px Verdana;
  vertical-align: top;
  white-space: nowrap;
}

.dashboard .dashboardAssignmentTable td,
.dashboard .dashboardActivityName td {
  font: bold 12px Verdana;
  vertical-align: middle;
  white-space: nowrap;
}

.dashboardAssignmentTable th,
.dashboard .dashboardAssignmentTable th {
  background-color: #eeeeec;
}

.dashboardAssignmentTable thead .yui-dt-liner {
  text-align: left;
  padding: 2px 0px 0px 5px;
}

.dashboard .dashboardAssignmentTable thead .yui-dt-liner .numStudentsHeader {
  width: 143px;
}

.dashboardAssignmentTable .dashboardNoAssignments {
  background-color: #eeeeec;
  color: #616161;
  text-align: right;
  font: italic 12px Verdana;
  padding: 15px;
}

.dashboard .dashboardAssignmentTable thead .yui-dt-last .yui-dt-liner {
  font: 10px Verdana;
  text-align: center;
  margin: 0px;
  padding: 2px;
}

.dashboard .dashboardAssignmentTable .dashboardActivityName table {
  width: auto;
  margin-right: 5px;
}

.dashboard .dashboardAssignmentTable .dashboardStudentList {
  font: 12px Verdana;
  text-align: center;
  padding: 0px 5px;
}

.dashboard .dashboardAssignmentTable td .dashboardPercentage {
  text-align: right;
  font: 8px Verdana;
  color: #616161;
}

.dashboard .dashboardAssignmentTable table {
  width: 100%;
}

.dashboard .dashboardAssignmentTable table.percentMeanHeader {
  width: auto;
}

.dashboard .dashboardAssignmentTable table.percentMeanHeader td {
  padding-right: 5px;
}

.dashboard .dashboardAssignmentTable .dashboardPercentAndMean td {
  padding: 0px 1px;
}

.dashboard .dashboardAssignmentTable .dashboardPercentAndMean td.mean{
  vertical-align: bottom;
}

.dashboard .dashboardAssignmentTable .dashboardPercentAndMean td.submitted{
  vertical-align: top;
}

/* fix bug 21225 -ikim 1/12/10 */
.dashboard .dashboardAssignmentTable th.yui-dt-col-activity {
  min-width: 95px;
* width: 95px;
}

/** dashboard notes **/

.dashboardNotes {
  background-color: #fdfdd6;
  font: bold 12px Verdana;
  color: #616161;
  width: 420px;
}

.dashboard .dashboardNotes td {
  font: 10px Verdana;
  color: #000000;
  vertical-align: top;
}

.dashboard .dashboardNotes td .text {
  padding-top: 2px;
}

.dashboardNotes .header {
  padding: 10;
  padding-bottom: 0;
}

.dashboardNotes .table {
  padding: 10;
  padding-top: 0;
}

.dashboard td {
  vertical-align: top;
  font: 12px Verdana;
}

.dashboard .sectionHeader table {
  background: #eeeecc;
  vertical-align: middle;
  margin-top:auto;
  margin-bottom:auto;
  height: 46px;
  width: 100%;
}

.dashboard .sectionHeader table td {
  padding-left: 10;
  vertical-align: middle;
  font: bold 12px Verdana;
  color: #bc5329;
}

.dashboard .sectionHeader table td.reload {
  text-align: right;
  padding-right: 5;
}

.dashboard .dashboardTools a {
  font: 12px Verdana;
  color: #000000;
}

.dashboard .dashboardTools td {
  padding: 5px;
}

.dashboard .formattedDate {
  padding-top: 5px;
  font: 9px Verdana;
  color: #aeadad;
  padding-bottom: 10px;
}

.dashboard .activity {
  white-space: nowrap;
}

.tooltip,
.tooltip table td{
  font: 11px Verdana;
  color: #000000;
  white-space: nowrap;
}

.tooltip table td img {
  margin: 2px 6px;
}

.tooltip.tooltip-activity table td {
  vertical-align: middle;
  padding: 0px 12px 0px 0px;
}

.tooltip.tooltip-activity table td a img {
  padding: 0px;
  margin: 0px 4px 0px 0px;
}

.yui-panel.tooltip .bd {
  padding: 8px 4px 8px 15px;
}

.yui-panel.tooltip-student .bd {
  padding-right: 15px;
}

.tooltip .hd,
.tooltip .ft {
  display: none;
}

.yui-panel.tooltip {
  /*position: relative;*/
  height: auto;
}

.yui-panel.tooltip .bd {
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #e97c51;
}

.alertsCheckboxes {
  padding: 12px 0px 8px 5px;
  margin: 20px 0px 11px 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f0f0;
  color: #000000;
  font: 12px Verdana;
}

.alertsCheckboxes div {
  padding: 7 0 0 7px;
}

/*
 * Fix to bug 20990 mweiss - restore refresh button.
 */
div.alertsHeader {
	position: relative;
}

.alertsHeader div {
	position: absolute;
	right: 15px;
	top: 0px;
}
.alertsHeader a {
  background:url(/img/dashboard/refresh.png) no-repeat 0 0;
  display: block;
  height: 17px;
  width: 17px;
  text-decoration: none;
}

.alertsHeader a.disabled {
  cursor: default;
}

.alerts .yui-dt-message td {
  font-style: italic;
}

.alertsCheckboxes input {
  position: relative;
  top: -2px;
}

.alerts {
  min-height: 50px;
}

.alerts,
.alerts td {
  color: #000000;
  font: 12px Verdana;
}

.alertsViewMore a {
  font: 11px Verdana;
  color: #000000;
}

.alertsViewMore {
  text-align: right;
  width: auto;
}

.hide {
  display: none;
}

.tooltip .underlay {
  position: absolute;
  left: 7px;
  right: -7px;
  top: 7px;
  bottom: -7px;
  background-color: #e97c51;
  width: 100%;
  height: 100%;
}

.loading-panel .yui-panel .bd {
  padding-top: 25px;
  text-align: center;
  color: #bc5329;
  font: bold 14px Verdana;
}

.loading-panel .yui-panel img{
  vertical-align: middle;
  margin-right: 15px;
}

.loading-panel .underlay {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #ffffff;
  filter:alpha(opacity=80);
  opacity:0.8;
  height: 100%;
  width: 100%;
}

.mask {
  background-color: #ffffff;
  opacity: 0.5;
  filter:alpha(opacity=50);
}

.activities {
  border:medium none;
  border-collapse:collapse;
  border-spacing:0;
}

.yui-dt .activities th,
.yui-dt .activities td.yui-dt-col-exercise {
  white-space: nowrap;
}

.activities thead tr.yui-dt-first {
  border-color: #cccccc;
  background-color: #cccccc;
  vertical-align: middle;
  text-align: left;
}

.activities thead tr.yui-dt-last {
  border-color: #cccccc;
  background-color: #d5cdb5;
  vertical-align: middle;
}

.activities tbody tr.yui-dt-even {
  background-color: #f1f1d1;
  border-color: #cccccc;
}

.activities tbody tr.yui-dt-odd {
  background-color: #ffffff;
  border-color: #cccccc;
}

.activities thead tr.yui-dt-first th {
  text-align: left;
  white-space: nowrap;
}

.activities th.yui-dt-col-title {
  width: 100%;
  text-align: right;
}

.activities th.yui-dt-col-dueDate {
  text-align: left;
}

.activities .calendar-input {
  white-space: nowrap;
}

.activities .calendar-input .no-date {
  color: #7F7F7F;
}

.activities td.yui-dt-col-assigned {
  text-align: center;
}

.activities .insideTable td {
  border: none;
}

.activities th,
.activities td {
  border: 1px solid #cccccc;
}

.activities th, .activities th .text1-b,
.activities .header td {
  background: none repeat scroll 0 0 #cccccc;
}

/** bug 25805 */
#customizeSupplementOptions tr {
  border:0;
}

.activities .customsubhead td {
  background: #ffffff;
}

td.color1, td.vocab {
  background-color:#BBE4EB;
}
td.color2{
  background-color:#FFFBC6;
}

/**
 * Book Login Page
 */
#dvBkLogin {
  background-color:#fff;
  height:100%;
  min-height:400px;
  position:relative;
  width:100%;
}

#dvBkLoginFtr {
  bottom:0;
  height:28px;
  left:0;
  position:absolute;
  width:100%;
}

#dvBkLoginFtr p {
  color:#666;
  font:normal 10px Verdana, Arial, Helvetica, sans-serif;
  margin:7px 0 0 15px;
}

.filePopupHeader {
  background-color:#f1a974;
  color:#fff;
  font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}

.quiaWebStyle .filePopupHeader {
  background-color:#fff;
  color:#444;
}

.authorStationStyle .filePopupHeader {
  background-color:#ffcc00;
}

.filePopupCurrentFolderHeader {
  background-color:#d4d4d4;
  color: #333;
  font:bold 13px arial,helvetica,clean,sans-serif;
  text-indent:10px;
}

.quiaWebStyle .filePopupCurrentFolderHeader {
  background-color:#cfe3f5;
}

.authorStationStyle .filePopupCurrentFolderHeader {
  background-color:#ffffcc;
}

.fileFolderHdr {
  background-color:#d4d4d4;
  text-indent:10px;
}

.fileFolderHdr strong {
  font-weight:bold;
}

.fileHdrBg {
  background-color:#D5CDB5;
}

.fileQuotaBg {
  background-color:#D5CDB5;
}

h2.titlebar {
  background-color:#eeeecc;
  font:bold 12px/20px Verdana,Arial,Helvetica,sans-serif;
  height:20px;
  text-indent:10px;
  width:100%;
}

.classcreatestep {
  background:#d0eafd;
}

table#tblCreateClsBk .classcreatestep, table#tblCreateClsBk label {
  font-weight:bold;
}

.inputErr {
  color:#ff0000;
}

div.genericPadBot {
  padding-bottom:20px;
  width:100%;
}

/*************************************************************************************************
 * Canonical school names auto-complete styles
 *************************************************************************************************/

/**
 * bug 24534 - For some reason, if the instruction text is too long,
 * IE will take the liberty to stretch out the TD, even thought it is suppose to be 740px
 */
td.instructionRow {
  width:740px;
}

input.text-placeholder {
  color: #7F7F7F;
}

#schoolNameSelectingPiece, #schoolNameSelectedPiece {
  height: 22px;
  width: 575px;
  /**
   * bug 24534 - 592px was a bit too wide as the td only has 584px in width after paddings.
   * new width is set to be 575px.  There are some safe margin of 9px there.
   */
}

#schoolNameSelectedPiece {
  line-height: 22px;
}

/* styles for entire widget */
#schoolNameSelectingPiece .yui-ac {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* styles for input field */
#schoolNameSelectingPiece .yui-ac-input {
  position: absolute;
  width: 100%;
}

/* styles for results container */
#schoolNameSelectingPiece .yui-ac-container {
  left: 0;
  position: absolute;
  top: 1.8em;
  width: 100%;
}

/* styles for header/body/footer wrapper within container */
#schoolNameSelectingPiece .yui-ac-content {
  position: absolute;
  width: 100%;
  border: 1px solid #808080;
  background: #fff;
  overflow: hidden;
  z-index: 9050;
}

/* styles for container shadow */
#schoolNameSelectingPiece .yui-ac-shadow {
  position: absolute;
  margin: .3em;
  width: 100%;
  background: #000;
  -moz-opacity: 0.10;
  opacity: .10;
  filter: alpha(opacity = 10);
  z-index: 9049;
}

/* styles for container iframe */
#schoolNameSelectingPiece .yui-ac iframe {
  opacity: 0;
  filter: alpha(opacity = 0);
  padding-right: .3em;
  padding-bottom: .3em; /* Bug 2026798: extend iframe to shim the shadow */
}

/* styles for results list */
#schoolNameSelectingPiece .yui-ac-content ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* styles for result item */
#schoolNameSelectingPiece .yui-ac-content li {
  margin: 0;
  padding: 2px 5px;
  cursor: default;
  white-space: nowrap;
  list-style: none;
  zoom: 1; /* For IE to trigger mouse events on LI */
}

/* styles for prehighlighted result item */
#schoolNameSelectingPiece .yui-ac-content li.yui-ac-prehighlight {
  background: #B3D4FF;
}

/* styles for highlighted result item */
#schoolNameSelectingPiece .yui-ac-content li.yui-ac-highlight {
  background: #426FD9;
  color: #FFF;
}

/* to beat out the page styles, be more specific about what we mean */
/**
 * Bug 24931 - We want to use browser default button style for Quia Books
 *
.quia_books_button, .quia_books_button:disabled, .quia_web_button, .quia_web_button:disabled,
input.saveChanges, input.previewChanges, input.cancelChanges {
  background-color:#D4D0C8;
  border:2px outset;
  color:#333333;
  font:bold 11px verdana, arial, helvetica, sans-serif;
  margin-right:5px;
  overflow:visible;
  padding:2px;
  width:auto;
}
*/

/**
 * Bug 24931 - continue using old Quia Book button style for buttons in Files tab
 */
table#fileManagerPopupPg input.quia_books_button,
table.filestable button.quia_books_button, table.filestable button.quia_books_button:disabled {
  background-color:#D4D0C8;
  border:2px outset;
  color:#333;
  font:bold 11px verdana, arial, helvetica, sans-serif;
  margin-right:5px;
  overflow:visible;
  padding:2px;
  width:auto;
}

table.filestable button.quia_books_button:disabled {
  color:#999;
}

/**
 * IE 6 does not work well with selector. To isolate possible problem area,
 * we repeat the CSS styling for it.
 */
/**
 * Bug 24931 - We want to use browser default button style for Quia Books
 *
input[type=submit], input[type=button] {
  background-color:#D4D0C8;
  border:2px outset;
  color:#333333;
  font:bold 11px verdana, arial, helvetica, sans-serif;
  margin-right:5px;
  overflow:visible;
  padding:2px;
  width:auto;
}
*/

.quia_books_button:disabled, .quia_web_button:disabled {
  border: 1px solid #e8e4e2;
  color: #978ca8;
  cursor: auto;
}

input.btnWidth75 {
  width:75px;
}

input.btnWidth85 {
  width:85px;
}

input.btnWidth105 {
  width:105px;
}

input.btnWidth125 {
  width:125px;
}

input.btnWidth145 {
  width:145px;
}

input.btnWidth165 {
  width:165px;
}

input.btnWidth185 {
  width:185px;
}

input.btnWidth205 {
  width:205px;
}
input.btnWidth210 {
  width:210px;
}

#feedBkMsgTbl {
  padding:20px 0 0 0;
}

#tblCreateActFm sup {
  vertical-align:top;
}

#tblCreateActFm p.required {
  font:normal 11px Verdana,Arial,Helvetica,sans-serif;
  margin:10px 0 20px 0;
}

table#showActOpt {
  padding-bottom: 3px;
}

#changeDatesInputBtn {
  width:220px;
}
#verifyDatesInputBtn {
  width:220px;
}
/**
 * Bug 24931 - We want to use browser default button style for Quia Books
 *
input[type=submit], input[type=reset], x:-moz-any-link {
  padding-bottom:3px;
}

input[type=button], x:-moz-any-link {
  padding-bottom:3px;
}
*/


/**
 * Quia Book Special Message
 *
 * -fix for bug 38773: for some reason, some of the css isn't loaded for
    Quia Book the tech support page -pkim 4/9/13
 */
#special_msg_div, div.qbeolBanner {
  border: 0 none;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 750px;
}

#special_msg_inner, div.qbeolInner {
  background-color: #F4EBA6;
  border: 0 none;
  color: #666666;
  font: 16px Verdana,Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 5px 15px;
}

#special_msg_inner a {
  color: #666666;
}