body {
	font-size:12px;
	font-family: "sans serif",tahoma,verdana,helvetica;
	margin: 0;
	padding: 0;
	background-color:#F0F0EE;
	overflow: hidden;
}
td {
	font-size:12px;
}
.top {
	background-color:#F0F0EE;
}
.file-view {
	overflow: scroll;
	background-color:#FFFFFF;
	width: 500px;
	height: 370px;
}
.file-view-area {
	float:left;
	border: 1px solid #FFFFFF;
	margin: 5px;
}
.file-view-area .photo {
	width: 100px;
	height: 100px;
	margin: 3px;
}
.file-view-area .name {
	margin: 2px;
	text-align: center;
	overflow: hidden;
	width: 100px;
	height: 16px;
}
.selected {
	border: 1px solid #888888;
	background-color: #F0F0EE;
}
.noselected {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}
.file-list {
	overflow: scroll;
	background-color:#FFFFFF;
	width: 500px;
	height: 370px;
}
.file-list-table {
	width: 100%;
}
.file-list-table .name {
	width: 55%;
}
.file-list-table .size {
	width: 15%;
}
.file-list-table .datetime {
	width: 30%;
	text-align: center;
}