@charset "UTF-8";
/* CSS Document */


/*IDs START*/

#mainLogo{
	float: left;
}

#mainLogo ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#searchArea{
	float: right;
	margin: 33px 0 0 0;
	width: 310px;
}

#ourCalendar{
	border-right: #BBB solid 1px;
	float: left;
	font-size: 12px;
	margin-top: 6px;
	width: 150px;
}

#ourCalendar a:hover{
	text-decoration: none;
}

#fontBox{
	float: left;
	padding-left: 10px;
	width: 100px;
}

#rssFeedTop{
	float: right;
	padding-right: 13px;
}

#searchBox{
	clear: both;
}

#loginBox{
	float: right;
	padding-right: 13px;
}

#loginBox a{
	color: #000;
	text-decoration: underline;
	line-height: 27px;
}

#loginBox img{
	float: left;
}

#dateArea{
	float: right;
	margin: 33px 15px 0 0;
}

#largeCalendar #dateArea{
	float: left;
	margin: 0;
	padding-right: 12px;
}

#dateArea span{
	background: url(../images/background-date-box.gif) no-repeat;
	color: #FFF;
	display: block;
	font-size: 14px;
	height: 52px;
	padding-top: 2px;
	text-align: center;
	width: 50px;
}

#dateArea span b{
	line-height: 36px;
}

#mainNavBackground{
	background: url(../images/nav-blue.gif) repeat-x;
	clear: both;
	font-size: 11px;
	height: 49px;
	position: relative;
	width: 100%;
	z-index: 40;
}

#mainNavBackground ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainNavBackground li{
	float: left;
}

#mainNavBackground li ul{
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;
	background-color: #EEE;
	border: #CCC solid 1px;
	border-top: none;
	padding: 10px 10px;
	margin-left: -1px;
	margin-top: 14px;
	z-index: 31;
}

html >/**/ body #mainNavBackground li ul{
	margin-top: 16px;
}

.item2 ul{
	width: 175px;
}

.item7 ul{
	width: 185px;
}

.item8 ul{
	width: 210px;
}

.item9 ul{
	width: 165px;
}

.item10 ul{
	width: 170px;
}

#mainNavBackground li ul li{
	padding: 5px 0;
}

#mainNavBackground li ul li a span{
	background: none;
	line-height: 25px;
	text-indent: 4px;
}

#mainNavBackground li ul li a{
	height: 25px;
}

#mainNavBackground li ul li a:link, #mainNavBackground li ul li a:visited {
	color: #0078C1;
	font-size: 14px;
}

#mainNavBackground li ul li a:hover {
	font-weight: bold;
}

#mainNavBackground a:link, #mainNavBackground a:visited{
	color: #FFF;
}

#secondaryNavBox ul{
	margin: 0;
	padding: 10px 0 0 10px;
	list-style-type: none;
}

#secondaryNavBox li{
	padding-bottom: 5px;
}

#branchTable{
	border: #CCC solid 1px;
	border-collapse: collapse;
	margin: 15px 0 0 0;
	width: 574px;
}

#branchTable td{
	border: #CCC solid 1px;
	padding: 5px 20px;
}

#branchTable thead{
	background-color: #0078C1;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

#locationAndHoursBox{
	background: url(../images/background-locations-and-hours.gif) repeat-x;
	border: #D0D0D0 solid 1px;
	clear: both; 
	height: 47px;
	margin-bottom: 20px;
	position: relative;
	width: 1005px;
	z-index: 10;
}

#locationAndHoursBox h3{
	color: #0078C1;
	float: left;
	font-size: 24px;
	margin: 6px 25px 0 27px;
}

#locationAndHoursBox input#addressInput{
	border: #CCC solid 1px;
	color: #666;
	float: left;
	font-size: 14px;
	height: 22px;
	margin-left: 27px;
	margin-right: 27px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	text-align: center;
}

#locationAndHoursBox input{
	margin-top: 7px;
	margin-left: 27px;
}

#locationAndHoursBox p b{
	font-size: 12px;
}

#locationAndHoursBox p{
	margin-top: 15px;
}

#locationAndHoursBox form{
	float: left;
}

