/* Ebooks Library Common CSS Document */

html { font-size: 100%; height: 100%; overflow: hidden; }
table { font-size: 100%; }

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

.notvisible { visibility: hidden; text-decoration: none; }
.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; margin: 35px 0 15px 0; line-height: normal; font-size: 210%; }
h2 { color: #000; margin: 30px 0 15px 0; line-height: normal; font-size: 180%; }
h3 { color: #000; margin: 30px 0 10px 0; line-height: normal; font-size: 160%; }
h4 { color: #000; margin: 25px 0 10px 0; line-height: normal; font-size: 140%; }
h5 { color: #000; margin: 20px 0 5px 0; line-height: normal; font-size: 110%; }
h6 { color: #000; margin: 15px 0 5px 0; line-height: normal; font-size: 100%; }

form { padding: 0; margin: 0; }

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

.floatleft { float: left; }
.floatright { float: right; }

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

.fontlighten { color: #7a7f80; }

h1.printheader { display: none; }


/* Main Contents */
.logobar { background: #fff; height: 76px; margin-bottom: 80px; }
.logobar h1.branding { font-size: 110%; float: left; margin: 0; width: 590px; height: 63px; padding: 13px 0 0 20px; line-height: 50px; }
.logobar h1.branding img { display: inline; padding: 0 20px 0 0; vertical-align: middle; }
.logobar h1.branding span { height: 50px; margin: 0; padding: 0; line-height: 50px; }
.logobar h1.branding span img { padding-left: 20px; border-left: 1px solid #c7cbcc; }



/* login box */
#loginboxouter { width: 414px; margin: 0 auto; background: url(images/ebl-custom/login-box-bgrepeat.png) repeat-y left; position: relative; }
#loginboxtop { position: absolute; top: 0; left: 0; width: 414px; height: 16px; background: #71bedc url(images/ebl-custom/login-box-topbg.png) no-repeat top left; }
#loginboxbtm { position: absolute; bottom: -1px; left: 0; width: 414px; height: 16px; background: #71bedc url(images/ebl-custom/login-box-btmbg.png) no-repeat bottom left; }

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

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

#loginbox h1 { margin: 0 0 21px 0; font-size: 14px; color: #969ea1; text-indent: -9999px; height: 40px; border-bottom: 1px solid #cacccc; }
#loginbox h1#clientstitle { text-indent: 0px; text-align: center; font-size: 140%; padding-top: 1px; height: 39px; }
#loginbox h1#librariantitle { background: url(images/login/title-librarian-login.gif) no-repeat top center; }
#loginbox h1#patrontitle { text-indent: 0px; text-align: center; font-size: 170%; padding-top: 1px; height: 39px; }
#loginbox h1#thankyoutitle { text-indent: 0px; height: 63px; text-align: center; font-size: 170%; }

#loginbox label { display: block; float: left; font-weight: bold; font-size: 108%; color: #323a3c; padding-top: 4px; }
#loginbox input.text { display: block; margin: 0 0 10px 0; padding: 3px 4px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #323a3c; 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 { display: block; padding: 0 0 0 9px; background: url(images/login/arrow-right-orange.gif) no-repeat 0px 4px; font-weight: bold; color: #b43c00; }
#loginbox a.forgotlogin:hover { color: #002e5e; }

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

#forgotpass { display: none; }

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


/* Unexpected Error */
#loginbox .unexpectederror { text-align: center; font-size: 108%; }
#loginbox .unexpectederror h1.errortitle { margin: 0 0 15px 0; color: #dc2b2b; font-size: 180%; text-indent: 0px; }
#loginbox .unexpectederror .unexpectedmessage { line-height: 140%; }


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


/* Terms of Use Agreement */
#loginbox.termsofuse { width: 406px; padding: 53px 4px 4px 4px; }
#termstitle { position: absolute; top: 4px; left: 4px; width: 381px; height: 33px; padding: 16px 0 0 25px; color: #fff; font-size: 140%; font-weight: bold; background: #242d30 url(/core/css/images/home-termsofuse-topbg.gif) repeat-x top; z-index: 200; }
.termsacceptance { font-size: 108%; color: #404040; 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; width: 128px; height: 22px; margin-right: 25px; }