/*//libraryreserve.cdn.overdrive.com/736/50/1.33/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: #FFFFFF; /* Old browsers */ 
background: -moz-linear-gradient(top,  #FFFFFF 0%, #CDCCC8 10%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75A6F7), color-stop(10%,#CDCCC8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#CDCCC8 10%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFFFFF 0%,#CDCCC8 10%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFFFFF 0%,#CDCCC8 10%); /* IE10+ */
background: linear-gradient(to bottom,  #FFFFFF 0%,#CDCCC8 10%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CDCCC8',GradientType=0 ); /* IE6-9 */
color: #333;
} 

a, .trunc-title-line a, .featured-trunc-title-line a, li.facet div.more, #creatorDetail {color: #026E9C;}
.dwnld-confirm-li a, a.signinrank:link {color: #026E9C !important;}
a:hover, li.facet div.more:hover {color: #B56D00;}
.dwnld-confirm-li a:hover , a.signinrank:link:hover {color: #B56D00 !important;}

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: #333;
}

#topRowLinks {
background: #177094; /* Old browsers */
background: -moz-linear-gradient(top,  #177094 0%, #125976 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#177094), color-stop(100%,#125976)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #177094 0%,#125976 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #177094 0%,#125976 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #177094 0%,#125976 100%); /* IE10+ */
background: linear-gradient(to bottom,  #177094 0%,#125976 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177094', endColorstr='#125976',GradientType=0 ); /* IE6-9 */
padding: 5px 0;
}
#topRowLinks a {color: #FFF; font-weight: bold;}
.ie8 .home-link-top {width: 150px;}

#mainHead{
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top,  #FFFFFF 0%, #E9E9E7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E9E9E7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#E9E9E7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFFFFF 0%,#E9E9E7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFFFFF 0%,#E9E9E7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFFFFF 0%,#E9E9E7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E7',GradientType=0 ); /* IE6-9 */
box-shadow: none; 
padding: 0;
}
#mainHead section {}
#mainHead a, #mainHead span {color: #026E9C;}
#mainHead a:hover, #mainHead span:hover {}
#headerLogo {height: 122px; padding: 0;}
#headerLogo a img {padding: 0; margin: 0;}
.logo-img {height: 122px; width: 501px; background-image: url('//libraryreserve.cdn.overdrive.com/736/50/1.33/masthead-large.jpg');}

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

#mainNav{
border-top: 1px solid #818181;
border-bottom: 1px solid #818181;
background: #A9DC93; /* Old browsers */
background: -moz-linear-gradient(top,  #FFFFFF 0%, #A9DC93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#A9DC93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#A9DC93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFFFFF 0%,#A9DC93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFFFFF 0%,#A9DC93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFFFFF 0%,#A9DC93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#A9DC93',GradientType=0 ); /* IE6-9 */
margin-bottom: 0;
}
#homeSub01, #homeSub02, #homeSub03, #homeSub04, #homeSub05, #homeSub06{}
#homeSub01 h6, #homeSub02 h6, #homeSub03 h6, #homeSub04 h6, #homeSub05 h6, #homeSub06 h6 {color: #333;}
#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; color: #333;}
#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 {}

#bigLibRead2ndColl {margin-top: 5px;}

#mainContainer {
background: #E9E9E7; /* Old browsers */
background: -moz-linear-gradient(top,  #E9E9E7 0%, #CDCCC8 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E9E7), color-stop(30%,#CDCCC8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #E9E9E7 0%,#CDCCC8 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #E9E9E7 0%,#CDCCC8 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #E9E9E7 0%,#CDCCC8 30%); /* IE10+ */
background: linear-gradient(to bottom,  #E9E9E7 0%,#CDCCC8 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E7', endColorstr='#CDCCC8',GradientType=0 ); /* IE6-9 */
}
#pageContentContainer {padding-top: 20px;}
#contentContainer {padding: 10px 0; margin-top: 0; background: #FFF; border: 1px solid #88888A;}

hr {border-color: #999999;}

.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 {
background: none; 
border-radius: 5px 5px 0 0; 
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 #98321E; 
padding: 10px 0;
margin: 0;
}
#homeColl01, #homeColl02, #homeColl03, #homeColl04, #homeColl05, #homeColl06, #browseSub01, #browseSub02, #browseSub03, #browseSub04, #browseSub05 {
}
#homeCollLink a, .browse-view-more {}
#homeCollLink a:hover, .browse-view-more:hover {}
#homeCollName {padding-left: 5px;}
#homeCollName h4, #browseSub01 h4, #browseSub02 h4, #browseSub03 h4, #browseSub04 h4, #browseSub05 h4, #browseSub06 h4 {line-height: 0.50;}
#homeCollName h4 a, #browseSub01 h4 a, #browseSub02 h4 a, #browseSub03 h4 a, #browseSub04 h4 a, #browseSub05 h4 a, #browseSub06 h4 a 
{ 
color: #4C4C4C; 
text-decoration: none;
}
#homeCollName h4 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, .browse-view-more {margin: 10px 0;}
/*#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;}*/

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

.button { 
background: #197EA6;
border: 1px solid #197EA6; 
color: #FFF;
text-decoration: none !important;
}
.button:hover { 
color: white; 
background: #8DC267;
border: 1px solid #8DC267; 
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, #checkoutsExpand, #descriptionExpand, #awardsExpand,  #excerptsExpand, #synopsisExpand, #ataExpand, #tocExpand, #reviewsExpand, #formatInfoExpand, #drmExpand{ 
border:0px solid #CCC; 
}
#formatsAtDownload h6, #seriesExpand h6, #editionExpand h6, #subjectsExpand h6, #languagesExpand h6, #copiesExpand h6, #checkoutsExpand h6, #descriptionExpand h6, #awardsExpand h6, #excerptsExpand h6, #synopsisExpand h6, #ataExpand h6, #tocExpand h6, #reviewsExpand h6, h6#formatInfoH6, #drmExpand h6 { 
background: #A9DC93; /* Old browsers */
background: -moz-linear-gradient(top,  #FFFFFF 0%, #A9DC93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#A9DC93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#A9DC93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFFFFF 0%,#A9DC93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFFFFF 0%,#A9DC93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFFFFF 0%,#A9DC93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#A9DC93',GradientType=0 ); /* IE6-9 */
color:#2D2D2D; 
border: 1px solid #818181;
border-radius: 3px;
}
/*#drmExpand .drm-expand h6 {filter: -;}*//*uncomment if the h6 is a gradient*/
/*#formatsAtDownload ul, #seriesExpand ul, #editionExpand ul, #subjectsExpand ul, #languagesExpand ul, #copiesExpand 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, .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, .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 dotted #999999; 
} 
.details-expand li a, .subjects-expand li a, .copies-expand li a, .series-expand li a, .edition-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, .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: #197EA6 !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: #4C4C4C !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;}*/

.more-link-one {
background: #4a55b1;
border:1px solid #CCC;
color:#FFF; 
text-shadow: none;
}
.more-link-two{
background: #4a55b1;
border:1px solid #CCC; 
color:#FFF; 
text-shadow:none;
}
.more-link-three{
background: #4a55b1;
border:1px solid #CCC; 
color:#FFF; 
text-shadow:none;
}
.more-link-one:hover{
background: #97be8a;
border:1px solid #ccc; 
color:#fff; 
text-shadow:none;
}
.more-link-two:hover{
background: #97be8a;
border:1px solid #ccc; 
color:#fff; 
text-shadow:none;
}
.more-link-three:hover{
background: #97be8a;
border:1px solid #ccc; 
color:#fff; 
text-shadow:none;
}
.more-link-one-on{
background: #d78122;
-moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
box-shadow:         inset 0 0 10px rgba(0,0,0,0.5);
border-color: #d78122;
}
.more-link-two-on{
background: #d78122;
-moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
box-shadow:         inset 0 0 10px rgba(0,0,0,0.5);
border-color: #d78122;
}
.more-link-three-on{
background: #d78122;
-moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
box-shadow:         inset 0 0 10px rgba(0,0,0,0.5);
border-color: #d78122;
}

.lending-period.radius.small.button {
background: #CDCCC8;
border:1px solid #CDCCC8; 
color: #444 !important;
}
ul.button-group li a label {color: #444; }
.lending-period.radius.small.button:hover {
background: #8DC267;
border:1px solid #8DC267; 
}
.lending-period.radius.small.button:hover label {color: #FFF !important;}
ul.button-group li a input[type="radio"]:checked + label {
background: #197EA6;
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/736/50/1.33/TopLineBackground.jpg') center}

.ie8 #mainContainer {margin-top: 0 !important;}

#cookieControl{background:#94CC4C;}

.ie8 #headerNav {width: 36% !important; padding-left: 0; padding-right: 0;}
.ie8 #headerNav .row {margin-left: 0;}
.nav-container div.push-two {padding-left: 0px; padding-right: 0px; left: 0 !important; }
.ie8 #headerLogo {width: 501px;}
.ie8 #navRow {float: right;}

#homeMessage {text-align: center;  margin: 10px 0;}
#homeMessage div { font-size: 1.2em; font-weight: bold;}

footer {
background: #177094; /* Old browsers */
background: -moz-linear-gradient(top,  #177094 0%, #125976 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#177094), color-stop(100%,#125976)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #177094 0%,#125976 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #177094 0%,#125976 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #177094 0%,#125976 100%); /* IE10+ */
background: linear-gradient(to bottom,  #177094 0%,#125976 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177094', endColorstr='#125976',GradientType=0 ); /* IE6-9 */
color: #EEF2F6;}
footer a {color: #FFF; font-size: 1.1em; font-weight: bold;}
footer a:hover {color: #FFF; text-decoration: underline;}
.powered-by-overdrive img {background-image: url('//libraryreserve.cdn.overdrive.com/736/50/1.33/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){
#headerNav {width: 36% !important; padding-left: 0; padding-right: 0;}
#headerNav .row {margin-left: 0;}
.nav-container div.push-two {padding-left: 0px; padding-right: 0px; left: 0 !important; }
#headerLogo {width: 501px;}
#navRow {float: right;}
}

@media only screen and (max-width: 816px) and (min-width: 768px){
#navRow {}
#headerLogo {width: 100%; text-align: center;}
#navRow {margin-top: 0; padding: 0 15px;}
#headerNav {width: 100% !important; clear: right; float: right; padding-top: 5px;}
.nav-container div.push-two {padding: 0 15px; left: 45px !important;}
#searchText1 {width: 77%;}
}

@media only screen and (max-width: 767px) {
.hover{
background: #E6E6E6; /* Old browsers */
background: -moz-linear-gradient(top,  #E6E6E6 0%, #FFFFFF 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(70%,#FFFFFF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #E6E6E6 0%,#FFFFFF 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #E6E6E6 0%,#FFFFFF 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #E6E6E6 0%,#FFFFFF 70%); /* IE10+ */
background: linear-gradient(to bottom,  #E6E6E6 0%,#FFFFFF 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6E6E6', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
}
/*.hover h6 {color: #3B2D16 !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: #024E57 !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: 540px){
#mainHead {}
.logo-img {}
#navRow {padding-top: 5px;}
#mainNav section div {border-color: #818181;}
}


@media only screen and (max-width: 539px) and (min-width: 321px){
.logo-img {height: 150px; background-image: url('//libraryreserve.cdn.overdrive.com/736/50/1.33/masthead-small.jpg'); width: 288px;}
#mainHead {}
#headerLogo {height: 150px;}
#navRow {padding-top: 5px;}
#mainNav section div {border-color: #818181;}
#homeCollName {width: 100% !important;}
#resultsListViewToggle li a {padding: 0 6px;}
}


@media only screen and (max-width: 320px){
.logo-img {height: 150px; background-image: url('//libraryreserve.cdn.overdrive.com/736/50/1.33/masthead-small.jpg'); width: 288px;}
#mainHead {}
#headerLogo {height: 150px;}
#navRow {padding-top: 5px;}
#mainNav section div {border-color: #818181;}
#homeCollName {width: 100% !important;}
#resultsListViewToggle li a {padding: 0 6px;}
}

    #spColl3 {background: #EEE; padding: 7px; border:#197ea6 2px solid; display: inline-block;-webkit-border-radius: 5px 5px 5px;
border-radius: 5px 5px 5px;}

/************************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/736/50/1.33/backgroundImage04.png') center bottom no-repeat; padding-bottom: 50px;}
footer div .columns:nth-child(2) {padding-bottom: 70px; background: url('//libraryreserve.cdn.overdrive.com/736/50/1.33/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;}

.ie8 #mainHead {max-width: 951px; min-width: 1%;}
.ie8 #mainNav {max-width: 951px; margin-bottom: 0;}
.ie8 #mainContainer {margin-top: 0 !important; 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*/