@import "https://merri.ent.sirsi.net/custom/web/frbrish.css";
/************************** BODY STYLES *******************/
/* Insert the image for the background in the parentheses */
body{
	background-color: #fff;
    font-size: 14px;
    line-height: 160%;
}
/*************************** HEADER AREA ******************************/
.displayElementText {
	font-size: 14px;
}
/* Increase header height - default is 138px - this now controls the position of the content */
.header, #ada_header {
height: ;
background-color: #fff;
}
/* Background color of header as well as the color "area" of the header - default height of header color 150px */
.headerWrapper {
background-color: #fff;
height: ;
}

/* Placement of a banner -- you may need to lower a banner by 30px if it gets in the way of the ADA menu */
.header_container, #ada_header .header_container {
background-image: ;
}

/* menu links color property: color */

/* menu container background color */

#mainMenuContainer {
background-color: #77AFBE;
}

.menuLink a, .menuLink a:visited, .menuLink a:active, .loginLink a, .menuActive a, #lpMainLink, #adaNav a, .ada_link, #languageSelector .pipeSeparator,  .pipeSeparator-light  {
color: #fff;
font-weight: bold;	
}
.menuLink a:hover, .loginLink a:hover, .menuActive a:hover, #lpMainLink:hover, #adaNav a:hover, .ada_link:hover, #languageSelector .pipeSeparator:hover,  .pipeSeparator-light:hover {
color: #FFED36;
font-weight: bold;
	
}

.welcome {
 color: #000;
font-weight: bold; 
}
/* language option color property: color */

.lpdropdown li a, .lpdropdown li a:visited, .lpdropdown li a:active {
color: #000;
font-weight: bold;
}
.lpdropdown li a:hover {
color: #000;
font-weight: bold;

}

#languageSelector .lpdropdown a#lpMainLink {
font-weight: bold;
}
/* language dropdown list items */

.lpdropdown .dropdownListItem a {
color: #000;
}
.lpdropdown .dropdownListItem a:hover {
color: #000;

}
/* Change help and ADA icon color */
.fa-question-circle::before, .fa-wheelchair::before {
    color: #fff;
}

.fa-question-circle:hover:before, .fa-wheelchair:hover:before {
    color: #FFED36;
}

/* ADA menu box background color */

.ada_div_top {
background-color: ;
}

/************************** SEARCH BOX AREA **************************************/

/* reposition search wrapper - default is 110px  */
#searchBoxWrapper {
top: ;
background-color: #77AFBE;
}

.quicksearchWrapper {
height: auto;
padding: 0;
}


/* change Home link color */
.fa-home::before {
    color: ;
}
/* Home icon is 0.7 opacity by default.  If you want the true color, set opacity to 1 */
#searchBoxHomeLink {
opacity: ;
}

/* Set color of search drop-down menus */

#searchBox .dropDown {
 background-color: #fff;
 color: #000;
 border-color: #fff;
} 
#searchBox .dropDown:focus {
 background-color: #fff;
 color: #000;
 border-color: #fff;
}

/* Set color of search box */

#q {
 background-color: #fff;
 color: #000;
 border-color: #fff;
}

#q:focus {
 background-color: #fff;
 color: #000;
 border-color: #fff;
}

/* Advanced Search Link * with MHL Goodness */

.loginLink a,
.menuLink a,
#languageSelector .lpdropdown a#lpMainLink,
#searchBoxAdvancedLink a {
    font-size: 13px;
    font-weight: normal;
}
.loginLink a:hover,
.menuLink a:hover,
#languageSelector .lpdropdown a#lpMainLink,
#searchBoxAdvancedLink a:hover {
    font-weight: normal;
    color: #fff;
}
#searchBoxAdvancedLink {
    top: 5px;
}
/* END Advanced Search Link * with MHL Goodness */

/* Search Button */

#searchButton {
 background-color: #335988;
 color: #fff; 
 font-weight: bold;
 
}

#searchButton:hover {
 background-color: #002A5C;
 color: #FFED36;
 font-weight: bold;
}
.resultsToolbar_wrapper {
	background: #D7E7EC;
}
#bottomToolbar_wrapper {
	background: #D7E7EC;
}
 .ui-widget-header {
    background-color: #77AFBE !important;
}
#accountSummary .summarySubheading {
	background: #77AFBE !important;
}
#accountTabs ul li.ui-state-default {
	background: #D7E7EC !important;
}
.jscarousal {
    background-color: #D7E7EC;
}
#taxonomyContainer {
    padding: 1px;
}

/******************** CONTENT AREA ***************************************/


