@CHARSET "ISO-8859-1";

div#topnav {
 position: relative;
} 
div#topnav a#logout {
 position: absolute;
 right: 1em;
 top: 10px;
 color: #FFF;
 text-decoration: none;
}

div.ferror {
 border: 2px solid #AF360D;
 border-width: 2px 0;
 background: #F4E2DC;
 color: #3A1D12;
 padding: .2em 1em;
 margin: 0 0 .5em 0;
}
div.fmessage {
 border: 2px solid #0D8AAF;
 border-width: 2px 0;
 background: #E2ECEE;
 color: #053847;
 padding: .2em 1em;
 margin: 0 0 .5em 0;
}

div#fileswrapper {
 position: relative;
 margin-bottom: 1em;
}
div#fileswrapper .textinput {
 border: 1px solid #999;
 padding: 0 .1em .1em .1em;
 font-size: 1em;
}
div#fileswrapper {
}

/** login **/
div.logintable {
 width: 24em;
 padding: .5em;
 margin: 2em 0 1em 5em;
 background: #F0F0F0;
 border: 1px solid #CCC;
}
div.logintable .input .textinput {
 width: 10em;
}
div.logintable .label {
 clear: left;
 float: left;
 width: 9em;
 padding: 0 1em .1em 0;
 text-align: right;
 line-height: 2em;
 background: #F0F0F0;
}
div.logintable .input {
 float: left;
 width: 10em;
 padding: .2em;
}

div.clear {
 clear: both;
}

span.comment {
 color: #999;
}


/*** admin page ***/
table#userlist {
 border-collapse: collapse;
 font-size: 1.1em;
}
table#userlist th {
 text-align: left;
 font-size: 1.1em;
 padding: .1em .1em .1em .2em;
 background: #C00000;
 color: #FFF;
 border-bottom: 1px solid #000;
}
table#userlist td {
 padding: .2em .1em .2em .4em;
 background: #FFF;
 border-bottom: 1px solid #CCC;
}
table#userlist tr.alt td {
 background: #F2F2F2;
}


/*** newuser / edituser ***/
div#usertable {
 margin-left: 2em;
 width: 35em;
}
div#usertable .label {
 clear: left;
 float: left;
 width: 12em;
 padding: .2em .5em;
 line-height: 1.5em;
 text-align: right;
}
div#usertable .input {
 float: left;
 width: 20em;
 padding: .2em .5em;
 line-height: 1.5em;
}
div#usertable .clear {
 clear: both;
}


/*** index ***/
table#filelist {
 border-collapse: collapse;
 font-size: 1.1em;
}
table#filelist th {
 text-align: left;
 font-size: 1.1em;
 padding: .1em .1em .1em .2em;
 background: #C00000;
 color: #FFF;
 border-bottom: 1px solid #000;
}
table#filelist td {
 padding: .2em .1em .2em .4em;
 background: #FFF;
 border-bottom: 1px solid #CCC;
}
table#filelist tr.alt td {
 background: #F2F2F2;
}
table#filelist div.deleteicon {
 width: 16px;
 height: 16px;
 background: url(images/delete.gif) no-repeat;
}
table#filelist div.fileicon {
 width: 20px;
 height: 16px;
 background: url(images/filetypes.gif);
}
table#filelist div.fileicon.doc {
 background-position: 0px;
}
table#filelist div.fileicon.text {
 background-position: -20px;
}
table#filelist div.fileicon.pdf {
 background-position: -40px;
}
table#filelist div.fileicon.word {
 background-position: -60px;
}
table#filelist div.fileicon.excel {
 background-position: -80px;
}
table#filelist div.fileicon.audio {
 background-position: -100px;
}
table#filelist div.fileicon.image {
 background-position: -120px;
}
table#filelist div.fileicon.video {
 background-position: -140px;
}


/*** password ***/
div#passwordtable {
 width: 35em;
 padding: .5em;
 margin: 2em 0 1em 5em;
 background: #F0F0F0;
 border: 1px solid #CCC;
}
div#passwordtable .input .textinput {
 width: 12em;
}
div#passwordtable .label {
 clear: left;
 float: left;
 width: 15em;
 padding: 0 1em .1em 0;
 text-align: right;
 line-height: 2em;
 background: #F0F0F0;
}
div#passwordtable .input {
 float: left;
 width: 15em;
 padding: .2em;
}