.combobox{
    background-image: url("/theme/opals/image/arrowDown.png")  !important;

    background-repeat:no-repeat  !important;

    background-position:100% 50%  !important;

    border-right:solid 30px gray !importan;

}
 a.simplePageNav{
    cursor:pointer;padding-left:5px;
 }
 a.selPage{
     font-weight:bold;
 }

 a.goPage{
     text-decoration:none;
 }

table.settingTbl{
        background:#EBDA99;margin-top:2px;width:100%;
    }
    .disableOptSetting{
        display:none;
        padding-top:3px;
    }
    .bookcase{
        background-image:url(/theme/opals/image/bookcase_white.png);
        background-repeat:repeat; font-size:105%; 
    }
    .bookcase_L{
        background-image:url(/theme/opals/image/bookcase_L_white.png);
        background-repeat:repeat-y;  width:28px; 

    }
    .bookcase_R{
        background-image:url(/theme/opals/image/bookcase_R_white.png);
        background-repeat:repeat-y; width:28px;
    }

    
    .bookcoverFrame_shadow_bc{
        border:solid 1px #D2D2D2;
        background-color: #F5F8FA;
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        -webkit-border-radius: 3px;
        padding:1px;-moz-box-shadow:    3px 3px 3px #532E0F;
        -webkit-box-shadow: 3px 3px 2px #532E0F;
        box-shadow:         9px 3px 2px #532E0F;
        margin-top:27px;
    }
    .avail{
        /*color:#8CFFFF;*/
        color:green;font-size:120%;
    }
    .title{
        color:blue;font-size:110%;
    }

.callout {z-index:20;position:absolute;top:25px;border:0;left:-12px;} 

   .newItems_bc{
        color:#505556;
        font-weight:normal;
        float:left; height:163px;width:83px;margin-right:15px;
        border:solid 0px blue;
    }
    .bookcaseTitle{
    font-weight:bold;
    font-size:125%;
    color:#532E0F;
    clear:both;
    text-shadow: 2px 1px 1px gray;
    text-align:center;
    padding-left:5px;
    background-image:url(/theme/opals/image/bookcaseTitle.png);
        background-repeat:repeat-x;
    }
    div.scItemDel{
       /* background-image:url('/theme/opals/image/delete_sm.png');*/
        text-decoration:none;
        background-repeat:no-repeat;
        cursor:pointer;
        width:16px;height:26px;float:right;padding-top:20px;margin-left:-5px;

    }
 .newItems_bc_edit{
        color:#505556;
        font-weight:normal;
        float:left; height:163px;width:102px;margin-right:3px;
        border:solid 0px blue;
    }
