/* Ebooks Library Common CSS Document */

html {
    font-size: 100%;
    height: 100%;
    
}

table { font-size: 100%; }

html body {
    background-color: #71bedc;
    color: #323a3c;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
}

body { font-size: 71%; }

.notvisible {
    text-decoration: none;
    visibility: hidden;
}

.donotshow { display: none; }

p { margin: 0 0 15px 0; }

img {
    border: none;
    display: block;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover { color: #b33b00; }

h1 {
    color: #000;
    font-size: 210%;
    line-height: normal;
    margin: 35px 0 15px 0;
}

h2 {
    color: #000;
    font-size: 180%;
    line-height: normal;
    margin: 30px 0 15px 0;
}

h3 {
    color: #000;
    font-size: 160%;
    line-height: normal;
    margin: 30px 0 10px 0;
}

h4 {
    color: #000;
    font-size: 140%;
    line-height: normal;
    margin: 25px 0 10px 0;
}

h5 {
    color: #000;
    font-size: 110%;
    line-height: normal;
    margin: 20px 0 5px 0;
}

h6 {
    color: #000;
    font-size: 100%;
    line-height: normal;
    margin: 15px 0 5px 0;
}

form {
    margin: 0;
    padding: 0;
}

.clearfloats {
    clear: both;
    font-size: 1px;
    height: 0px;
    line-height: 0px;
}

.clearleft {
    clear: left;
    font-size: 1px;
    height: 0px;
    line-height: 0px;
}

.clearboth { clear: both; }

.floatleft { float: left; }

.floatright { float: right; }

.firstchild {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.fontlighten { color: #7a7f80; }

h1.printheader { display: none; }


/* Main Contents */

.logobar {
    background: #fff;
    height: 86px;
    margin-bottom: 40px;
}

.logobar h1.branding {
    float: left;
    font-size: 110%;
    height: 63px;
    line-height: 50px;
    margin: 0;
    padding: 13px 0 0 20px;    
}

.logobar h1.branding img {
    display: inline;
    padding: 0 20px 0 0;
    vertical-align: middle;
}

.logobar h1.branding span {
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
}

.logobar h1.branding span img {
    padding-left: 20px;
}



/* login box */

#loginboxouter {
    background: url(images/ebl-custom/login-box-bgrepeat.png) repeat-y left;
    margin: 0 auto;
    position: relative;
    width: 414px;
}

#loginboxtop {
    background: #71bedc url(images/ebl-custom/login-box-topbg.png) no-repeat top left;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 414px;
}

#loginboxbtm {
    background: #71bedc url(images/ebl-custom/login-box-btmbg.png) no-repeat bottom left;
    bottom: -1px;
    height: 16px;
    left: 0;
    position: absolute;
    width: 414px;
}

#loginbox {
    height: auto !important;
    height: 177px;
    margin: 0 auto;
    min-height: 177px;
    padding: 42px 45px 35px 45px;
    position: relative;
    width: 324px;
}

#loginbox.nominheight {
    min-height: 0px;
    padding: 42px 45px 45px 45px;
}

#loginbox .fading {
    left: 0;
    position: absolute;
    top: 0;
    width: 324px;
}

#loginbox h1 {
    border-bottom: 1px solid #cacccc;
    color: #969ea1;
    font-size: 14px;
    height: 40px;
    margin: 0 0 21px 0;
    text-indent: -9999px;
}

#loginbox h1#clientstitle {
    font-size: 140%;
    height: 39px;
    padding-top: 1px;
    text-align: center;
    text-indent: 0px;
}

#loginbox h1#librariantitle { background: url(images/login/title-librarian-login.gif) no-repeat top center; }

#loginbox h1#patrontitle {
    font-size: 170%;
    height: 39px;
    padding-top: 1px;
    text-align: center;
    text-indent: 0px;
}

#loginbox h1#thankyoutitle {
    font-size: 170%;
    height: 63px;
    text-align: center;
    text-indent: 0px;
}

