/*body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:url(../image/bluebg.jpg) repeat;}*/
* {
  font-family:Tahoma,Verdana,Arial,Bitstream Vera Sans,sans-serif;
  font-size:12pt;
  border:0 solid #7191b2;/*2f70b2;*/
  border-radius:3px;
}

img{border:0;}
a{text-decoration:none;}

/*#header-top{width:100%; background:url(../image/whitebg.jpg) repeat-x;}* /
#header-bottom{width:100%; float:left; background:#fff;}*/

/*.wrapper{width:1205px; margin: 0 auto;background:#fff;}*/
.wrapper{width:95%;margin:0 auto;background:#fff;}

#header, #content, #footer{width:100%; float:left; clear:both; margin:0 auto;}
#header, #content {background:#fff;}

#header{height:auto;}
#header .logo-text{margin-top:10px;text-shadow: 4px 4px 6px #888;}
#header .login {
  margin: 10px 10px 0 0;
}
#header .logo-text h1{color:#08335C; margin:5px; font-size:24px;}

.menu-bar{clear:both; width:100%; background:#4674A0; margin-top: 10px;}
.menu-bar ul{padding:0; margin:0;}
.menu-bar li{list-style:none; float:left; line-height:39px; padding:0 37px;color:#fff;cursor:pointer;}
.active-menu, .activeli {font-weight:bold;}
.active-menu-bg, .active-menu:hover, .activeli {background:#204F7C !important;}
.activeli{color:#fff;}

.breadcrumbs{width:100%; clear:both; margin-top:10px; height:12px;}
.breadcrumbs ul{padding:0; margin:0 0 0 30px;}
.breadcrumbs li{list-style:none; float:left; line-height:32px; color:#696A6A; text-align:center; font-size:11pt; background:url(../image/triangle-bullet.jpg) no-repeat left center; padding:10px; font-size:11pt; line-height:9px;}
.breadcrumbs a, .activeCmd {padding:5px;}
.breadcrumbs li.nobullet{background:none;}

.selected-menu, .breadcrumbs a:hover{color:#fff;background:#43607c;}
.selected-menu:hover {background:#5c84aa;}
.menu-bar li:hover {background:#a1b0be;}

/*#header-bottom ul{display:none;}*/


.search{clear:both; margin:0 auto; width:100%; background:#fff;padding:10px 0;}

.search-icon {
  width: 115px;
  height: 172px;
  float: left;
  opacity: 0.2;
  /*background: url(../image/search-128.png) -4px 4px no-repeat;*/
}

.search-form {
  width:1020px;/*928px;*/
  margin:0 auto;
  /*height:122px;96px;*/
  background:#f2f6f9 url(../image/search-128.png) -4px 4px no-repeat;
  /*background:#f2f6f9;*/
  border-width:1px;
  border-color:#cdd4dc;
  border-radius:10px;
}

.search-form,
search-result-param,
img.bookcover, 
img[qr-param] {
  box-shadow:3px 3px 8px #888;
}

#loc-list select,
#adv-search input[type=text],
#adv-search select,
.search-filter select,
.search-filter input,
select.basic-search,
input.basic-search {
  padding: 0 5px;
  border-width:1px;
  border-color:#C7D4E1;
  border-radius:5px;
  font-size:1em;
}
select.basic-search,
input.basic-search {
  float:left;
}
input.basic-search {
  width:385px;/*276px;*/
  height:30px;
}
.search-form select.basic-search {
  width:162px;
  height:32px;
}
#btn-search {
  width:152px;
  height:32px;
  background:url(../image/btn-bg-orange.jpg) center top repeat-x;
  border:none;
  cursor:pointer;
  color:white;
  text-transform:uppercase;
  font-weight:bold;
  font-size:x-large;
}
/*
.search-form p {
  float: left;
  margin: 0 0 12px 12px;
  text-indent: 26px;
}
.search-form p.balloon-icon {
  margin-top:27px;
}
.search-form p a {
  color:#000;
  font-size:14px;
}
.search-form p a:hover {
  color:#E78848;
}
*/
.search-form>form,
.search-form>p {
  margin-top:10px;
}
.search-form>form {
  margin-left:95px;
  white-space:nowrap;
}
input.basic-search, 
#btn-search, 
#my-loc {
  margin-left: 14px;
}

.search-filter {
  margin:5px 0;
  min-height:19px;
}
/*
.search-filter>span {
  font-weight:bold;
}
*/
.search-filter>span,
.search-filter>select
 {
  margin-right:5px;
  float:left;
}
.search-filter>div {
  margin-left:315px;/*275px;*/
}
.search-filter div.param-label:after {
  content:': ';
}
.search-filter div.param-label {
  font-weight:bold;
  float:left;
  width:140px;/*125px;*/
}
.search-filter input{
  width:30px;
}
.search-filter span.legend{
  font-style:italic;
  color:gray;
}

.bold {
  font-weight:bold;
}

.adv-search-btn {
  padding-top:3px;
  height:28px;
}

.balloon-icon{background:url(../image/balloon.jpg) no-repeat left center;}
.find-icon{background:url(../image/find-icon.jpg) no-repeat left center;}
/*
.search-form p.balloon-icon{margin-top:27px;}

.search-form p a{color:#000; font-size:14px;}
.search-form p a:hover{color:#E78848;}
*/
.search-form form div {
  margin-bottom: 8px;
}

.span-header:after {
  content:':';
}
.span-header {
  font-weight:bold;
}
.db-scope {
  float:left;
  width:755px;/*642px;*/
  overflow:hidden;
}

#content{margin-bottom:28px; position:relative;}

#footer {
  clear:both;
  width:100%;
  margin: 14px auto 0;
	color:#6D6B6B;
	font-size:12px;
}
#footer .visit-counter {
  float:right;
  height:40px;
  font-weight:bold;
  margin-right:15px;
  vertical-align:bottom;
}
#footer .logo {
  float:right;
  height:40px;
  padding-right:150px;
  background-image: url(../image/logo-opals-200901.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 150px;
  font-weight:bold;
}
#footer a {
  text-decoration:none;
  color:#6D6B6B;
  display:block;
}

.float-left{float:left;}
.float-right{float:right;}
/*
#content .left-flap {
  left: -10px;
  position: absolute;
  top: 42px;
}
*/
#left-flap {
  position:absolute;
  top:195px;
  left:-192px;
  -ms-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
}
#left-flap-back {
  position:absolute;
  width:11px;
  height:36px;
  overflow:hidden;
}
#left-flap-back>div:first-child {
  position:absolute;
  top:2px;
  left:6px;
  z-index:-1;
  height:50px;
  width:10px;
  background:#7d3100;
  transform:rotate(10deg);
}
#left-flap-back>div:not(first-child) {
  background-color:#fff;
  position:absolute;
  top:31px;
  width:10px;
  height:15px;
  border-radius:0;

}
#left-flap-front {
  padding:10px 15px 10px 45px;
  margin-left:10px;
  font-weight:bold;
  font-size:1.4em;
  cursor:pointer;
  color:#fff;
  background:rgb(235,139,63) url(../image/search-32.png) 3px 50% no-repeat;
  box-shadow:-3px 3px 9px #888;
}
.search-btns {
  margin-left:474px;
}

