/* Color Glossary
#80889F - Greyish login box text color
#C5DDEE - Pale blue for updates
#E5E5E5 - pale grey of chapters
*/

body { font-family: verdana, arial, sans-serif; font-size: 12px; margin: 0; padding: 0; }
a, a:link, a:active, a:visited { color: #1A77BD; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 1.5em; color: #122579; }
h2 { font-size: 1.2em; color: #1A77BD; }

/* div { border: 1px solid red; } */

div#debug { background: #D19275; color: #000000; }
div#debug p { margin: 0; }

div#header { height: 145px; position: relative; background: url('/media/images/base/bluerepeater.jpg') repeat-x; z-index: 100; }
div#container {  min-width: 770px; padding: 0px; margin: 0; width:expression((d = document.compatMode == "CSS1Compat" ? document.documentElement : document.body) && ( d.clientWidth < 770 ? "770px" : "auto")); }

div#innercontainer { min-width: 780px;  }

div#blackline { position: absolute; bottom: 0px; left: 0px; height: 16px; background: #000000; width: 100%; z-index: 200;}
div#menubar { position: absolute; bottom: 0px; left: 0px; z-index: 500;}
div#menubar div { float: left; height: 23px;}
div#menubar div.light { background: url('/media/images/base/menu/menu-slice-light.jpg') repeat-x;}
div#menubar div.dark { background: url('/media/images/base/menu/menu-slice-dark.jpg') repeat-x; }
div#menubar a, div#menubar a:link, div#menubar a:active, div#menubar a:visited { color: #ffffff; text-decoration: none; margin-top: 3px; display: block;}
div#menubar a:hover { text-decoration: underline; }

div#bookmarks { clear: right; width: 220px; height: 150px; float: right; background: url('/media/images/base/gradient-blue.gif') top repeat-x; background-color: #D1E4F2; margin: 0px 0px 5px 5px;}
div#bookmarks ul { margin: 0px 0px 0px 5px; padding: 0; list-style: none; }
div#bookmarks div#bookmarkText { padding: 5px; overflow: auto; height: 100px; }

div#leftcolumn { float: left; width: 300px; }
div#leftcolumn div#updates { background: #9AC3E1; font-size: 0.9em; }
div#leftcolumn div#updates div#settings {text-align: center; position: absolute; width: 300px; text-align: center; top: 25px;}
div#leftcolumn div#updates a, div#leftcolumn div#updates a:link, div#leftcolumn div#updates a:active, div#leftcolumn div#updates a:visited { color: #000000;}
div#leftcolumn div#updates ul { padding-left: 25px; margin: 0; }
div#leftcolumn div#updates div.content { overflow: auto; background: #C5DDEE; color: #000000; height: 100px; width: 300px; }

div#leftcolumn .hidden { display: none; visibility: hidden; height: 0; margin: 0; padding: 0; }
div#leftcolumn .visible { display: auto; visibility: visible; height: auto;}

div#leftcolumn div#chapters, div#leftcolumn div#chaptersTall { background: #CECECE; font-size: 0.9em; height: auto; }
div#leftcolumn div#chapters div#booknav { text-align: center; position: absolute; width: 300px; text-align: center; top: 170px; }
div#leftcolumn div#chapters div.content { overflow: auto; background: #E5E5E5; color: #000000; height: 300px; width: 295px; padding: 5px 0px 0px 5px; }

div#chaptersTall div.content { height: 440px; overflow: auto; background: #E5E5E5; color: #000000; width: 295px; padding: 5px 0px 0px 5px;}
div#leftcolumn div#chaptersTall div#booknav { text-align: center; position: absolute; width: 300px; text-align: center; top: 30px; }

div.opacitybutton {text-align: center; position: absolute; text-align: right; top: 5px; left: 285px;}

div#text { margin-left: 320px; }
div#text div.content { padding: 15px 35px 0px 15px; }
div#text div.content img { margin: 0px 10px 5px 0px; }

div#content { margin-top: -1px; min-height: 400px; height:auto !important; height: 400px; background: url('/media/images/base/tinyshadow.gif') top repeat-x; position: relative;}

div#contentupdates { padding: 15px 10px 0px 10px; background: #C5DDEE; }
div#searchresults { margin: 25px; background: #C5DDEE; }

div#footer { text-align: center; width: 100%; clear: both; padding-top: 10px; font-size: 0.9em; }
div#footer ul { list-style: none; padding: 0; margin-left: 35%; }
div#footer ul li{ float: left; margin: 0px 25px 0px 0px; }

/* ul#footer li { float: left; margin: 0px 25px 0px 0px; }
ul#footer { list-style: none; margin: 0px 0px 0px 0px; padding: 0; float: left; } */
div#footer ul a, div#footer ul a:link,  div#footer ul a:active, div#footer ul a:visited  { color: #1A77BD; font-weight: bold; }

div#subscription { float: right; padding: 5px; height: 120px; text-align: right; color: #80889F;  background: url('/media/images/base/bluepatternright.jpg') no-repeat right; width: 285px; }
div#subscription h1, div#subscription h2, div#subscription h3, div#subscription h4, div#subscription p { margin: 0px; padding: 0px; }
div#subscription a, div#subscription a:link, div#subscription a:active, div#subscription a:visited, div#subscription a:hover { color: #80889F; text-decoration: none;}
div#subscription a:hover { text-decoration: underline; }

ul#chapter_list { list-style: none;  }
ul#chapter_list ul { display: none; list-style: none; }

table.searchoperators td { vertical-align: top; font-size: 10px; }
table.searchoperators td.description { width: 80%; }
table.searchoperators td.operator { width: 20%;}

.clear { clear: both; }
.red { color: #ff0000; }
.white { color: #ffffff; }
.bold { font-weight: bold; }
h1, h2, h3, h4, p { margin: 10px 0px 10px 0px; }

a img { border: 0; }

/* Bouncy menu */
.root img { padding: 0; margin: 0; }
.root a, .root a:link, .root a:visited, .root a:active { color:#000000; }
.root a:hover { color:#000000; }
.root div { padding: 0; margin: 0; display:none; white-space:nowrap; }
.root div a { color:#000000; }

#text div.content ol, .mceContentBody ol {list-style-type: lower-latin; }
.proposed_user_form { overflow: auto; width: 500px; }
.proposed_user_form .name { width: 175px; float: left; }
.proposed_user_form .email_address { float: left }
.user_form_list { list-style-type: decimal; }
.subscription_form_field { overflow: auto; border: 1px solid #E5E5E5; padding: 10px; }
.subscription_form_field_inline { overflow: auto; border: 1px solid #E5E5E5; padding: 10px; float: left }
.subscription_form_label { float: left; }
.subscription_form_input { float: right; }
.red { border: 1px solid #FF0000; }
.error { color: #FF0000; }
ul.update_list { list-style: none; }
.update_date { font-size: 8px; font-style: italic; }
.unauth_user_message { text-align: center; }
.unauth_user_message h2 { color: #29438b; font-weight: bold; margin-top: 0; text-align: center; }
.sectionupdatetext { font-size: xx-small; }
ul.messagelist { padding:0 0 5px 0; margin:0; }
ul.messagelist li { font-size:12px; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border-bottom:1px solid #ddd; color:#666; background:#ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat; }