body { background-color: #555588; color: #FFFFFF; font-family: arial, helvetica, verdana, sans-serif; text-align: center; }
h1 { font-size: 1.95em; font-weight: bold; }
h2 { margin-top: 3px; margin-bottom: 3px; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; border-bottom: 1px solid black; text-align: center; }
td { color: black; }
form { display: inline; margin: 0; padding: 0; border: 0; }
select { margin: 2px 3px 1px 3px; border: 2px outset #999999; background-color: white; padding: 2px; }
input { margin: 1px 3px 1px 3px; border: 2px outset #999999; background-color: white; padding: 2px; }
textarea { border: 2px inset #999999; background-color: white; padding: 2px; }
label { font-size: 0.8em; font-weight: bold; }
acronym {border-bottom: 1px dotted green; cursor: help; }
#outer_container { width: 1170px; text-align: left; margin-left: auto; margin-right: auto; }
#right_ad { float: right; margin-left: 10px; width: 170px; }
#container { float: left; width: 990px; }
#header { background: transparent url("images/logo.jpg") no-repeat left 25%; padding-left: 140px; height: 1.5em; }
#footer { text-align: center; font-size: 0.9em; width: 100%; margin-top: 30px; }
#footer p { text-align: left; }
.even { background-color: white; }
.odd { background-color: #d1d1d1; }
#available .even.hili.glow { background-color: #95c9e9; }
#available .odd.hili.glow { background-color: #6aabd0; }
.menubar { font-family: Courier New, Courier, monospace; }
.quote { border: 2px outset #999999; color: black; margin-bottom: 10px; padding: 5px; }
.quote.nopad { padding: 0px; }
.quote .body { margin: 5px; }
.quote .author { font-weight: bold; text-align: right; margin-right: 20px; }
.quote .footer { font-style: italic; font-size: 0.9em; border-top: 1px solid #d1d1d1; margin: 0; padding: 0; width: 100%; overflow: auto; }
.quote.even .footer { background-color: #e1e1ff; }
.quote.odd .footer { background-color: #f1f1ff; }
.quote.even .chat { background-color: #e1ffff; border: 1px solid #80aaaa; }
.quote.odd .chat { background-color: #f1ffff; border: 1px solid #90bbbb; }
.quote-mark-begin { font-size: 1.2em; font-family: "times new roman", times, sans-serif; vertical-align: top; }
.quote-mark-end { font-size: 1.2em; font-family: "times new roman", times, sans-serif; vertical-align: bottom; }
#new-quote-div { margin-bottom: 15px; }
#new-fancy-quote-div { margin-bottom: 15px; background-color: #f1fff1; border: 1px solid gray; padding: 3px; color: black; }
.quote .footer .sig { float: left; padding-top: 2px; }
.quote .footer .delete, .quote .footer .edit { float: right; }
.delete input, .edit input { height: 2.5ex; padding: 0; }
a.white { color: white; text-decoration: underline; }
a.white:hover { color: white; text-decoration: none; }
a.secret { color: inherit; text-decoration: inherit; }
a.secret:visited { color: inherit; text-decoration: inherit; }
a.secret:hover { text-decoration: underline; }
.chat-0 { font-weight: bold; color: #83A67F; }
.chat-1 { font-weight: bold; color: #C1665A; }
.chat-2 { font-weight: bold; color: #7590AE; }
.chat-3 { font-weight: bold; color: #887FA3; }
.chat-4 { font-weight: bold; color: #BAB5B6; }
.required { color: red; font-size: 1.2em; }
.ratio { font-family: Courier New, Courier, monospace; text-align: center; }
.numeric { text-align: right; }
.alert { color: red; font-weight: bold; font-size: 1.1em; border: 1px solid red; padding: 4px; background-color: #ffe1e1; }
.success { color: green; font-weight: bold; font-size: 1.1em; border: 1px solid green; padding: 4px; background-color: #e1ffe1; }
.total { font-weight: bold; border-top: 1px solid black; }
table.borders_on_cells tr td { border: 1px solid black; }
ol, ul { margin: 0; }
ol li, ul li { margin: 0.5em 10% 0.8em 0; }
.quote .body .tier-0 { color: #505080 }
.quote .body .tier-1 { }
.quote .body .tier-2 { border-bottom: 1px groove gray; }
.quote .body .tier-3 { border-bottom: 1px groove black; }
.quote .body .tier-4 { border-bottom: 1px groove blue; }
.hero-event { color: darkred; }
.courier-event { color: purple; }
.tower-event { color: darkblue; }
.barracks-event { color: darkgreen; }
.ancient-event { color: black; }
.leaver-event { color: gray; font-weight: bold; }
#signup_form label { display: block; float: left; width: 10em; }
#signup_form input { display: block; float: left; margin-left: 5px; }
#signup_form br { clear: both; }