.mediaGallery > div > ul {
	margin: 0;
	padding: 0;
	list-style: none;	
	width: 100%;
	float: left;
}
.mediaGallery > div > ul > li {
	display: inline-block;	
}
.mediaGallery > div > ul > li > a {
	margin: 0 5px 0px 0px;
	float: left;	
	position: relative;
	cursor: pointer;
}
.mediaGallery > div > ul > li > a:before {
	border-color: #CF2929;
	border-image: none;
	border-width: 10px;
	border-style: solid;
	content: '';
	top: 0;
	position: absolute;
	z-index: 1;
	right: 0;
}
.mediaGallery > div > ul > li > a:after {
	font-family: 'FontAwesome';
	display: inline-block;
	content: "\f00d";
	position: absolute;
	top: 0;
	right: 5px;
	color: #fff;
	z-index: 1;
}
.udir {
	width: auto;	
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;	
}
.gallery {
	margin: 15px 0;
	width: 100%;
	float: left;	
	height: 365px;
	overflow: auto;
}
#Media .modal-body {
	min-height: 445px;	
}
.table-pagination {
	margin-top: 6px;
	width: auto;
}
.table-pagination a {
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
	background-color: #fff;
}
.table-pagination a, .table-pagination b {
	padding: 5px 10px;
	margin-right: 5px;
}
.table-pagination a:last-child, .table-pagination b:last-child {
	margin-right: 0;	
}
#media {
	text-align: center;
}
.modal-header {
	position: relative;
}
ul#files {
	position: absolute;
	top: 20px;
	right: 56px;
	list-style: none;
	width: 50%;
}
ul#files li {
	padding: 5px;
	background: #f2f2f2;
	border: 1px solid #dbdbdb;
	margin-bottom: 5px;	
}
ul#files li a {
	padding: 10px 0;
	float: right;
	margin-right: 8px;
}
ul.files {
	list-style:none;
	padding:0;
	margin:0;
}
ul.files li {
	padding: 5px;
	background: #f2f2f2;
	border: 1px solid #dbdbdb;
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
	position: relative;
}
ul.files li > label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	height: 73%;
	cursor: pointer;
}
ul.files li > label > input[type="checkbox"] {
	visibility: hidden;	
}
ul.files li.last, ul.files li:nth-child(8n+0) {
 margin-right: 0;
}
ul.files li img {
	border:none;
	height: 100px;
}
ul.files li.current {
	border: 1px solid #368ee0;
}
/*ul.files li.current:hover {
	border: 1px solid #000;
}*/
ul.files li.current:before {
	border-color: #368ee0;
	border-image: none;
	border-width: 13px;
	border-style: solid;
	content: '';
	top: 0px;
	position: absolute;
	z-index: 1;
	right: 0;
}
ul.files li.current:after {
	font-family: 'FontAwesome';
	color: #368ee0;
	display: inline-block;
	content: "\f00c";
	position: absolute;
	top: 3px;
	right: 6px;
	color: #fff;
	z-index: 1;
}
li.success {
	background:#d9f0ca;
	border-color:#b9e49e;
}
/*li.success:hover span.size {
	opacity: 1;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}*/
li.success a {
	float: left;
}
li.success.active {
	border-color:#db3f26 !important;
	outline:1px solid #db3f26 !important;
}
li.error {
	background:#febcbc;
	border-color:#fe9898;
}
.qq-uploader {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 155px 0;
}
.qq-upload-button {
	color: #333;
	border: 1px solid #ccc;
	background: #f7f7f7;
	-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, .08);
	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, .08);
	vertical-align: top;
	display: inline-block;
	padding: 10px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	transition: all 0.3s ease 0s !important;
}
.qq-upload-button-focus, .qq-upload-button-hover {
	color: #333;
	background: #fafafa;
	border-color: #999;
}
.qq-upload-button:active {
	background: #eee;
	border-color: #999;
	color: #333;
	-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, .5);
	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, .5);
}
.qq-upload-button input[type="file"] {
	height: 42px !important;
}
.qq-upload-drop-area {
	width: 100%;
	height: 100%;
	z-index: 2;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #333;
}
.qq-upload-drop-area span {
	display: block;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}
.qq-upload-drop-area-active {
	color:#333;
}
.qq-upload-list {
	margin:15px 35px;
	padding:0;
	list-style:disc;
}
.qq-upload-list li {
	margin:0;
	padding:0;
	line-height:15px;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
}
.qq-upload-file {
	width:120px;
	display:block;
	word-wrap:break-word;
	text-align: center;
	height: auto !important;
	text-indent: 0 !important;
	background: none;
	float: left;
	padding: 5px 0 5px 0;
	margin: 0 20px 0 0;
}
.qq-upload-spinner {
	display:inline-block;
	width:15px;
	height:15px;
	vertical-align:text-bottom;
}
.qq-upload-size {
	width:94%;
	margin:0px 3%;
}
.qq-upload-cancel {
	float:left;
}
.qq-upload-failed-text {
	display:none;
}
.qq-upload-fail .qq-upload-failed-text {
	display:inline;
}
.profile-pic {
	position:relative;
	margin:auto;
	max-width:190px;
	max-height:190px;
	text-align:center;
}
.profile-pic img {
	max-width:190px;
	max-height:190px;
	margin:0px auto;
	display:block;
}
#upload-ppic .qq-upload-list {
	display:none;
}
.loader {
	background:rgba(255, 255, 255, 0.7) url(../img/loading.gif) no-repeat center;
	width:100%;
	height:0px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	color:#000;
	font-weight:700;
}
.del {
	padding: 5px 10px;
	margin-top: 4px;
	float: right !important;
	background: #368ee0;
	color: #fff;
}
.crop {
	float: left;
	padding: 5px 10px;
	margin-top: 4px;
	background: #CECECE;
	color: #494949;
}
.size {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .7);
	width: 100%;
	text-align: center;
	font-size: 11px;/*-webkit-transition: -webkit-transform 1s, opacity 1s, background 1s, width 1s, height 1s, font-size 1s;
	-o-transition-property: width, height, -o-transform, background, font-size, opacity;
	-o-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
	-moz-transition-property: width, height, -o-transform, background, font-size, opacity;
	-moz-transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
	transition-property: width, height, transform, background, font-size, opacity;
	transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
	opacity: 0;*/
}
.u-images {
	border: 1px solid #ddd !important;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07) !important;
	background-color: #fff !important;
	color: #333 !important;
    -webkit-transition: .05s border-color ease-in-out !important;
    transition: .05s border-color ease-in-out !important;
	border-radius: 0 !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	width: auto !important;
}
.mediaGallery .top {
	margin-top: 10px;
}
.ajax-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px; /* -1 * image width / 2 */
	margin-top: -32px;  /* -1 * image height / 2 */
	display: block;
}
.progress {
	border-radius: 0;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1);
}
.progress .bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #4cae4c;
	background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 -webkit-transition: width .6s ease;
 -moz-transition: width .6s ease;
 -o-transition: width .6s ease;
 transition: width .6s ease;
}
.progress-striped .bar {
	background-color: #4cae4c;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px;
}
.progress.active .bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}


ul.files li.upload {
	width: 132px;
	height: 142px;
	border: 5px solid #1582dc;
	position: relative;
	border-radius: 2px;
}
ul.files li.upload span.progress {
	position: absolute;
	top: 45%;
	width: 93%;
	margin: 0;	
}
ul.files li.upload a.qq-upload-cancel {
	float: none;
	position: absolute;
	top: 52%;
	text-align: center;
	width: 93%;
	font-size: 12px;
	color: #2B54BD;	
}