

#upload-container {
	margin-left: 120;	
	width: auto; 
	/*400px;*/	
	
	/*
	padding: 4px;	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	*/
}

.button {	

	/* Button grau */
	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	/*border-radius:3px;*/
	border:1px solid #c9c1c9;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding: 3px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	
	/*  Button rot */
	
	/*-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:1px 1px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;*/
}

.button:hover {	

	/* Button grau */
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
	
	/* Button rot */
	
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;*/
}

.button:active {
	position:relative;
	top:1px;
}

#attachment-add  {
	width: 273px; /*277px;*/
	padding: 0px;
	/*margin-bottom: 5px; */
	margin: 5px;
	/*background: url(../images/clip.png) no-repeat 10px 50% !important;
	background-position:left;		*/
}

.ui-icon-custom { 
	background:url(../images/clip.png) 16px 16px !important;
}

.label {
	display: inline-block;
	width: 5em;
}

.spacer {
	height: 4px;
}

.ui-tooltip {
	font-size: 8pt;
	height: 1.5em;
}

/*.ui-widget-header {
	border:0px;
	background:none;	
}*/

.ui-widget button {
	font-size: 0.8em;
	font-family: arial;
}

.ui-widget-header {
	border:none;
	background:none;
	text-align:left;
	/*padding:5px;*/
	font-size:10px;
	font-family:Verdana;
	font-weight:normal;
	color:#000000;	
}

#toolbar {
	width: 99%;
	height: 25px;	
	padding: 2px;
	display: inline-block;
}

/* support: IE7 */
*+html #toolbar {
	display: inline;
}

/*.ui-progressbar {
	height: 1.2em;
	margin-left: 240px !important;
	margin-top : -20px !important;
	position: relative;	
}

.progress-label {
  	font-size:8pt;
	position: absolute;
	left: 50%;	
	font-weight:normal;
	text-shadow: 1px 1px 0 #fff;
}*/

.removebutton:hover {
	cursor:pointer;
}

.clip:hover {
    cursor: pointer;
}

.info {

	position:absolute;
	display: inline-block;
	font-size:10px;
	font-weight:bold;
	padding-left:120px;
	top: 35px;
}
	
.status {
	
	display: none;
	padding: 5px;
	background: #F47063;
	width: 100%;
	color: white;
	margin: 8px 0;
}

.progress {
	
	position: relative;
	background-color:#f2f2f2;
	/*width: 90%;*/
	margin: 10px auto;
	border: 1px solid #DDD;
	/*padding: 2px;*/
	/*border-radius: 3px;*/	
	/*height: 1.2em;*/
	margin-left: 210px !important;
	margin-top : -25px !important;	
	height:23px;
}

.bar {
	
	background-color:#CC0000;
	height: 23px;
	width: 0%;
	/* transition animation */
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	transition: width .3s;
}

.percent {
	
	position: absolute;
	display: inline-block;
	top: 1px;
	left: 48%;
	color: #333;
}

/*.ui-progressbar-value {
	background-color:#ff0000;
}*/

.upload-table table {
	border-collapse:collapse;
	text-align:left;
	width:100%;
	margin:0;
}

.upload-table {
	font:normal 12px/150% Arial, Helvetica, sans-serif;
	background:#fff;
	overflow:hidden;
	border:1px solid #8C8C8C;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.upload-table table td,.upload-table table th {
	padding:3px 10px;
}

.upload-table table thead th {
	background:0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C',endColorstr='#7D7D7D');
	background-color:#8C8C8C;
	color:#FFF;
	font-size:11px;
	font-weight:700;
	border-left:1px solid #A3A3A3;
}

.upload-table table thead th:first-child {
	border:none;
}

.upload-table table tbody td {
	color:#7D7D7D;
	border-left:1px solid #DBDBDB;
	font-size:11px;
	border-bottom:1px solid #E1EEF4;
	font-weight:400;
}

.upload-table table tbody .alt td {
	background:#EBEBEB;
	color:#7D7D7D;
}

.upload-table table tbody td:first-child {
	border-left:none;
}

.upload-table table tbody tr:last-child td {
	border-bottom:none;
}

.upload-table table tfoot td div {
	border-top:1px solid #8C8C8C;
	background:#EBEBEB;
	padding:2px;
}

.upload-table table tfoot td {
	font-size:12px;
	padding:0;
}

.upload-table tr:nth-child(even) {background: #EBEBEB}
.upload-table tr:nth-child(odd) {background: #FFF}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    #toolbar {
		width: 99%;
		height: 25px;
		padding: 2px;
		display: inline-block;
	}
	
	#attachment-add  {	
		margin: 0 0 0 5px;
	}

	.button {
		padding: 1px 12px;
	}
}
