/* Adjust the jQuery UI widget font-size: */
#dropzone {
    margin-right: 20px;
}
.label-default{
	background-color: #fff;
	color: #666;
}
.label-default-drag {
	
	color: #666;
	
    background-color: #fff;
    border: 2px gray dashed;
    
	padding: 10px 10px;
	font-size: 17px;
	width:100% !important;
}
/* file input */
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}
input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

/* ul list */
.list-group {
    padding-top: 10px;
}
.list-group-item {
    padding: 10px 10px;
    height: 83px;
}

div#cancel {
	background: url("../images/cancel.jpg") no-repeat 50% transparent;
	width: 30px;
	height: 30px;
	cursor:pointer;
    float:right;
    padding:0px;
    border:0px;
    padding-top:50px;
}
button#remove {
	background: url("../images/delete.jpg") no-repeat 50% transparent;
	width: 30px;
	height: 30px;
	cursor:pointer;
    float:right;
    padding:0px;
    border:0px;
    padding-top:50px;
}
div.file-details-image {
    padding-right:10px;
    height:68px;
    float:left;
}
div.file-details-image img{
    width:75px;
}
/* table alternatives */
#wrapper {
    width: 100%;
    min-width: 540px;
}

#content div {
    float: left;
}

#content-left {
    margin-right: 20px;
	width: 80px;
	xheight: 60px;
	text-align:center;
}

div#content-left span canvas,
div#content-left span img {
	height: 60px;
	width: 80px;
}
div#content-left span .preview {
	width: 80px !important;
}
#content-main {
	width: 100%;
	position: absolute;
}
.content-percentage {
    width: 45px;
    padding-left:5px; 
    padding-top:35px;
}

#content-right {
    margin-left: 10px;
    padding-top:5px;
	float: right !important;
	padding-right: 8%;
	margin-right: -8%;
	position: absolute;
	right: 10px;
}

.ui-progressbar {
    width: 100% !important
}

.progress {
    margin-bottom:0px
}

.bs_progress {
    width:100%;
    overflow: hidden;
    height: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.file-input {
    xmargin-left: 30px;
}
.preview img {
    xwidth:80px;
    height:60px;
}

.ui-widget-header {
	background-color: #5cb85c !important;
	height:100%
}

.alert {
	margin-bottom: 10px;
}

section {
	display: table; 
	width: 100%;
}
div.dropzonearea, div.dropzone, div.uploadzone { 
	display: table-cell; 
	text-align: center
}
#dropzone,#dropzone {
	width:100px;
}
div.uploadzone {
	width:10%; 
	white-space: nowrap;
	padding-left: 15px;
}

p#dropzone {
	margin: 5px 0 5px 0;
}

#dropzone.hover {
	border: 3px green dashed;
	padding: 9px 9px;
}

.upload-error {
	color: red;
}