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

img {
	border: medium none;
}

.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 {
   	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;
}

.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: 20px;
	margin: 0px 5px;
	padding-top: 5px;
	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;
}

#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: auto;
	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 50px 0px 50px;
	padding-top: 20px;
	padding-bottom: 40px;
}

.pageContentTable {
	padding: 4px;
	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: 4px;
	width: 100%;
}

.dustJacketImage {
	border: medium none;
	width: 90px;
	height: 135px;
}

.dustJacketText {
	width: 90px;
	height: 135px;
    border: 1px solid transparent;
}

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

#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 {
	width: 90px;
	height: 135px;
}

.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;
}