/* @override 
	http://localhost:8080/LibraryAdmin/irl_styles.css
	http://localhost:8080/library/irl_styles.css
*/

/* ---------- FONTS ---------- */

.tiny {
  font-size: 9px;
}

.small {
  font-size: 10px;
}

.stand {
  font-size: 12px;
}

.large {
  font-size: 14px;
}

.big {
  font-size: 18px;
}

.huge {
  font-size: 22px;
}

.gigantic {
  font-size: 26px;
}

/* ---------- PADDING ---------- */

/* used to offset itmes located in a table cell*/

.cellPadding {
  padding: 5px;
}

/* ---------- MARGINS ---------- */

.indent {
  margin-left: 20px;
}

.padded {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

/* ----------- links ------------------- */

a.imagelink:link {
  font-size: 11px;
  background: #FFFFFF;
  color: #FFFFFF;
  border: none;
  text-decoration: none
}

a.imagelink:visited {
  font-size: 11px;
  background: #FFFFFF;
  color: #FFFFFF;
  border: none;
  text-decoration: none
}

a.imagelink:hover {
  font-size: 11px;
  background: #FFFFFF;
  color: #FFFFFF;
  border: none;
  text-decoration: none
}

a.imagelink:active {
  font-size: 11px;
  background: #FFFFFF;
  color: #FFFFFF;
  border: none;
  text-decoration: none
}

table.searchterms {
  font-size: 12px;
  width: 569px;
}

table.searchterms td.field {
  font-weight: bold;
  width: 150px;
  text-align: right;
}

table.searchterms td.term {
  text-align: left;
  padding-left: 5px;
}

table.searchterms tr.odd {
  background-color: #ededed;
  text-align: center;
}

table.searchterms tr.even {
  text-align: center;
}

table.maintenance {
  font-size: 12px;
  margin-top: 1em;
  width: 100%;
}

table.maintenance thead tr {
  background-color: #e3eaf9;
  color: #339;
  padding-bottom: 1em;
  margin-top: 1em;
}

table.maintenance tr.even {
  background-color: #ededed;
  text-align: center;
}

table.maintenance tr.odd {
  text-align: center;
}

th.sorted a, th.sortable a {
  background-position: right;
  display: block;
  width: 100%;
}

th.sortable a {
  background-repeat: no-repeat;
  background-image: url(img/arrow_off.png);
}

th.order1 a {
  background-repeat: no-repeat;
  background-image: url(img/arrow_down.png);
}

th.order2 a {
  background-repeat: no-repeat;
  background-image: url(img/arrow_up.png);
}

td.sorted a, td.sortable a {
  background-position: right;
  display: block;
  width: 100%;
}

td.sortable a {
  background-repeat: no-repeat;
  background-image: url(img/arrow_off.png);
}

td.order1 a {
  background-repeat: no-repeat;
  background-image: url(img/arrow_down.png);
}

td.order2 a {
  background-repeat: no-repeat;
  background-image: url(img/arrow_up.png);
}

span.pagebanner {
  background-color: #eee;
  border: 1px dotted #999;
  padding: 2px 4px 2px 4px;
  margin-top: 10px;
  display: block;
  border-bottom: none;
}

span.pagelinks {
  background-color: #eee;
  border: 1px dotted #999;
  padding: 2px 4px 2px 4px;
  display: block;
  border-top: none;
  margin-bottom: -5px;
}


.instructions {
  width: 500px;
}

.note {
  background-color: #f2f5fc;
  padding-bottom: 1em;
  border: 1px #cce solid;
  margin: 1em;
}

.note h3, .note h4, .note th {
  background-color: #e3eaf9;
  color: #339;
  padding: 0.25em 1em;
  border-bottom: 2px white solid;
  margin-top: 0;
}

.note h4 {
  font-size: 12px;
}

.note p {
  padding: 0 1em;
}

.note pre {
  margin: 1em 1em 0 1em;
}

.chapter {
  background-color: #EDEDED;
  padding: 1em;
  border: 1px #cce solid;
  margin: 1em;
}

.chapter h3, .chapter h4, .chapter th {
  background-color: #e3eaf9;
  color: #339;
  padding: 0.25em 1em;
  border-bottom: 2px white solid;
  margin-top: 0;
}

.chapter h4 {
  font-size: 12px;
}

.chapter p {
  padding: 0 1em;
}

.chapter pre {
  margin: 1em 1em 0 1em;
}

.chapterShort {
  background-color: #EDEDED;
  padding: 1em;
  border: 1px #cce solid;
  margin: 1em;
}

.chapterShort h3, .chapterShort h4, .chapterShort th {
  background-color: #e3eaf9;
  color: #339;
  padding: 0.25em 1em;
  border-bottom: 2px white solid;
  margin-top: 0;
}

.chapterShort h4 {
  font-size: 12px;
}

.chapterShort p {
  padding: 0 1em;
}

.chapterShort pre {
  margin: 1em 1em 0 1em;
}

.tooltipForeground {
  background-color: #FFFFFF;
}

.tooltipBackground {
  background-color: #666666;
}

.tooltipClose a:link, .tooltipClose a:hover {
  color: #FFFFFF;
}

.tooltipClose {
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: top;
  text-align: right;
}

.irlSearch {
  width: 500px;
  font-size: 12px;
}

.irlSearch select {
  width: 250px;
  font: 200 11px tahoma, arial;
}

.irlSearch td {
  font: 200 11px tahoma, arial;
}

.irlSearch input {
  font: 200 11px tahoma, arial;
}

.specialAttentionText {
  color: red;
  font-weight: bold;
  font: 14px tahoma, arial;
}

.bestPracticeTable {
  border-collapse: collapse;
}

.bestPracticeTable td {
  font: 200 11px tahoma, arial;
}

.sortBox {
  border: 2px;
  float: right;
  font: 200 11px tahoma, arial;
  border: 1px solid #cce;
  padding: 10px;
  background-color: #f2f5fc;
}

.sortBox select {
  width: 150px;
  font: 200 11px tahoma, arial;
}

.sortBox input {
  font: 200 11px tahoma, arial;
}

/* ----------- hide print items ------------------- */

div.printfemalogo {
  display: none;
}

.resultoutsidebox {
  width: 700px;
  border: 1px solid #006;
  background-color: #fff;
}

.resultinsidebox {
  border: 1px solid #cce;
  background-color: #F2F5FC;
  width: 700px;
}

.resultinsideboxsuperseded {
  border: 1px solid red;
  background-color: #F2F5FC;
}

.resultouttopbox {
  float: left;
  padding-bottom: 9px;
}

.resultboxtitle {
  background-color: #fff;
  font-weight: bold;
  padding-right: 20px;
}

.resultboxicons {
  background-image: url(img/resultbox_titleback.gif);
  background-repeat: repeat-x;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #006;
  border-top-style: solid;
  border-right-width: 0px;
  border-right-color: #006;
  border-right-style: solid;
  border-bottom-width: 0px;
  border-bottom-color: #006;
  border-bottom-style: solid;
  border-left-width: 0px;
  border-left-color: #006;
  border-left-style: solid;
  text-align: right;
}

.resultinsideboxabstract {
  text-align: left;
  padding: 4px;
  vertical-align: top;
}

.resultinsideboxleft {
  width: 100px;
  padding: 4px;
  font-weight: bold;
}

.resultinsideboxright {
  width: 250px;
  text-align: left;
  padding: 4px;
}

.resultinsideboxicons {
  font-size: 11px;
  text-align: right;
  padding: 4px;
  vertical-align: bottom;
  font-weight: bold;
}

.resulttopbox table {
  background-color: #EDEDED;
  border: 1px solid #666;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.resulttopbox td {
  font-size: 11px;
  vertical-align: middle;
}

.resulttopbox select {
  font-size: 11px;
  Padding: 0px;
  vertical-align: middle;
}

.resulttopbox a:link {
  font-size: 12px;
  color: #000000;
  display: block;
  border: 1px solid #EDEDED;
  padding: 3px;
  TEXT-DECORATION: none;
}

.resulttopbox a:visited {
  font-size: 12px;
  color: #000000;
  display: block;
  padding: 3px;
  border: 1px solid #EDEDED;
  TEXT-DECORATION: none;
}

.resulttopbox a:hover {
  font-size: 12px;
  color: #000000;
  display: block;
  background-color: #FBFBFB;
  padding: 3px;
  border: 1px solid #999;
  TEXT-DECORATION: none;
}

.resulttopbox input {
  font-size: 11px;
  color: #000000;
  display: block;
  border: 1px solid #EDEDED;
  background-color: #EDEDED;
  padding: 3px 3px 3px 10px;
  TEXT-DECORATION: none;
  background-image: url(img/result_dot.gif);
  background-repeat: no-repeat;
  background-position: center left;
  text-align: left;
}

.resulttopbox input:visited {
  font-size: 11px;
  color: #000000;
  display: block;
  padding: 3px 3px 3px 10px;
  border: 1px solid #EDEDED;
  TEXT-DECORATION: none;
}

.resulttopbox input:hover {
  font-size: 11px;
  color: #000000;
  display: block;
  background-color: #FBFBFB;
  padding: 3px 3px 3px 10px;
  border: 1px solid #999;
  TEXT-DECORATION: none;
}

.resultsorted {
  color: #000000;
  background-color: #CCCCEE;
  border-top-width: 0px;
  border-top-color: #6666CC;
  border-top-style: solid;
  border-right-width: 1px;
  border-right-color: #6666CC;
  border-right-style: solid;
  border-bottom-width: 0px;
  border-bottom-color: #6666CC;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-color: #6666CC;
  border-left-style: solid;
  TEXT-DECORATION: none;
  padding-right: 3px;
  padding-left: 3px;
}

#detail {
  padding-left: 45px;
}

