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;

}