/* Using scheme/defaultCss.jsp.  Rendered Sun Feb 05 14:46:54 EST 2012. 
Params:
  
*/

.thesaurusLookupContent {
  background-color: #ffffff;
}
.errorMessage {
  color: #CC0000;
}
.hidden {
  display: none;
}

/*** Form ***/

FORM.none {
  display: none;
}

INPUT {
  font-family: 'arial';
}
INPUT.bookings-gotodate {
  height: 20px;
}
INPUT.bookings-weeknav {
  width: 20px;
  height: 20px;
}
INPUT.columnHeading {
  font-weight: bold;
  font-size: 50%;
  color: #880000;
  padding: 0px;
  border-width: 1px;
  margin: 0px;
}
INPUT.contextmenu {
  backColor: rgb(229,58,55);
  foreColor: rgb(255,255,255);
}
INPUT.opac {
  font-weight: bold;
  font-size: 50%;
  color: #880000;
  padding: 0px;
  border-width: 1px;
  margin: 0px;
}
INPUT.opacButton {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
}

INPUT.readonly {
  color: #bda8c2;
}

BUTTON.opac {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
}

TEXTAREA {
  font-family: 'arial';
}

SELECT.hide {
  display: none;
}

SELECT.fullWidth {
  width: 100%;
}

SELECT.suggestion {
  font-family: 'lucida console';
}

/*** Layout ***/

