html, body
{
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
	font-family: "Verdana", "Tahoma", sans-serif;
}
body
{
	padding: 1ex 1em;
	font-size: small;
}
h1
{
	font-size: large;
}
h2
{
	font-size: small;
}
#dir-list li
{
	margin-bottom: .5ex;
}
#file-list, #file-list li
{
	margin: 0;
	margin-bottom: 2ex;
	padding: 0;
	list-style: none;
}
hr
{
	display: block;
	height: 0;
	margin: 0;
	border: 0;
	border-bottom: 1px dotted #000;
	clear: both;
}
hr.title-separator
{
	margin-top: -10px;
}
.thumbnail
{
	float: left;
	display: block;
/* width is generated by browser.php based on $thumbnail_width and $thumbnail_height */
	height: auto;
	text-align: center;
}
.thumbnail img
{
	display: block;
/* width and height are generated by browser.php based on $thumbnail_width and $thumbnail_height */
	margin: auto;
}
.thumbnail :link img, .thumbnail :visited img
{
	border: 1px solid #fff;
}
.thumbnail :link:hover img, .thumbnail :visited:hover img,
.thumbnail :link:focus img, .thumbnail :visited:focus img,
.thumbnail :link:active img, .thumbnail :visited:active img
{
	border: 1px solid #f22;
}
.thumbnail .fileinfo
{
	display: block;
	/*temp: */ display: none;
	width: 90%;
	margin-bottom: 1ex;
	font-size: xx-small;
	text-decoration: none;
	cursor: pointer;
	background: #fff;
}
.thumbnail .fileinfo abbr
{
	border: 0;
}
form p
{
	float: left;
	width: auto;
	margin-right: 1em;
	padding-right: 1em;
}
form input, form select
{
	font: inherit;
}
form p:first-child
{
	border-right: 1px solid #000;
}
form p:last-child
{
	float: right;
	border: 0;
}

:link
{
	color: #22f;
	background: #fff;
}
:link:hover, :visited:hover,
:link:active, :visited:active,
:link:focus, :visited:focus
{
	color: #f22;
	background: #fff;
}
:visited
{
	color: #828;
	background: #fff;
}