body { font-family: sans-serif; font-size: 1em; background-color: #fff; color: #222; margin: 0; padding: 0; }
            
#search { width: 180px; }
#category { width: 195px; padding: 4px 6px; }
#upload_folder {width: 160px;padding: 4px 6px; }

#leftContainer { width: 50%; height:545px; display: inline-block; vertical-align: top; margin: 0; background-color: #F1F1F1; }
#rightContainer { width: 48%; display: inline-block; vertical-align: top; margin: 0; padding-top: 0.5em;  }

#leftContainer label { width: 100px; display: inline-block; font-size: 70%; }
#rightContainer label { width: 150px; display: inline-block; font-size: 70%; position: relative; }

#file { position:absolute; top:0px; left:65px; width:80px; height:30px;opacity:0; z-index:1000 }

#mll-action {
    margin-top: 1em;
    text-align: right;
}

#mediaContainer {
    width: 97%;
    overflow-y: scroll;
    height: 400px;
    margin-top: 0.3em;
    padding-left: 0.5em;
}

#mll-noselect {
    overflow-y: scroll;
    height: 380px;
}
#mll-select {
    background-color: #F1F1F1;
    position: fixed;
    width: 431px;
    bottom: 0px;
    padding: 0.5em;
}

#mll-select form > div {
    display: inline-block; font-size: 90%;
}

#mll-select form label {
    width: 100px;
    display: block;
    margin-bottom: 0.5em;
}


.mll-file {
    border-bottom: 1px solid #ddd;
    padding-top: 0.2em;
}

.mll-media {
    border-bottom: 1px solid #ddd;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    background-size: 80px auto;
    background-position: left center;
    background-repeat: no-repeat;
}

.mll-media .mll-imagetext {
    font-size:75%;
    margin-top: 0;
    padding-left: 85px;
    cursor: pointer;
}
.mll-file .mll-imagetext {
    font-size:70%;
    margin-top: 0;
    padding-left: 2em;
    cursor: pointer;
}

.mceActionPanel {
    text-align: right;
}

input[type="button"] {
    background: #f3f3f3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
    background-image: -moz-linear-gradient(top, #fff, #f3f3f3);
    background-image: -ms-linear-gradient(top, #fff, #f3f3f3);
    background-image: -o-linear-gradient(top, #fff, #f3f3f3);
    background-image: linear-gradient(to bottom, #fff, #f3f3f3);
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    color: #222;
}

input[type="submit"] {
    background: #1e8cbe;
    background: -webkit-gradient(linear, left top, left bottom, from(#1e8cbe), to(#0074a2));
    background: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
    background: linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8cbe', endColorstr='#0074a2',GradientType=0 );
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    padding: 4px;
    color: #fff;
}

input[type="text"] { padding: 4px 6px; }


div.mll-thumbnail {
    display:inline-block;
    width:80px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.mll-imagetext {
    display:inline-block;
    vertical-align: top;
    word-wrap: break-word;
    max-width: 270px;
}

div.mll-datetext {
    margin-top: .3em;
    font-size: 90%;
    font-weight: bold;
}

div.mll-imagetext > div:first-child {
    font-size: 110%;
}

.mediaContainer > div {
    margin-bottom: 0.3em;
}

/* Tabs */
ul#tabs {
    list-style-type: none;
    padding: 0;
    margin:0;
    margin-top: 0.5em;
}

ul#tabs li:first-child {
    margin-left: 0.5em;
}

ul#tabs li {
    display: inline-block;
    background-color: #779CAF;
    padding: 6px 20px 6px 20px;
    margin: 0;
    color: #fff;
    cursor: pointer;
}

ul#tabs li.active {
    background-color: #0073B2 
}
ul#tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    color: #fff;
    background-color: #0073B2
}

ul#tab li > div {
    margin-bottom: 0.5em;
}

ul#tab li {
    display: none;
}

ul#tab li.active {
    display: block;
    padding: 0.5em;
}