.mediaBox
{
    padding:0px !important;
    border:2px #444 solid !important;
    background:none;
    background-color:#666 !important;
    -webkit-box-shadow: 0px 0px 15px #000000;
    -moz-box-shadow: 0px 0px 15px #000000;
    box-shadow: 0px 0px 15px #000000;
}
.mediaBox .ui-dialog-content
{
    margin:0px !important;
    padding:0px !important;
}
.mediaBox .ui-tabs
{
    padding:0px !important;
    border:0px !important;
}
.mediaBox .ui-tabs-nav
{
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.mediaBox .ui-dialog-titlebar
{
    background-image:none !important;
    background-color:transparent !important;
    border:0px;
    color:#999;
    font-size:12px;
    padding:0px;
}
.media-tooltip
{
    text-align:center;
    padding-bottom:10px;
    color:#999;
}
.fileupload-content
{
    border:1px #CCC solid;
    border-bottom:3px #CCC solid;
}
#upload_images
{
    margin-bottom:18px;
}
.media-wrapper
{
    margin:5px !important;
    padding:0px !important;
    background: #f1f1f1;
    border:1px #CCC solid;
}
.media-wrapper ul
{
    list-style: none;
    padding:0px !important;
    margin:0px !important;
}
.media-wrapper li
{
    overflow:hidden;
    float:left;
    list-style: none;
    margin:14px;
    padding:0px;
    border:4px #FFF solid;
    -webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.5);
            box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.5);
    background-color:#FFFFFF;
    position:relative;
    z-index:100;
    -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
}
.media-wrapper li.error
{
    -webkit-box-shadow: 0px 0px 18px #690302;
    -moz-box-shadow: 0px 0px 18px #690302;
    box-shadow: 0px 0px 18px #690302;
    background-color:#FFEAE9;
}
.media-wrapper .ui-sortable-helper
{
    width:164px !important;
    padding:4px;
    border:1px #FFF solid !important;
}
.media-wrapper .item.video:before
{
    content: "";
    position:absolute;
    bottom:28px;
    right:5px;
    width:36px;
    height:36px;
    background-image:url(../images/media/play.png);
    background-repeat:no-repeat;
    background-position:center;
}