BODY {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  padding-top: 0;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}
BODY.opac {
  background-color: #ffffff;
  padding-top: 0;
}
DIV.aboutText {
  text-align: center;
}
DIV.dialog {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
DIV.dialoghelp {
  border-width: 1px;
  border-style: solid;
  padding: 5px;
  padding-left: 10px;
  margin: 5px;
  font-family: "verdana", "arial";
  font-size: 90%;
}
DIV.dropbox {
  position: absolute;
  top:    23px;
  width:    105px;
  z-index:  2;
  visibility: hidden;
  background-color: #C8E3DE;
}
DIV.menu {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #99CCFF; /* previously #C8E3DE; */
}
DIV.mergeHeader {
  background-color: #C8E3DE;
}
DIV.suggestion {
  position: absolute;
  background: #ffffff;
}
DIV.banner
{
  width: 100%;
  height: 50px;
}

DIV.banner_large
{
  width: 100%;
  height: 120px;
}
DIV.pagehelp {
  border-width: 1px;
  border-style: solid;
  padding: 5px;
  padding-left: 10px;
  margin: 5px;
  font-family: "verdana", "arial";
  font-size: 90%;
}
DIV.quickpick {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #6600ff;
}
DIV.thesaurusSearchResult {
  padding: 5;
}
DIV.thesaurusSelectedTerms {
  width: 245;
  overflow-x: auto;
}
DIV.functionalInput {
  text-align:center;
}

HR.br1 {
  margin: 0;
  padding: 0;
  color: white;
  height: 0;
}
HR.opacprint {
  width: 100%;
  align: center;
  size: 1;
}

/*** Text ***/

A {
  font-family: "verdana", "arial";
  color: red;
  text-decoration: none;
}
A:hover {
  color: blue;
  text-decoration: none;
}
A.collapse {
  color: blue;
}
A.dropbox {
  font-family:  "Arial";
  font-weight:  bold;
  font-size:  9pt;
  color:    #0F238C;
  background-color: #C8E3DE;
  text-decoration: none;
}
A.dropbox:hover {
  color:    #007577;
  background-color: #F9E9ED;
}
A.matrixTabCharges {
  color: #990000;
  font-weight: bold;
}
A.matrixTabLoans {
  color: #000066;
  font-weight: bold;
}
A.matrixTabOff {
  text-decoration: underline;
}
A.menu {
  font-family: "Arial";
  font-weight: bold;
  font-size: 9pt;
  color: #007577;
  background-color: #C8E3DE;
  text-decoration: none;
}
A.menu:hover {
  color:    #C8E3DE;
  background-color: #0F238C;
}
A.navigation {
  font-size: 20px;
}
A.opac {
  color: blue;
  text-decoration: underline;
}
A.opac:hover {
  text-decoration: none;
}
A.opacbar2 {
  font-size: 80%;
  font-weight: bold;
  color: white;
  text-align: left;
  text-decoration: underline;
}
A.opacbar2:hover {
  color: blue;
  text-decoration: underline;
}
A.opacbar3 {
  font-size: 60%;
  font-weight: bold;
  color: white;
  text-align: left;
  text-decoration: underline;
}
A.opacbar3:hover {
  color: #FFFF66;
  text-decoration: underline;
}
A.opacmenu {
  color: blue;
  font-size: 90%;
  font-weight: bold;
}
A.opacmenu:hover {
  color: purple;
}
A.opacNavigation {
  color: blue;
}
A.opacNavigation:hover {
  color: red;
  text-decoration: none;
}
A.opacSearchLogoUpload {
  color: white;
}
A.p-size {
  font-family: "verdana", "arial";
  color: red;
  text-decoration: none;
  font-size: 90%;
}
A.reloadList {
  font-size: 60%;
  font-weight: bold;
  margin: 2px;
}
A.selfissue {
  color: blue;
  text-decoration: underline;
}
A.tabsOff {
        color: black;
        margin: 0px;
        text-decoration: underline;
}
A.tabsOn {
        color: black;
        margin: 0px;
}
A.tabsOn:hover {
        color: black;
}
A.thesaurusSearchCurrent {
  font-weight: bold;
  text-decoration: underline;
}
A.theslist {
  font-size: 80%;
}
A.title {
  font-size: 100%;
  font-weight: bold;
}

button.detailOp, button.detailOpHover  {
  font-family: "verdana", "arial";
  text-decoration: none;
  font-size: 90%;
  color:red;
  background-color:#fefddc;
  border-width: 1px;
  border-style: solid;
  margin: 1px;
}

button.detailOpHover {
  color: blue;
  background-color:#fdfbb3;
  cursor: pointer;
}

span.detailOpSpacing {
}

FONT.zCataloguingLabel {
  FONT-WEIGHT: normal;
  FONT-SIZE: 160%;
  FONT-FAMILY: Times, serif;
}

IMG.link {
  border: 0;
}

P {
  font-family: "verdana", "arial";
  font-size: 90%;
}
P.allocation {
  text-align: right;
}
P.bold {
  font-weight: bold;
  color: #336699;
}
P.budgetLabel {
  font-weight: bold;
  font-size: 90%;
}
P.catalogTitle {
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 100%;
}
P.checkinAction {
  font-size: 130%;
  text-align: right;
}
P.checkinDescription {
  font-weight: bold;
}
P.checkinIndex {
  text-align: center;
  font-size: 90%;
  color: #880000;
}
P.checkinTitleLarge {
  font-weight: bold;
  color: #880000;
}
P.checkinTitleSmall {
  font-weight: bold;
  font-size: 70%;
  color: #880000;
}
P.circulationListLink {
  text-align: center;
  font-size: 90%;
  color: #880000;
}
P.compositeDetailFieldLabel {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
  text-align: right;
}
P.compositeDetailNestedFieldLabel {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
  text-align: center;
}
P.compositeUpdateFieldLabel {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
  text-align: right;
}
P.compositeUpdateNestedFieldLabel {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
  text-align: center;
}
P.compositeUpdateSectionLabel {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
}
P.detailOp {
  text-align: center;
}
P.detailSectionLabel {
  text-align: center;
  font-weight: bold;
  font-size: 90%;
  color: #880000;
}
P.detailSecondarySectionLabel {
  text-align: center;
  font-weight: normal;
  font-size: 90%;
  color: #880000;
}
P.dialogMessage {
  text-align: center;
}
P.duplicateCopyField {
  margin-bottom: 0;
}
P.editItemError {
  margin-top: 2px;
  padding-top: 2px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  width: 80%;
  font-size: 80%;
  color: #CC0000;
}
P.editHeaderError {
  margin-top: 2px;
  padding-top: 2px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  width: 80%;
  font-size: 80%;
  color: #CC0000;
}
P.fdinfoboxes {
  margin: 0;
  font-size: 80%;
  text-align: right;
  padding-top: 5px;
}
P.fieldlabel {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
}
P.hang {
  margin-left: 60px;
  text-indent: -60px;
}
P.help {
  margin-top: 2px;
  padding-top: 2px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  width: 80%;
  font-size: 60%;
  color: #444444;
}
P.leftmargin {
  float: left;
  width: 5%;
}
P.left-margin {
  margin-left: 20px;
}
P.legend {
  text-align: center;
}
P.listGroupedLink {
  text-align: right;
  padding: 3px;
}
P.listGroupedTitle {
  padding: 3px;
}
P.message {
  font-weight: bold;
  font-size: 90%;
  color: #000088;
  text-align: center;
}
P.opacbar1 {
  font-family: "Bradley Hand ITC", "Kristen ITC", "Lucida Handwriting", "Gill Sans MT", "Arial", "Comic Sans MS";
  font-size: 140%;
  text-align: center;
  color: #FFFFFF;
}
P.opacbar2 {
  font-size: 100%;
  margin: 5px;
}
P.opacBrowseHelp {
  font-size: 70%;
}
P.opacInfo {
  margin: 10px;
}
P.opaclabel {
  font-size: 70%;
  color: #224499;
}
P.opacNavigation {
  font-size: 60%;
  font-weight: bold;
  margin: 2px;
  color: #ffffff;
}
P.opacprint {
  font-family: "Arial", "Helvetica";
  margin: 0px;
}
P.opacprintlabel {
  font-family: "Arial", "Helvetica";
  margin: 0px;
  font-style: italic;
  font-size: 90%;
}
P.opacResearch {
  font-size: 80%;
  padding: 1px;
  padding-left: 30px;
  margin-top: 0px;
}
P.opacRangeFocus {
  font-weight: bold;
}
P.opacResultEmpty {
  color: #ffff33;
}
P.opacSearchLeader {
  text-align: center;
}
P.opacHelpItem {
  margin-left: 10px;
  margin-top: 2px;
  padding-top: 2px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  width: 100%;
  font-size: 60%;
  color: #444444;
}
P.opacHelpTip {
  margin-left: 50px;
  margin-top: 2px;
  padding-top: 2px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  width: 100%;
  font-size: 60%;
  color: #444444;
}
P.opacTitle {
  font-weight: bold;
  font-size: 110%;
  margin: 10px;
  margin-left: 15px;
}
P.overdue {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
}
P.pageup, P.pagedown {
  font-size: 60%;
  font-weight: bold;
  margin: 2px;
}
P.quickpick {
  font-weight: bold;
}
P.research {
  font-size: 80%;
  background-color: #cccccc;
  padding: 1px;
  padding-left: 30px;
  margin-top: 0px;
}
P.reportdata {
  font-size: 70%;
  margin-left: 5px;
}
P.reportheadings {
  font-weight: bold;
  font-size: 110%;
  margin-left: 5px;
}
P.right {
  text-align: right;
}
P.rightmargin {
  float: right;
  width: 5%;
}
P.sectionLabel {
  font-weight: bold;
  font-size: 90%;
  color: #880000;
}
P.small {
  font-size: 70%;
}
P.small80 {
  margin-top: 2px;
  padding-top: 2px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  width: 80%;
  font-size: 80%;
  color: #444444;
}
P.smallblack {
  font-size: 70%;
  color: #000000;
}
P.small-nowrap {
  font-size: 70%;
  white-space: nowrap;
}
P.smallQuickpick {
  font-weight: bold;
  font-size: 70%;
}
P.smallright {
  float: right;
  font-size: 70%;
  margin: 0;
}
P.smallwhite {
  font-size: 70%;
  color: #ffffff;
}
P.srchterms {
  font-weight: bold;
  color: #ffffff;
}
P.std {
  margin-left: 5px;
}
P.stocktakeSectionDetailItemListHeader {
  text-align: center;
}
P.tableheadings {
  font-weight: bold;
}
P.thesaurusMergeHelp {
  margin-left: 20pt;
}
P.thesaurusSubEntries {
  font-size:70%;
  padding-left:20px;
  padding-top:0px;
  padding-bottom:10px;
  margin:0px
}
P.title {
  font-size: 110%;
  font-weight: bold;
  margin: 5px;
  margin-left: 20px;
}
P.titleMain {
  font-size: 110%;
  font-weight: bold;
  margin: 5px;
  margin-left: 20px;
  text-align: center;
}
P.updateSectionLabel {
  text-align: center;
  font-weight: bold;
  font-size: 90%;
  color: #880000;
}
P.updateSecondarySectionLabel {
  text-align: center;
  font-weight: normal;
  font-size: 90%;
  color: #880000;
}
P.welcome {
  font-family: "Bradley Hand ITC", "Kristen ITC", "Lucida Handwriting", "Gill Sans MT", "Arial", "Comic Sans MS";
  font-size: 400%;
  text-align: center;
}
P.welcome2 {
  font-family: "Bradley Hand ITC", "Kristen ITC", "Lucida Handwriting", "Gill Sans MT", "Arial", "Comic Sans MS";
  font-size: 160%;
  color: white;
  text-align: center;
}

PRE {
  font-family: "verdana", "arial";
  margin: 0;
}
PRE.small {
  font-size: 70%;
}

SPAN.filesize {
  color: green;
  font-size: smaller;
}
SPAN.opacRelation {
  font-size: 70%;
  color: #224499;
}
SPAN.thesaurusUsage {
  font-size: smaller;
  color: #009900;
}

/*** List ***/

LI.para {
  font-family: "verdana", "arial";
  font-size: 90%;
}
LI.stocktakeListElement {
  margin-bottom: 4px;
}

OL.help {
  margin-top: 2px;
  padding-top: 2px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  width: 80%;
  font-size: 70%;
  color: #444444;
}

/*** Table ***/

TABLE.compositeDetail {
  margin: 5px;
}
TABLE.compositeUpdate {
  margin: 5px;
}
TABLE.detail {
}
TABLE.full {
  width: 100%;
  height: 100%;
}
TABLE.layout {
  border: 0;
}
TABLE.lendingRuleMatrix {
  background-color: #aec5d5;
  width: 100%;
  spacing: 0;
}
TABLE.lendingRuleTabs {
  background-color: #e1eaf0;
  width: 100%;
  spacing: 1;
}
TABLE.opac {
  border-style: solid;
  border-width: 3px;
  /* suppressed until can figure out how to do with just CSS (no templating) border-top-width: 0; */
  width: 90%;
}
TABLE.opacBrowse {
  margin-left: 15px;
}
TABLE.opacBrowseRange {
  width: 100%;
  border-style: outset;
  border-top-style: none;
  border-left-style: inset;
}
TABLE.opacHelpTips {
  width: 80%;
}
TABLE.opacLogo {
  width: 90%;
}
TABLE.opacprint {
  width: 100%;
  margin-top: 15px;
  border: 0;
}
TABLE.opacResultEmpty {
  margin-top: 20px;
  margin-bottom: 20px;
}
TABLE.opacSearchLeader {
  text-align: center;
  width: 70%;
  margin-top: 20px;
  margin-bottom: 20px;
}
TABLE.opacTabs {
  width: 90%;
  height: 40px;
}
TABLE.overdueMissingRevenue {
  border-collapse: collapse;
  border: none;
  width: 80%;
  padding: 0;
}
TABLE.overdueMissingRevenueData {
  border-collapse: collapse;
  border: none;
  border-width: 3px;
  width: 100%;
  padding: 0;
}
TABLE.update {
  width: 100%;
  border: 0;
}

TH {
  text-align: left;
}
TH.listRow {
  padding: 5px;
  border: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #88bbee;
}
TH.listRowEdit {
  padding: 5px;
  border: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #88bbee;
}
TH.statistic {
  padding: 5px;
}

TR.add {
  background-color: #eeeeee;
}
TR.biblioDescendant {
  background-color: #eeeeee;
}
TR.browse {
  background-color: #eeeeee;
}
TR.cascading {
  background-color: #eeeeee;
}
TR.hideText {
  display: none;
}
TR.itemSearchResult {
  background-color: #CFCFCF;
}
TR.marc {
  background-color: #9999CC;
}
TR.menuContext {
}
TR.menuItem {
}
TR.menuLabel {
}
TR.opacbar1 {
  background-color: #666699;
}
TR.opacbar2 {
  background-color: #0B155A;
}
TR.opacbar3 {
  background-color: #999999;
}
TR.opacbar4 {
  background-color: #999999;
}
TR.opacbar5 {
  background-color: #CCCCCC;
}
TR.statistic {
  background-color: #228B22;
}
TR.statistic0 {
  font-weight:  bold;
  font-size:  150%;
  background-color: #006600;
}
TR.statistic1 {
  font-weight:  bold;
  font-size:  120%;
  background-color: #b5ddb9;
}
TR.statistic2 {
  font-weight:  bold;
  background-color: #e1f1e3;
}
TR.statistic3 {
  background-color: #ccffcc;
}
TR.statistics-background {
  background-color: #228B22;
}
TR.thesaurusRelator {
  vertical-align: center;
}
TR.update {
  background-color: #eeeeee;
}

TD.addFieldname {
  width: 20%;
  text-align: right;
}
TD.addValue {
  width: 78%;
  text-align: left;
}
TD.bookings-bookable {
  background-color: yellow;
}
TD.bookings-booked {
  background-color: red;
}
TD.bookings-closed {
  background-color: gray;
}
TD.browseFieldname {
  width: 20%;
  text-align: right;
  padding: 5px;
  border-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.tagFieldname {
  width: 40%;
  text-align: right;
  padding: 5px;
  border-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.browseValue {
  text-align: left;
  padding: 5px;
  border-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.budgetLabel {
  text-align: center;
  padding: 3px;
  border-width: 0pt;
  border-bottom-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.changes_clickable {
  cursor: pointer;
  background-color: #ffffe0;
  border-color: #b5ddb9;
  border-width: 1px;
  border-style: solid;
}
TD.changes_clickableHover {
  cursor: pointer;
  background-color: #fdfbb3;
  border-color:#b5ddb9;
  border-width: 1px;
  border-style: solid; 
}
TD.changes_notOutstanding {
  background-color: #c6ffc6;
  border-color: #b5ddb9;
  border-width: 1px;
  border-style: solid;
}
TD.changes_outstanding {
  background-color: #ffd9ec;
  border-color: #b5ddb9;
  border-width: 1px;
  border-style: solid;
}
TD.copyChanges_notOutstanding {
  background-color: #c6ffc6;
  border-color: #b5ddb9;
  border-width: 1px;
  border-style: solid;
}
TD.copyChanges_outstanding {
  background-color: #ffd9ec;
  border-color: #b5ddb9;
  border-width: 1px;
  border-style: solid;
}
TD.checkinAction {
  cursor: pointer;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #ffffe0;
  border-color: #dfc6a1;
}
TD.checkinIndex {
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
  border-color: #dfc6a1;
}
TD.checkinIssue {
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
}
TD.checkinIssue_current {
  background-color: #ffff99;
  border-color: #dfc6a1;
}
TD.checkinIssue_future {
  background-color: #ccffcc;
  border-color: #dfc6a1;
}
TD.checkinIssue_overdue {
  background-color: #ffddee;
  border-color: #dfc6a1;
}
TD.circulationListLink {
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
  border-color: #dfc6a1;
}
TD.collapsibleSection {
  margin: 0px;
  padding: 0px;
}
TD.compositeDetailField {
  padding: 5px;
  border-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.compositeDetailFieldLabel {
  width: 20%;
  text-align: right;
  padding: 3px;
}
TD.compositeDetailFieldValue {
  padding: 3px;
  text-align: center;
}
TD.compositeDetailNestedFieldLabel {
  text-align: center;
}
TD.compositeDetailNestedFieldValue {
  text-align: center;
}
TD.compositeDetailOptionField {
  padding-right: 20px;
}
TD.compositeDetailOptionFieldValue {
  padding: 3px;
  padding-right: 20px;
  background-color: #ffffff;
  border-width: 1pt;
  border-style: solid;
  border-color: #cccccc;
}
TD.compositeUpdateField {
  padding: 5px;
  border-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.compositeUpdateFieldLabel {
  width: 20%;
  text-align: right;
  padding: 3px;
}
TD.compositeUpdateFieldIdentifier {
  width: 30px;
}
TD.compositeUpdateFieldValue {
  padding: 3px;
}
TD.compositeUpdateNestedFieldLabel {
  text-align: center;
}
TD.compositeUpdateNestedFieldValue {
  text-align: center;
}
TD.compositeUpdateOptionField {
  padding-right: 20px;
}
TD.compositeUpdateSectionLabel {
  width: 20%;
  text-align: left;
  padding: 3px;
}
TD.detailCollapsibleSection {
  margin: 0px;
  padding: 0px;
}
TD.detailSectionLabel {
  margin: 0px;
  padding: 3px;
  cursor: pointer;
  border-width: 0pt;
  border-bottom-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.dialogContent {
  background-color: #99ccff;
}
TD.dialogMessage {
}
TD.financial {
  padding: 0px;
}
TD.interlibraryloan {
  border: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #88bbee;
}
TD.legend {
  padding: 10px;
  padding-left: 20px;
}
TD.listRow {
  padding: 5px;
  border: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #88bbee;
}
TD.listRowEdit {
  cursor: pointer;
  padding: 5px;
  border: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #88bbee;
}
TD.listRowSelected {
  padding: 5px;
  border: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #88bbee;
  color: red;
}

TD.listIndexCol, TD.listIndexColHover {
  text-align: center;
  background-color:#fefddc;
  border-width: 1px;
  border-style: solid;
  padding: 0px;
  margin: 0px;
  padding-top: 2px;
  line-height: 1.6;
  cursor: pointer;
}

TD.listIndexColHover {
  background-color:#fdfbb3;
}

TD.matrix {
  background-color: #FFFFFF;
}
TD.matrixAllowLoan {
  background-color: #CCFFCC;
}
TD.matrixCirculationExpiryDate {
  background-color: #FFFFFF;
  color: #CC0000;
}
TD.matrixCharges {
  background-color: #ffcccc;
}
TD.matrixDisallowLoan {
  background-color: #FFCCCC;
}
TD.matrixHighlight {
  background-color: purple;
}
TD.matrixLoanLimit {
  background-color: #CCFFFF;
}
TD.matrixLoanLimitType {
  background-color: #99FFFF;
  color: #0000FF;
}
TD.matrixResourceLoanCategory {
  background-color: #FFFFFF;
  color: green;
  padding-left: 20px;
}
TD.matrixTabCharges {
  BORDER-RIGHT: #aec5d5 2px solid;
  BORDER-TOP: #aec5d5 2px solid;
  BORDER-LEFT: #aec5d5 2px solid;
  BORDER-BOTTOM: #aec5d5 2px;
  padding: 7px;
  border-width: 2px;
  cursor: pointer;
}
TD.matrixTabChargesOptions {
  padding: 7px;
}
TD.matrixTabEmpty {
  BORDER-BOTTOM: #aec5d5 2px solid;
}
TD.matrixTabLoans {
  BORDER-RIGHT: #aec5d5 2px solid;
  BORDER-TOP: #aec5d5 2px solid;
  BORDER-LEFT: #aec5d5 2px solid;
  BORDER-BOTTOM: #aec5d5 2px;
  background-color: #FFFFFF;
  padding: 7px;
  border-width: 2px;
  cursor: pointer;
}
TD.matrixTabRow {
  background-color: #e1eaf0;
}
TD.matrixType {
  background-color: #FFFFFF;
  color: #990000;
  text-align: center;
}
TD.monthDayIndicator {
  padding: 2px;
  background-color: #fefddc;
  cursor: hand;
  border-style: solid;
  border-width: 1px;
  border-color: white;
}
TD.monthDayInput {
  text-align: right;
  background-color: #fefddc;
  color: black;
  cursor: hand;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  padding: 2px;
}
TD.monthDayInputHover {
  background-color: #fdfbb3;
}
TD.monthDayInputSelected {
  background-color: #0a246a;
  color: white;
}
TD.monthDayInputSelectedHover {
  background-color: #0000ff;
}
TD.nestedBrowseName {
  text-align: right;
  padding: 5px;
  border-width: 1pt;
  border-top-width: 0;
  border-style: solid;
  border-color: #ffffff;
}
TD.nestedBrowseValue {
  text-align: right;
  padding: 5px;
  border-width: 1pt;
  border-top-width: 0;
  border-style: solid;
  border-color: #ffffff;
}
TD.nestedFieldName {
  width: 10%;
  text-align: right;
}
TD.nestedUpdateFieldname {
  padding: 3px;
  text-align: right;
  border-width: 1pt;
  border-top-width: 0;
  border-style: solid;
  border-color: #ffffff;
}
TD.nestedUpdateFieldvalue {
  text-align: right;
  padding: 3px;
  border-width: 1pt;
  border-top-width: 0;
  border-style: solid;
  border-color: #ffffff;
}
TD.noTabs {
  border-bottom-style: outset;
  border-width: 2px;
}
TD.number {
  width: 50px;
  text-align: right;
  padding-right: 10px;
}
TD.opacBrowse {
  padding: 2;
}
TD.opacbuttons {
  text-align: center;
  width: 33%;
}
TD.opacChoice {
  padding: 10px;
  text-align: center;
}
TD.opaclabel {
  padding: 2px;
  width: 12%;
}
TD.opacLogo {
  padding: 20;
}
TD.opacprintFieldname {
  width: 20%;
  text-align: right;
  padding: 5px;
}
TD.opacprintFieldlabel {  
  text-align: right;
  padding: 5px 10px 5px 5px;  
}
TD.opacprintFieldvalue {
  text-align: left;
  padding: 5px;
}
TD.opacResult {
  padding: 2px;
}
TD.opacResultEmpty {
  padding: 15;
  text-align: center;
}
TD.opacResultSeparator {
  background-color: #e1eaf0;
  height: 6px;
}
TD.opacSearchField {
  padding-bottom: 10px;
  padding-top: 10px;
}
TD.opacSearchLabel {
  text-align: right;
  width: 15%;
  padding-top: 10px;
}
TD.opacSearchLogo {
  width: 20%;
}
TD.opacSearchLogoUpload {
  width: 20%;
  background-color: #FF3333;
  padding: 10;
}
TD.opacTabHelpItem {
  border-bottom-style: outset;
  border-width: 1;
  padding-top: 10px;
  padding-bottom: 10px;
}
TD.overdueMissingRevenueBranch {
  border: solid windowtext 1.0pt;
  padding: 0in 5.4pt 0in 5.4pt;
}
TD.overdueMissingRevenueHeader {
  border: solid windowtext 1.0pt;
  background: #D9D9D9;
  padding: 5;
  text-align: left;
  writing-mode: tb-rl;
  filter: flipH() flipV();
}
TD.overdueMissingRevenueHeaderPrint {
  border: solid windowtext 1.0pt;
  background: #D9D9D9;
  padding: 5;
  text-align: left;
}
TD.overdueMissingRevenueMonth {
  border: solid windowtext 1.0pt;
  background: #B3B3B3;
  padding: 0in 5.4pt 0in 5.4pt;
}
TD.overdueMissingRevenueData {
  border: solid windowtext 1.0pt;
  padding: 0in 5.4pt 0in 5.4pt;
}
TD.overdueMissingRevenueBottomBorder {
  border-bottom: solid windowtext 2.0pt;
}
TD.overdueMissingRevenueRightBorder {
  border-right: solid windowtext 2.0pt;
}
TD.predictionSeparator {
  border-left: groove;
}
TD.reprintAction {
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  background-color: #ffffe0;
  border-color: #dfc6a1;
}
TD.resourceBoxHelp {
  text-align: center;
  padding: 5px;
}
TD.splitValue {
  width: 39%;
  text-align: left;
}
TD.statistic0 {
  padding: 5px;
}
TD.statistic1 {
  padding: 5px;
}
TD.statistic2 {
  padding: 5px;
}
TD.statistic3 {
  padding: 5px;
}
TD.table {
  border-width: 0;
  border-top-width: 2;
  border-style: solid;
  border-color: #88bbee;
}
TD.thesaurusRelator {
  text-align: center;
  border-width: 0px;
  border-left-style: solid;
  border-left-color: #cccccc;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b5ddb9;
  border-bottom-width: 1px;
}
TD.thesaurusRelatorTerm {
  padding: 5px;
  border-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #b5ddb9;
  border-bottom-width: 1px;
}
TD.updateCollapsibleSection {
  margin: 0px;
  padding: 0px;
}
TD.updateFieldButton {
  padding: 5px;
  text-align: center;
}
TD.updateFieldlabel {
  text-align: right;
}
TD.updateFieldname {
  width: 20%;
  padding: 3px;
  text-align: right;
  border-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.updateFieldvalue {
  text-align: left;
  padding: 3px;
  border-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.updateHeaderLabel {
  width: 20%;
  padding: 3px;
  text-align: right;
}
TD.updateHeaderValue {
  text-align: left;
  padding: 3px;
  font-weight: bold;
}
TD.updateSection {
  text-align: center;
  padding: 3px;
  border-width: 0pt;
  border-bottom-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.updateSectionLabel {
  margin: 0px;
  padding: 3px;
  cursor: pointer;
  border-width: 0pt;
  border-bottom-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.updateValue {
  width: 78%;
  padding: 3px;
  text-align: left;
  border-width: 1pt;
  border-style: solid;
  border-color: #ffffff;
}
TD.total {
  padding: 5px;
  border: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #88bbee;
  background-color: #ccffff;
}
TD.grandtotal {
  padding: 5px;
  border: 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #88bbee;
  background-color: #99ccff;
}

/* OPAC Tab colours ************************************/

/* These are the same until we figure out how to do proper tabbing with CSS (IE: no templating) */
TD.tabsOn,
TD.tabsOff {
  cursor: pointer;
  border-width: 3px;
  border-style: solid;
  font-family: 'verdana', 'arial';
  font-weight: bolder;
  text-align: center;
  border-bottom-style: none;
}

.opacTabAdvanced {
  background-color: #66cccc;
  border-color: #669999;
}

.opacTabSearch {
  background-color: #ccffcc;
  border-color: #99cc99;
}

.opacTabBrowse {
  background-color: #ccccff;
  border-color: #cc99ff;
}

.opacTabHelp {
  background-color: #ccffff;
  border-color: #66ffff;
}

.opacTabMyStuff {
  background-color: #99ccff;
  border-color: #6699ff;
}

.opacTabOlly {
  background-color: #ff9999;
  border-color: #cc6666;
}

.opacTabQuickClicks {
  background-color: #ffcc99;
  border-color: #ff9966;
}

.opacTabQuest {
  background-color: #D9ECFF;
  border-color: #E2E2E2;
}

.opacTabQuickPic {
  background-color: #ffaacc;
  border-color: #bb5566;
}

/* END OPAC Tab colours ************************************/

/*** Image Dimensions ***/

IMG.borrower {
  width: 150px;
}

IMG.detailSectionLabel {
  float: left;
}

IMG.libraryInfo {
  width: 65px;
}

IMG.opacLogo {
  height: 75px;
}

IMG.opacThumbfile {
  height: 120px;
}

IMG.updateSectionLabel {
  float: left;
}

/*** Date Picker ***/
DIV.datePick {
  position: absolute;
  background: #ffffff;
  font-family: verdana;
  border-top: 1px solid #4d94de;
  border-right: 1px solid #4d94de;
  border-bottom: 1px solid #4d94de;
  border-left: 1px solid #4d94de;
  z-index: 1;
}

TABLE.datePick {
  border: 0;
  cellPadding: 0;
}

TR.datePickHeader {
  background: #4d94de;
}

A.datePickNow {
  font-size: 12px;
}

TABLE.datePickDay {
  border: 0;
  cellPadding: 1;
}

TD.datePickDay, TD.datePickDaySelect, TD.datePickDayHighlight {
  font-size: 12px;
  border-top: 1px solid #4d94de;
  border-right: 1px solid #4d94de;
  border-bottom: 1px solid #4d94de;
  border-left: 1px solid #4d94de;
}

TD.datePickDaySelect {
  background: #ffb6c1;
}

TD.datePickDayHighlight {
  background: #ffd0d7;
}

TD.datePickDayName {
  color: #ffffff;
  font-size: 11px;
  background: #87cefa;
  border-top: 1px solid #4d94de;
  border-right: 1px solid #4d94de;
  border-bottom: 1px solid #4d94de;
  border-left: 1px solid #4d94de;
}

/*** CircDesk ***/
.circDesk, 
.circulation,
table.circDeskRelatedTabBar {
  font-family: 'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
  font-size: 10pt;
}

table.circDesk, table.circulation {
  height: 100%;
  width: 100%;
}

td.circDeskInputField {
  border: 1px solid #000000;
  padding: 3px;
}

td.circDeskBorrowerRelated {
  width: 50%;
  border: 1px solid #000000;
}

td.circDeskTransactionRelated {
  width: 40%;
  border: 1px solid #000000;
}

div.circDeskRelatedTabPanel {
  border-bottom: 1px solid #a6caf0;
  border-left: 1px solid #a6caf0;
  border-right: 1px solid #a6caf0;
  height: 100%;
  overflow: auto;
}

div.circDeskBorrowerPanel {
  height: 100%;
  overflow: auto;
}

div.circDeskLogging {
  height: 100%;
  overflow: auto;
}

table.circDeskRelatedTabTable {
  width: 100%;
  padding: 0;
}

table.circDeskRelatedTab {
  width: 100%;
  height: 100%;
}

table.circDeskRelatedTabBar {
  height: 30px;
}

td.circDeskInputPanel {
  width: 25%;
}

td.circDeskOperation {
  text-align: center;
}

.barcode {
  font-family: 'Arial', 'Helvetica', 'sans-serif';
}

button.circDesk, button.circulation {
  cursor: hand;
  font-family: 'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
  width: 58px;
  height: 40px;
  background: #fdfeda;
  border: 1px solid #a6caf0;
  overflow: visible;
}

button.circDeskFunction, button.circDeskOperation {
  cursor: hand;
  font-family: 'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
  width: 95px;
  height: 40px;
  background: #fdfeda;
  border: 1px solid #a6caf0;
  overflow: visible;
}

div.circDeskDatePicker {
  z-index: 1000;
}

button.circDeskActiveOperation {
  cursor: hand;
  border: 2px solid #a6caf0;
  background-color: #ff99cc;
}

input.circDeskInputField {
  font-family: 'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
  font-size: 16pt;
  width: 100%;
  background: #ffff99;
}

table.circDeskFeedback {
  width: 100%;
}

div.circDeskFeedback {
  height:100%;
}

td.circDeskFeedback {
  vertical-align: top;
}

table.circulationQuestion {
  width: 100%;
  padding: 1px;
  font-weight: bold;
  border-bottom: 1px solid #999999;
}

table.circulationMessage {
  width: 100%;
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #999999;
}

table.circDeskNotice {
  padding: 60px;
  width: 100%;
}

table.circDeskTransaction {
  width: 100%;
}

div.circDeskTransactionView {
  border: 1px solid #ff0000;
  height: 100%;
}

table.circDeskTransactionView {
  width: 100%;
  height: 100%;
  padding: 3;
}

tr.circDeskTransactionViewTitle {
  font-weight: bold;
}

tr.circDeskReturnDate td {
  border-top: 1px solid #ff0000;
}

div.circDeskTransaction {
  height: 100%;
}

tr.circDeskTransaction {
  height: 50%;
  vertical-align: top;
}

td.circDeskBorrower {
  /*padding: 10;*/
}

td.circDeskBorrowerValue {
  width: 75%;
}

td.circDeskBorrowerNameValue div.circDesk {
  font-weight: bold;
  font-size: 18pt;
}

td.circDeskHeaderRow {
  border-bottom: 1px solid #a6caf0;
  border-right: 1px solid #a6caf0;
  border-top: 1px solid #a6caf0;
  padding: 3;
  font-weight: bold;
}

tr.circDeskHeaderRow {
  padding: 0;
}

td.circDeskTransactionRow, td.circDeskTransactionMessageRow, td.circDeskTransactionQuestionRow, td.circDeskTransactionInactiveRow {
  border-bottom: 1px solid #a6caf0;
  border-right: 1px solid #a6caf0;
  padding: 3; 
}

td.circDeskTransactionInactiveRow, td.circDeskTableInactiveRow {
  cursor: text;
}

td.circDeskSelectedDataRow {
  border: 1px solid #ff0000;
  cursor: text;  
}

tr.circDeskRelated {
  width: 100%;
  vertical-align: top;
}

td.circDeskRelated {
  border: 1px solid #000000;
  padding: 3px;
  width: 100%;
}

td.circDesk {
  width: 100%;
}

td.circDeskTableRow, td.circDeskTableMessageRow, td.circDeskTableQuestionRow, td.circDeskTableInactiveRow, td.circDeskLoanLimitExceeded {
  border-bottom: 1px solid #a6caf0;
  border-right: 1px solid #a6caf0;
  padding: 3;
}

td.circDeskLoansDueDate, td.circDeskReturnsReturnDate {
  border-bottom: 1px solid #a6caf0;
  border-right: 1px solid #a6caf0;
  cursor: hand;
  padding: 3;
}

td.circDeskOverdueLoanDueDate, td.circDeskTableQuestionRow, td.circDeskReservationCanAllocate {
  cursor: hand;
}

.circDeskQuestionTitle {
  font-size: 110%;
}

.circDeskQuestionBody {
  font-weight: 500;
}

button.circDeskQuestion {
  cursor: hand;
  width: 60px;
}

.gwt-tabPanel {
  width: 100%;
}

.gwt-TabBarFirst {
  border-bottom: 1px solid;
}

.gwt-TabBarRest {
  border-left: 1px solid;
  border-bottom: 1px solid;
}

.gwt-TabBarItem {
  height: 100%;
  width: 100%;
  border-top: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
  font-weight: normal;
  padding: 2px 8px 2px 8px;
  cursor: pointer;
  cursor: hand;
}

.gwt-TabBarItem-selected {
  cursor: default;
  font-weight: bold;
}

table.Cal_Buttons {
  width: 100%;
}

td.Cal_CellDays {
  padding: 3px;
  font-size: 90%;
}

button.gwtc-Button {
  background: #fdfeda;
  border: 1px solid #a6caf0;
  cursor: hand;
  width: 30px;
}

.circDeskTransactionDateEdit {
  text-decoration: underline;
  color: #ff0000;
  cursor: hand;
}

table.circDeskFunctionPanel {
  border-top: 1px solid #a6caf0;
  height: 100%;
  padding: 3px;
  width: 1%;
}

div.circDeskLabel {
  padding: 3px;
  text-align: right;
  color: #000000;
}

div.vsplitter {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

input.circDeskChargesInputField {
  cursor: hand;
  width: 80px;
  background: #ffff99;
}

input.circDeskReturnDateEdit {
  cursor: hand;
  width: 80px;
  background: #ffff99;
}

img.circDeskReturnDateEdit {
  cursor: hand;
}

div.circDeskDialog {
  font-family: 'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
}

table.circDeskDialog {
  background-color: #aec5d5;
  width: 100%;
  height: 100%;
}

div.circDeskDialogContainer {
}

div.circDeskDialogLabel {
  text-align: right;
}

div.circDeskDialogValue {
  text-align: left;
}

div.circDeskDialogInput {
  font-family: 'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
  background: #ffff99;
}

div.circDeskDialogErrorLabel {
  color: #990000;
  font-weight: bold;
}

td.circDeskReturnResourceBoxCopyTable {
  border: 1px solid #e1eaf0;
}

div.circDeskInputSuggestionPanel {
  background-color: #ffff99;
  cursor: hand;
  z-index: 990;
}

select.circDeskInputSuggestionPanel {
  font-family: 'lucida console';
}

td.circDeskInputSuggestionPanel {
  padding-left: 10px;
  padding-right: 10px;
}

td.circDeskLoanLimit {
  vertical-align: top;
}

table.circDeskLoanLimit {
  width: 100%;
  border-left: 1px solid #a6caf0;
}

.circDeskQuestionTitle {
  font-size: 110%;
}

.circDeskQuestionBody {
  font-weight: 500;
}

button.circDeskNumVisible {
  cursor: hand;
  height: 20px;
  width: 100%;
}

div.circDeskSplitPanel {
  width: 100%;
  height: 100%;
}

table.circDeskTab {
  background-color: #c6dff0;
  height: 100%;
  width: 100%;
}

/*** MarcEditor ***/
.marcEditor {
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
}

table.marcEditor {
  width: 100%;
  height: 100%;
}

table.marcEditorSaveCancel {
  padding: 5;
  float: right;
}

button.marcEditor, div.marcEditor-up, div.marcEditor-up-hovering, div.marcEditor-down, div.marcEditor-down-hovering {
  padding: 3;
  background: #cccccc;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}

div.marcEditor-down, div.marcEditor-down-hovering {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
}

div.marcEditorTags {
  height: 100%;
  width: 100%;
  background-color: #f5f5f5;
}

table.marcEditorTags {
  width: 100%;
}

td.marcEditorTags {
  vertical-align: top;
}

td.marcEditorAddTag {
  text-align: left;
}

div.marcEditorDialogContainer {
  background-color: #ffffff;
  border: 2px solid #dddddd;
  padding: 3;
  width: 40%;
}

table.marcEditorDialog {
  width: 100%;
  height: 100%;  
}

input.marcEditorDialog {
  width: 100%;
}

table.marcEditorTag {
  width: 100%;
  background: #e6e6e6;
  border-bottom: 1px solid #000000;
  padding: 10;
}

div.marcEditorTagCode {
  color: #1324a5;
}

button.marcEditorDuplicateButton, button.marcEditorRemoveButton {
  width: 50px;
}

input.marcEditorIndicator {
  width: 18px; /* Should correspond to the width of one character */
  cursor: hand;
}

table.marcEditorSubTag {
  padding: 5;
}

div.marcEditorSubTag {
  text-align: right;
  color: #6c0036;
  text-decoration: underline;
  cursor: hand;
}

.marcEditorFixedLengthField {
  vertical-align: middle;
}

div.marcEditorFixedLengthField {
  padding: 7;
  padding-right: 2;
  display: inline; 
}

div.Caption {
  background: #1324a5;
  color: #ffffff;
  text-align: center;
}

div.marcEditorAuthority {
  text-decoration: underline;
  cursor: hand;
}

div.marcEditorAuthorityContainer {
  height: 60%;
  width: 60%;
}

div.marcEditorErrorContainer {
  border: 2px solid #ff0000;
  text-align: center;
}

td.marcEditorAddTagCustom {
  text-align: center;
}

/**** SelfCirc ****/

.selfCirc {
  font-family: 'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
  font-size: 14pt;
}

table.selfCirc {
  height: 100%;
  width: 100%;
}

button.selfCirc {
}

td.selfCircInputField {
  padding: 3px;
}

input.selfCircInputField {
  font-family: 'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
  font-size: 14pt;
  width: 100%;
}

div.selfCircHeader {
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
}

div.selfCircTableTitle {
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
}

.selfCircBorrowerLabel,.selfCircBorrowerValue {
  display: inline;
}

td.selfCircFeedback {
  vertical-align: top;
}

div.selfCircFeedback {
  height: 100%;
}

table.selfCircFeedback {
  width: 100%;
  background-color: #ffffff;
}

td.selfCircTable {
  vertical-align: top;
  background-color: #ffffff;
}

table.selfCircTable {
  width: 100%;
  background-color: #ffffff;
}

td.selfCircHeaderRow {
  font-family: 'Tahoma', 'Arial', 'Helvetica', 'sans-serif';
  font-size: 14pt;
}

table.selfCircBorrowerPanel {
  
}