BODY {
	background-color: #AAAAAA;
	font: 100% sans-serif;
}

A, A:focus { text-decoration: none; }
A:hover, A:active { text-decoration: underline; }

DIV.main {
	margin: 40px;
	padding: 10px;
	margin-bottom: 0px;
	border: solid 1px black;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: justify;
}

DIV.header {
	
}

DIV.header DIV.site_name {
	float: right;
	font-size: 190%;
	font-weight: bolder;
	text-align: right;
	vertical-align: middle;
}

DIV.site_name A, DIV.site_name A:focus, DIV.site_name A:hover, DIV.site_name A:active { 
	text-decoration: none;
	color: #CCCCFF;
}

DIV.header H1 { 
	margin-top: 0.25em;
	margin-bottom: 0.50em;
	border-bottom: 1px solid blue;
}

DIV.description {
	
}

DIV.description UL {
	padding-left: 2em;
	list-style-type: square;
}

DIV.path_wrapper {
	margin: 0px;
	margin-bottom: 0.25em;
	width: 100%;
	background-color: #CCCCFF;
}

DIV.path {
	margin: 0px;
	padding: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font: 100% monospace;
}

DIV.tree {
	
}

TABLE {
	padding: 0px;
	margin: 0px;
	width: 100%;
	border: 0px;
	border-spacing: 0px;
	border: 1px solid #AAAAAA;
}

TD {
	margin: 0px;
	padding: 0px;
	border: 0px;
	padding-top: 0.20em;
	padding-bottom: 0.20em;
}

TR {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

TD.r1 { text-align: left; }
TD.r2 { text-align: right; }

TR.even { background-color: #DDDDE2; }
TR.odd  { background-color: #EEEEF3; }

DIV.tree UL { 
	padding: 0px;
	margin: 0px;
	padding-left: 2em;
}

SPAN {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

SPAN.dir {
	font-weight: bold;
}

SPAN.file {
	
}

SPAN.symlink {
	font-style: italic;
	font-size: 90%;
}

SPAN.note {
	font-style: italic;
	font-size: 90%;
}

SPAN.finfo {
	font: 90% monospace;
}

SPAN.finfo .size {
	margin-left: 0.5em;
}

SPAN.finfo .date {
	margin-left: 0.5em;
}

SPAN.empty {
	display: block;
	width: 100%;
	font-style: italic;
	text-align: center;
}

DIV.footer {
	margin: 40px;
	margin-top: 5px;
	font: 0.75em monospace;
	text-align: center;
}