<html> <head>  <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> <link rel="stylesheet" href="//cdn.jsdelivr.net/lightbox2/2.7.1/css/lightbox.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/lightbox2/2.7.1/css/screen.css"> <script src="//cdn.jsdelivr.net/lightbox2/2.7.1/js/lightbox.min.js"></script> <style> @import url(http://fonts.googleapis.com/css?family=Lato:400,700); body { font-family: 'Lato', Arial, Helvetica, sans-serif; color: #333333; font-size: 14px; line-height: 1.2em;; background-color: #ffffff; } a, a:active, a:link, a:visited, a:hover { color: #0093be; } h1 { font-size: 24px; color: #999999; font-weight: normal; line-height: 24px; } #signInBox { padding-top: 10px; max-width: 390px; margin: 0 10px; } #signInBox h1 { padding: 0px 0px 10px 0px; border: none; } #signInBox label { display: block; padding: 10px 0px 3px 0px; } #signInBox input { line-height: 30px; height: 30px; padding: 0px 5px 0px 5px; font-size: 12px; font-weight: normal; width: 100%; } #signInButton { width: 100%; font-weight: bold; line-height: 50px; margin: 15px 0px 0px 1px; color: #ffffff; background-color: #0093b6; background: -webkit-linear-gradient(#0093b6, #00759e); background: linear-gradient(#0093b6, #00759e); border: 0 none; cursor: hand; } .description { font-size: 0.75em; } img#card { height: 25px; padding: 3px 0 3px 5px; vertical-align: top; } img#card-wide { height: 25px; padding: 3px 0; vertical-align: top; } /* Copied styles from catalog.richlandlibrary.com */ #rcplHeadWrap {border-bottom:solid 5px #898989; background-color: #ffffff; margin: 0 10px; } #rcplHeadContain {height:98px;background: url('public/rcpl_headerLogo2.png') no-repeat; width:978px; margin:0px 10px; position: relative;} #rcplHeadOptions {text-align:right; width:500px; position: absolute; top:8px; right:0px; color:#cccccc; } #rcplHeadOptions a {color:#999999;} #rcplHeadNav {text-align:right; width:500px; position: absolute; top:65px; right:0px;} #rcplHeadNav ul {padding:0px; margin:0px;} .rcplNavTopper {display:inline-block; list-style-type: none; padding:0px; margin:0px; font-size: 14px; color:#cccccc; position:relative; } #rcplHeadNav ul.rcplSubNav {display:block; background-color: #dbeff6; xborder: solid 1px #6db9d5; position: absolute; width:auto; visibility: hidden;z-index:2000; text-align: left;} #rcplHeadNav ul li ul.rcplSubNav li {display:block;padding:0px;} .rcplSubNav a {white-space: nowrap;display:block;padding:5px 10px 5px 5px;min-width: 100px; border-top:solid 1px #49a7cb;} .rcplSubNav a:hover {text-decoration: none; background-color: #ffffff;} a.mainNavItem {display:inline-block;padding:0px 10px 0px 10px; height:33px; line-height: 34px;} a.mainNavItem:hover {text-decoration: underline;} #rcplHeadLogo a {display:block; width:300px; height:98px; text-indent: -999999px; } </style> </head> <body> <div id="rcplHeadWrap"> <div id="rcplHeadContain">  <div id="rcplHeadLogo"><a href="http://www.richlandlibrary.com">Richland Library Resources</a></div> </div> </div> <div id="signInBox"> <h1>Sign In</h1> <p>You are logging in to an online resource provided to library customers. This service is separate from the library catalog or the library website.</p> <form action="/login" method="post"> <input type="hidden" name="url" value="http://online.culturegrams.com" /> <label for="user">Library Card Number:</label><input type="text" name="user" /><br> <div class="description">(No spaces. Usernames cannot be used in this space.)<br> Need help with your Account? <a target="_blank" href="http://www.richlandlibrary.com/ask-us">Ask A Librarian</a><br> What's my library card number?<br> <a href="public/library-card-imageB.png" data-lightbox="image-2"><img src="public/library-card-imageB.png" alt="Barcode circled on back of library card" id="card-wide"></a> <a href="public/library-card-image.png" data-lightbox="image-1"><img src="public/library-card-image.png" alt="Barcode circled on back of library card" id="card"></a></div> <label for="pass">PIN:</label><input type="password" name="pass" /><br> <div class="description">(usually last 4 digits of your phone number)<br> <a href="http://catalog.richlandlibrary.com/polaris/logon.aspx?forgotPassword=1" target="_blank">Forgot your PIN?</a></div> <button type="submit" id="signInButton">Sign In</button> </form> </div> </body> </html>

CINXE.COM