.media-wrapper li img
{
    border:1px #CCC solid;
}
.media-wrapper li .tooltip
{
    display:none;
    position:absolute;
    top:5px;
    left:6px;
    color:#FFF;
    background-color:#111;
    padding:5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.media-wrapper li:hover
{
    background-color:#F1F1F1;
    border:4px #F1F1F1 solid;
}
.media-wrapper li.edited
{
    background-color:#FFF6DF;
    border:4px #FFF6DF solid;
}
.media-wrapper li.thumbnail
{
    background-color:#444 !important;
    border:4px #333 solid;
    z-index:500 !important;
    -moz-transform: scale(1.2) rotate(-4deg) translate(0px, 0px) skew(0deg, 0deg);
    -webkit-transform: scale(1.2) rotate(-4deg) translate(0px, 0px) skew(0deg, 0deg);
    -o-transform: scale(1.2) rotate(-4deg) translate(0px, 0px) skew(0deg, 0deg);
    -ms-transform: scale(1.2) rotate(-4deg) translate(0px, 0px) skew(0deg, 0deg);
    transform: scale(1.2) rotate(-4deg) translate(0px, 0px) skew(0deg, 0deg);
}
.media-wrapper li.thumbnail:hover .tooltip
{
    display:block;
}
.media-wrapper li.thumbnail img
{
    border:1px #000 solid;
}
.media-wrapper .btn_container
{
    height:23px;
}
.media-wrapper a
{
    float:right;
    display:block;
    width:20px;
    height:20px;
}
.media-wrapper .edit
{
    background-image:url(../images/media/icon_changelink.gif);
    background-repeat:no-repeat;
    background-position:center;
    float:left !important;
}
.media-wrapper .remove
{
    background-image:url(../images/media/icon_deletelink.gif);
    background-repeat:no-repeat;
    background-position:center;
}
.media-wrapper .dragger
{
    float:left;
    width:20px;
    height:20px;
    background-image:url(../images/media/dragger.png);
    background-repeat:no-repeat;
    background-position:center;
    cursor: move;
}
.changeUploadMethod
{
    background-image:url(../images/media/icon_alert.png);
    background-repeat:no-repeat;
    background-position:5px 50%;
    padding:0px 24px;
    line-height:20px;
    font-size:10px;
    color:#999 !important;
    display:block;
    
}
.changeUploadMethod:hover
{
    color:#000 !important;
}
.changeUploadMethod span
{
    color:#255199 !important;
}
.media_tool_item
{
    display:block;
    float:left;
    padding:4px;
    padding-right:8px;
    padding-left:25px;
    line-height:16px;
    border:1px #ccc solid;
    background-color:#f1f1f1;
    margin-left:12px;
    background-repeat:no-repeat;
    background-position:4px 50%;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top:4px;
}
.media_tool_item:hover
{
    background-color:#555;
    border:1px #333 solid;
    color:#FFF;
    -webkit-box-shadow: inset 0px 0px 3px #000000;
    -moz-box-shadow: inset 0px 0px 3px #000000;
    box-shadow: inset 0px 0px 3px #000000;
}
.media_tool_items span
{
    float:left;
    line-height:30px;
    padding:0px 10px;
    padding-top:2px;
}
.media_tool_items .images
{
    background-image:url(../images/media/images.png);
}
.media_tool_items .videos
{
    background-image:url(../images/media/videos.png);
}

.ui-state-disabled .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ui-state-disabled input {
  cursor: default;
}


.media-table-container
{
    width:96%;
    margin:10px auto;
}
#fromComputer .uploadify,#fromComputer .oldupload
{
    padding:1em 1.4em;
}
#fromComputer .nav,#fromZip .nav
{
    height:30px;
    margin-top:6px;
}
#fromComputer .nav a
{
    float:left;
    line-height:30px !important;
}
#fromComputer .nav input,#fromZip .nav input
{
    float:right;
}
#fromZip .nav p
{
    font-size:11px;
    float:left;
    background-image:url(../images/media/icon_alert.png);
    background-repeat:no-repeat;
    background-position:5px 50%;
    padding-left:30px;
    width:220px;
    color:#777;
}
#fromZip .nav p span
{
    color:#255199;
}
#fromZip .nav p b
{
    color:#000;
}
#fromZip .nav p em
{
    color:#444;
}
#fromComputer .btncont
{
    float:right;
}
.uploadifyQueue
{
    max-height:280px;
    overflow:auto;
}
.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	padding: 10px;
	width: 370px;
}
.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}
.ui-dialog-title span
{
    color:#121212;
}
.ui-slider-handle
{
    background:none !important;
    background-color:#444 !important;
    border:1px #111 solid !important;
    cursor: move !important;
}
.form-row.city_select .field-box
{
    float:left;
    border-right:1px #ccc dashed;
    width:140px;
    margin-right:10px;
    padding-right:10px;
}
.form-row.city_select .field-box label
{
    display:block;
    width:140px;
    line-height:24px;
}
.form-row.city_select .field-box select
{
    width:140px;
}
.form-row.city_select .field-box input
{
    width:20px;
}
.form-row.city
{
    background-color:#e1e1e1;
    border:1px #CCC solid;
}
.ajax-field-select-loader
{
    float:left;
    width:36px;
    height:50px;
    background-image:url(../images/media/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position:bottom center;
    margin-right:10px;
    display:none;
}
.ajax-field-select-loader.error
{
    width:auto;
    background-color:#F7E5E4;
    background-image:url(../images/media/icon_alert.png);
    background-position:14px 50%;
    line-height:50px;
    padding-right:20px;
    padding-left:40px;
    color:#A05C00;
    font-size:12px;
}
.preview_image
{
    position:relative;
    padding:2px 5px;
    padding-right:20px;
    color:blue;
}
.preview_image img
{
    display:none;
    position:absolute;
    border:5px #FFF solid;
    left:100%;
    top:-30px;
    -webkit-box-shadow: 0px 0px 10px #000000;
    -moz-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
}
.preview_image:hover
{
    background-color:#CCC;
}
.preview_image:hover img
{
    display:block;
}
.video_url_field
{
    border-bottom:1px #CCC dashed;
    position:relative;
    height:38px;
}
.video_url_field label
{
    position:absolute;
    top:0px;
    left:0px;
    width:90%;
    padding:5px;
    font-size:12px;
    line-height:18px;
    color:#999;
    display:block;
    cursor:pointer;
}
.video_url_field .input
{
    width:90%;
    border:1px #CCC solid;
    background-color:#F1F1F1;
    padding:5px;
    font-size:12px;
    color:#444;
    margin:0px;
}
.video_url_field .reload
{
    width:24px;
    height:24px;
    border:0px;
    background:transparent;
    font-size:0px;
    line-height:0px;
    background-image:url(../images/media/clean.png);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}
.video_url_field .reload:active
{
    background:transparent;
    background-image:url(../images/media/clean.png);
    background-repeat:no-repeat;
    background-position:center;
}
.video_display
{
    height:175px;
    margin-top:10px;
    display:none;
}
.video_display .image
{
    border:4px #333 solid;
    width:140px;
    overflow:hidden;
    float:left;
}
.video_display .image img
{
    width:100%;
    vertical-align:top;
}
.video_display .details
{
    float:right;
    width:260px;
    padding-left:8px;
    border-left:1px #CCC solid;
}
.video_display .details h2
{
    margin:0px;
    font-size:14px;
    padding:0px;
}
.video_display .details p
{
    margin:0px;
    padding:0px;
    font-size:10px;
    height:140px;
    overflow:hidden;
    overflow-y:auto;
}
#fromVimeo .nav{display:none;text-align:right;}
#fromYoutube .nav{display:none;text-align:right;}
#fromVimeo {
    min-height:180px;
    background-image:url(../images/media/vimeo.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    background-color:transparent !important;
}
#fromYoutube {
    min-height:180px;
    background-image:url(../images/media/youtube.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    background-color:transparent !important; 
}
#fromYoutube .video_url_field, #fromVimeo .video_url_field{margin:4px 20px;}
#fromYoutube .video_display, #fromVimeo .video_display{margin:0px 20px;}
#fromYoutube .nav, #fromVimeo .nav{margin:0px 20px; margin-bottom:5px;}

/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    border:0px !important;
    background:none !important;
    padding:0px !important;
    margin:0px !important;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
{
    margin:0px !important;
    margin-left:4px !important;
    background-color:#CCC;
    padding:6px 12px !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a
{
    background:#FFF !important;
    color:#000 !important;
    border:1px #CCC solid !important;
    border-bottom:0px !important;
}
.ui-dialog .ui-dialog-title
{
    padding:0px 12px !important;
    line-height:24px !important;
    color:#FFF !important;
}
.ui-tabs .ui-tabs-panel
{
    margin:0px !important;
    margin-bottom:3px !important;
}
.mediaBox .ui-dialog-content
{
    height:auto !important;
}
.ui-dialog-content input, .ui-dialog-content select, .ui-dialog-content textarea
{
    border:0px !important;
}
*/
.video_url_field input[type="text"]{
border:1px #CCC solid !important;
}

.fileupload-buttonbar .ui-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.fileinput-button {
  overflow: hidden;
}

.ui-state-disabled .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ui-state-disabled input {
  cursor: default;
}

#media-items-container, .media-items-container{
    min-height:70px;
}

.media_photo_widget .fileupload-content
{
    border:0px;
    padding:0px !important;
}
.media_photo_widget .media-wrapper
{
    margin:0px !important;
}
.photo_wrapper_container
{
    background-color:#CCC;
    padding:10px;
}
.media_photo_gallery
{
    padding:0px !important;
}
.photo_wrapper{
    margin:0px;
    padding:0px;
    list-style: none;
}
.photo_wrapper li{
    min-width:80px;
    min-height:80px;
    position:relative;
    margin:14px;
    padding:0px;
    float:left;
    border:5px #FFF solid;
    background-color:#f1f1f1;
    list-style: none;
    cursor:pointer;
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
            box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 400ms ease-in-out;
       -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
         -o-transition: all 400ms ease-in-out;
    		transition: all 400ms ease-in-out;
}
.photo_wrapper li span{
    position:absolute;
    top:3px;
    right:3px;
    width:30px;
    height:30px;
    background-image:url('../admin/images/check_box_cool.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
    z-index:444;
}
.photo_wrapper li:hover{
    border:5px #226BB2 solid;
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
            box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.photo_wrapper li.selected
{
    border:5px #226BB2 solid;
}
.photo_wrapper li:hover span{
    background-position:0px -30px;
}
.photo_wrapper li.selected span{
    background-position:0px -60px;
}
.photo_wrapper li img{
    vertical-align:top;
}
.photo_wrapper li.selected img{
    opacity:0.5;
}