/**************/
/* common.css */
h3 {
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: .2em;
	text-transform: uppercase;
}

img {
	border: medium none;
	
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {   
      border : 0px;
      padding : 0px;
}

.patronInfo {
	text-align: center;
}

.searchResult {
	margin: .67em 0;
}

.searchResultsIndent {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 17px;    
	border: 0px solid #0000FF;
}

.redtext {
	color: #FF0000 !important;
	font-weight: bold;
}

.error {
	color: #000000 !important;
	font-weight: bold;
}

.noerror, .green {
   	color: green;
	font-weight: bold;
	font-size: 1.25em;
}

.underlined {
   	color: red;
	font-family: arial, sans-serif;
	text-decoration: underline;
}

.spellemphasis {
   	color: red;
	font-weight: bold;
	overflow: hidden;
}

.odd {
	background-color: #cccccc;
	border: 0px solid #cccccc;
   	color: #000000;
}

.button,
.btnType {
	height: 20px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	font-size: .75em;
	background: #F0F0F0;
	padding-top: 0px;
        white-space: nowrap;
}

.basicSearchBar {
	border: 0px;
	margin: auto;
	padding: 0px;
	text-align: center;
}

.searchWithinBar {
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	padding-bottom: 15px;
}

.complete {
	background-image: url(../images/menuline-background.jpg);
	border: 0px;
}

.notcomplete {
	background-color: #d6dfef;
	border-left: 1px solid blue;
}

.didyoumeanlink:hover {
    text-decoration: underline;
}

.titleDisplayLink {
	font-size:large;
}

/*****************************************************************************/
/*                             AJax Search Bar                               */
/*****************************************************************************/

.BasicSearch {
	font: bold small Arial, Helvetica, Sans-serif;
	width: auto;
	margin: auto;
	text-align: center;
}

.QuickSearchFor {
    font-size: 10pt;
    width: 265px;
}

.QuickSearchBy {
    width: 101px;
}

/*****************************************************************************/
/* Common elements pulled from the theme elements. No color elements         */
/*****************************************************************************/

body {
    font-size: 12px;
    font-family: helvetica, arial, verdana, sans-serif;
	margin: 0px;
    min-width: 1000px;
}

body a {
	text-decoration: none;
    outline: inherit;
}

.pageHeader {
	position: relative;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.headerTable {
	position: relative;
	z-index: 1;
}

div.pageOuter {
    height: 100%;
}

.libraryNameRow {
	height: 35px;
	text-align: center;
}

#libraryNameText {
	font-size: 1.7em;
	padding: 5px 5px 5px 0px;
}

#headerImageSpan {
	display: inline-block;
	text-align:right;
	vertical-align:top;
	width:371px;
	height:130px;
}

#headerImage img{
	padding: 15px 35px 10px 0px;
}

#headerAnimationImage{
	display: inline-block;
	position: relative;
	width: 45px;
	height: 45px;
	right: 70px;
	top: 15px;
}

#headerLeftAnimationImage{
	display: inline-block;
	position: relative;
}

#headerRightAnimationImage{
	display: inline-block;
	position: relative;
}

.widgetFormButton {
	display: inline-block;
	text-align: center;
	border: medium none;
	font-size: 0.9em;
	width: 55px;
	height: 20px;
	margin: 0px 5px;
	padding-top: 5px;
	font-family: inherit;
	cursor: pointer;
	background-repeat:  no-repeat;
}

.widgetFormInputButton {
	height: 25px;
	padding-top: 0px;
}

.widgetActionButton {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	width: 44px;
	height: 25px;
	margin: 0px 5px;
	padding: 0;
	border: medium none;
	background-repeat:  no-repeat;
}

#fullDisplayMenuBar, .menuBar {
	overflow: visible;
	height: 28px;
	margin-top: -2px;
	margin-left: 50px;
    position: relative;
	z-index: 1;
}

#fullDisplayMenuBar .menuButton, .menuBar .menuButton {
	display: inline-block;
	text-align: center;
	height: 20px;
	width: 100px;
	font-size: 1.4em;
	padding-top: 5px;
	padding-bottom: 3px;
	border: medium none;
	cursor: pointer;
}

.menuBar .menuButtonClick, .menuBar .menuButtonClick:hover {
	padding-bottom: 5px;
	width: 102px;
}

#fullDisplayMenuBar .menuButtonClick, #fullDisplayMenuBar .menuButtonClick:hover {
	padding-bottom: 5px;
	width: 102px;
}