#loginbox label {
    color: #323a3c;
    display: block;
    float: left;
    font-size: 108%;
    font-weight: bold;
    padding-top: 4px;
}

#loginbox input.text {
    color: #323a3c;
    display: block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 3px 4px;
    width: 203px;
}

#loginbox input.text.passwordfield { letter-spacing: 1px; }

#loginbox .loginoptions {
    clear: both;
    padding-left: 111px;
}

#loginbox input.submitlogin {
    display: block;
    margin-bottom: 12px;
    outline: none;
}

#loginbox a.forgotlogin {
    background: url(images/login/arrow-right-orange.gif) no-repeat 0px 4px;
    color: #b43c00;
    display: block;
    font-weight: bold;
    padding: 0 0 0 9px;
}

#loginbox a.forgotlogin:hover { color: #002e5e; }

#loginbox .message {
    color: #7d7d7d;
    display: none;
    font-size: 108%;
    font-weight: bold;
    padding: 0 0 22px 0;
    text-align: center;
}

#loginbox .message.error { color: #c72222; }

#forgotpass { display: none; }

#loginbox a.logbackin {
    display: block;
    height: 19px;
    margin: 0 auto;
    width: 75px;
}


/* Unexpected Error */

#loginbox .unexpectederror {
    font-size: 108%;
    text-align: center;
}

#loginbox .unexpectederror h1.errortitle {
    color: #dc2b2b;
    font-size: 180%;
    margin: 0 0 15px 0;
    text-indent: 0px;
}

#loginbox .unexpectederror .unexpectedmessage { line-height: 140%; }


/* Service Unavailable */

h1#serviceunavailable {
    background: url(images/alert-icon-notready.gif) no-repeat center 35px;
    border-bottom: none;
    color: #a3a3a3;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 100px 0 0 0;
    text-align: center;
    text-indent: 0px;
}

h1#processinglogin {
    border-bottom: none;
    color: #a3a3a3;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 40px 0 0 0;
    text-align: center;
    text-indent: 0px;
}

h1#processinglogin img {
    height: 32px;
    margin: 0 auto 15px;
    width: 32px;
}


/* Terms of Use Agreement */

#loginbox.termsofuse {
    padding: 53px 4px 4px 4px;
    width: 406px;
}

#termstitle {
    background: #242d30 url(/core/css/images/home-termsofuse-topbg.gif) repeat-x top;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    height: 33px;
    left: 4px;
    padding: 16px 0 0 25px;
    position: absolute;
    top: 4px;
    width: 381px;
    z-index: 200;
}

.termsacceptance {
    color: #404040;
    font-size: 108%;
    line-height: 140%;
    padding: 22px 25px 0 25px;
}

.termsacceptance a {
    color: #0090C5;
    font-weight: bold;
}

.termsacceptance a:hover { color: #000; }

.termsoptions { padding: 8px 0 30px 35px; }

.termsoptions img {
    float: left;
    height: 22px;
    margin-right: 25px;
    width: 128px;
}

.footer {
    width: 100%;
    bottom: 0;
    min-height: 140px;
    background-color: black;
    color: white;    
    font-size: 100%;
    position:absolute;
    margin-top: 20px;    
    display:block;
}

.footer-container {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

.footer h4, h5, a, a:hover, a:visited  {
    color:white;
    margin: 0px;
}

.footer ul, li {
    padding: 2px 0px;
    list-style-type: none;    
}
.footer-inner {
    width:15%;
    display:inline-block;
    padding: 15px 10px;
    vertical-align: top;    
    text-align: left;
}

.about-portal {    
    background: url(images/ebl-custom/login-box-bgrepeat.png) repeat-y left;
    margin: 0 auto;
    position: relative;
    width: 414px;
    color: darkslategray;
}

.about-portal .about-portal-inner {
    padding: 20px 45px;
}

.page-container {
    position: relative;
    min-height: 100vh;
}

.content-wrap {
    padding-bottom: 140px; /* Footer height */    
}