/* 
################################
       Fotorama Slider
################################ 
*/

.fotorama__wrap {}

.fotorama__stage {}

.fotorama__stage img {}

.fotorama__caption__wrap {
background: #000!important;
border: 1px solid #999;
border-radius: 0 0 5px 0;
opacity: 0.6!important;
}

.fotorama__caption {
color: #fff!important;
top:0;
}

.fotorama__nav {
padding: 3px 0!important;
}

.fotorama__video {
top:0!important;
margin: 10% auto auto auto!important;
}

.fotoramaVideo {
max-width: 800px!important;
margin: 0 auto;
}

.fotoramaIframeContainer {
height: 96%; 
padding: 6px 16px 0 16px; 
margin: 0;
}

.fotoramaIframe {
width: 100%; 
height: 100%; 
border:0;
}

.fotoramaHtml {
height: 99%;
max-height: 99%; 
overflow: auto;
padding: 6px 20px;
}


/* 
################################
       Slider Classes
################################ 
*/

/* mmsl_dark */

.mmsl_dark_container {
max-width: 520px; 
background: #fff; 
border: 1px solid #999; 
border-radius: 5px; 
box-shadow: #666 6px 6px 6px;
padding: 6px;
margin: 16px auto 24px auto;
}

.mmsl_dark {
background: #222;
}

.mmsl_dark .fotorama__nav {
background: #111;
border-top: 1px solid #666;
padding: 3px 0!important;
}

.mmsl_dark .fotoramaIframeContainer {
height: 96%; 
padding: 6px 16px 0 16px; 
margin: 0;
}

.mmsl_dark .fotoramaIframe {
width: 100%; 
height: 100%; 
border:0;
}

.mmsl_dark .fotorama__thumb {
background: #111!important;
}

.mmsl_dark .fotorama__thumb img {
max-width: 96%!important;
max-height: 96%!important;
border: 1px solid #666!important;
}

.mmsl_dark .fotorama__thumb-border {
border-color: #999;
}


/* mmsl_light */

.mmsl_light_container {
max-width: 400px;
background: #eee;
border: 1px solid #999;
border-radius: 3px;
padding: 6px;
margin: 16px auto;
}

.mmsl_light {
margin: 16px 16px 0 16px;
}

.mmsl_light .fotoramaIframeContainer {
height: 96%; 
padding: 0; 
margin: 0;
}

.mmsl_light .fotoramaIframe {
width: 100%; 
height: 100%; 
border:0;
}

.mmsl_light .fotoramaHtml {
padding: 0;
}


/* 
################################
    MultiMediaSlider Backend
################################ 
*/

.mmsl_admin_no_slider_selected {
width: 100%;
float: left;
background: #900; 
color: #fff; 
text-align: center; 
padding: 8px 0;
margin: 12px 0 0 0;
}

.mmsl_admin_selected_slider {
width: 100%;
float: left;
background: #060; 
color: #fff; 
text-align: center; 
padding: 8px 0;
margin: 12px 0 0 0;
}

textarea.mmslBackendDatafile {
width:96%; 
height: 360px; 
background: #fff; 
color: #555;
font-family: courier new, monospace; 
font-size: 15px; 
border: 1px solid #999; 
padding: 3px 6px; 
}