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

.fotorama__wrap {}
.fotorama__stage {}
.fotorama__stage img {}
.fotorama__caption__wrap {
display: table;
background: #000;
color: #fff; 
border: 0px solid #999;
border-radius: 5px 5px 0 0;
margin: 0 auto;
opacity: 0.6;
}
.fotorama__caption {}
.fotorama__nav {}
.fotorama__thumb {}
.fotorama__thumb-border {}
.fotorama__video {}
.fotoramaVideo {}
.fotoramaIframeContainer {}
.fotoramaIframe {}
.fotoramaHtml {}


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

/* mmsl_dark */

.mmsl_dark_container {
background: #000;
max-width: 900px;
margin: 16px auto 24px auto;
}

.mmsl_dark {
margin: 0 auto 20px auto;
}

.mmsl_dark .fotorama__caption__wrap {
display: table;
background: #000;
color: #fff; 
border: 0px solid #999;
border-radius: 5px 5px 0 0;
margin: 0 auto;
opacity: 0.6;
}

.mmsl_dark .fotorama__stage {
background: #111;
}

.mmsl_dark .fotoramaHtml {
background: #ccc;
color: #333;
height: 99%;
max-height: 99%; 
overflow: auto;
padding: 6px 20px;
}

.mmsl_dark .fotorama__thumb {
background: #222;
}



/* mmsl_light */

.mmsl_light_container {
max-width: 100%;
margin: 16px auto;
}

.mmsl_light .fotorama__stage {
background: #ddd;
max-width: 100%;
}

.mmsl_light {
margin: 0 auto 20px auto;
}

.mmsl_light .fotorama__caption__wrap {
display: table;
background: #fff;
color: #000; 
border: 0px solid #999;
border-radius: 5px 5px 0 0;
margin: 0 auto;
opacity: 0.6;
}

.mmsl_light .fotoramaHtml {
background: #ddd;
color: #333;
height: 99%;
max-height: 99%; 
overflow: auto;
padding: 6px 20px;
}

.mmsl_light .fotorama__thumb {
background: #ccc;
}



/* 
################################
    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; 
}