#footer{
	background: url(../images/background-footer.gif) repeat-x;
	height: 265px;
	margin-bottom: 15px;
	position: relative;
	width: 100%;
	z-index: 1;
}

#footer ul li a:hover{
	text-decoration: none;
}

#footer ul li ul li a:hover{
	text-decoration: underline;
}

#footer ul{
	float: left;
	font-size: 11px;
	margin: 25px 0px 0px 0px;
	padding-left: 50px;
}

#footer .parent ul{
	float: none;
	font-size: 11px;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding-left: 0px;
}

#footer li{
	color: #FFF;
	list-style: none;
	margin-bottom: 4px;
}

#footer a:link, #footer a:visited{
	color: #FFF;
}

#copyrightBox{
	color: #0078C1;
	font-family: Verdana, Arial, san-serif;
	line-height: 22px;
	margin-bottom: 15px;
}

#iconHolder{
	position: absolute;
	right: 0px;
	top: 225px;
}

#socialMediaBox{
	float: left;
}

#rssFeedBottom{
	float: left;
}

#updateBrowserBox{
	color: #FFF;
	position: absolute;
	left: 0px;
	top: 233px;
}

html >/**/ body #updateBrowserBox{
	display: none;
}

#internalCatalogSearch #term{
	margin: 10px 0;
	width: 175px;
}

#internalLocationsAndHours select{
	width: 175px;
}

#secondaryNavBox{
	overflow: hidden;
}

#secondaryNavBox span{
	background: none;
	height: auto;
	text-indent: 0px;
	width: auto;
}

#secondaryNavBox .menuButton li{
	display: none;
}

#secondaryNavBox li.active, #secondaryNavBox li.active ul li{
	display: block;
}

#secondaryNavBox .item2{
	height: auto;
	width: auto;
}

#secondaryNavBox li{
	height: auto;
	width: auto;
}

#secondaryNavBox li a{
	height: 20px;
	display: block;
}

#secondaryNavBox li a:hover{
	text-decoration: underline;
}

#secondaryNavBox #current a{
	font-weight: bold;
}

#secondaryNavBox #current ul li a{
	font-weight: normal;
}

#secondaryNavBox .sideMenu li{
	font-size: 13px;
}

#secondaryNavBox .sideMenu li ul li{
	font-size: 10px;
}

/*IDs END*/




/*CLASSES START*/

.contentheading{
	font-size: 14px;
}

.inputbox{
	background: url(../images/magnifying-glass.gif) 5px 2px no-repeat;
	border: #CCC solid 1px;
	float: left;
	font-size: 14px;
	height: 18px;
	padding: 5px 0 5px 35px;
	width: 165px;
}

.item12, .item14, .item34, .item43, .item63, .item57, .item66{
	font-weight: bold;
}

.centering{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1007px;
}

.noMargin{
	margin: 0;
}

.horizontalFadingLine{
	background: url(../images/horizontal-fading-line.gif) no-repeat;
	height: 1px;
	overflow: hidden;
	width: 472px;
}

.locationsDivider{
	background-color: #CCC;
	float: left;
	height: 47px;
	width: 1px;
}

.floatLeft{
	float: left;
}

.raiseDepth{
	position: relative;
	z-index: 10;
}

.catalogTitleText{
	font-size: 14px;
}

.newsText{
	color: #0078C1;
	font-size: 16px;
}

.boldBlueText{
	color: #0078C1;
	font-weight: bold;
}

.blackText{
	color: #000;
}

.blueText{
	color: #0078C1;
}

.grayText{
	color: #999;
	font-family: 26px;
}

.noHide{
	display: none;
}

.hide{
	margin-top: 30px;
}

noscript{
	color: #FF0000;
	position: absolute;
	right: 0px;
	top: 30px;
}

.raiseSearchDepth{
	z-index: 200;
}

.pagination span, .pagination a, .pagination strong{
	padding-left: 5px;
}

.contentpaneopen{
	width: 570px;
}

.largeText{
	font-size: 20px;
}

/*CLASSES END*/





/*BUTTONS START*/

#searchCatalogButton{
	background: url(../images/buttons/search-catalog.gif);
	border: 0;
	height: 28px;
	margin-left: 3px;
	margin-top: 5px;
	width: 258px;
}