#detail .detailheader {
  width: 700px;
  background-image: url(img/bp_tabback700.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  height: 22px;
  color: #000000;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 0px;
}

#detail .detailheader2 {
  width: 290px;
  background-image: url(img/bp_tabback290.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  height: 22px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 0px;
}

#detail .detailbox {
  width: 698px;
  border: 1px solid #006;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  padding: 5px 0px 5px 0px
}

#detail .detailboxShort {
  width: 588px;
  border: 1px solid #006;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  padding: 5px 0px 5px 0px
}

#detail .detailbox h2 {
  border-bottom: 1px solid #006;
  padding: 5px;
  background: #f2f2f2;
  margin: 0 -5px 5px -5px;
  font-size: 12px;
  background: url(img/tab_headerback.gif);
  color: #333;
}

#detail .detailbox2 {
  width: 288px;
  border: 1px solid #006;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
}

#detail .detailbox2 h2 {
  border-bottom: 1px solid #006;
  padding: 5px;
  background: #f2f2f2;
  margin: 0 -5px 5px -5px;
  font-size: 12px;
  background: url(img/bp_tabback290.gif);
  color: #333;
}

#detail .detailbox2 table {
  width: 288px;
  margin: 0;
  line-height: 1.2em;
}

#detail .detailbox2 td.right {
  text-align: left;
  font-weight: bold;
  padding: 0 5px 3px 5px;
  width: 123px;
  vertical-align: bottom;
}

