#demo-status
{
	background-color:		#DDDDDD;
	padding:				10px 15px;
	width:					300px;
	color:					#666666;
	text-align:				center;
	position:				relative;
	left:					20%;
	
}
 
#demo-status .progress
{
	background:				url('/public/img/uploader/progress.gif') no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#demo-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#demo-list
{
	list-style:				none;
	width:					280px;
	margin:					0;
	background-color:		#A4BDBC;
	position:				relative;
	left:					20%;
}
 
#demo-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url('/public/img/uploader/file.png') no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
	background-image:		url('/public/img/uploader/uploading.png);
	background-color:		#D9DDE9;
}
#demo-list li.file.file-success
{
	background-image:	url('/public/img/uploader/success.png);
}
#demo-list li.file.file-failed
{
	background-image:		url('/public/img/uploader/failed.png);
}
 
#demo-list li.file .file-name
{
	font-size:				12px;
	color:					#555555;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;

}
#demo-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
		color:					#777777;
}
#demo-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;

	line-height:			20px;
	clear
}
#demo-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}
#demo-fallback {background-color: #DDDDDD}