body,td,th { font-family: sans-serif; font-size: 10pt; font-weight: normal; padding: 0; margin: 0 }
body { background: #eee; width: 990px }
a { color: #00e }
a:visited { color: #00e }
a:hover { color: #ef3d42 }
.disabled { color: #888 }
.header { padding: 5px; margin-bottom: 5px; border-bottom: 1px solid #888 }
.main { position: relative; padding: 0; margin: 0; background: #fed }
.leftnav { float: left; width: 170px; font-size: 8pt; font-weight: normal; font-family: sans-serif; color: black; margin: 0 }
.leftnav h1 { font-size: 9pt; font-weight: bold; font-family: sans-serif; margin: 0; color: #ef3d42 }
.leftnav ul { padding: 0; margin: 0; list-style: none; font-size: 8pt; font-weight: normal; font-family: sans-serif }
.leftnav ul li { padding-left: 1em; margin: 0 }
/* does not work in IE6
.leftnav ul li:hover { background: #fff }
.leftnav ul li a { display: block; padding: 0; margin: 0 }
*/
.whitebox { width: 800; background-color: #fff; padding: 5px; border: 1px solid #888 }
.search { padding-bottom: 5px; border-bottom: 1px solid #999; margin-bottom: 5px; height: 20px }
.search table { float: left; border-collapse: collapse; margin: 0 }
.search td { background-color: #fff; padding: 0 10px; vertical-align: baseline }
/*
.search td.pp a { text-decoration: none }
.search td.pn { }
.search td.pn a { text-decoration: none }
*/
.search td.pp { padding-right: .5em }
.search td.pp a { text-decoration: none }
.search td.pi { padding: 0; color: #666; font-size: smaller }
.search td.pn { padding-left: .5em }
.search td.pn a { text-decoration: none }
.search td.form { }
.search form { margin: 0; padding: 0 }
.search form input.text { background-color: #ffe; font-family: sans-serif; font-size: 8pt; background-color: #ffe; padding: 1px 1px 1px 3px; margin: 0 }
.search form input.submit { font-family: sans-serif; font-size: 8pt; padding: 1px auto; margin: 0 }
.search .instruc { float: right; font-style: oblique; font-size: 11px; color: #888; position: relative; top: 11px }
.search .message { position: absolute; top: 25px; left: 50px; padding: 10px; background-color: #ffe; border: 1px solid #888; z-index: 10 }
/* Opera does not know about overflow-xy, setting overflow: for it */
.page { position: relative; height: 500px; overflow: scroll; overflow-x: visible; overflow-y: scroll; clear: both }
.page img { display: block }
.page a.block         { display: block; position: absolute; font-size: 10px }
.page a.default       { background: #ddf; opacity: 0.4; filter: alpha(opacity=40); border-bottom: 1px solid #00f }
.page a.default:hover { background: #fdd; opacity: 0.4; filter: alpha(opacity=40); border-bottom: 1px solid #f00 }
.page a.hl            { background: #ee8; opacity: 0.4; filter: alpha(opacity=40); border-bottom: 1px solid #00f }
.page a.hl:hover      { background: #fd9; opacity: 0.4; filter: alpha(opacity=40); border-bottom: 1px solid #f00 }
.page .note           { position: absolute; z-index: 20; display: none }
.page .note .inner    { position: absolute; top: 14px; left: 10px; width: 280px; padding: 5px; border: 1px solid #996; z-index: 20; overflow: visible; background: #ffd; opacity: 0.95; filter: alpha(opacity=95); font-family: sans-serif; font-size: 8pt; font-weight: normal }
.page .note .close    { border-top: 1px solid #999; padding: 2px 0 0 0; margin: 2px 0 0 0 }
.page .note h1        { font-family: sans-serif; font-size: 10pt; font-weight: bold; text-align: left; margin: 0 0 .5em 0 }
.page .note ul        { padding-left: 1.2em; margin-left: .5em; margin-top: 0; margin-bottom: 0 }

.top { margin-top: 0 }
.bottom { margin-bottom: 0 }

.logframe { position: absolute; top: 5px; left: 5px; width: 95%; height: 130px;
            overflow: scroll; padding: .5em; font-size: 9pt; border: 1px solid #888;
            background-color: #ffe; opacity: 0.90; filter: alpha(opacity=90); z-index: 99 }