#detail .detailbox2 td.left {
  text-align: right;
  padding: 0 5px 3px 5px;
  width: 155px;
  vertical-align: top;
}

#detail .detailbox table {
  font-size: 12px;
  width: 650px;
  margin: 0px;
  line-height: 1.2em;
}

#detail .detailbox td.right {
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  padding: 0 5px 3px 5px;
}

#detail .detailbox td.rightMedia {
  text-align: left;
  padding: 0 5px 3px 5px;
  width: 250px;
}

#detail .detailbox td.rightAvailability {
  padding: 0 5px 3px 5px;
  width: 175px;
}

#detail .detailbox td.leftTitle {
  text-align: right;
  font-weight: bold;
  font-style: italic;
  padding: 0 5px 3px 5px;
  width: 175px;
}

#detail .detailbox td.rightphoto {
  text-align: left;
  font-weight: bold;
  padding: 0 5px 3px 5px;
  width: 172px;
}

#detail .detailbox td.left {
  width: 150px;
  text-align: right;
  white-space: nowrap;
  padding: 0 5px 3px 5px;
}

#detail .detailAvailabilityLabel {
  text-align: right;
}

#detail .detailAvailabilityValue {
  font-weight: bold;
}

#detail .detaildata {
  padding: 4px 2px 4px 15px;
  text-align: left;
  font-size: 12px;
}