#donateNowButton{
	height: 69px;
	width: 204px;
}

#donateNowButton span{
	background-image: url(../images/buttons/donate-now.jpg);
}

#libraryCardButton{
	height: 137px;
	width: 204px;
}

#libraryCardButton span{
	background-image: url(../images/buttons/get-a-library-card.gif);
}

#friendsOfTheLibraryButton{
	height: 84px;
	width: 204px;
}

#friendsOfTheLibraryButton span{
	background-image: url(../images/buttons/friends-of-the-library.gif);
}

#omahaPublicLibraryFoundationButton{
	height: 90px;
	width: 204px;
}

#omahaPublicLibraryFoundationButton span{
	background-image: url(../images/buttons/omaha-public-library-foundation.gif);
}

#poetryBashButton{
	height: 113px;
	width: 204px;
}

#poetryBashButton span{
	background-image: url(../images/buttons/poetry-bash.jpg);
}

#checkOutOPLButton{
	height: 115px;
	position: relative;
	width: 204px;
}

#checkOutOPLButton span{
	background-image: url(../images/buttons/check-out-opl.gif);
}

#checkOutOPLIcons{
	bottom: 15px;
	left: 34px;
	position: absolute;
	z-index: 10;
}

#checkOutOPLIcons img{
	padding-left: 10px;
}

#checkOutOPLButton.button{
	cursor: default;
}

#gotFinesButton{
	height: 96px;
	width: 204px;
}

#gotFinesButton span{
	background-image: url(../images/buttons/got-fines.gif);
}

#searchZipButton{
	background-image: url(../images/search2.gif);
	border: 0;
	display: block;
	float: left;
	height: 30px;
	margin-left: 27px;
	margin-top: 6px;
	width: 143px;
}

#signInButton{
	background-image: url(../images/buttons/sign-in.gif);
	border: 0;
	height: 28px;
	padding-left: 63px;
	width: 83px;
}

#summerReadingLogin input#signInButton{
	margin-left: 63px;	
	width: 83px;
}

#locationsInternalButton{
	background-image: url(../images/search.gif);
	border: 0;
	height: 30px;
	width: 182px;
}

#searchCatalogInternal{
	background-image: url(../images/buttons/search-catalog-internal.gif);
	border: 0;
	height: 28px;
	margin-top: 15px;
	width: 175px;
}

#digInButton{
	height: 51px;
	width: 241px;
}

#digInButton span{
	background-image: url(../images/buttons/dig-in-and-discover.gif);
}

#searchButton{
	height: 28px;
	width: 99px;
}

#searchButton span{
	background-image: url(../images/buttons/search.gif);
}

.searchButton{
	height: 28px;
	width: 99px;
}

.searchButton span{
	background-image: url(../images/buttons/search.gif);
}

.item2{
	height: 49px;
	width: 90px;
}

.item2 span{
	background-image: url(../images/buttons/catalog.gif);
}

.item3{
	height: 49px;
	width: 150px;
}

.item3 span{
	background-image: url(../images/buttons/resource-center.gif);
}

.item5{
	height: 49px;
	width: 93px;
}

.item5 span{
	background-image: url(../images/buttons/kidspot.gif);
}

.item6{
	height: 49px;
	width: 111px;
}

.item6 span{
	background-image: url(../images/buttons/teenspace.gif);
}

.item7{
	height: 49px;
	width: 81px;
}

.item7 span{
	background-image: url(../images/buttons/events.gif);
}

.item8{
	height: 49px;
	width: 169px;
}

.item8 span{
	background-image: url(../images/buttons/programs.gif);
}

.item9{
	height: 49px;
	width: 169px;
}

.item9 span{
	background-image: url(../images/buttons/support-the-library.gif);
}

.item10{
	height: 49px;
	width: 99px;
}

.item10 span{
	background-image: url(../images/buttons/about-us.gif);
}

.item11{
	height: 49px;
	width: 110px;
}

.item11 span{
	background-image: url(../images/buttons/contact-us.gif);
}

#searchCatalogInternalButton{
	height: 27px;
	width: 176px;
}

