BODY { background: #fff; color: #000; font-family: Arial, Verdana, sans-serif; }
#page { background: url("images/bg_page.jpg") no-repeat #f6f6f6; border: solid 1px #aaa; width: 770px; margin: 20px auto; }

A { color: #06c; text-decoration: none; }
A:visited { color: #039; }
A:hover { color: #000; background-color: #fff; }
A IMG { border: none; }

#header { border-bottom: solid 1px #bbb; height: 93px; }
#header A { font-size: 180%; position: relative; top: 50px; left: 30px; }
#header2 { height: 28px; padding: 7px 20px 0 20px; font-weight: bold; }
A.logout { float: right; }
.line { width: 770px; height: 1px; }

#footer { background: #069; color: #fff; padding: 10px 20px; clear: both; font-size: 80%; }
#footer A { color: #fff; }
#footer A:hover { color: #000; }
IMG.env { width: 15px; height: 11px; float: left; margin-right: 10px; }

#content { padding: 20px 20px 0 20px; }
/* #instr { margin: -.5em 0 1em 0; font-weight: bold; } */
#instr { margin-bottom: 2em; font-weight: bold; }
#instr h3 { margin: 0; }
#instr .star { float: left; margin: .5em .5em 0 0; }
#filelist { background: url("images/bg_file.jpg") no-repeat; padding: 0 20px 20px 20px; }
HR { background-color: #bbb; border: 0; height: 1px; }

TABLE { border-spacing: 0; border-collapse: collapse; }
TD { padding: 2px; white-space: nowrap; }

TABLE.login { margin: 30px auto; }
TD[colspan] { text-align: center; padding-top: 1em; }
P LABEL { float: left; text-align: right; padding-right: 5px; width: 25%; }
TD LABEL { float: right; }
INPUT[type=text], INPUT[type=password], INPUT[type=file], INPUT[type=checkbox] { background-color: #f6f6f6; }
TABLE.login INPUT[type=text], INPUT[type=password] { width: 15em; }
TABLE.login INPUT[type=text].small { width: 3em; }
INPUT[type=text]:hover, INPUT[type=text]:focus, INPUT[type=password]:hover, INPUT[type=password]:focus, INPUT[type=file]:hover, INPUT[type=file]:focus { background-color: #fff; }
.formdiv P { margin: 0 0 5px 0; }

.formdiv .small { margin: 0 0 1em 26%; font-size: 70%; }
#errormsg { margin: 10px auto; width: 80%; text-align: center; }
#errormsg B { padding: 5px; color: #c00; }
#warningmsg { margin: 5px; }
#warningmsg p { color: #00c; padding: 5px; }

H2 { margin: 0; }
LI { margin-bottom: 1em; }
P { margin: .5em 0; }
I#pwd { color: #f60; }

table.sortable { width: 100%; text-align: center; }
table.sortable IMG { vertical-align: middle; }
table.sortable IMG { vertical-align: middle; }

TH { border-bottom: solid 1px #aaa; padding: 5px 0; }
TH A, TH A:visited { color: #000; }
TR.on { background: #fff; }
TR.delete { background: #fcc; }
TD.lefted { text-align: left; }
TD.righted { text-align: right; }
TD.lefted IMG { margin: 0 3px; }

div#upload_pb { width: 100%; margin: 5px 0; }
#upload_pb p span { font-weight: bold; }
#upload_border { margin: 15px auto; border: 1px #fff solid; }
#upload_progress { width: 0; height: 15px; background-color: #fa0; }

.error { color:#c00; font-weight: bold; }
.success { color:#090; font-weight: bold; }