#detail .divider {
  border-top: 1px solid #a1a5a9;
  padding: 0 0px 5px 0px;
}

#detail .label {
  margin: 5px 0px 5px 60px;
}

#column1 {
  width: 300px;
}

/* -- Calendar Popup styles -- */

.CALENDARcpYearNavigation,
.CALENDARcpMonthNavigation {
  background-color: #6677DD;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}

.CALENDARcpDayColumnHeader,
.CALENDARcpYearNavigation,
.CALENDARcpMonthNavigation,
.CALENDARcpCurrentMonthDate,
.CALENDARcpCurrentMonthDateDisabled,
.CALENDARcpOtherMonthDate,
.CALENDARcpOtherMonthDateDisabled,
.CALENDARcpCurrentDate,
.CALENDARcpCurrentDateDisabled,
.CALENDARcpTodayText,
.CALENDARcpTodayTextDisabled,
.CALENDARcpText {
  font-family: arial;
  font-size: 8pt;
}

td.CALENDARcpDayColumnHeader {
  text-align: right;
}

.CALENDARcpCurrentMonthDate,
.CALENDARcpOtherMonthDate,
.CALENDARcpCurrentDate {
  text-align: right;
  text-decoration: none;
}

.CALENDARcpCurrentMonthDateDisabled,
.CALENDARcpOtherMonthDateDisabled,
.CALENDARcpCurrentDateDisabled {
  color: #D0D0D0;
  text-align: right;
  text-decoration: line-through;
}

.CALENDARcpCurrentMonthDate {
  color: #6677DD;
  font-weight: bold;
}

.CALENDARcpCurrentDate {
  color: #FFFFFF;
  font-weight: bold;
}

.CALENDARcpOtherMonthDate {
  color: #808080;
}

td.CALENDARcpCurrentDate {
  color: #FFFFFF;
  background-color: #6677DD;
  border-width: 1px;
  border: solid thin #000000;
}

td.CALENDARcpCurrentDateDisabled {
  border-width: 1px;
  border: solid thin #FFAAAA;
}

td.CALENDARcpTodayText,
td.CALENDARcpTodayTextDisabled {
  border: solid thin #6677DD;
  border-width: 1px 0px 0px 0px;
}

a.CALENDARcpTodayText,
span.CALENDARcpTodayTextDisabled {
  height: 20px;
}

a.CALENDARcpTodayText {
  color: #6677DD;
  font-weight: bold;
}

span.CALENDARcpTodayTextDisabled {
  color: #D0D0D0;
}

.CALENDARcpBorder {
  border: solid thin #6677DD;
}

.errorBox, .infoBox {
  border: 1px #cce solid;
  background-color: #f2f5fc;
}

.errorBox, .infoBox p {
  padding: 0px;
  margin: 0px;
}

.errorHeading, .infoHeading {
  font-size: 15px;
  font-weight: bold;
  color: #940808;
  background-color: #e3eaf9;
  padding: 0.25em 1em;
  border-bottom: 2px white solid;
}

.errorMessages, .infoMessages {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: left;
  font-size: 12px;
}

.important {
  color: red;
}

li.chapter {
  list-style: none;
  border: solid 1px;
  margin: 5px;
  padding: 5px;
  width: 500px;
  background: #e3eaf9;
}

li.chapter td.rightAvailability {
  text-align: left;
  padding: 0 5px 3px 5px;
  width: 175px;
}

li.chapter td.rightMedia {
  text-align: left;
  padding: 0 5px 3px 5px;
  width: 250px;
}

li.chapter td.right {
  text-align: left;
  font-weight: bold;
  padding: 0 5px 3px 5px;
  width: 425px;
}

li.chapter td.left {
  text-align: right;
  white-space: nowrap;
  padding: 0 5px 3px 5px;
  width: 145px;
  vertical-align: top;
}

span.spanTextDropdown {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  z-index: 101;
  background-color: #C0C0C0;
  border: 1px solid #000000;
  padding-left: 2px;
  overflow: visible;
  display: none;
}

span.spanMatchText {
  text-decoration: underline;
  font-weight: bold;
}

span.spanNormalElement {
  background: #C0C0C0;
}

span.spanHighElement {
  background: #000040;
  color: white;
  cursor: pointer;
}

span.noMatchData {
  font-weight: bold;
  color: #0000FF;
}

img.thumbnail {
  background: url(img/loading.gif) no-repeat;
}

.searchResultIcon {
  position: absolute;
  left: 800px;
  top: 160px;
}

.resourceRecordIcon {
  position: absolute;
  left: 800px;
  bottom: 0px;
}

.iconLegend table {
  background-color: #EDEDED;
  border: 1px solid #666;
  padding-right: 10px;
  padding-bottom: 2px;
}

.iconLegend td {
  vertical-align: middle;
  padding-left: 10px;
}

.iconLegend td.title {
  vertical-align: middle;
  font-weight: bold;
  padding-left: 5px;
}

.iconLegend td.icon {
  text-align: right;
}

.iconLegend td.desc {
  padding-right: 1px;
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.result {
  font-size: 85%;
  clear: both;
  display: inline;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
}

/* Menu */

.menuitem-body {
  height: 0px;
  overflow: hidden;
  font-size: 85%;
  visibility: hidden;
}

.coverImage {
  padding-right: 5px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  float: left;
}

.resourceRecordDetails {
  clear: left;
}

.resourceRecordDetails td.item {
  width: 200px;
  font-weight: bold;
  vertical-align: top;
}

.resourceRecordDetails td.value {
  text-align: left;
}

hr.divider {
  border-top-width: 1px;
  border-top-color: white;
  border-top-style: dashed;
}

.mediaRecord {
  background-color: #f2f5fc;
  border: 1px #cce solid;
}

.childRecord {
  background-color: #f2f5fc;
  border: 1px #cce solid;
  padding: 5px;
}

.mediaRecord table {
  padding: 0px;
  margin: 0px;
}

.mediaRecordDetails td.orderingItem {
  font-weight: bold;
  vertical-align: top;
}

.mediaRecordDetails td.orderingValue {
  text-align: left;
}

.mediaRecordDetails td.item {
  width: 100px;
  font-weight: bold;
  vertical-align: top;
}

.item {
  font-weight: bold;
}

.mediaRecordDetails td.value {
  text-align: left;
}

.mediaRecordDetails td.fileitem {
  font-weight: bold;
  width: 175px;
}

.mediaRecordDetails td.filevalue {
  text-align: left;
  width: 220px;
}

.mediaRecordDetails td.linkitem {
  font-weight: bold;
  vertical-align: top;
  text-align: center;
}

.mediaRecordDetails td.linkvalue {
  text-align: left;
}

.files {
  background-color: #f2f5fc;
  border: 1px #cce solid;
}

.files table {
  padding: 0px;
  margin: 0px;
}

.chapterSectionRecord {
  background-color: #EDEDED;
  border: 1px #cce solid;
  padding: 5px;
  margin: 5px;
}

.chapterSectionRecord table {
  padding: 0px;
  margin: 5px;
}

.chapterSectionRecord td.item {
  font-weight: bold;
  font-size: 12px;
  vertical-align: top;
  width: 175px;
}

.chapterSectionRecord td.value {
  text-align: left;
  font-size: 12px;
}

.chapterSectionRecord td.fileitem {
  font-weight: bold;
  font-size: 12px;
}

.chapterSectionRecord td.filevalue {
  text-align: left;
  font-size: 12px;
  width: 220px;
}

.restrictions {
  background-color: #ebeef5;
  border: 1px #cce solid;
}

.restrictions table {
  padding: 0px;
  margin: 0px;
}

.restrictions td.title {
  padding-right: 10px;
  font-weight: bold;
  font-size: 9px;
}

.restrictions td.item {
  font-weight: bold;
  font-size: 10px;
  vertical-align: middle;
}

.restrictions td.value {
  padding-right: 10px;
  text-align: center;
  font-size: 10px;
}

td.hidden {
  display: none;
}

th.hidden {
  display: none;
}

#overDiv table {
  margin: 0px;
}