#adv-search div {
  padding:3px 50px;
  text-align:right;
}
#adv-search input[type=text] {
  width:430px;
  padding-left:2px;
}

#search-formats,
#search-formats-header,
#search-formats-list,
#search-formats-list>div {
  padding:0 !important;
  text-align:left !important;
}
#search-formats-header {
  font-weight:bold;
  margin:5px 0;
}
#search-formats-list>div {
  float:left;
  width:200px;
  height:28px;
  text-align:left;
  font-size:10pt;
}
.import-format {
  float:left;
  width:25%;
  height:25px;
  margin:2px 0;
}
#search-formats-list img,
.import-format img {
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  padding: 2px;
/*
  background: #dddddd;
*/
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 2px 2px 1px #7d7d7d;
  -moz-box-shadow: 2px 2px 1px #7d7d7d;
  -webkit-box-shadow: 2px 2px 1px #7d7d7d;
}
#import-tags-removed label {
  display:block;
  float:left;
  width:25%;
}

#ext-database {
  margin:0;
  padding: 0 0 0 25px;
}
.hiddenCircData {
  display: none;
}
.activeCmd {
  font-weight:bold;
  color:#fff !important;
  background:#4674A0;
}
.active-menu {
  font-weight:bold;
}
.record-title {
  font-size:1.2em;
}
.normal {
  font-weight:normal !important;
}

