/* 
   Plupload
------------------------------------------------------------------- */

.plupload_button {
	display: -moz-inline-box; /* FF < 3*/
	display: inline-block;
	font: normal 12px sans-serif;
	text-decoration: none;
  color: #42454a;
  padding: 12px 15px 12px 45px;
	margin-right: 4px;  
	outline: 0;
	background:url("img/buttons.png") no-repeat scroll 12px center #fff;
	/* Optional rounded corners for browsers that support it */
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.plupload_button:hover {
	color: #000;
	text-decoration: none;
}

.plupload_disabled, a.plupload_disabled:hover {
  color: #000;
  background:url("img/buttons.png") no-repeat scroll 12px center #fff;
	cursor: default;
}

.plupload_wrapper {
	font: normal 11px Verdana,sans-serif;
	width: 100%;
}

.plupload_container {
	padding: 15px;
	background: url('img/transp50.png');
	/*-moz-border-radius: 5px;*/
}

.plupload_container input {
	border: 1px solid #DDD;
	font: normal 11px Verdana,sans-serif;
	width: 98%;
}

.plupload_header {background: #2A2C2E url('img/backgrounds.gif') repeat-x;}
.plupload_header_content {
	background: url('img/backgrounds.gif') no-repeat 0 -317px;
	min-height: 56px;
	padding-left: 60px;
	color: #FFF;
}
.plupload_header_title {
	font: normal 18px sans-serif;
	padding: 6px 0 3px;
}
.plupload_header_text {
	font: normal 12px sans-serif;
}

.plupload_filelist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.plupload_scroll .plupload_filelist {
	height: 185px;
	background: #F5F5F5;
	overflow-y: scroll;
}

.plupload_filelist li {
	padding: 10px 8px;
	background: #F5F5F5 url('img/backgrounds.gif') repeat-x 0 -156px;
	border-bottom: 1px solid #DDD;
}

.plupload_filelist_header, .plupload_filelist_footer {
	background: #DFDFDF;
	padding: 12px 8px;
	color: #42454A;
}
.plupload_filelist_header {	
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #CDCDCD;
}

.plupload_filelist_footer {border-top: 1px solid #FFF;line-height: 20px; vertical-align: middle;}
.plupload_file_name {float: left; overflow: hidden}
.plupload_file_status {color: #777;}
.plupload_file_status span {color: #42454A;}
.plupload_file_size, .plupload_file_status, .plupload_progress {
	float: right;
	width: 75px;
}
.plupload_file_size, .plupload_file_status, .plupload_file_action {text-align: right;font-size: 14px;}

.plupload_filelist .plupload_file_name {width: 205px}

.plupload_file_action {
	float: right;
	width: 16px;
	height: 16px;
	margin-left: 15px;
}

.plupload_file_action * {
	display: none;
	width: 16px;
	height: 16px;
}

li.plupload_uploading {background: #ECF3DC url('img/backgrounds.gif') repeat-x 0 -238px;}
li.plupload_done {color:#AAA}

li.plupload_delete a {
	background: url('img/delete.gif');
}

li.plupload_failed a {
	background: url('img/error.gif');
	cursor: default;
}

li.plupload_done a {
	background: url('img/done.gif');
	cursor: default;
}

.plupload_progress, .plupload_upload_status {
	display: none;
}

.plupload_progress_container {
	margin-top: 3px;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 1px;
}
.plupload_progress_bar {
	width: 0px;
	height: 7px;
	background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action {
	margin-right: 17px;
}

/* Floats */

.plupload_clear,.plupload_clearer {clear: both;}
.plupload_clearer, .plupload_progress_bar {
	display: block;
	font-size: 0;
	line-height: 0;	
}

li.plupload_droptext {
	background: transparent;
	text-align: center;
	vertical-align: middle;
	border: 0;
	line-height: 165px;
}/* --- Normalize Plupload buttons --- */.plupload_button {  background: #fff !important;           /* remove old sprite */  border: 1px solid #ddd !important;  border-radius: 12px !important;  padding: 10px 14px !important;         /* uniform padding */  color: #333 !important;  display: inline-flex !important;  align-items: center !important;  gap: 8px !important;                   /* space between icon & text */  text-indent: 0 !important;             /* make sure text is visible */  background-image: none !important;     /* kill sprite from buttons.png */  box-shadow: 0 1px 0 rgba(0,0,0,0.03);  font: 14px/1.2 sans-serif;}/* If jQuery UI wraps buttons, remove extra padding from its inner span */.ui-button .ui-button-text { padding: 0 !important; }/* --- Icon before the label --- */.plupload_add::before,.plupload_start::before {  content: "";  display: inline-block;  width: 18px; height: 18px;  background-repeat: no-repeat;  background-position: center;  background-size: contain;}/* Your icons (adjust paths as needed) */.plupload_add::before   { background-image: url('img/buttons.png'); }/* Use your green power icon here */.plupload_start::before { background-image: url('img/buttons-start.png'); }/* Hover/active feedback */.plupload_button:hover  { background: #f8f9fa !important; border-color: #cfcfcf !important; }.plupload_button:active { transform: translateY(1px); }
