.uploader_tooltip {
	position: fixed;
	top: 10px;
	right: 10px;
	padding: 3px 10px;
	opacity: 0.8;
	z-index: 20000;
	
	background-color: white;
	border: 1px solid silver;
	cursor: pointer;
}

.uploader_queue table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.uploader_queue_body {
	overflow: auto;
}   

.uploader_queue tr > * {
	vertical-align: middle; 
	padding: 3px 10px 3px 0;   
	text-align: left;    
}

.uploader_queue tr > *:last-child {
	text-align: right;	
}

.uploader_progress_bar {
	width: 99%;
	border: 1px solid silver;
	height: 16px;
	position: relative;    
	text-align: center;
	color: black;
}

.uploader_progress_bar > div {
	position: absolute;
	height: 16px;
	background-color: lightgreen;    
}

.uploader_progress.cancelled .uploader_progress_bar div {
	background-color: orange;	
}

.uploader_progress.failed .uploader_progress_bar div {
	background-color: darkred;    
}


.uploader_progress_bar > span { 
	display: block;
	width: 100%;    
	left: 0;
	right: 0;
	line-height: 16px;
	text-align: center;
	position: absolute;
}

.uploader_filename { width: 30% }
.uploader_filesize { width: 10% }
.uploader_bitrate  { width: 15% }
.uploader_filedate { width: 15% }
.uploader_menu     { width: 8% }
			 
.uploader_zone {
	position: absolute; 
	background-color: green;
	color: white;
	font-size: 12px;
	opacity: 0.2;	
	cursor: pointer;
}     

.uploader_zone_title {
	display: none;
	color: green;
	background-color: darkgreen;
	color: white;
	opacity: 1;
	position: absolute;
	padding: 5px 10px;
}

.uploader_zone.active, 
.uploader_zone:hover {
	opacity: 0.5;
}


.uploader_button {
	position: relative;
	overflow: hidden;	
}

.uploader_button input {
	cursor: pointer;
	direction: ltr;
	font-size: 23px;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(-300px, 0px) scale(4);
}