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

/* .h2onepagers */

.h2onepagers_container {
max-width: 958px; 
border: 1px solid #222;
margin: 16px auto 24px auto;
}

.h2onepagers {
background: #222;
}

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

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

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

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

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

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


/* mmsl_dark */

.mmsl_dark_container {
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: #111;
}



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