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


/*******************************
MAIN 
********************************/
html {
    ;
}

a {
    color: #2795B6;
}

a:hover {
    color: #444;
}

.trunc-author-line {
    color: #222;
}

.trunc-title-line a {
    color: #2795B6;
}

.trunc-title-line a:hover {
    color: #444;
}

#libraryLink {
    display: none;
}

.round.small.button {
    color: #444444 !important;
}

.round.small.button:hover {
    color: #FFFFFF !important;
}

.logo-img {
    background: url("//libraryreserve.cdn.overdrive.com/159/50/1.55/masthead-large.jpg") no-repeat scroll 0 0 transparent !important;
    height: 82px;
    width: 345px !important;
    margin-top: 10px !important;
}

/******************************
SIGN-IN
******************************/
.header-sign-in-out a {
    color: #444444 !important;
}

/***************************
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;
    color: #444;
}

.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="password"], 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 {
    font-size: 14px;
    font-family: "Source Sans Pro","Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
/******** END FONTS ********/


/*********************
TOP NAV TEXT
********************/
.navProfile span {
    color: #444444 !important;
    font-weight: bold !important;
}

.navHelp span {
    color: #444444 !important;
    font-weight: bold !important;
}

#headSearch1 a {
    color: #444444 !important;
    font-weight: bold !important;
}

.navMenu span {
    color: #444444 !important;
    font-weight: bold !important;
}
/*********END TOP_NAV **********/


/********************************
BACKGROUND COLORS 
********************************/
body {
    background: url('//libraryreserve.cdn.overdrive.com/159/50/1.55/backgroundImage04.png') #FFFFFF;
}

#contentContainer {
    box-shadow: 0 0 0px #FFFFFF;
    margin: 0 auto;
    padding: 10px 0;
    background: #FFF;
}

.hover {
    background: #00A79D;
}

#mainHead {
    background: url('//libraryreserve.cdn.overdrive.com/159/50/1.55/backgroundImage02.png') no-repeat #FFFFFF !important;
    background-position: center !important;
}

#mainNav {
    background: #00A79D !important;
    background-position: center !important;
    border-bottom: 5px solid #8CC640 !important;
}

#mainNav a {
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.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: #003C73;
    border: 1px solid #002E56;
    color: #fff;
}

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

#subjectsExpand, #awardsExpand, #copiesExpand, #seriesExpand, #editionExpand, #checkoutsExpand, #descriptionExpand, #drmExpand, #excerptsExpand, #formatInfoExpand, #synopsisExpand, #ataExpand, #tocExpand, #reviewsExpand {
    border: 1px solid #444444;
}

#subjectsExpand h6, #awardsExpand h6, #copiesExpand h6, #seriesExpand h6, #editionExpand h6, #checkoutsExpand h6, #descriptionExpand h6, #drmExpand h6, #excerptsExpand h6, #formatsAtDownload h6, #formatInfoExpand h6, #synopsisExpand h6, #ataExpand h6, #tocExpand h6, #reviewsExpand h6 {
    background: #8CC640;
    color: #fff;
}

.awards-expand li {
    border-bottom: 1px solid #8CC640 !important;
    margin: 0;
    padding: 5px;
}

#formatsAtDownload {
    border: 1px solid #8CC640;
}

.formats-at-download li {
    border-bottom: 1px solid #8CC640;
}

.subjects-expand li , .copies-expand li, .series-expand li , .edition-expand li , .checkouts-expand li, .description-expand li , .drm-expand li, .excerpts-expand li , .format-info-expand li , .synopsis-expand li , .ata-expand li , .toc-expand li , .reviews-expand li {
    border-bottom: 1px solid #8CC640;
}

#homeSub01, #homeSub02, #homeSub03, #homeSub04, #homeSub05, #homeSub06  a {
    color: #FFFFFF !important;
}

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

.more-link-one {
    background: #ddd;
    border: 1px solid #bbb;
    color: #7CE5FD;
    text-shadow: 1px 1px #fff;
    text-shadow: -1px -1px #513712;
}

.more-link-two {
    background: #ddd;
    border: 1px solid #bbb;
    color: #7CE5FD;
    text-shadow: -1px -1px #513712;
}

.more-link-three {
    background: #ddd;
    border: 1px solid #bbb;
    color: #888;
    text-shadow: 1px 1px #fff;
}

.more-link-one:hover {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    text-shadow: 1px 1px #888;
}