.tooltip,
.tooltip-circ-in,
.tooltip-circ-loan,
.tooltip-circ-damaged,
.tooltip-circ-lost,
.tooltip-circ-missing,
.tooltip-circ-in-process,
.tooltip-circ-out,
.tooltip-circ-total,
.arrow:after,
.arrow-circ-in:after,
.arrow-circ-loan:after,
.arrow-circ-damaged:after,
.arrow-circ-lost:after,
.arrow-circ-missing:after,
.arrow-circ-in-process:after,
.arrow-circ-out:after,
.arrow-circ-total:after
{
  border: 2px solid #495e6e !important;
}
.tooltip,
.arrow:after
{
  background: #f2f6f9 !important;
}
/*
{
  background:#0f0 !important;
}
{
  background:#f00 !important;
  color:#fff !important;
}
{
  background:#fff !important;
}
*/
.tooltip,
.tooltip-circ-in,
.tooltip-circ-loan,
.tooltip-circ-damaged,
.tooltip-circ-lost,
.tooltip-circ-missing,
.tooltip-circ-in-process,
.tooltip-circ-out,
.tooltip-circ-total
{
  padding: 10px;
  color: white;
  border-radius: 20px;
  font: bold 10px "Helvetica Neue", Sans-Serif;
  text-transform: capitalize;
  box-shadow: 0 0 7px black;
  text-align:center;
}

