body {
	padding:20px;
	margin:0;
	font-family:"Courier New", monospace;
	font-size:12px;
	background:#000000;
	background:#FFFFFF;
	color:#4893cd;
	color:#2671ab;
	color: black;
}

.firstrow {
	background-color: silver;	
	background-color: #CDE1F1;
	font-weight:bold;
}

.firstrow td {
   	text-align: center; 
}

.border1class {
	position: absolute;
	left: 214;
	top: 187;
	align: center;
}

h1 {
	font-size:24px;
	font-weight:normal;
	border-bottom:1px dashed #4893cd;
}
div input, div select {
	vertical-align:middle;
}
select, input {
	font-family:"Courier New", monospace;
	margin: 2px;
}


td {
	padding:20px;
	font-family:Verdana, "Arial Narrow", sans-serif;
	font-size:12px;
/*	background:#000 url(none) no-repeat scroll top right;*/
}

.small {
	font-size:10px;
}
a { /* Normal links and file names. */
	color:#ffffff;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}
a.dir { /* Links that points to a directory. */
	font-weight:bold;
}
a:hover { /* Hover effect for links and filenames. */
	text-decoration:underline;
}
p { /* Normal paragraphs. Used for error and okay messages. */
	margin:1em 0 0 1em;
}
.error { /* Error messages */
	color:#4893cd;
}
.okay { /* Okay messages */
	color:#393;
}
h2 { /* Headers on the Help page. */
	font-size:16px;
	font-weight:normal;
	margin:1em 0 0 0;
}
input { /* All form fields. */
	font-family:Verdana, sans-serif;
	height:23px;
	vertical-align:middle;
}
input[disabled][type="text"] { /* Rename fields for write protected files. */
	background:gray;
	color:black;
}
label { /* "Upload file:" and "Create dicrectory" NOT USED! */
	font-weight:bold;
}
ul#menu { /* Overall for the menu */
	list-style:none;
	margin:20px 20px 0 0;
	margin: 0px 0px 0 0;
	padding-left: 30px;
	float:left;
}
ul#menu li { /* Each menu item. */
	padding:0 4px 0 0;
	margin:5px 0;
	text-align:center;
}
ul#menu li a { /* Menu links. */
	display:block;
	color:#4893cd;
	color: black;
	background:#FFF;
	background:#CDE1F1;
	text-decoration:none;
	width:70px;
	padding:2px;
	margin:0;
	border:1px solid #4893cd;

}
ul#menu li a:hover { /* Hover effect for menu links. */
	background:#fff;
	background:#000;
	
	color:#4893cd;
	text-decoration:none;
	border:1px dashed #4893cd;
}
p.empty { /* "Directory is empty" message. */
	margin:20px 0 20px 0;
}
table { /* Table for the listing of files. */
	empty-cells:show;
}

table.invisible {
	border-left:0px solid #4893cd;
	border-right:0px solid #4893cd;
	border-top:0px solid #4893cd;
	border-bottom:0px solid #4893cd;
	display:inline;
	text-align: left;
}
td, th { /* Cells and cell headers for listing of files. */
	padding:4px 10px 4px 10px;
}
th { /* Cell headers for lsiting of files. */
	font-size:14px;
	font-weight:normal;
	background:#000;
	color:#4893cd;
	text-align:left;
	border-top:1px solid #4893cd;
	border-bottom:1px solid #4893cd;
	border-right:1px solid #4893cd;
}
th a {
	font-weight:normal;
	background:#000;
	color:#4893cd;
}
th a:hover {
	font-weight:normal;
	background:#000;
	color:#4893cd;
	text-decoration:underline;
}
th span.current {
	font-weight:bold;
}
th span.size {
	font-size:12px;
}

tr.top {
	background: #333333;
}

td.bottom { /* The last cell: "NN file(s), N.NNkb" */
	background:#000;
	color:#4893cd;
	text-align:right;
}
.center { /* Used to center "rename / delete" */
	text-align:center;
}
div {
	margin:0em 1em;
}
span.size { /* Span for showing the individual file sizes. */
	font-weight:normal;
}
div#forms {
	margin:10px 0 0 0;
}
div#forms form {
	display:block;
	margin:10px 0;
}
div#forms fieldset { /* Border around upload and create new forms. */
/*	float:left; */
	border:1px hidden white;
}
legend { /* Upload file: and New Directory File. */
	font-weight:bold;
}
fieldset {
	border:0px hidden white;
	padding:5px;
}
textarea { /* Textarea when editing files. */
	display:block;
	margin:3px 0 0 0;
}
code { /* Overall when viewing source. */
	font-family:monospace;
	display:block;
	white-space:pre;
}
.klikket form, .ikkeklikket span {
	display:inline;
}
.ikkeklikket form, .klikket span {
	display:none;
}
.white {
/* Initial colour for cell backgrounds. */
	background:#ccc;
}
.grey {
/* Alternate colour for cell backgrounds. */
	background:#fff;
}
.klikket form input[type="text"] {
/* Input field when renaming a file. */
	border:1px dotted #039;
}
.klikket form input { /* Both input field and button when renaming file. */
	height:20px;
}
a.renamelink { /* The "rename" link. */
	cursor:pointer;
}
strong.button { /* Mimics the menu buttons for the help page. */
	color:#4893cd;
	background:#000;
	text-decoration:none;
	padding:2px 10px;
	margin:0;
	border:1px solid #4893cd;
	font-weight:normal;
}
ul#help {
	list-style:none;
	float:left;
	border:1px dashed #4893cd;
	padding:10px;
	margin:20px 20px 20px 0;
	width:150px;
	line-height:150%;
}
ul#help li:before {
	content:"\00BB \0020";
}
ul#setupinfo {
	margin:1em 4em;
	list-style:circle;
}
ul#setupinfo, p {
	line-height:150%;
}
ul#setupinfo code, p code {
	color:#393;
	display:inline;
}
img#logo {
	position:absolute;

	top:50px;
	left:50px;
	z-index: 5;

	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}