/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
*/

.uploadify {
	position: relative;
	margin-bottom: 1em;
}
.uploadify-button {
	background-color: #505050;
	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #505050),
		color-stop(1, #707070)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #808080;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	width: 100%;
}
.uploadify:hover .uploadify-button {
	background-color: #606060;
	background-image: linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #606060),
		color-stop(1, #808080)
	);
	background-position: center bottom;
}
.uploadify-button.disabled {
	background-color: #D0D0D0;
	color: #808080;
}
.uploadify-queue {
	margin-bottom: 1em;
}
.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel_uploadify a {
	background: url('uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

/** 涓婁紶鍥炶皟鏄剧ず. */
.upload_append_list {
/*   height: 100%; */
  margin: 1em;
  float: left;
  position: relative;
}

.file_bar{
	margin: 0;
    left: 0px;
    right: 0px;
    position: absolute;
    top: 0px;
    height:0px;
    padding:0px;
    margin: 0;
    opacity: 0.8;
    color:#fff;
    background: none repeat scroll 0 0 #000000;
    transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	overflow: hidden;
}
.file_bar a{
	color: #FFFFFF;
    position: absolute;
    right: 10px;
}
.file_hover{
	height:30px;
	cursor:pointer;
}

.file_name{
	margin:0px;
	white-space: nowrap;
    width: 66%;                  /* IE6 闇�瀹氫箟瀹藉害 */
    overflow: hidden;            
    -o-text-overflow: ellipsis;    /* Opera */
    text-overflow:    ellipsis;    /* IE, Safari (WebKit) */
    float: left;
}

.file_del{
	background: url("delete_white.png") no-repeat scroll 0 0 transparent;
	width:18px;
	height:18px;
	display: inline;
	-moz-user-select: none;
	position: absolute;
	right:3px;
	margin-top:4px;
}
.file_del:hover{
	background: url("delete_blue.png") no-repeat scroll 0 0 transparent;
}

.upload_append_list a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #DFDFDF;
  background: url("bg.png") no-repeat scroll center 0px transparent;
}

.uploadImg {
  margin: auto;
}

.uploadImg img {
  border: none;
  max-width: 100%!important;
  height: auto!important;
}

.upload_append_list img {
  border: solid 1px #66f;
  vertical-align: middle;
}

/** 涓婁紶鍚庨瑙� */
.upload_preview {
/*   border-top: 1px solid #D2D2D2; */
/*   border-bottom: 1px solid #bbb; */
  background-color: #fff;
  overflow: hidden;
  _zoom: 1;
}

.upload_append_list {
/*   height: 100%; */
  margin: 1em;
  float: left;
  position: relative;
}

.upload_append_list a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #DFDFDF;
  background: url("bg.png") no-repeat scroll center 0px transparent;
}
.upload_append_list a {
  color: #34538b;
  text-decoration: none;
}

.uploadImg {
  margin: 0px;
  /* max-height: 135px; */
}

.uploadImg {
  margin: auto;
}

.upload_image {
  /* max-height: 135px; */
  padding: 0px;
}

.upload_append_list img {
  border: solid 1px #66f;
  vertical-align: middle;
}

.uploadImg img {
  border: none;
  max-width: 100%!important;
  height: auto!important;
}