.clearfixnew:before, .clearfixnew:after { content: ""; display: table; }
.clearfixnew:after { clear: both; }
.clearfixnew { zoom: 1; }

.formgrid.imageupload .grid-actions {display: none !important;}

.upload-actions > * {float:left; margin-left: 10px;}
.upload-actions > *:first-child {margin-left: 0;}

#drag-info { margin-top:5px; color:#959494;}
#pickfiles, #dl-new-btn {padding: 4px 10px 1px; font-size:15px; text-transform:uppercase; background-color:#DDDDDD; background-image: url("/media/admin/images/icons/grid-actions.png"); background-position: 4px center; background-repeat: no-repeat; padding-left: 20px; border-radius: 4px; color: #888888; font-family: AkagiBold,'Franklin Gothic Demi',Verdana,Arial,sans-serif;}

#imageupload-grid, #filelist {list-style: none; margin-left:-10px;}
#imageupload-grid {margin-top:10px;}
#imageupload-grid li.grid-item {width:200px; height:200px; float:left; margin-left: 10px; margin-bottom: 10px; position: relative; border:1px solid #fff;}
#imageupload-grid li.grid-item:hover {border:1px dashed #ccc; cursor:move;}
#imageupload-grid li.grid-item.queued-file {background:url("../img/ajax-loader.gif") no-repeat center center; border:1px dashed #ccc;}
#imageupload-grid li.grid-item.not-found {border:1px dashed #ccc;} 
#imageupload-grid li.grid-item img {display: block; width:100%;}

.formgrid #imageupload-grid li.grid-item {width:100px; height:100px;}
.formgrid #imageupload-grid li.grid-item .image-info dl {margin-top:10px; font-size:9px;}
.formgrid #imageupload-grid li.grid-item .image-info dd {word-wrap:normal; overflow: hidden; height: 10px;}
.formgrid #imageupload-grid li.grid-item .image-info .image-actions {margin-top: 10px;}
.formgrid #imageupload-grid li.grid-item.queued-file {background:url("../img/ajax-loader-black.gif") no-repeat center center;}