.tooltip{
border:solid 1px gray;
padding:4px;
border-radius:5px;
        box-shadow:  3px 2px 1px #989898;
width:170px;
background:lightyellow;
}
.opl-cal-day-event,.opl-cal-day-event-closed
{font-size:9pt;color:white;width:100%;}
.opl-cal-day-event-closed{background:#EE0000;border:#EE0000 solid 1px}


.opl-cal-day-event,.opl-cal-day-event-closed{
    font-size:9pt;
    color:white;
    width:100%;
    
}
.opl-cal-day-event-closed{
    background:#EE0000;
    border:#EE0000 solid 1px
}
opl-calendar-tblNoBorder td, th{border:none;vertical-align:top}

.opl_tooltip_div{
    min-width:100px; 
    background-color: white;
    -moz-border-radius: 5px;
    border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    padding:10px;
    -moz-box-shadow:    3px 3px 5px grey;
    -webkit-box-shadow: 3px 3px 5px grey;
    box-shadow:         3px 3px 5px grey;
    margin-top:27px;

}
.bookListRs{
    margin-bottom:10px;margin-top:0px;min-width:800px;;
    background:white;
    border:solid 1px #DBE0E6;
    padding-bottom:4px;
   
}
table.bookItemRs {
    width:820px;
    padding-bottom:5px;
    padding-left:5px;
      -moz-border-radius: 5px;
        border-radius:5px 5px 5px 5px;
        border: solid 1px #D6DDE1;
        -webkit-border-radius: 5px;

}
table.bookItemRs_move {
    border: 1px dotted grey;

}

table.bookItemRs td{
    vertical-align:top;
}

.sortable-placeholder {
        border: 2px dotted grey;
        margin: 0 1em 1em 0;
        height: 50px;
        background:#FFFFEB;
}

  .opalsBtn_gray:hover{
    background:#737373;
    background: -moz-linear-gradient(top, #FFFFFF,#737373);
    background: -webkit-gradient(linear,
                left top, left bottom, from(#FFFFFF), to(#737373));
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#FFFFFF', EndColorStr='#737373', GradientType=0);
        }
  .opalsBtn_gray{
        margin-left:15px;
        padding:5px ;
        cursor:pointer;
        font-family:arial;
        vertical-align:middle;
        font-size:120%;
        padding: 4px 20px 4px 20px;

        border:solid 0px #737373;
        -moz-border-radius: 3px;
        border-radius:3px 3px 3px 3px;
        background:#737373;
        background: -moz-linear-gradient(top, #EEEEEE,#5C5C5C);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#EEEEEE), to(#5C5C5C));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#EEEEEE', EndColorStr='#5C5C5C', GradientType=0);
        
        color:#171717;
        text-shadow: 0px 0px 1px #B8B8B8;
    }
/*style the main menu*/
.oplMenu {
	margin:0px;
	padding:0;
    background:gray;
}
.oplSubmenu { 
    margin:5px;
    font-weight:normal;

}
.oplSubmenu li {
	list-style:none;
	display:inline-block;
	font:10pt  Arial, Helvetica, sans-serif #111;
	font-weight:normal;
    padding:4px 7px 4px 7px;
    margin-left:2px;
}
.oplSubmenu li:hover, .activeSubmenu {
    background:#BEF5BE;
    color:black !important;
}

.oplMenu li  {
    margin:0px 0px 0px 0px;
	list-style:none;
	float:left;
	font:13pt  Arial, Helvetica, sans-serif #111;
    padding:5px 15px 7px 15px;
	font-weight:bold;
    height:15px;
    border-bottom: solid grey 1px;
	
}

.oplMenu-blue {
  background: url(/theme/opals/image/chromebg-blue.gif) 0px -23px repeat-x;
}
.oplMenu-blue, .oplSubmenu-blue {
/*  background-color:#4284F7;  tomk: original blue too light for ADA compliance */
  background-color:#2e60b9;
  color:#FFDE29;
}
.oplMenu-green{
  background: url(/theme/opals/image/chromebg-green.gif)0px -23px repeat-x;
}
.oplMenu-green, .oplSubmenu-green {
/*  background-color:#6BAD63;  tomk: original green too light for ADA compliance */
  background-color:#4e8348;
  color:white ;
}
.oplMenu-cyan {
  background: url(/theme/opals/image/chromebg-cyan.gif) 0px -23px repeat-x;
}
.oplMenu-cyan, .oplSubmenu-cyan {
  background-color:#84DEE7;
  color:#4A3702;
}
.oplMenu-brown {
    background: url(/theme/opals/image/chromebg-brown.gif) 0px -23px repeat-x;
}
.oplMenu-brown, .oplSubmenu-brown {
  background-color:#DECE63;
  color:#523000;
}
.oplMenu-orange {
   background: url(/theme/opals/image/chromebg-orange.gif) 0px -23px repeat-x;
}
.oplMenu-orange, .oplSubmenu-orange {
  background-color:#DE7B4A;
  color:#000099;

}
.oplMenu-turqoise {
  background: url(/theme/opals/image/chromebg-turqoise.gif) 0px -23px repeat-x;
}
.oplMenu-turqoise, .oplSubmenu-turqoise {
  background-color:#3BA371;
  color:#ffff33;
}
.oplMenu-red {
    background: url(/theme/opals/image/chromebg-red.gif) 0px -23px repeat-x;
}
.oplMenu-red, .oplSubmenu-red {
  background-color:#D65252;
  color:#ffffff;
}
.oplMenu-purple {
    background: url(/theme/opals/image/chromebg-purple.gif) 0px -23px repeat-x;
}
.oplMenu-purple, .oplSubmenu-purple {
  background-color:#9A5DBA;
  color:#ffffff;
}
.oplMenu-teal {
   background: url(/theme/opals/image/chromebg-cyan.gif) 0px -23px repeat-x;
}
.oplMenu-teal, .oplSubmenu-teal {
  background-color:#70CAC1;
  color:#4A3702;
}

.oplMenu li a:link{
	display:block;
	text-decoration:none;
	background-image: url(../img/prn_topmenu_bg.png);
	background-repeat:repeat-x;
	background-color:gray;
	padding: 0.5em 2em;
	margin:0;
	border-right: 1px solid #fff;
	color:#fff;
}
.oplMenu li a:hover {
	background-color:grey;	
	background-image: url(../img/prn_topmenuA_bg.png);
	color:gold;
}

/*style the sub menu*/
.oplMenu li ul {
	position:absolute;
	visibility:hidden;
	border-top:1px solid #fff;
	margin:0;
	padding:0;
	z-index:1000;
}

.oplMenu li ul li {
    visibility:hidden;
    font-weight:normal;
	display:inline;
	float:none;;
    padding:0px;
}

.oplMenu li ul li a:link, .oplMenu li ul li a:visited {
	background-image:none;
/*  background-color:#888888 ;  tom: original color too light for ADA compliance */
	background-color:#777677;
	border-bottom:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0  ;
	border-right:1px solid #C0C0C0 ;
	width:auto;
	white-space:nowrap;
    color:white;
}

.oplMenu li ul li a:hover {
	background-color:#5D5D5D;	
    color:yellow;	
}
.opl_submenuBar {
    display:block;
    clear:both;
    margin-top:-1px;
	width: 100%;
	position: relative;
        font-size: 10pt;
	font-family: Arial, sans-serif;
        padding-top: 0px;
	padding-bottom: 0px;
        padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
}

.opl_submenuBar li {
	cursor:pointer;
	}

  .ui-autocomplete-loading {
    background: white url("/theme/opals/image/loaderAnimation16x16.gif") left center no-repeat;
  }
.recDetailViewDiv th { width:120px;text-align:right;padding-right:5px}
.recDetailViewDiv li{margin-left:-20px;}
.recDetailViewDiv span{margin-left:-40px;}
.recDetailViewDiv a{color:blue;}
.recDetailViewDiv{ 
  color:#006699;
}

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
@import url('https://rawgithub.com/ashleydw/typeahead.js-bootstrap.css/master/typeahead.js-bootstrap.css');


  .ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    border-radius: 15px;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow: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:after {
    bottom: -20px;
    top: auto;
  }