body
{
	font-family: geneva, verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
}


#drop_zone,
#list {
	padding: 2em;
}

#drop_zone {
	border: 1px dashed #333333;
	border-radius: 1.5em;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 150%;
	line-height: 200%;
	margin-bottom: 1em;
	color: #aaaaaa;
}


#list {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2.2em;
	top: 11.5em;
	overflow: auto;
}

.over {
	border: 1px dotted #008000 !important;
	color: #008000 !important;
}

.fileEntry {
	margin: 1em 0;
	background: #999999;
	padding: 2px;
}

.thumb {
	max-width: 250px;
	vertical-align: top;
	clear: both;
}

.fileInfo {

}

.result {
	width: calc(100% - 260px);
	height: 200px;
	vertical-align: top;
	float: right;
}


.clear {
	clear: both;
}



header {
	position: absolute;
	top: 0;
	height: 4em;
	left: 0;
	right: 0;
	padding: .1em .5em;
	white-space: nowrap;
	background: #C09696;
	overflow: hidden;
}
article {
	position: absolute;
	top: 4em;
	bottom: 2em;
	left: 0;
	right: 0;
	padding: 1em 0;
	background: #eeeeee;
	overflow-x: hidden;
	overflow-y: auto;
}


footer {
	position: absolute;
	bottom: 0;
	height: 2em;
	left: 0;
	right: 0;
	padding: .25em .5em;
	white-space: nowrap;
	background: #cccccc;
	overflow: hidden;
	border-top: 1px solid #999999;
	text-align: center;
}



/* works only with webkit!!! */
.roundedScroller::-webkit-scrollbar
{
	width:14px;
	height:14px;
}
.roundedScroller::-webkit-scrollbar-track
{
	border:1px solid #cfcfcf;
	-webkit-border-radius:4px;
	border-radius:7px;
}
.roundedScroller::-webkit-scrollbar-track:vertical
{
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#e9e9e9), color-stop(100%,#ffffff));
	background:-webkit-linear-gradient(left, #e9e9e9 0%,#ffffff 100%);
	background:linear-gradient(left, #e9e9e9 0%,#ffffff 100%);
}
.roundedScroller::-webkit-scrollbar-track:horizontal
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#ffffff));
	background:-webkit-linear-gradient(top, #e9e9e9 0%,#ffffff 100%);
	background:linear-gradient(top, #e9e9e9 0%,#ffffff 100%);
}
.roundedScroller::-webkit-scrollbar-thumb
{
	border:1px solid #8f8f8f;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.roundedScroller::-webkit-scrollbar-thumb:vertical
{
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#cbcbcb), color-stop(100%,#b1b1b1));
	background:-webkit-linear-gradient(left, #cbcbcb 0%,#b1b1b1 100%);
	background:linear-gradient(left, #cbcbcb 0%,#b1b1b1 100%);
}
.roundedScroller::-webkit-scrollbar-thumb:horizontal
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#b1b1b1));
	background:-webkit-linear-gradient(top, #cbcbcb 0%,#b1b1b1 100%);
	background:linear-gradient(top, #cbcbcb 0%,#b1b1b1 100%);
}