body {
	font-size:12px;
}
a:link{color:#008;text-decoration:none;}
a:active{color:#008;text-decoration:none;}
a:focus{color:#008;text-decoration:none;}
a:visited{color:#666;text-decoration:none;}
a:hover{color:#080;text-decoration:underline;}


h1{
	font-size: 24px;
	padding: 2px;
	font-family:Verdana;
	border-bottom: 1px solid #ccc;
}

.dirPath{
	list-style:none;
	margin:0px;
	padding:0px;
	clear:both;
	overflow:hidden;
	background-color: #ccc;
}

.dirPath li{
	float:left;
	margin:2px;
	border:1px solid #fff;
	padding:2px;
}
.listBox {
	margin: 2px 22px;
	padding: 2px;
	list-style: none;
}
.listBox li{
	clear:both;
	padding: 1px 24px;
	overflow: hidden;
	vertical-align: top;
	background:left center no-repeat url(../img/icon-xxx.png);
}

.list_name{
	float: left;
	width: 200px;
	overflow: hidden;
}
.list_size{
	float:left;
	width: 100px;
	overflow: hidden;
	margin: 0px 8px;
}
.list_dir{
	float:left;
	width: 100px;
	overflow: hidden;
	margin: 0px 8px;
}
.list_date{
	white-space:nowrap;
	float: left;
	width: 200px;
	overflow: hidden;
}
.list_desc{
	float: left;
	overflow: hidden;
}

li.l1{
	background-color:#fff;
}
li.l0{
	background-color:#eee;
}

.footer{
	border-top: solid #ccc 1px;
	padding: 4px;
	color: #888;
	text-align: right;
}

.dir{
	background-image: url(../img/icon-dir.png)!important;
}

.htm, .html{
	background-image: url(../img/icon-htm.png)!important;
}
.png{
	background-image: url(../img/icon-png.png)!important;
}
.jpg{
	background-image: url(../img/icon-jpg.png)!important;
}
.txt{
	background-image: url(../img/icon-txt.png)!important;
}
.docx, .doc{
	background-image: url(../img/icon-doc.png)!important;
}
.pdf{
	background-image: url(../img/icon-pdf.png)!important;
}