.more-link-two:hover {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    text-shadow: 1px 1px #888;
}

.more-link-three:hover {
    background: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    text-shadow: 1px 1px #888;
}

.more-link-one-on {
    background: #719B36 !important;
    -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);
}

.more-link-two-on {
    background: #719B36 !important;
    -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);
}

.more-link-three-on {
    background: #719B36 !important;
    -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);
}

.more-link-three {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #BBBBBB;
    color: #FFFFFF;
    text-shadow: 1px 1px #444444 !important;
}

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

.buyNowBtn.button:hover {
    background: #3B8009;
    border: 1px solid #3B8009;
}
/**********END BUTTON STYLES***********/


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

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

#advsearchCatalogButtons li a label:hover {
    background-color: #003C73;
}

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

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

.hover {
    background: #00A79D;
}

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

#cookieControl {
    background: #94CC4C;
}

footer {
    background: #8CC640 !important;
}

footer a {
    color: #FFFFFF !important;
}

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



/******************************* 
BUTTON COLORS 
*******************************/
.button {
    background: #8CC640;
    border: 1px solid #234d56;
}

.button:hover {
    color: white;
    background-color: #719B36;
    border: 1px solid #234d56;
}

.button.primary {
    background-color: #8CC640;
    border: 1px solid #234d56;
}

.button.primary:hover {
    background-color: #719B36;
}

.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: #719B36;
}

.button.dropdown > ul li:hover {
    background-color: #e3f4f9;
    color: #222;
}

.button.dropdown.split:hover {
    background-color: #8CC640;
}

.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: #719B36;
}

.button.dropdown.split > span {
    background-color: #8CC640;
}

.button.dropdown.split > span:hover {
    background-color: #719B36;
}

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

.button:hover {
    background-color: #719B36;
    border: 1px solid #234d56;
    color: white;
}

.more-link-two {
    color: #FFFFFF;
}

.more-link-one {
    color: #FFFFFF;
}

#homeSub01 h6, #homeSub02 h6, #homeSub03 h6, #homeSub04 h6, #homeSub05 h6, #homeSub06 h6 {
    color: #FFFFFF !important;
}
/**** END BUTTON COLORS ****/




/****************************************
MEDIA MIN-WIDTH 768 PX
*****************************************/
@media only screen and (min-width: 768px) {
    .navProfile span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    .navHelp span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    #headSearch1 a {
        color: #444444 !important;
        font-weight: bold !important;
    }

    .navMenu span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    #headSearch2 a {
        color: #444444 !important;
        float: left;
        font-size: 0.8em;
        margin: 0 auto;
    }

    #mainHead {
        background: url('//libraryreserve.cdn.overdrive.com/159/50/1.55/backgroundImage02.png') no-repeat #FFFFFF !important;
        background-position: center !important;
        padding-top: 0px;
        box-shadow: 0 0 0px 0 #CCCCCC !important;
        border-bottom: 5px solid #8CC640 !important;
    }

    #headerLogo a img {
        height: 82px !important;
        margin-top: 34px !important;
        width: 221px;
    }
}
/****************************************
MEDIA WDITH 767 PX - 480 PX
*****************************************/

@media only screen and (max-width: 767px) and (min-width: 480px) {
    #headSearch2 a {
        color: #444444 !important;
        float: left;
        font-size: 0.8em;
        margin: 0 auto;
    }

    .logo-img {
        margin: auto;
          height: 90px;
    width: 85px !important;
    }

    .header-sign-in-out {
        margin-top: 0;
    }

    .header-sign-in-out {
        top: -106px;
    }

    .hover {
        background: #6D6F71;
    }

    .navProfile span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    .navHelp span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    #headSearch1 a {
        color: #444444 !important;
        font-weight: bold !important;
    }

    .navMenu span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    #mainNav section div {
        border-bottom: 2px groove #8CC640;
    }

    #mainHead {
        background: url('//libraryreserve.cdn.overdrive.com/159/50/1.55/backgroundImage04.png') no-repeat #FFFFFF !important;
        background-position: center !important;
        box-shadow: 0 0 0px 0 #CCCCCC !important;
        border-bottom: 5px solid #8CC640 !important;
        padding-top: 25px;
    }

    #homeSub01arrows, #homeSub02arrows, #homeSub03arrows, #homeSub04arrows, #homeSub05arrows, #homeSub06arrows {
        background: url("//libraryreserve.cdn.overdrive.com/159/50/1.55/sprites.png") no-repeat scroll -405px -256px transparent;
        border: medium none !important;
    }

    .hover {
        background: #6D6F71;
    }
}

