body {
    color:#616161;
    text-align:center;
}

a.button, input.button {
    background-color:#87c610;
    border:1px solid #539000;
    padding:3px 10px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color:black;
    text-decoration:none;
    vertical-align:baseline;
}
a.button:hover, input.button:hover {
    color:white;
    background-color:#539000;
}

#header {
    margin-top:50px;
    position:relative;
    background-image:url(img/header-middle.png?2);
    background-repeat:repeat-x;
    height:62px;
    min-width:950px;
}
#header2 {
    background-image:url(img/header-left.png?2);
    background-position:top left;
    background-repeat:no-repeat;
    height:inherit;
}
#header3 {
    background-image:url(img/header-right.png?2);
    background-position:top right;
    background-repeat:no-repeat;
    height:inherit;
}

#header4 { text-align: right; padding: 13px 2em 0 0 }

#header input.text {
    width:115px;
    height:16px;
    line-height:16px;
    padding:2px 5px;
    border:none;
    background-image:url(img/inputfield.png);
    background-repeat:no-repeat;
}

#header input.default { color: #888 }
#header input.tf { width: 6em }
#header .error { color: #900 }

#header input.barbutton {
    width:44px;
    height:20px;
    line-height:16px;
    padding:2px 0;
    border:none;
    background-image:url(img/button.png);
    background-repeat:no-repeat;
    text-align:center;
}

#login, #pw, #enter, #logout {
    position:absolute;
    top:17px;
}
#enter, #logout { right:25px; }
#pw { right:80px; }
#login { right:215px; }
#label {
    position:absolute;
    top:20px;
    right:350px;
}

#content {
    width:910px;
    margin:20px auto;
    padding:0 20px;
    text-align:left;
}

#user {
    text-align:center;
    font-size:20px;
    margin-bottom:30px;
}

p.small { font-size: 80% }
p.error { color: red; text-align: center; font-weight: bold }

form .tf { width: 300px }
form label { width: 190px; text-align: right; float: left; padding-right: 10px }
form .submit { margin-left: 200px }

body, td, th, p, div, blockquote, h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, Sans-Serif }
body, td, th, p, div, blockquote { font-size: 10pt }

table.userlist { border-collapse: collapse; border: 1px solid #444 }
table.userlist td, table.userlist th { border: 1px solid #444;
	padding: 3px 5px }

table.filelist { width: 910px; border-collapse: collapse; border-top: 1px solid #f2f2f2 }
table.filelist td { height: 34px; padding: 5px; border-bottom: 1px solid #eee }
table.filelist td.filename { width: 400px; padding-left: 30px }
table.filelist td.size { width: 100px; text-align: right; padding-left: 1em; padding-right: 1em }
table.filelist td.date { padding-left: 1em }
table.filelist td.updir { background-color: #f2f2f2; background-image: url(img/parent.png);
	background-repeat: no-repeat; background-position: top left; padding-left: 30px }

a#homelink { display: block; width: 200px; height: 40px; float: left; text-decoration: none }

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

table.filesearch { border-collapse: collapse; width: 100%;
	margin: 2em 1em }
table.filesearch th { border: 1px solid #777; padding: 3px 6px;
	text-align: center; font-weight: bold }
table.filesearch td { border: 1px solid #777; padding: 3px 6px;
	font-family: monospace }
table.filesearch td.check { width: 15px }
table.filesearch td.filename { width: 50% }