/* Common base styles */ html, body { background: #1e5086; margin: 0; padding: 0; text-align: center; } body, td, input { font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #333; } input { color: #000; } h1 { margin: 0; } h2 { color: #2768a3; font: normal 2em Georgia, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; } h3 { color: #2768a3; font-weight: bold; font-size: 1.4em; } form { margin: 0; } a:link { color: #03c; } a:visited { color: #551a8b; } a:hover { color: #e00; } a.nav:visited { color: #03c; } a.nav:hover { color: #e00; } /* Misc common styles */ #breadcrumbs { margin-bottom: 7px; } /* Base page outline */ #page { margin: 5px auto 20px auto; text-align: left; width: 990px; } /* Header */ #page #header { background: #1a4371 url(BorderTo.gif) repeat-x; width: 100%; position: relative; height: 108px; } #page #header h1 { margin: 0; } #page #header .rotate-image { position: absolute; right: 0; top: 0; } #page #header .main-logo { position: absolute; top: 0; left: 0; z-index: 2; } /* Logout and help */ #page #header .header-links { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 3; top: 40px; left: 340px; } /*margin-top: 40px; margin-left: -25px; }*/ #page #header .header-links li { float: left; } #page #header .header-links li a { color: White; font-weight: bold; } #page #header .header-links .help { margin-left: 20px; background: url(Help0000.gif) no-repeat 0 2px; padding-left: 20px; } /* Top navagation links ( Events, Help, etc ) */ #page #header #top-nav { background: #14365c url(LogoBord.gif) repeat-x 0 100%; height: 34px; position: absolute; right: 0; bottom: 0; z-index: 2; text-align: right; padding-right: 10px; } #page #header #top-nav-right { position: absolute; bottom: 0; right: 0; z-index: 3; } #page #header #top-nav #top-nav-left { position: absolute; left: 0; top: 0; } #page #header #top-nav ul { list-style: none; margin: 0; padding: 0; padding-top: 8px; padding-left: 40px; width: 420px; } #page #header #top-nav ul li { background: url(NavDivid.gif) no-repeat 0 50%; display: block; padding: 0 8px 0 16px; float: left; } #page #header #top-nav ul .first { background: none; } #page #header #top-nav ul .selected { color: #fc0; } #page #header #top-nav a { color: white; font-weight: bold; font-size:14px; text-decoration: none; } #page #header #top-nav a:hover { text-decoration: underline; } #page #header #top-nav .cutdown { margin-right: 100px; width: 210px; } #page #header #header-body-dividor { position: absolute; width: 700px; bottom: 0; right: 0; background: #14365c url(LogoBord.gif) repeat-x 0 100%; height: 16px; z-index: 1; } /* Sidebar */ #page #sidebar { background: #5f94c9 url(BorderLe.gif) repeat-y; padding-bottom: 40px; width: 190px; } #page #sidebar a { color: White; font-size: 16px; font-weight: bold; text-decoration: none; white-space: nowrap; } #page #sidebar .selected { color: #fc0; } #page #sidebar a:hover { text-decoration: underline; } #page #sidebar #sidebar-links { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; list-style: none; margin: 0 0 30px 0; padding: 5px 20px 0 20px; overflow: hidden; } #page #sidebar #sidebar-links li { border-bottom: dashed 1px #9bbfe2; padding: 6px 0; } #page #sidebar #sidebar-links .last { border: 0; } #page #sidebar #sidebar-links .new-messages { margin: 0; padding: 0; list-style: none; } #page #sidebar #sidebar-links .new-messages li { border: 0; padding: 0; margin: 0 0 0 10px; } #page #sidebar #sidebar-links .new-messages li a { font-size: 0.8em; color: #fff; font-weight: lighter; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; } #page #sidebar #sidebar-links .new-messages li a:hover { text-decoration: underline; } #page #sidebar .extra-links { margin-bottom: 10px; text-align: center; font-size: 0.9em; } #page #sidebar-footer { background: #5f94c9 url(BorderBo.gif) repeat-x 0 100%; } /* Main Content */ #page #body { background: #fff url(BorderRi.gif) repeat-y 100% 0; padding: 5px 18px 20px 8px; position: relative; width: 780px;} #page #body .upgrade-ad { background: #e9f3fc; border-bottom: solid 1px #b8d3eb; text-align:center; color: #1e5086; font-weight: bold; font-size: 0.8em; line-height: 2.5em; margin: -5px -7px 5px -8px; white-space: pre; } #page #body .auto-sign-in { border: 1px solid #000; padding: 5px; text-align: center; margin: -5px -7px 5px -8px; background: #faffa7; font-size: 0.8em; } #page #body-footer { background: #fff url(BorderBp.gif) repeat-x 0 100%; } #page #body-footer #body-bottom-corner { float: right; } /* Footer */ #page #footer { text-align: center; font-size: 0.8em; } #page #footer a { color: #fff; text-decoration: none; } #page #footer a:hover { text-decoration: none; text-decoration: underline; } #page #footer #site-info { list-style: none; margin-bottom: 10px; padding: 0; } #page #footer #site-info li { display: inline; margin-left: 20px; padding: 0; } #page #footer #site-info a { color: #fff; text-decoration: underline; font-size: 1.2em; } #page #footer .region-links { color: #7daee3; margin-bottom: 10px; } #page #footer .region-links ul { list-style: none; margin: 0; padding: 0; display: inline; } #page #footer .region-links ul li { display: inline; padding: 0 5px; border-right: solid 1px #7daee3; /* white-space: nowrap; */ } #page #footer .region-links ul .last { border: 0; } #page #footer .copyright { margin-top: 10px; color: #7daee3; } #page #footer .tm-logo { margin-top: 10px; } /* Style assosiated with /JavaScript/BlinkText.js */ .blink .inner-blink { visibility: hidden; } .blink:hover .inner-blink { visibility: visible; } /* IE5 Hacks */ #page #body-footer #body-bottom-corner { margin-right: -3px; voice-family: "\"}\""; voice-family: inherit; margin-right: 0; }