.filename { }
.filename a {
	color:var(--fg);
}
.filesize {
	font-family:Inconsolata, monospace;
	font-size:0.8em;
}
.grid {
	clear:both;
}
.grid > .nolink {
	cursor:default;
}
.grid > div {
	min-width:100px;
}
.grid .actions a {
	margin:5px;
}

.breadcrumb {
	font-size:0.7em;
	font-family:Inconsolata, monospace;
}

.breadcrumb a {
	color:var(--fg);
	text-decoration:underline;
}

ul.dirlist {
	display:inline-block;
	min-width:150px;
	margin:10px auto;
}

ul.dirlist > li {
	list-style-type:none;
	text-align:left;
}

.grid .icon img,
.grid .dir img {
	width:100px;
	height:100px;
}

table.FileList {
	clear:both;
	margin:0px auto;
	width:90%;
}

table.FileList thead tr {
	background-color:var(--flex-fg);
	color:var(--flex-bg);
	border:1px #666 solid;
}

table.FileList th {
	text-align:left;
	padding:5px;
}

table.FileList tbody tr {
	background-color:var(--flex-bg);
	color:var(--flex-fg)
}
table.FileList tbody tr:hover {
	background-color:var(--flex-hover-bg);
	color:var(--flex-hover-fg)
}

table.FileList td {
	text-align:left;
}

table.FileList td.noresults {
	text-align:center;
	font-style:italic;
}

table.FileList tbody td.file:not(.nolink){
	cursor:pointer;
}

table.FileList td.FileSize {
	text-align:right;
	width:150px;
}

table.FileList td.Uploaded {
	text-align:center;
	width:150px;
}

table.FileList .Actions,
.Actions {
	text-align:center;
	width:100px;
}
.Actions a {
	display:inline-block;
	margin:0px 5px;
}
.Actions a img.action {
	width:16px;
	height:16px;
}

#ViewMode {
	margin:0px auto;
	padding-right:10px;
	width:90%;
	text-align:right;
	fill:var(--fg);
	stroke:var(--bg);
}

#ViewMode #SearchField {
	float:left;
	margin:0px 10px;
}

#ViewMode #frmSearch {
	display:flex;
	direction:row;
	background-color:var(--input-bg);
	border:1px #888 solid;
	border-radius:3px;
}

#ViewMode #frmSearch input {
	margin:0px;
	border:0px;
	width:200px;
}

#ViewMode #frmSearch button {
	margin:0px;
	padding:0px;
	border:0px;
	height:21px;
	width:21px;
	margin-left:-21px;
	background-color:var(--input-bg);
}