a {color: #0080B3; text-decoration: none;}
a:hover {text-decoration: underline;}
.action {border: thin solid; border-color: #AAA #363 #363 #AAA !important; padding: 1px 2px !important; cursor: pointer; background-color: #EEE !important}
.action:hover {border-color: black !important; background-color: #CCC !important}
th,td {border: 0; text-align: right;}
textarea, input {border: thin solid gray;}
textarea:hover, input:hover {border: thin solid black;}
textarea:focus, input:focus {border: thin solid black;}
div#file-browser {margin: 50px auto;}
div#http-error {text-align: center;}
div#bar-graph {background: #FFFFFF none repeat scroll 0 0; border: 1px solid #AAAAAA; padding: 1px; height: 12px; text-align: left; width: 150px; clear: both; float: right;}
div#bar-graph-elem {background: #F47D31 none repeat scroll 0 0; height: 12px; float: left;}
div#quotaInfo {text-align: right;}
p#quota {font-size:93%; clear: both;}
body {background-color: #DFDFDF; font-family: 'Lucida Grande','Lucida Sans Unicode',tahoma,sans-serif; font-size: 85%; margin: 0; padding: 0;}
/* body {background: #3F3F3F url(/site_media/img/bg.png) repeat fixed left top; font-family: 'Lucida Grande','Lucida Sans Unicode',tahoma,sans-serif; font-size: 85%; margin: 0; padding: 0;}*/
div#page_container {background: #AAAAAA url(/site_media/img/bg_content.jpg) repeat-y scroll left top; width: 970px; margin: 0 auto; min-height: 600px; _height: 600px; position: relative;}
div#doc {background-color: #FFFFFF; padding-bottom: 5%; margin-top: 40px; }
html {background: none;}
/*div#ft {position: absolute; bottom: 0;}*/
div#ft {width: 970px; margin: 0 auto; background-color: #FFFABC; border: thin solid #CCC8A2;}
div.footer-item { float: left; max-width: 200px; margin: 5px 5px; display: block; }
div.footer-item ul li { list-style: none; font-size: 12px; text-align:left;margin: 5px 10px; }
div.footer-item ul li.title { font-weight: bold; text-align:left; margin: 5px 0px; }
a.title {font-weight: bold;}
.asterix {color: #F47D31; font-size: 153.9%; font-weight: normal;}
a.asterix {visibility: hidden; text-decoration: none;}
#copyright {font-size: 77%; float: right;}
:hover > a.asterix{visibility: visible;}
.warning { color: red; background: white url(/site_media/img/icon_alert.gif) no-repeat scroll 0 0; padding-left: 25px; height: 16px;}
#navigationBar {margin: 20px 0 20px 0;}
#navigationBar h1, #navigationBar h2, #navigationBar h3 {color: black;}
#navigationHeader {margin: 0px;}
.smallNote {color: #AFAFAF;}

/* makes list items displayed inline */
.horizontal-list { margin: 0; float: left; }
.horizontal-list li.horizontal-item { list-style-type:none; float: left; }
/* makes list items displayed in block */
.vertical-list li.vertical-item { list-style-type:none; }

/* header */
div#userpane {font-size:100%; float: right; text-align: right; margin: 4px 42px 0 0; }
div#loginpane {text-align:right;}
.page-header { background-color: #f57d31; color: white; overflow:hidden;}
.page-header a, #main-menu span { color: brown; }
#main-menu { margin-left: 120px; }
#main-menu .horizontal-item { font-size: 16pt; padding: 2px; }
.library-main-menu-item { width: 93px; }
.featured-main-menu-item { width: 113px; }
.webcomics-main-menu-item { width: 133px; }
#main-menu .horizontal-item:hover { background-color: #fac171; }
#main-menu .highlighted-main-menu-item, #main-menu .highlighted-main-menu-item:hover { background-color: white; }
#main-menu a:hover { text-decoration: none; }
#upper-header { float: left; width: 100%; height: 78px; } 
#header-logo { position:absolute;left:22px;top: 6px; }
    
/* correction for header width too large */
.page-header { height: 106px; }
.left-margin { float: left; width: 4px; height: 10px; }
.page-header { float: left; width: 962px; }
#featured-shelf { float: left; width: 962px; }


/* notification messages to user */
div.notification { float: left; clear:both; }
div.notification span.message { float: left; }
div.notification {width: 95%; background-color: #FFFABC; border: thin solid #CCC8A2; margin: 0px 0px 15px 0px; padding: 10px;}