.image-info {color:#333;  position: absolute; background: #f1f1f1;  opacity: 0; filter: alpha(opacity = 0); z-index:2; top:0; left:0; width:100%; height:100%; text-align: center;}
.image-info dl {margin-top:45px;}
.image-info dt {color:#01A9E8; text-transform: uppercase;}
.image-info dd { margin:0; padding:0; margin-bottom: 5px; padding:0 5px; word-wrap:break-word;}
li.grid-item:hover .image-info {opacity: 1; filter: alpha(opacity = 100); /*transition:.5s all;*/}
.image-actions {margin-top: 20px; line-height: 100%;}
.image-actions .actions {margin:0 auto; width:83px;}
.image-actions a {float:left; display: block; width:16px; height:16px; margin-left: 5px;}
.image-actions a:first-child {margin-left: 0; }
.image-actions .image-edit-action {background:url("../img/edit.png") no-repeat left center;}
.image-actions .image-del-action {background:url("../img/del.png") no-repeat left center;}
.image-actions .image-del-original-action {background:url("../img/del-original.png") no-repeat left center; position: absolute; top: 1px; right: 1px;}
.image-actions .image-crop-action {background:url("../img/crop.png") no-repeat left center;}
.image-actions .image-view-action {background:url("../img/view.png") no-repeat left center; width:20px;}

.image-actions .image-edit-action:hover {background:url("../img/edit-hover.png") no-repeat left center;}
.image-actions .image-del-action:hover {background:url("../img/del-hover.png") no-repeat left center;}
.image-actions .image-del-original-action:hover {background:url("../img/del-original.png") no-repeat left center;}
.image-actions .image-crop-action:hover {background:url("../img/crop-hover.png") no-repeat left center;}
.image-actions .image-view-action:hover {background:url("../img/view-hover.png") no-repeat left center;}

#plupload-errors {margin-top:10px;}
#plupload-errors .plupload-error {padding:5px; width: 615px; color:#fff; background:#EC444B; margin-top: 5px; border-radius: 5px;}
#plupload-errors .plupload-error:first-child {margin-top: 0;}
.imageupload.dragging {background:#e7f7ff !important; padding:10px; border:1px dashed #bfd8e4;}
.formgrid.dragging {background:#333 !important; border:1px dashed #ccc;}

#zapcropper { position: fixed; z-index:2000; height:100%; width: 100%; top:0; left:0; padding:0; }
#zapcropper .overlay { position:absolute; top:0; left:0; background:#000; height:100%; width:100%; z-index:1001; }
#zapcropper .content { position:relative; z-index:1002; height:100%; }
#zapcropper .content > *, #zapcropper .preview-image { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

#zapcropper .save { display: none; position: absolute; z-index: 2000; opacity:.5; }
#zapcropper .save:hover { opacity:1; }
#zapcropper .save.loading { -moz-animation:rotate 3s infinite linear; opacity:1; }

@-moz-keyframes rotate {
	to { -moz-transform:rotate(360deg); }
}

#zapcropper .mainbar { float:left; width:80%; height:100%; }
#zapcropper .jcrop-holder { margin:0 auto; border:3px solid #222;}
#zapcropper .jcrop-holder > img { }
#zapcropper #crop-image { visibility: hidden; }

#zapcropper.grayscale .jcrop-holder img, #zapcropper.grayscale .preview-image img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#zapcropper .preview-image { overflow: hidden; position: relative; border:3px solid #222; }

#zapcropper #sidebar-loader { height:40px; background: url('../img/throbber.gif') no-repeat center center; }
#zapcropper .sidebar { float:left; width:19%; margin-right:1%; height:100%; background-color:#111; padding:20px; border-right: 1px solid #aaa; }
#zapcropper .sidebar h2 { padding-bottom:8px; }
#zapcropper .styles { list-style: none; }
#zapcropper .styles li { background:#222;  color: #DDD; cursor: pointer; margin-bottom: 2px; padding: 10px; text-transform: uppercase; background-repeat: no-repeat; background-position: 95% center; }
#zapcropper .styles li:hover { background-color:#333; }
#zapcropper .styles li.active { background-color:#01A9E8; color:#222; }
#zapcropper .styles li.loading { background-image:url('../img/throbber.gif'); }
#zapcropper .styles li.saved { background-image:url('../img/saved.png'); }
#zapcropper .styles li span { text-transform: none; color:#888; }
#zapcropper .styles li.active span { color:#555; }
#zapcropper .step { margin-bottom: 25px; display: none; }
#zapcropper .step .title { margin:15px 0; font-weight: bold; font-size: 11px; }
#zapcropper .blown-wrap {   background: url("../img/warning32x32.png") no-repeat center top; color: #EEEEEE; font-size: 14px;
    margin-top: 50px; opacity: 0; padding-top: 45px; text-align: center; transition:opacity 200ms ease-out; }
#zapcropper .blown-wrap strong { font-size:18px; padding-bottom: 4px; }
#zapcropper.blown .blown-wrap { opacity:1; }


#zapcropper #tools { list-style: none; height:25px; }
#zapcropper #tools li { width:25px; height:25px; background-color:#222; cursor:pointer; background-position: center center; background-repeat: no-repeat; float:left; margin-right: 5px; }
#zapcropper #tools li:hover { background-color:#333; }
#zapcropper #tools li.fit { background-image:url('../img/fit.png'); }
#zapcropper #tools li.grayscale { background-image:url('../img/grayscale.png'); }
/*#zapcropper.grayscale #tools li.grayscale { background-image:url('../img/no-grayscale.png'); }*/
#zapcropper #tools li.lock { background-image:url('../img/lock.png'); }
#zapcropper #tools li.bgcolor { background-image:url('../img/bgcolor.png'); }
#zapcropper #tools li.padding-plus { background-image:url('../img/padding-plus.png'); }
#zapcropper #tools li.padding-min { background-image:url('../img/padding-min.png'); }

#zapcropper #tools li.toggle.on { background-color:#01A9E8; }

#zapcropper .preview-wrap { display: none; }

#zapcropper .sidebar h2 .abort { width: auto; height:auto; background:none; top:7px; }
#zapcropper .sidebar h2 .abort .ui-icon { width: auto; height:auto; text-indent: 0; overflow: visible; font-size:13px; color:#fff; }

.colorpicker { z-index:3000; }