#dirPath {
	font:bold 16px Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;	
	margin:10px 0 20px 10px;
	padding:0;
}
#dirPath a {
	text-decoration:none;
	color:#D2691E;
}
#dirPath a:hover {
	text-decoration:underline;
}
#dirHeader {
	margin:0 0 10px 0;
	padding:2px;
	font-weight:bold;
	background-color:#5F984E;
	color:#fffff;
	clear:both;
}
#dirHeader a {
	text-decoration:none;
	color:#fff;
}
#dirContent {
	font:normal 11px Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	position:relative;
}
#dirContent a {
	text-decoration:none;
}
#dirContent a:hover {
	text-decoration:underline;
}
#dirContent div.row1 {
	background-color:#FFFff;
	clear:both;
}
#dirContent div.row2 {
	background-color:#ebf3e9;
	margin:2px 0;
	clear:both;
}
#dirContent span.col1 {
	display:block;
	float:left;
	width:300px;
	padding:0 0 0 10px;
}
#dirContent span.col2 {
	display:block;
	float:left;
	width:150px;
}
#dirContent span.col3 {
	display:block;
	float:left;
	width:70px;
	text-align:right;
}
#dirCopyright {
	margin:2em 0;
	border-top:1px dashed #aaa;
	text-align:right;
	padding:0.5em;
	clear:both;
}
#dirContent img {
	border:0;
}
#dirContent div .dirPreview {
	display:none;
	position:absolute;
	background-color:#FFFEEF;
	margin:0;
	padding:0.3em;
	left:15em;
	border:1px solid #ddd;
	width:18em;
	text-align:center;
}
#dirContent div:hover > .dirPreview {
	display:block;
}
#dirContent div .dirPreview  p {
	text-align:left;
	margin:10px 0 0 0;
	padding:5px;
	border-top:1px dashed #aaa;
}