#menuKidzvizButton {
    background: url(/images/kidzviz-logo.png) no-repeat transparent scroll 0 0;
	width: 31px;
	height: 28px;
	float: right;
	margin-right: 10px;
	vertical-align: middle;
	border: medium none;
	cursor: pointer;
	margin-top: -1px;
}
#menuMobileButton {
    background: url(/images/mobile_phone.png) no-repeat transparent scroll 0 0;
	width: 20px;
	height: 30px;
	float: right;
	margin-right: 10px;
	vertical-align: middle;
	border: medium none;
	cursor: pointer;
}

#menuHelpButton {
    background: url(/images/OPACHelp.png) no-repeat transparent scroll 0 0;
	width: 25px;
	height: 25px;
	float: right;
	margin-right: 10px;
	vertical-align: middle;
	border: medium none;
	cursor: pointer;
	margin-top: 2px;
}

.requiresPatronLogin {
	cursor: pointer;
}

#MiddleLeftBottom {
	width: 85px;
	height: 85px;
	border: medium none;
}

#MiddleRightBottom {
	width: 85px;
	height: 85px;
	border: medium none;
}

#BSILogo {
	text-align: center;
	vertical-align: middle;
	width: 125px;
	height: 53px;
	border: medium none;
}

.topWidgetDiv {
	vertical-align: middle;
	padding: 0px 10px;
	width: 270px;
}

.topwidgetHeader {
	text-align: left;
	padding: 4px 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.widgetPanelRow {
	vertical-align: middle;
}

.widgetHeader {
	font-size: 1.2em;
	padding: 4px 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.widgetHeaderButton {
    display: inline-block;
    margin: -2px;
    padding: 2px;
    border-radius: 4px;
}

.widgetBody {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.widgetBodyGrid {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    height: 165px;
    width:  200px;    
}

.dialogBody {
	border-radius: 10px;
	padding: 15px;
}

.dialogHelpBody {
	overflow: visible;
	height: 480px;
}

.fullContainer {
	border-radius: 10px;
	overflow: auto;
	height: 480px;
}

#FullDisplayDialog .menuButton {
	font-size: 1.1em;
}

#homePageTable {
	width: 100%;
}

#homePageTable tr {
	padding-bottom: 15px;
}


.homePageTableCell {
    width: 33.3%;
    height: 260px;
}

.homePageTableCell_1x2 {
    width: 66.6%;
    height: 260px;
}

.homePageTableCell_1x3 {
    width: 100%;
    height: 260px;
	margin-bottom: 10px;
}

.homePageTableCell.TwoRows {
    height: 528px;
}

.homePageWidget {
	margin: 2px;
	height: 100%;
}

.homePageWidgetBodyTwoRows {
	overflow: auto;
	height: 95%;
}

.homePageWidgetBody {
	height: 90%;
}

.homePageWidgetContent {
	margin: 0px 20px 20px 20px;
	/*min-height: 300px;*/
}

.searchInputDiv {
	margin: 10px 15px 10px 15px;
}

#searchInfo {
	margin-bottom: 10px;
}

#searchFor {
	width: 180px;
	margin: 0px 2px 0px 2px;
}

.searchConfigDiv {
	margin-top: 4px;
	text-align: center;
}

.pageContentInner {
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.pageContentTable {
	padding: 0px;
	width: 100%;
}

/*******.content {
	vertical-align: top;
}**********/

#searchResultsHeaderRow >td {
    padding-bottom: 15px;
}

#leftToolbarColumn {
	display: none;
	vertical-align: top;
	width: 1px;
    position: relative;
}

#leftToolBarTab {
    position: absolute;
    top: 0px; left: -250px;
    width: 175px; height: 185px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

#leftToolBarParent {
    width: 195px;
    margin-right: 25px;
    transform-origin: -54px 100%;
    -ms-transform-origin: -54px 100%;
    -moz-transform-origin: -54px 100%;
    -webkit-transform-origin: -54px 100%;
    -o-transform-origin: -54px 100%;
}

#leftToolBarDiv {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 8px;
	width: 175px;
}

#leftToolbarSpacer {
	width: 1px; /*destroy*/
}

.leftToolbarLineItem{
	padding: 0px 10px;
	word-wrap: break-word;
}

.ltb_Link{
	cursor:pointer;
}

.leftToolbarBody {
	padding: 5px 0px;
	margin-bottom: 10px;
}