/* Change pagination icon color */

.fa-chevron-circle-left::before {
    color:#002A5C;
}
.fa-chevron-circle-right::before {
    color: #002A5C;
}

/* carousel title bar color */

.nytimes_listbar {
	background-color: #77AFBE;
}

/* facet title row */

.facetTitleRow {
	background-color: #77AFBE;
}

.facetTitle {
	color: #fff;	
	font-weight: bold;
}
.content_container {
			color: #000000;
}

/********************** GENERAL BUTTONS **********************************/

.button {
 background-color: #335988 !important;
 color: #fff !important;
 font-weight: 500;
 font-size: 12px;
}

.button:hover {
 background-color: #002A5C !important;
 color: #FFED36 !important;
 font-weight: 500;
}
/* facet buttons */

.limitcolumn_wrapper .button {
background-color: #335988;
color: #fff;
font-weight: 500;
font-size: 12px;
}
.limitcolumn_wrapper .button:hover {
background-color: #002A5C;
color: #FFED36;
font-weight: 500;
font-size: 12px;
}

/* login button */

.loginButton {
 background-color: #335988;
 color: #fff;
 font-weight: bold;
}

.loginButton:hover {
 background-color: #002A5C;
 color: #FFED36;
 font-weight: bold;
}
.ui-accordion-icons .ui-accordion-header a{
	font-weight: 600;	
    color: #fff !important;
	background: #77AFBE !important;
}

.accordionHolder .availableLabel, .accordionHolder .availableNumber {
	    font-weight: 600;
		color: #fff !important;
}
/*************************************Bold Button Text *******************************************/
.list .results_right .button {
font-weight: 600;
font-size: 12px;
}
.detailActions .button {
font-size: 12px;
}
.ui-dialog .ui-dialog-titlebar {
background: #77AFBE !important;
}

table.sortable thead {
background-color: #002A5C;
}
#results_wrapper .results_every_four .cell_wrapper .sortable th {
background-color: #77AFBE;
color: #fff;
font-weight: bold;
}
.breadCrumbs .facetTitle {
background: #77AFBE;
}
.limitcolumn_title {
color: #002A5C;
}
.moreNavigators a {
color: #002A5C;
}
.facetTitleRow {
width: 200px;
}

.resultsToolbar_num_results {
	background-color: #335988;
	color:#fff;
}
.resultsToolbar_num_results:hover {
	background-color: #002A5C;
	color: #FFED36;
}


.resultsToolbar_paginationNumbers {
	color: #002A5C;
}
.resultsToolbar_paginationNumbers a {
	color: #002A5C; 
}
.detailItems th{
	background-color: #77AFBE;
}
div.facts {
	color: black;
    padding: 0px 20px 0px 20px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    line-height: 125%;
}
th.infoTables {
	text-align: center;
	padding: 15px 25px 15px 25px;
	border: 1px solid black;
	
}
td.infoTables {
	text-align: center;
	padding: 15px 25px 15px 25px;
	border: 1px solid black;
	
}
table.infoTables {
	width: 100%;
	border: 1px solid black;
	
}
div.BookMyne {
	text-align: center;
}


/************************ HOLD TABLE IN MY ACCOUNT *****************************************/
table.sortable thead {
    background-color: #77AFBE;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
}
.payFinesTable th {
	background-color: #77AFBE !important;
}

/***********************MHL Custom Edits************************************************/
div.hours {
    color: black;
    padding: 0 20px 30px 20px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    line-height: 125%;
}
div.econtent {
    color: black;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    line-height: 125%;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: center;
    padding-right: inherit;
    padding-left: inherit;
}
div.econtent h4 {
    margin-bottom: 12px;
}
div.econtent p {
    font-size: 14px;
    clear: both;
    margin-left: 2px;
    margin-right: 2px;
    line-height: 1.6;
    padding-top: 10px;
}
div.econtent a {
    text-decoration: underline;
}
div.econtent .pull-left {
    float: left;
}
div.econtent .pull-right {
    float: right;
}
div.econtent-items {
    width: 46%;
    margin-bottom: 12px;
}
div.econtent-items a img {
    max-width: 100%;
    opacity: 0.85;
    border-radius: 10px;
}
.safari a img {
    border: 1px solid #ddd;
}
.novelist a img {
    border: 1px solid #ddd;
}
div.comcat {
    padding-top: 10px;
}
div.comcat > div {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: center;
    padding-right: inherit;
    padding-left: inherit;
}
/*********************** FOOTER AREA ***************************************************/

#footer {
background-color: ;
color: ;
}

#footer a {
color: ;
}