/*//libraryreserve.cdn.overdrive.com/155/50/1.11/site-custom.css:*/

/******** CUSTOM CSS ********/
/******** Library Name: DLR Next Gen ********/

html { }

body { }

/******** FONTS ********/
body {font-family: "Source Sans Pro", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 18px;}

.button {font-family: "Source Sans Pro", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-weight: bold; line-height: 1;}

input[type="text"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { color: #333; font-size: 14px; font-family:"Source Sans Pro","Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif; }
/******** END FONTS ********/


/******** BACKGROUND COLORS ********/
body {
background: #E3EBF8;
color: #222;
} 

a, .trunc-title-line a, .featured-trunc-title-line a, li.facet div.more, #creatorDetail {color: #3A5A86;}
.dwnld-confirm-li a, a.signinrank:link, .trunc-title-line a, .featured-trunc-title-line a {color: #3A5A86 !important;}
a:hover, li.facet div.more:hover {color: #3A5A86; text-decoration:underline;}
.dwnld-confirm-li a:hover , a.signinrank:link:hover, .trunc-title-line a:hover, .featured-trunc-title-line a:hover {color: #3A5A86 !important; text-decoration:underline;}

h1, h2, h3, h4, h5, h6, h7 {}
.trunc-author-line, .featured-trunc-author-line, li.term span.count, #truncDescDetails h6, .trunc-desc-grid, .trunc-desc-list, .trunc-avail-copies-list, .trunc-subtitle-line-list, .trunc-series-line-grid {
color: #222;
}

#topRowLinks {background: #EEE; padding: 5px 0;}
#topRowLinks a {color: #3A5A86;}

#mainHead{background: #FFF; box-shadow: none; padding: 0;}
#mainHead section {}
#mainHead a, #mainHead span {color: #283375;}
#mainHead a:hover, #mainHead span:hover {}
#headerLogo {width: 300px; height: 113px; padding: 20px 0;}
#headerLogo a img {padding: 0; margin: 0;}
.logo-img {width: 300px; height: 103px; padding: 0;}

#navRow {background: transparent;}
#headerSearch1 a {white-space: nowrap;}
#searchText1 {}
#searchText1:focus {width: 240% !important;}

#mainNav{
background: #6493d9; /* Old browsers */
background: -moz-linear-gradient(top,  #6493d9 0%, #4474bc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6493d9), color-stop(100%,#4474bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6493d9 0%,#4474bc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6493d9 0%,#4474bc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6493d9 0%,#4474bc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6493d9 0%,#4474bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6493d9', endColorstr='#4474bc',GradientType=0 ); /* IE6-9 */
}
#homeSub01, #homeSub02, #homeSub03, #homeSub04, #homeSub05, #homeSub06{}
#homeSub01 h6, #homeSub02 h6, #homeSub03 h6, #homeSub04 h6, #homeSub05 h6, #homeSub06 h6 {}
#homeSub01 ul li a, #homeSub02 ul li a, #homeSub03 ul li a, #homeSub04 ul li a, #homeSub05 ul li a, #homeSub06 ul li a {text-decoration: none;}
#homeSub01 ul li a:hover, #homeSub02 ul li a:hover, #homeSub03 ul li a:hover, #homeSub04 ul li a:hover, #homeSub05 ul li a:hover, #homeSub06 ul li a:hover {}

#contentContainer {padding: 10px 0; background: #FFF;}

hr {border-color: #CCC;}

/*.home-coll-heading, .browse-sub-heading, #homeColl01 .row:first-child, #homeColl02 .row:first-child, #homeColl03 .row:first-child, #homeColl04 .row:first-child, #homeColl05 .row:first-child, #homeColl06 .row:first-child, #browseSub01 .row:first-child, #browseSub02 .row:first-child, #browseSub03 .row:first-child, #browseSub04 .row:first-child, #browseSub05 .row:first-child {
border-bottom: 0px solid #15224A;
padding: 0;
margin: 0;
}
.home-coll-full-row, .browse-sub-full-row, #homeColl01 .row:nth-child(2), #homeColl02 .row:nth-child(2), #homeColl03 .row:nth-child(2), #homeColl04 .row:nth-child(2), #homeColl05 .row:nth-child(2), #homeColl06 .row:nth-child(2), #browseSub01 .row:nth-child(2), #browseSub02 .row:nth-child(2), #browseSub03 .row:nth-child(2), #browseSub04 .row:nth-child(2), #browseSub05 .row:nth-child(2) {
border: 0px solid #334D55; 
padding: 10px 0;
margin: 0;
}
#homeColl01, #homeColl02, #homeColl03, #homeColl04, #homeColl05, #homeColl06, #browseSub01, #browseSub02, #browseSub03, #browseSub04, #browseSub05 {
}
#homeCollName {padding-left: 5px;}
#homeCollName h4, #browseSub01 h4, #browseSub02 h4, #browseSub03 h4, #browseSub04 h4, #browseSub05 h4, #browseSub06 h4 {line-height: 0.50;}
.home-coll-heading a, #browseSub01 h4 a, #browseSub02 h4 a, #browseSub03 h4 a, #browseSub04 h4 a, #browseSub05 h4 a, #browseSub06 h4 a 
{ 
color: #000;
text-decoration: none;
}
.home-coll-heading a:hover, #browseSub01 h4 a:hover, #browseSub02 h4 a:hover, #browseSub03 h4 a:hover, #browseSub04 h4 a:hover, #browseSub05 h4 a:hover, #browseSub06 h4 a:hover 
{}
.home-view-more-link a {color: #000 !important;}
.home-view-more-link a:hover {}
.home-coll-heading h4 {margin-top: 6px;}
.complete-title-element .home-coll-heading .home-view-more-link {margin-top:20px;}*/
/*#homeColl01 hr, #homeColl02 hr, #homeColl03 hr, #homeColl04 hr, #homeColl05 hr, #homeColl06 hr, #toutRow01hr, #toutRow02hr, #browseSub01 hr, #browseSub02 hr, #browseSub03 hr, #browseSub04 hr, #browseSub05 hr {
visibility: hidden;
}*/

/*#supportText {display: none;}*/

/***Use for sites with dark backgrounds***/
.img-and-info-contain .info-span a {}
.img-and-info-contain .info-span a:hover {}
.tc-title:hover, .tc-author:hover {}
.tcc-icon-span i.avail-0 {color: #BBB;}
.tcc-icon-span i.avail-1 {color: #333;}

.button.dropdown-bookshelf > ul li:hover, .button.dropdown-bookshelf > ul li:focus {background: #F2F0EE;}

.button, .img-and-info-contain .info-span .button { 
background: #E1DFC8;
border: 1px solid #444; 
color: #444;
text-decoration: none !important;
}
.button:hover, .img-and-info-contain .info-span .button:hover { 
color: #E1DFC8; 
background: #444;
border: 1px solid #444; 
text-decoration: none !important;
}

.dwnld-span-bottom, .read-button-text-download , .dwnld-span-top {text-shadow: none;}

/*#borrowButton, #readButtonDetails .button {background: #73AD01; border-color: #73AD01;}
#borrowButton:hover, #readButtonDetails .button:hover {background: #523D88; border-color: #523D88;}
*/
#pageLinks a {text-decoration: none;}

/*#normalLogin {display:none;} 
#msSurfaceLogin {display:block;}*/

.notice-body { background:#fee4bd; }

.notice-body-wl { background:#efffbb; }

.reveal-modal{ background:#eee; }

.round.small.button{
background:#ddd;
border:1px solid #ccc;
color:#aaa;
}
.round.small.button:hover{
background:#e4941c;
border:1px solid #d27e01;
color:#fff;
}
.round.small.button.lend-selected{
background:#6EA5B9;
border:1px solid #aaa;
color:#fff;
}

#formatsAtDownload, #seriesExpand, #editionExpand, #subjectsExpand, #languagesExpand, #copiesExpand, #readingExpand, .details-expand, #checkoutsExpand, #descriptionExpand, #awardsExpand,  #excerptsExpand, #synopsisExpand, #ataExpand, #tocExpand, #reviewsExpand, #formatInfoExpand, #drmExpand{ 
border:1px solid #E1DFC8; 
}
#formatsAtDownload h6, #seriesExpand h6, #editionExpand h6, #subjectsExpand h6, #languagesExpand h6, #copiesExpand h6, #readingExpand h6, .details-expand h6, #checkoutsExpand h6, #descriptionExpand h6, #awardsExpand h6, #excerptsExpand h6, #synopsisExpand h6, #ataExpand h6, #tocExpand h6, #reviewsExpand h6, h6#formatInfoH6, #drmExpand h6 { 
background: #5886C6;
color:#fff; 
}
/*#drmExpand .drm-expand h6 {filter: -;}*//*uncomment if the h6 is a gradient*/
/*#formatsAtDownload ul, #seriesExpand ul, #editionExpand ul, #subjectsExpand ul, #languagesExpand ul, #copiesExpand ul, #readingExpand ul, #checkoutsExpand ul, #descriptionExpand ul, #awardsExpand ul, #excerptsExpand ul, #synopsisExpand ul, #ataExpand ul, #tocExpand ul, #reviewsExpand ul, #formatInfoExpand ul, #drmExpand ul {
background: #ffffff;
}*/
.details-ul-exp, .subjects-expand, .copies-expand, .levels-expand, .series-expand, .edition-expand, .checkouts-expand, .description-expand, .drm-expand, .excerpts-expand, .format-info-expand, .synopsis-expand, .ata-expand, .toc-expand, .reviews-expand, .awards-expand, .formats-at-download {
}
.formats-at-download li, .series-expand li, .edition-expand li, .subjects-expand li, .details-expand li, .copies-expand li, .levels-expand li, .details-ul-exp li, .checkouts-expand li, .description-expand li, .awards-expand li, .excerpts-expand li, .synopsis-expand li, .ata-expand li, .toc-expand li, .reviews-expand li, .format-info-expand li, .drm-expand li { 
border-bottom:1px solid #E1DFC8; 
} 
.details-expand li a, .subjects-expand li a, .copies-expand li a, .series-expand li a, .edition-expand li a, .levels-expand li a, .checkouts-expand li a, .description-expand li a, .drm-expand li a, .excerpts-expand li a, .format-info-expand li a, .synopsis-expand li a, .ata-expand li a, .toc-expand li a, .reviews-expand li a, .awards-expand li a, .formats-at-download li a { 
}
.details-expand li a:hover, .subjects-expand li a:hover, .copies-expand li a:hover, .series-expand li a:hover, .edition-expand li a:hover, .levels-expand li a:hover, .checkouts-expand li a:hover, .description-expand li a:hover, .drm-expand li a:hover, .excerpts-expand li a:hover, .format-info-expand li a:hover, .synopsis-expand li a:hover, .ata-expand li a:hover, .toc-expand li a:hover, .reviews-expand li a:hover, .awards-expand li a:hover, .formats-at-download li a:hover {
}

#homeSub01:active, #homeSub02:active, #homeSub03:active, #homeSub04:active, #homeSub05:active, #homeSub06:active{background:none}

dd.active a div#maBookshelfTabMono h6, dd.active a div#maListsTabMono h6, dd.active a div#maSettingsTabMono h6, dd.active a div#maHoldsTabMono h6, dd.active a div#maSoftwareTabMono h6 {
color: #5886C6 !important;
}
#maBookshelfTabMono h6, #maListsTabMono h6, #maSettingsTabMono h6, #maHoldsTabMono h6, #maSoftwareTabMono h6, #softwareDownloadLink a h6 {color: #666;}
#tabControls a {text-decoration: none;}
#tabControls a:hover {text-decoration: none;}

#detailsTitle h3, #resultsPageCaption h3, .format-info-expand li div div h6, #crossMarketing h4, #myAccountContent ul li div h4 , .trunc-title-line-grid a, .trunc-title-line-list a, .drm-expand li div div h6 {
text-shadow: none; 
color: #222 !important;
background: none !important;
text-shadow: none !important;
box-shadow: none !important;
border: 0 !important;
}

/*#facetedSearch02 {}
.searchFacet.applied {background: none;}
.searchFacet h5 {
background: ;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border:1px solid #D8D9DA; 
border-bottom: 0;
font-weight: bold;
color: #000;
}
.searchFacet.applied {background: ;}
.filterHead {}
.searchFacetSub {border:1px solid #D8D9DA; margin-bottom: 20px; padding-left: 10px; border-top: 0;}
li.facet {border:1px solid #D8D9DA;}
li.facet span.name {
background: ;
width: 100%;
display: block;
padding-left: 5px;
}
ul.terms {padding: 10px 15px; background: ; margin: 0;}
.facetControl {}
.searchFacet h5, li.facet span.name {}
li.facet div.more {padding-left: 5px;}*/

.lending-period.radius.small.button {
background: #E1DFC8;
border:1px solid #444; 
color: #444 !important;
}
ul.button-group li a label {color: #444; }
.lending-period.radius.small.button:hover {
background: #444;
border:1px solid #444; 
}
.lending-period.radius.small.button:hover label {color: #FFF !important;}
ul.button-group li a input[type="radio"]:checked + label {
background: #5886C6;
color: #FFF !important; 
}
.lending-period.radius.small.button:hover input[type="radio"]:checked + label  {color: #FFF !important;}

.bg-shift-one {background: none;}

.buyNowBtn.button{
background:#499E0B;
border:1px solid #499E0B;
}
.buyNowBtn.button:hover{
background:#3B8009;
border:1px solid #3B8009;
}

.buyNowBtn { background-color:#499e0b; }

.buyNowBtn:hover, .buyNowBtn:active { background-color:#3b8009; }

.buyNowBtn2 { background-color:#499e0b; }

.buyNowBtn2:hover, .buyNowBtn2:active { background-color:#3b8009; }

#nextGenTour{background: #002755 url('//libraryreserve.cdn.overdrive.com/155/50/1.11/TopLineBackground.jpg') center}

#cookieControl{background:#94CC4C;}

footer { background: #FFF; color: #888;}
footer a {color: #3A5A86; font-size: 1.1em;}
footer a:hover {color: #3A5A86; text-decoration: underline;}
/*.powered-by-overdrive img {background-image: url('//libraryreserve.cdn.overdrive.com/155/50/1.11/PoweredByOD_white.png');}*/

/**** BUTTON COLORS ****/
/* 
.button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; }
.button.primary:hover { background-color: #2284a1; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover { background-color: #457a1a; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover { background-color: #970b0e; }
.button.secondary { background-color: #e6d0b1; color: #1d1d1d; border: 1px solid #dabe95; }
.button.secondary:hover { background-color: #deaa6e; }

.button.dropdown > ul li:hover { background-color: #e3f4f9; color: #222; }
.button.dropdown.split:hover { background-color: #2ba6cb; }
.button.dropdown.split.alert:hover { background-color: #c60f13; }
.button.dropdown.split.success:hover { background-color: #5da423; }
.button.dropdown.split.secondary:hover { background-color: #e9e9e9; }
.button.dropdown.split > a:hover { background-color: #2284a1; }
.button.dropdown.split > span { background-color: #2ba6cb; }
.button.dropdown.split > span:hover { background-color: #2284a1; }
.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
.button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover { background-color: #970b0e; }
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover { background-color: #457a1a; }
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover { background-color: #d0d0d0; } */
/**** END BUTTON COLORS ****/

/******** END BACKGROUND COLORS ********/

@media only screen and (max-width: 970px) and (min-width: 480px){
.notice-wl-contain {
    left: 50%;
    margin-left: -160px;
    position: fixed;
    top: 10px;
    z-index: 9001;
}
}

@media only screen and (min-width: 768px){
#navRow {margin-top: 35px;}
}

/*@media only screen and (max-width: 919px) and (min-width: 768px){
#navRow {margin-top: 5px;}
}*/

@media only screen and (max-width: 767px) {
.hover{
background: #E1DFC8;
}
.hover h6 {color: #444 !important;}
.hover ul li a, .hover ul li a, .hover ul li a, .hover ul li a, .hover ul li a, .hover ul li a {
color: #444 !important;
}
#homeCollName h4 a, #browseSub01 h4 a, #browseSub02 h4 a, #browseSub03 h4 a, #browseSub04 h4 a, #browseSub05 h4 a, #browseSub06 h4 a {
line-height: 1;
}
#homeCollName h4, #browseSub01 h4, #browseSub02 h4, #browseSub03 h4, #browseSub04 h4, #browseSub05 h4, #browseSub06 h4 {
margin-top: 8px;
padding-bottom: 5px;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px){
#mainHead {}
.logo-img {}
#navRow {padding-top: 5px;}
#mainNav section div {border-color: #CCC;}
}


@media only screen and (max-width: 479px) and (min-width: 321px){
.logo-img {}
#mainHead {}
#navRow {padding-top: 5px;}
#mainNav section div {border-color: #CCC;}
#homeCollName {width: 100% !important;}
#resultsListViewToggle li a {padding: 0 6px;}
}


@media only screen and (max-width: 320px){
.logo-img {}
#mainHead {}
#navRow {padding-top: 5px;}
#mainNav section div {border-color: #CCC;}
#homeCollName {width: 100% !important;}
#resultsListViewToggle li a {padding: 0 6px;}
}



/************************Notes**************************/
/*
equivalent of :nth-child() is :first-child + element
/*

/**** FOR SEMI-TRANSPARENT BACKGROUND BEHIND THE TOP NAV SPRITES (USUALLY GOES ONLY UNDER THE 2ND MEDIA QUERY) ****/
/*#navRow {margin-top: 17px; position: relative; right: 70px !important; background-color: rgba(202, 217, 226, 0.7); padding: 5px 0; border-radius: 10px;}*/

/**** FOR CUSTOM IMAGE IN FOOTER UNDER THE OVREDRIVE LOGO ( 1ST GOES IN REGULAR CSS, 2ND USUALLY GOES ONLY UNDER THE 2ND MEDIA QUERY) ****/
/*footer div .columns:nth-child(2) {background: url('//libraryreserve.cdn.overdrive.com/155/50/1.11/backgroundImage04.png') center bottom no-repeat; padding-bottom: 50px;}
footer div .columns:nth-child(2) {padding-bottom: 70px; background: url('//libraryreserve.cdn.overdrive.com/155/50/1.11/backgroundImage03.png') right bottom no-repeat; }*/

/**** FOR SET WIDTH SITE ***/
/*#mainHead {max-width: 980px; min-width: 1%;}
#mainNav {max-width: 980px; margin-bottom: 0;}
#mainContainer {margin-top: 0; padding: 0;}
#contentContainer {margin-bottom: 0; margin-top: 0px; padding: 30px 0; background: #FFF;}

for IE8
.ie8 #mainHead {max-width: 951px; min-width: 1%;}
.ie8 #mainNav {max-width: 951px; margin-bottom: 0;}
.ie8 #mainContainer {margin-top: 0; padding: 0;}
.ie8 #contentContainer {margin-bottom: 0; margin-top: 0px; padding: 30px 0; background: #FFF; max-width: 951px; }
*/

/**** DIMENSIONS of HEADER PIECES ***/
/*
header right (navbar, mainHead section images): max-width of 380px
.logo-img: max-width of 350px;
header left (masthead, mainHead images): max-width: 380px;
*/

/**** For #navRow below the header image ***/
/*Download and Go, LA County Office of Education*/

/**** TO VIEW A CONTENT DETAILS PAGE FOR A TEST TITLE ***/
/*ContentDetails.htm?ID=77E5A475-7092-45F3-BAE8-180165E953CF*/

/*******FOR SDL 3.0 - to hide all grade levels *********/
/*#readingLevelsBox, #levelsRow, .sr-interestlevel-facet, .sr-atoslevel-facet, .sr-lexilelevel-facet, .sr-grade-facet {display: none !important;}*/

/******* To VERTICALLY ALIGN elements *********/
/* position: absolute; right: 0; top: 50%; transform: translate(0px, -50%);-webkit-transform: translate(0px, -50%); */

/******* Text border *********/
/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/

/******* Fun theme content border *********/
/*box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);*/

/******* Fun theme content border *********/
/*font-size: 20px;
background: -webkit-linear-gradient(top, #01A9F2, #D6DF20);
background: linear-gradient(top, #01A9F2, #D6DF20);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/

/******* Waiting List email w/corresponding library card number *********/
/*Library Connection (119)*/
/* Library Card ending in @@LAST_FOUR_CARD_NUMBER@@ - goes under the title info */
/* @@FORMAT_CLASS_NAME@@<br /><br />Library Card ending in @@LAST_FOUR_CARD_NUMBER@@</p> - for html email*/