.pageFooterTable {
	padding: 0px;
	width: 100%;
}

.dustJacketText {
    background: url(/images/Dust-Jackets-Sprite.png) no-repeat transparent; 	
	width: 90px;
	height: 135px;
    border: 1px solid transparent;
}

.dustJacketText1 { background-position: 0px 0px;    color: #ffffff;}
.dustJacketText2 { background-position: 0px -139px; color: #000000;}
.dustJacketText3 { background-position: 0px -279px; color: #000000;}
.dustJacketText4 { background-position: 0px -419px; color: #000000;}
.dustJacketText5 { background-position: 0px -559px; color: #ffffff;}

.dustJacketText-700 { background-position: 0px -700px; color: #000000;}
.dustJacketText-840 { background-position: 0px -840px; color: #000000;}
.dustJacketText-980 { background-position: 0px -980px; color: #000000;}
.dustJacketText-1120 { background-position: 0px -1120px; color: #000000;}
.dustJacketText-1260 { background-position: 0px -1260px; color: #000000;}
.dustJacketText-1400 { background-position: 0px -1400px; color: #000000;}
.dustJacketText-1540 { background-position: 0px -1540px; color: #000000;}
.dustJacketText-1680 { background-position: 0px -1680px; color: #000000;}
.dustJacketText-1820 { background-position: 0px -1820px; color: #000000;}
.dustJacketText-1960 { background-position: 0px -1960px; color: #000000;}
.dustJacketText-2100 { background-position: 0px -2100px; color: #000000;}

.dustJacketText-700 div { font-weight:bold; margin: 7px 11px;}	/* eBook */
.dustJacketText-840 div { font-weight:bold; margin: 7px 11px;}	/* Tablet */
.dustJacketText-980 div { font-weight:bold; margin: 20px 10px 20px 5px;}	/* Equipment */
.dustJacketText-1120 div { font-weight:bold; margin: 0px 5px;}	/* Periodical */
.dustJacketText-1260 div { font-weight:bold; margin: 0px 5px;}	/* CD / DVD */
.dustJacketText-1400 div { font-weight:bold; margin: 12px 5px 5px 20px;}/* Computer */
.dustJacketText-1540 div { font-weight:bold; margin: 0px 5px;}  /* Kit */
.dustJacketText-1680 div { font-weight:bold; margin: 0px 5px;}  /* Unknown */
.dustJacketText-1820 div { font-weight:bold; margin: 0px 5px;}  /* VHS */
.dustJacketText-1960 div { font-weight:bold; margin: 0px 5px;}  /* Audio Book */
.dustJacketText-2100 div { font-weight:bold; margin: 0px 5px;}  /* Audio Cassette */

.dustJacketInner {
    margin: 5px 2px 5px 14px;
	white-space: wrap;
    text-align: center;
    overflow: hidden;
	padding-top: 15px;
}

#searchWhatsHotTable {
	padding-top: 5px;
}

#whatsHotCycler { margin: 0px auto; padding: 0; clear: left; }

#whatsHotCyclerDiv {
	text-align: center;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}

#whatsHotCycler #outerContainer { width:auto; /*height:202px;*/ position:relative; }
#whatsHotCycler #imageScroller { width:auto; /*height:202px;*/ position:relative; }
#whatsHotCycler #viewer { height:135px; overflow: hidden; position:relative; text-align: left; }
#whatsHotCycler .wrapper { margin: 0px 10px; vertical-align: bottom; }
.wrapper { display: inline-block; }
#whatsHotCyclerControls { width:100%; height:47px; padding: 0px 20px; }

#whatsHotCycler img, #featuredDustJacket img {

}

.cyclerButton {
	width: 35px;
	height: 34px;
	border: medium none;
	display: inline-block;
}

#timeDateDiv {
	position: relative;
}

#timeDateDiv table {
	font-size: 0.7em;
}

#datePickerWrapper {
	margin: 10px 5px 20px 5px;
}

#digitalClock {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.titleField {
	font-size: 1.2em;
}

.resultInIcon {
    background: url('/images/INOUTdots.png') no-repeat transparent;
	background-position: 0px 0px; 
	display: inline-block;
	text-align: center;
	width: 16px;
	height: 16px;
	border: medium none;
}

.resultOutIcon {
    background: url('/images/INOUTdots.png') no-repeat transparent;
	background-position: -16px 0px; 
	display: inline-block;
	text-align: center;
	width: 16px;
	height: 16px;
	border: medium none;
}

/***** Riverlet styling *****/
.rvlt {
    position: relative;
    overflow: hidden;
}
.rvlt-view {
    position: absolute;
    white-space: nowrap;
    margin: 0px;
    top: 0px; left: 0px;
}
.rvlt-item {
    white-space: normal;
}
.rvlt-storage {
    position: absolute;
    display: none;
}
.rvlt-target {
    position: absolute;
    width: 1px; height: 1px;
    visibility: hidden;
}

.ui-widget-content {
	background: #ffffff;
}

.ui-widget-content a {
    color: #444444;
}

.ui-widget-content a .highlight {
    color: #000000;
	font-weight: bold;
}

span.h1ghl1gh73d {
	background-color: #FFFF00;
}

.myItemsData{margin:0px 50px;border:2px ridge #c0c0c0;padding:5px;}
.myItemsButtonsBar{text-align:right;padding:5px 0px;}
.myItemsImgCol{width:90px;}
.myItemsCheckboxCol{width:20px;}
.myItemsDataTbl,.myItemsDataSubTbl,.myItemsSimpleTbl{border-style:none;border-collapse:collapse;border-spacing:0;}
.myItemsDataTbl,.myItemsSimpleTbl{width:100%;}
.myItemsDataTbl td{vertical-align:top;padding:3px;text-align:left;}
.myItemsSimpleTbl td,.myItemsSimpleTbl th{padding:0px 10px;text-align:left;}
.myItemsSimpleTbl td{vertical-align:top;}
.myItemsDataSubTbl td{padding:0px 30px 0px 0px;}

#fullDisplayMenuBar .menuButton:hover, .menuBar .menuButton:hover {background-position: 0px -34px;}
.widgetFormButton:hover, .ui-dialog a.widgetFormButton:hover {background-position: -9px -0px;}
#opacInfoButton {background-position: -9px -83px;}
#opacInfoButton:hover {background-position: -9px -55px;}
#searchSubmit {background-position: -14px -110px;} 
#searchSubmit:hover {background-position: -14px -133px;} 

#leftArrowCycler {background-position: -9px -260px;}
#leftArrowCycler:hover {background-position: -9px -226px;}
#rightArrowCycler {background-position: -9px -192px;}
#rightArrowCycler:hover {background-position: -9px -158px;}

/**************/
/* search.css */
table.search {
	width: 390px;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border-collapse: separate;
}

tr.search {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

td.searchLabel {
	width: 195px;
	border-style: none;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
}

td.searchField {
	width: 195px;
	border-style: none;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
}

/******************************************************************************
*                           Visual Search Specific                            *
******************************************************************************/

table.vSearch {
	width: auto;
	margin: 0px auto;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	border-collapse: separate;
}

table.vSearch tr {
	margin: 5px;
	padding: 5px;
}

table.vSearch td {
	width: 130px;
	padding: 0px;
	text-align: center;
	border-width: 0px;
	border-style: none;
	vertical-align: top;
}

table.vSearch img {
	width: 100px;
	height: 100px;
	border-width: 0px;
	border-style: none;
}

table.vSearch a {
	font-size: small;
	font-family: Arial, Helvetica, Sans-serif;
    display: inline-block;
}

#transferTarget { visibility: hidden; white-space: nowrap; }
.transferEffect { border: 2px solid red; z-index: 100; }



/**********************/
/* jquery.tooltip.css */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
}

#tooltip h3 {
	margin: 0;
	font-size: 0.85em;
	font-weight: bold;
}

#tooltip div {
	margin: 0px 10px;
}

/*************************************************
  Pulled from screen.css
*************************************************/

#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('/images/tooltipShadow-Sprite.png') no-repeat scroll 0px -721px transparent;
	padding-top: 5em;
	padding-bottom: 1em;
	height: 190px;
	border: none;
}

#tooltip.fancy.viewport-right {
	background-position: 0px -481px;
	height: 160px;
	padding-top: 5em;
	padding-bottom: 1em;
}

#tooltip.fancy.viewport-bottom{
	background-position: 0px 0px;
	height: 165px;
	padding-top: 1em;
	padding-bottom: 5em;
}

#tooltip.fancy.viewport-bottom.viewport-right{
	background-position: 0px -241px;
	height: 160px;
	padding-top: 1em;
	padding-bottom: 5em;
}