.arrow,
.arrow-circ-in,
.arrow-circ-loan,
.arrow-circ-damaged,
.arrow-circ-lost,
.arrow-circ-missing,
.arrow-circ-in-process,
.arrow-circ-out,
.arrow-circ-total
{
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow:after,
.arrow-circ-in:after,
.arrow-circ-loan:after,
.arrow-circ-damaged:after,
.arrow-circ-lost:after,
.arrow-circ-missing:after,
.arrow-circ-in-process:after,
.arrow-circ-out:after,
.arrow-circ-total:after
{
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow.top,
.arrow-circ-in.top,
.arrow-circ-loan.top,
.arrow-circ-damaged.top,
.arrow-circ-lost.top,
.arrow-circ-missing.top,
.arrow-circ-in-process.top,
.arrow-circ-out.top,
.arrow-circ-total.top
{
  top: -16px;
  bottom: auto;
}
.arrow.left,
.arrow-circ-in.left,
.arrow-circ-loan.left,
.arrow-circ-damaged.left,
.arrow-circ-lost.left,
.arrow-circ-missing.left,
.arrow-circ-in-process.left,
.arrow-circ-out.left,
.arrow-circ-total.left
{
  left: 40%;
}
.arrow.top:after,
.arrow-circ-in.top:after,
.arrow-circ-loan.top:after,
.arrow-circ-damaged.top:after,
.arrow-circ-lost.top:after,
.arrow-circ-missing.top:after,
.arrow-circ-in-process.top:after,
.arrow-circ-out.top:after,
.arrow-circ-total.top:after
{
  bottom: -20px;
  top: auto;
}

.circ-data {
  text-align:center;
  white-space:nowrap;
}

.tooltip-circ-in,
.arrow-circ-in:after,
[circ-in]{
  background:#4cb681 !important;/*59e817 007661 77dd77;
  color:#000 !important;*/
}
.tooltip-circ-loan,
.arrow-circ-loan:after,
[circ-loan]{
  background:#8b3e28 !important;
}
.tooltip-circ-damaged,
.arrow-circ-damaged:after,
[circ-damaged]{
  background:#d07953 !important;
}
.tooltip-circ-lost,
.arrow-circ-lost:after,
[circ-lost]{
  background:#e6b05b !important;
}
.tooltip-circ-missing,
.arrow-circ-missing:after,
[circ-missing]{
  background:#d3b282 !important;
}
.tooltip-circ-in-process,
.arrow-circ-in-process:after,
[circ-in-process]{
  background:#774f20 !important;
}
.tooltip-circ-out,
.arrow-circ-out:after,
[circ-out]{
  background:#ff0000 !important;
}
.tooltip-circ-in,
.arrow-circ-in:after,
[circ-in],
.tooltip-circ-loan,
.arrow-circ-loan:after,
[circ-loan],
.tooltip-circ-damaged,
.arrow-circ-damaged:after,
[circ-damaged],
.tooltip-circ-lost,
.arrow-circ-lost:after,
[circ-lost],
.tooltip-circ-missing,
.arrow-circ-missing:after,
[circ-missing],
.tooltip-circ-in-process,
.arrow-circ-in-process:after,
[circ-in-process],
.tooltip-circ-out,
.arrow-circ-out:after,
[circ-out],
.tooltip-circ-total,
.arrow-circ-total:after,
[circ-total]{
  color:#fff !important;
  text-shadow: 1px 1px 2px black;
}
.tooltip-circ-total,
.arrow-circ-total:after,
[circ-total]{
  background:#647a88 !important;/*
  color:#000 !important;*/
}
[circ-in],
[circ-loan],
[circ-damaged],
[circ-lost],
[circ-missing],
[circ-in-process],
[circ-out],
[circ-total]{
  border-width:1px !important;
  margin-left:2px;
  margin-right:2px;
  font-weight:normal !important;
  padding-left:2px;
  padding-right:2px;
}
.mb-10 {
  margin-bottom:10px;
}
.mt-10 {
  margin-top:10px;
}
.center {
  text-align:center;
}
img[qr-param],
img.rec-medium {
  float:right;
}
img[qr-param] {
  width:174px;
  float:right;
  margin-right:15px;
  margin-bottom:10px;
}
td.legend {
  text-align:right;
  font-weight:bold;
}
abbr:after, acronym:after {
  content:'?';
  font-size:0.6em;
  color:#aaa;
}
abbr, acronym {
  cursor: help;
/*
  border-bottom: .1em dashed;
  border-radius:0;
*/
}
input[type=file] {
  border-width:1px;
  margin-right:5px;
}
.header-left-align th {
  text-align:left;
}
.pageJumper {
  margin:10px;
}

search-result-param>label {
  float:left;
}
search-result-param {
  display:block;
  background:#f5f6f6;
  vertical-align:middle;
  text-align:right;
  font-weight:bold;
  padding:8px;
  /*width:100%;*/
  margin:10px 0;

}

#result {
  text-align:center;
}

.brief-rec:hover {
  box-shadow:3px 3px 9px #888;
  background-color:#ffffcf;
}
.brief-rec {
  overflow:auto;
  display:inline-block;
  text-align:left;
  width: 450px;
  height:315px;
  margin:8px;
  padding:6px;
  /*border-width:1px;*/
  box-shadow:3px 3px 9px #abc;
}
.brief-rec span {
  font-weight:bold;
}
.brief-rec span span {
  font-weight:normal;
  font-style:italic;
}

/**
 * http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/3d-transparent-glass-icons-symbols-shapes/016902-3d-transparent-glass-icon-symbols-shapes-check-mark5-ps.png
*/
.checked {
  background:url(../image/checkMark-bg.png) center center no-repeat;
}

.title-info {
/*
  float:left;
  width:100%;
*/
  height:178px;
}
.title-info > div {
  display:table-cell;
  vertical-align:top;
}

img.bookcover {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: 0 255px 10px 0;
}
img.bookcover.small {
  width:60px;
  height:90px;
  margin: 0 10px 10px 0;
}

.callNum {
  font-weight:bold;
  clear:both;
  display:block !important;
}

.brief-rec-cmd span,
.brief-rec-cmd a {
  text-align:center;
  width:135px;
  float:left;
  display:block;
  color:#fff;
  padding:4px;
  font-size:8pt;
  font-weight:bold;
}
.brief-rec-cmd {
  text-align:center;
  padding-left:auto;
  padding-right:auto;
}
.brief-rec-cmd,
.circ-stats {
  width:450px;
  float:left;
  margin-top:6px;
  text-align:center;
}

tr.table-title th,
div.columnTitle div.mapping-header,
tr.columnTitle th,
thead th,
td.buttons {
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
}

td.columnTitle {
  text-align:right;
  font-weight: bold;
  vertical-align:middle;
  white-space:nowrap;
}

.rowTitle {
  font-weight: bold;
  width: 10% !important; 
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}

tr.table-title th {
  background:#cde;
}

tr.columnTitle th,
thead th,
.rowTitle {
  background:#f5f6f6;
}

.call-number,
.location {
  white-space:nowrap;
}
div#bibliography {
  top:30px;
  text-align:center;
  margin-top:15px;
}
table#bibliography {
  width:800px;
  height:100%;
  margin-left:auto;
  margin-right:auto;
}
table#bibliography td {
  vertical-align:text-top;
  line-height:24pt;
}

.resultFilter {
  margin-left:5px;
  font-weight:bold;
}
.resultFilter div {
  margin-left:20px;
  font-weight:normal;
  padding:3px 0px 3px 19px;
  background:url(../image/deletion-x.png) left center no-repeat;
  cursor:pointer;
}
.resultFilter div:hover {
  background-color:#f75d59;
}

.resultFilter div span {
  font-weight:bold;
  text-transform:capitalize;
}

td.number {
  text-align: right;
}
.capitalize {
  text-transform:capitalize;
}

.legend {
  font-size:10pt;
}