.gotham, .gothamLight{
	letter-spacing: 0;
}

#findItHereButton{
	bottom: 10px;
	height: 30px;
	left: 0px;
	position: absolute;
	width: 159px;
}

#goButton{
	height: 30px;
	margin-top: 15px;
	width: 159px;
}

#findItHereButton span{
	background-image: url(../images/buttons/find-it-here.gif);
}

#goButton span{
	background-image: url(../images/buttons/go-button.gif);
}

#signMeUpButton{
	height: 28px;
	width: 220px;
}

#signMeUpButton span{
	background-image: url(../images/opl/sign-me-up.gif);
}

#returnToTopButton{
	display: block;
	float: left;
	height: 18px;
	margin-right: 20px;
	padding-bottom: 15px;
	text-indent: -30000px;
	width: 81px;
}

#returnToTopButton span{
	background-image: url(../images/buttons/return-to-top.gif);
}

#printPageButton{
	height: 18px;
	margin-left: 15px;
	padding-bottom: 15px;
	text-indent: -30000px;
	width: 81px;
}

#printPageButton span{
	background-image: url(../images/buttons/print-page.gif);
}

/*BUTTONS END*/





/*BUTTON CONTROLS START*/

.graphical, .button, .button_at, .menuButton li a{
	position:relative;
	overflow:hidden;
	display:block;
}

.graphical img, .button img, .button_at img{
	border:none;
}
.button_at{
	cursor:default;
}
.button, .menuButton li a{
	cursor:pointer;
	height: 49px;
}
.graphical{
	cursor:default;
}

.graphical span, .button span, .menuButton li a span{
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
	top:0;
	left:0;
	text-indent: -3000px;
}
.button_at span{
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:right top;
	top:0;
	left:0;
	color: red;
}

.at a{
	color: red;
}

.button:hover, .menuButton li a:hover{
	border:none;
    text-decoration:none;
}
.button:hover span, .buttonHighlight, .menuButton li a:hover span, input#searchCatalogButton:hover, input#searchZipButton:hover, #locationsInternalButton:hover, #searchCatalogInternal:hover, #signInButton:hover{
	background-position:right top;
}
.button:focus, .button_at:focus, .menuButton li a:focus{
	border:none;
}

.menuButton li.active a span{
	background-position:right top;
}

.resizeButton input.button{
	height: 30px;
}

/*BUTTON CONTROLS END*/



/*START SKIN SELECT*/

.jelectbox_main {
	border:1px solid #CCC; 
	background:#FFF;
	display:inherit;
	float: left;
	margin-left: 9px;
	margin-top: 7px;
	margin-right: 27px;
	padding-left: 10px;
	font-size: 12px;
}

.jelectbox_main a {
	background:url(../images/select-arrow.gif) no-repeat top left;
	display:block;
	width:37px;
	height:28px;
	text-decoration:none;
	cursor:pointer;
}

.jelectbox_options {
	left:-1px;
}

.jelectbox_text {
	line-height:26px;
	padding:0 5px;
}

#internalLocationsAndHours .jelectbox_text {
	padding: 0;
}

.jelectbox_ul_parent {
	border:1px solid #CCC; 
	background:#FFF; 
	padding:5px; 
}

ul.jelectbox_ul_selectbox {
	list-style:none; 
	margin:0; 
	padding:0;
	line-height:23px;
	width: 100%;
}

ul.jelectbox_ul_selectbox li {
	cursor:pointer;
	display:block;
	text-decoration:none;
	color:#666;
	background:#FFF;
	padding:0;
	border:1px solid #FFF;
	list-style: none;
	font-size: 11px;
}

#internalLocationsAndHours ul.jelectbox_ul_selectbox li {
	font-size: 10px;
}

ul.jelectbox_ul_selectbox li.g {
	width: 100%;
	border-top: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
}

ul.jelectbox_ul_selectbox li:hover {
	font-weight: bold;
}

/*END SKIN SELECT*/

.blog tr, .blog td .blog, .blog table{
	padding: 0;
	margin: 0;
}

.slick-rss-container div a{
	font-size: 16px;
}

.slick-rss-list{
	margin-left: 30px;
}