/*-------------------------
	XHR HTML5 upload
--------------------------*/
#file_upload{
	display:none;
	position: relative;
	width:180px;
	margin-left: auto;
	margin-right: auto;
}

#file_upload .file_upload_xhr_upload { 
    background: #eee; 
    border-radius: 4px; 
    border: 1px solid #ccc;
    width: 70px;
    padding: 2px;
    margin: 0px;
    position: relative;
    cursor: pointer;
	margin-left: auto;
	margin-right: auto;	
}

#file_upload .file_upload_xhr_upload:hover {background: #fff; border-color: #ddd; }
    
#file_upload .file_upload_xhr_upload input {
    cursor: pointer;
    display: block;
    position:absolute;
    top:0;
    left: 0;
    /* start of transparency styles */
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity:0);
    /* end of transparency styles */
    background: red;
    z-index:2; /* bring the real upload interactivity up front */
    width:100%;
    height: 100%;
}
#file_upload .file_upload_xhr_upload:hover input {
    display: block;
}

#file_upload .dragOver {
	border: 2px dotted #CCC;
}

#file_upload_image {
    position: relative;
	padding: 5px 0px 10px 2px;
}

#file_upload_control_wrapper
{
    position: absolute;
	top: 96px;
	left: 54px;
}
#file_upload_radial_progress_wrapper
{
	width: 180px;
	height: 180px;
    top: -50px;
    position: relative;
}
#file_upload_radial_progress {
	position: absolute;
	left: -30px;
}

#file_upload_radial_progress .progress-meter text {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
	color: #000;
	fill: #000;
    font-weight: bold;
}

#file_upload_radial_progress .background {
	fill: #ccc;
}

#file_upload_commentary {
	font-size: smaller;
}

 #file_upload_speed {
	font-size: smaller;
}
 
#file_upload .center
{
	text-align: center;
	width: 100%;
}