/****************************************
MEDIA WDITH 479 PX - 321 PX
*****************************************/

@media only screen and (max-width: 479px) and (min-width: 321px) {
    .logo-img {
        margin: auto;
        height: 95px;
        width: 85px !important;
    }

    #headerLogo a img {
        height: 82px !important;
        margin-top: 34px !important;
        width: 221px;
    }

    .logo-img {
        background: url("//libraryreserve.cdn.overdrive.com/159/50/1.55/masthead.png") no-repeat scroll 0 0 transparent !important;
        height: 90px !important;
        width: 196px;
    }

    #mainNav section div {
        border-bottom: 2px groove #8CC640;
    }

    .hover {
        background: #6D6F71;
    }

    #headSearch2 a {
        color: #444444 !important;
        float: left;
        font-size: 0.8em;
        margin: 0 auto;
    }

    .navProfile span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    .navHelp span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    #headSearch1 a {
        color: #444444 !important;
        font-weight: bold !important;
    }

    .navMenu span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    #mainHead {
        background: url('backgroundImage04') no-repeat #FFFFFF !important;
        background-position: center !important;
        box-shadow: 0 0 0px 0 #CCCCCC !important;
        border-bottom: 5px solid #8CC640 !important;
    }

    #headerLogo a img {
        width: auto;
        width: 221px;
        height: 82px;
        margin-top: 5px;
    }

    .header-sign-in-out {
        margin-top: 10px;
    }

    .header-sign-in-out {
        top: -128px;
    }

    .hover {
        background: #6D6F71;
    }
}

/****************************************
MEDIA WDITH 320 PX
*****************************************/

@media only screen and (max-width: 320px) {
    .header-sign-in-out {
        margin-top: 4px;
    }

      .logo-img {
        background: url("//libraryreserve.cdn.overdrive.com/159/50/1.55/masthead.png") no-repeat scroll 0 0 transparent !important;
        height: 90px !important;
        width: 196px;
        margin: auto;
    }

    .hover {
        background: #6D6F71;
    }

    .navProfile span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    .navHelp span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    #headSearch1 a {
        color: #444444 !important;
        font-weight: bold !important;
    }

    .navMenu span {
        color: #444444 !important;
        font-weight: bold !important;
    }

    #headSearch2 a {
        color: #444444 !important;
        float: left;
        font-size: 0.8em;
        margin: 0 auto;
    }

    #mainNav section div {
        border-bottom: 2px groove #8CC640;
        padding: 5px 10px;
    }

    #mainHead {
        background: url('//libraryreserve.cdn.overdrive.com/159/50/1.55/backgroundImage04.png') repeat-x #FFFFFF !important;
    }

    .hover {
        background: #6D6F71;
    }
}
 /**********END MEDIA QUARIES*************/


#mainNav {
    margin: 0 auto;
}

footer {
    margin: 0;
    box-shadow: 0 0 5px #333;
    background: #00A79D !important;
    color: #FFF;
}

footer a {
    color: #CCF;
    text-decoration: underline;
}

.powered-by-overdrive img {
    background: url("//libraryreserve.cdn.overdrive.com/159/50/1.55/PoweredByOD_white.png") no-repeat;
}


/******************************
EXTRA CSS ADDITIONS 
*******************************/
/*Fixes Wish List Issue*/
@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;
    }

    .close-notification {
        background: url("//libraryreserve.cdn.overdrive.com/159/50/1.55/purrClose000.png") no-repeat scroll 0 10px transparent;
        display: block;
        height: 17px;
        position: absolute;
        right: 0;
        text-indent: -9999px;
        top: 0;
        width: 18px;
        padding-right: 35px;
    }
}


/*Makes the Library Link Appear in the footer*/
#libraryLink {
    display: block;
}

#advsearchCatalogButtons li a label:hover {
    background: transparent;
}

/***********ENDS EXTRA CSS ADDITIONS*******/



.details-expand { border:1px solid #444444 !important; border-bottom:none !important;}
.details-expand h6 { background:#8CC640 !important; color:#fff !important; }
.details-ul-exp li { border-bottom:1px solid #444444 !important; }



