/*  
Theme Name: Elizabeth Lail Brasil
Theme URI:  https://elizabethlailbrasil.com/galeria
Author: Cristina
Author URI: http://www.secret-smile.com/
Description: Responsive Coppermine Theme developed by Secret Smile Design for Elizabeth Lail Brasil
Version: 1.0
*/

html {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 *, *:before, *:after {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
}
 body, html {
     overflow-x: hidden;
}
 body, button, input, select, textarea, .tableb strong {
     color: #4e4e4e;
     font-size: 14px;
     line-height: 2.0;
     margin: 0;
     word-wrap: break-word;
}
 body {
     background-color: #ffffff;
}
/* Fonts */
 body, textarea, option, select, input, .thumbnails .thumb_title_title {
     font-family: 'Mulish', serif;
     font-weight: 400;
     font-size: 14px;
     color: #4e4e4e;
}
 h1, h2, h3, h4, h5, h6, a.menu-link, .nav, .tableh1, #footer .inner, .alblink {
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
}
 em {
     font-family: 'Lora', serif;
     font-weight: 500;
}
 .catlink a:before {
     font-family: 'Font Awesome 6 Free';
     font-weight: 400;
}
 a.menu-link:before, .catlink a:before {
     font-family: 'Font Awesome 6 Free';
     font-weight: 900;
}
 .social-menu a[href*="twitter.com"]:before, .social-menu a[href*="facebook.com"]:before, .social-menu a[href*="youtube.com"]:before, .social-menu a[href*="instagram.com"]:before, .social-menu a[href*="vimeo.com"]:before {
     font-family: 'Font Awesome 6 Brands';
     font-weight: 400;
}

/* ----------------- GENERAL STYLE ----------------- */

 a {
     color: #da6672;
     text-decoration: none;
     cursor: help;
}
 a:hover {
     color: #a1a1a1;
     text-decoration: none;
}
 a, .image, .button, .buttonlist ul li a, .catlink a:before, .admin_menu {
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     -ms-transition: all .3s ease-in-out 0s;
     -o-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
}
 h1, h2, h3, h4, h5, h6 {
     clear: both;
     margin-top: 10px;
     margin-bottom: 10px;
     line-height: 1.5;
     letter-spacing: 0;
     text-align: left;
}
 u {
     text-decoration: none;
     border-bottom: 1px dashed #e79877;
     color: #232323;
}
 .catrow strong {
     font-weight: 700;
     color: #232323;
    ;
}
 .catrow em {
     text-decoration: none;
}
 p {
     margin: 14px 0;
     display: block;
     -webkit-margin-before: 1em;
     -webkit-margin-after: 1em;
     -webkit-margin-start: 0px;
     -webkit-margin-end: 0px;
}
 pre.filepath {
     margin: 0;
     padding: 0;
}
 ul, ol {
     margin: 0;
     padding: 0;
}
 li {
     margin: 0;
     padding: 0;
     list-style-position: outside;
}
 ul li {
     list-style-type: none;
}

/* ----------------- TOP ----------------- */

 #top-wrapper {
     width: 100%;
     float: left;
     margin: 0 auto 15px auto;
     background-image: url(images/topbg.png);
     background-repeat: repeat-x;
     background-position: top;
}
 .top-menu-bar {
     margin: 70px auto 0 auto;
     display: block;
     text-align: center;
}
/* Menus */
 .menu-link {
     display: none;
}
 .nav {
     margin: 0;
     padding: 0;
     text-align: center;
     display: inline-block;
}
 .nav ul {
     display: block;
     padding: 0;
     margin: 0 auto;
}
 .nav li {
     display: inline-block;
     text-align: center;
     margin: 0 8px;
}
 .nav a {
     color: #232323;
}
 .nav li a {
     font-size: 0.929em;
     text-decoration: none;
     text-transform: uppercase;
     margin: 9px 3px;
     text-align: center;
     padding: 3px 3px 0 3px;
     display: inline-block;
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
}
 .nav a:hover,.nav a:active {
     color: #989898;
}
 .social-menu {
     display: inline-block;
     font-size: 12px;
     border: 1px solid #dddddd;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     margin: 0 auto;
     position: relative;
     top: 14px;
     left: 0;
     right: 0;
     z-index: 1;
     background: #ffffff;
}
 .social-menu a {
     color: #a1a1a1;
     margin: 0 5px;
     -webkit-transition: all 300ms ease-in;
     -moz-transition: all 300ms ease-in;
     -ms-transition: all 300ms ease-in;
     -o-transition: all 300ms ease-in;
     transition: all 300ms ease-in;
}
 .social-menu a:hover {
     color: #232323;
}
 .social-menu a:before {
     margin: 0 5px;
     display: inline-block;
}
 .social-menu a[href*="twitter.com"]:before {
     content: "\f099" 
}
 .social-menu a[href*="twitter.com"]:hover:before {
     color: #1da1f2;
}
 .social-menu a[href*="facebook.com"]:before {
     content: "\f09a" 
}
 .social-menu a[href*="facebook.com"]:hover:before {
     color: #1877f2;
}
 .social-menu a[href*="youtube.com"]:before {
     content: "\f167" 
}
 .social-menu a[href*="youtube.com"]:hover:before {
     color: #ff0000;
}
 .social-menu a[href*="instagram.com"]:before {
     content: "\f16d" 
}
 .social-menu a[href*="instagram.com"]:hover:before {
     color: #e1306c;
}
 .social-menu a[href*="vimeo.com"]:before {
     content: "\f27d" 
}
 .social-menu a[href*="vimeo.com"]:hover:before {
     color: #1ab7ea;
}

/* ----------------- CONTAINERS ----------------- */

 #wrapper {
     width: 100%;
     max-width: 1080px;
     margin: 0 auto;
     overflow: hidden;
}

/* ----------------- HEADER ----------------- */

 #header {
     width: 100%;
     height: 450px;
     float: left;
     margin: 0 auto;
     background-image: url(images/header.png);
     background-position: center center;
     background-repeat: no-repeat;
}
 #mobile-header {
     display: none;
}

/* ----------------- TABLE ----------------- */

 #featured-wrapper {
     margin: 20px auto;
     float: left;
     width: 100%;
     position: relative;
     text-align: center;
}
 .cpgnav {
     max-width: 1080px;
     margin: 0 auto;
     padding: 20px;
     font-size: 11px;
     text-align: center;
     text-transform: uppercase;
     border: 1px solid #dddddd;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     position: relative;
}
 .cpgnav a {
     padding: 3px 6px;
     line-height: 1.0em;
     color: #4e4e4e;
     margin: 1px 3px;
     display: inline-block;
}
 .cpgnav a:hover {
     color: #da6672;
}
 .container {
     margin: 0 auto;
     padding: 0;
}
 .cpgcontainer {
     margin: 10px auto 0 auto;
     width: 100%;
     float: left;
     overflow: hidden;
}
 .maintable {
     position: relative;
     margin: 0 auto;
     padding: 10px;
}
 .tableh1 {
     padding: 30px 0 10px 0;
     margin: 8px 0;
     font-size: 1.5em;
     line-height: 1.4;
     color: #232323;
     position: relative;
     text-transform: uppercase;
     border-bottom: 1px solid #dddddd;
}
 .tableh1 .textinput, .tableh1 .button {
     font-size: 0.5em;
}
 .tableh1_info {
     font-size: 0.846em;
     padding: 5px 0 5px 3px;
     background-color: #f9f9f9;
     border: 1px solid #efefef;
     font-style: italic;
}
 .tableh2 {
     font-size: 1.0em;
     color: #ffffff;
     border: 1px solid #efefef;
     padding: 5px 10px;
     border-radius: 4px;
     border-bottom: 4px solid #fffda6;
}
 .tableh3 {
     margin: 0;
     color: #a1a1a1;
     border-bottom: 1px solid #efefef;
     padding-bottom: 5px;
     font-style: italic;
}
 .tableb {
     padding: 3px 10px;
}
 .tableb strong {
     color: #4e4e4e;
}
/* This class will be used in conjunction with class tableb: attributes not particularly (re)-assigned will be taken into account from tableb. */
/* It is being used to accomplish alternating row colors for lists. */
/* It's recommended to only assign another background color that slightly differs from the one defined in tableb */
 .tableb_alternate {
     background-color: #ffffff;
     width: auto;
     margin: 0 auto;
}
 .tablef {
     background-color: transparent;
     border: 1px solid #efefef;
     padding: 10px;
}

/* ----------------- FOOTER ----------------- */

 #footer {
     clear: both;
     width: 100%;
     position: relative;
     margin: 0 auto;
     font-size: 0.857em;
     padding: 0 10px 0 10px;
     text-shadow: none;
     color: #232323;
     background-image: url(images/footerbg.png);
     background-repeat: repeat-x;
     background-position: bottom;
}
 #footer a {
     color: #232323;
}
 #footer a:hover {
     color: #989898;
}
 #footer .inner {
     max-width: 1080px;
     padding: 20px 20px 30px 20px;
     overflow: hidden;
     margin: 0 auto;
     text-align: center;
     text-transform: uppercase;
}
 #scroll {
     position: fixed;
     margin: 0 auto;
     bottom: 0.9rem;
     right: 1.0rem;
     width: 25px;
     height: 25px;
     background: rgb(243 214 194 / 20%);
     color: a39d99!important;
     text-decoration: none;
     text-align: center;
     line-height: 25px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
}

/* ----------------- FORMS ----------------- */

 .textinput {
     font-size: 100%;
     background-color: #f9f9f9;
     border: 1px solid #efefef;
     padding: 3px;
}
 .listbox {
     vertical-align: middle;
     padding: 3px;
     background-color: #f9f9f9;
     border: 1px solid #efefef;
}
 .radio {
     font-size: 100%;
     vertical-align: middle;
}
 .checkbox {
     font-size: 100%;
     vertical-align: middle;
     margin-right: 5px;
}
 .bblink a {
     text-decoration: none;
}
 .bblink a:hover {
     text-decoration: none;
}
 .comment_date {
     color: #4e4e4e;
     font-size: 90%;
     vertical-align: middle;
}

/* ----------------- NAVIGATION ----------------- */

 .admin_menu_wrapper {
     width: 95%;
     margin: 15px auto;
     font-size: 0.769em;
     text-transform: uppercase;
}
 .admin_menu {
     background: transparent;
     border: 1px solid #efefef;
     color: #a1a1a1;
     margin-top: 0px;
     margin-bottom: 0px;
     text-align: center;
     text-shadow: none;
     font-size: 0.846em;
     padding: 0 3px;
}
 .admin_menu:hover {
     color: #a1a1a1;
     border: 1px solid #efefef;
}
 .admin_menu a {
     color: #4e4e4e;
     text-decoration: none;
     padding: 4px;
     text-shadow: none;
     margin: 1px;
     font-size: 1.077em!important 
}
 .admin_menu a:hover {
     text-decoration: none;
     text-shadow: none;
}
 .admin_float {
     float: left;
     margin-left: 1px;
     margin-right: 1px;
     margin-top: 1px;
     margin-bottom: 1px;
     display: block;
     position: relative;
     white-space: nowrap;
    /*width:100px;
     */
}
 #admin_menu_anim {
     background-image: url(images/button_bg_anim.gif);
}
 .icon {
     vertical-align: middle;
     margin-right: 5px;
}
 .statlink h2 {
     text-transform: uppercase;
}
 .statlink span {
     color: #a1a1a1;
     display: inline-block;
     position: relative;
     text-transform: uppercase;
     padding: 0 10px;
     letter-spacing: 1px;
}
 .statlink_bread {
     display: block;
     text-align: center;
     padding: 0;
     color: #232323;
     font-style: normal;
     font-size: 13px;
}
 .statlink_bread a {
     color: #232323;
}
 .statlink_bread a:hover {
     color: #989898;
}
 .statlink_bread g {
     display: inline-block;
     background-image: url(images/buttonbg.png);
     background-position: center;
     background-repeat: repeat;
     padding: 0 12px;
     background-color: rgb(243 214 194 / 20%);
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
}
 .statlink {
     font-size: 13px;
     text-transform: none;
}
 .statlink a {
     text-decoration: none;
     color: #a1a1a1;
}
 .statlink a:hover {
     text-decoration: none;
     color: #232323;
}
 .stats {
     font-size: 10px;
}
 .alblink {
     color: #232323;
     line-height: 22px;
     padding: 2px 0;
}
 .alblink a {
     text-decoration: none;
     color: #232323;
}
 .alblink a:hover {
     color: #989898;
     text-decoration: none;
}
 .album_stat {
     font-size: 85%;
     margin: 5px 0px;
}
 .catrow_noalb, .catrow {
     border-bottom: 1px solid #efefef;
     padding: 5px;
     font-size: 14px;
}
 .catlink {
     margin-right: 7px;
     display: block;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     font-size: 13px;
     font-style: normal;
}
 .catlink a {
     display: inline-block;
     color: #a1a1a1;
     font-weight: 600;
}
 .catlink a:hover {
     color: #da6672;
}
 .catlink a:before {
     content: "\f111";
     font-size: 10px;
     color: #fff593;
     margin-right: 5px;
     transition: all 1s ease-in-out;
}
 .catlink a:hover:before {
     color: #a1a1a1;
}
 .catrow .image {
     margin-right: 8px;
}

/* ----------------- THUMBNAILS ----------------- */

 .button, .buttonlist ul li a {
     background-position: bottom;
     cursor: pointer;
     margin-right: 1px;
     white-space: nowrap;
     text-shadow: none;
     text-decoration: none;
     padding: 5px;
     border: 0;
     text-transform: uppercase;
     font-size: 9px;
     font-weight: 700;
     letter-spacing: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #857468;
     background-color: #f3d6c2;
     background-image: url(images/buttonbg.png);
     background-position: center;
     -webkit-transition: all 300ms ease-in;
     -moz-transition: all 300ms ease-in;
     -ms-transition: all 300ms ease-in;
     -o-transition: all 300ms ease-in;
     transition: all 300ms ease-in;
}
 .button:hover, .buttonlist ul li a:hover {
     background: #da6672;
     color: #ffffff!important;
}
 .display_media {
     padding: 3px 10px;
}
 .display_media .image, .display_media .image:hover {
     max-width: 100%;
     height: auto;
     margin: 3px;
}
 .thumbnails {
     padding: 5px 0;
     position: relative;
     border: 1px solid #efefef;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
 .thumbnails table td {
     padding: 12px 5px;
}
 .thumbnails .thumb_title_title, .thumbnails .thumb_title_views, .thumbnails .thumb_caption_ctime, .thumbnails .thumb_caption_mtime, .thumbnails .thumb_num_comments, .thumbnails .thumb_caption_caption, .thumbnails .thumb_filename, .thumbnails .thumb_title_owner, .thumbnails .thumb_caption_msg_date, .thumbnails .thumb_caption_author, .thumbnails .thumb_caption_rating {
     display: block;
     padding: 0;
     margin: 0 0 3px 0;
     text-align: center;
     color: #a1a1a1;
}
 .thumbnails .thumb_caption_mtime, .thumbnails .thumb_dimensions, .thumbnails .thumb_num_comments, .thumbnails .thumb_caption_caption, .thumbnails .thumb_filename, .thumbnails .thumb_caption_msg_date, .thumbnails .thumb_caption_author, .thumbnails .thumb_title_owner, .thumbnails .thumb_caption_rating {
     overflow: hidden;
     font-size: 8px;
     text-transform: uppercase;
}
 .thumbnails .thumb_title_title {
     line-height: 18px;
     font-size: 12px;
     padding: 0;
     font-weight: 600;
     letter-spacing: -0.4px;
     margin: 12px 0 0 0;
     color: #4e4e4e;
     position: relative;
}
 .thumbnails .thumb_caption_ctime, .thumbnails .thumb_title_views, .thumbnails .thumb_dimensions {
     display: inline-block;
     font-size: 8px;
     font-weight: 600;
     text-transform: uppercase;
}
 .thumbnails .thumb_title_views {
     margin: 0 1px 5px 1px;
     padding: 0;
     color: #a1a1a1;
     letter-spacing: 0.8px;
}
 .thumbnails .thumb_caption_ctime {
     letter-spacing: 1px;
     background-color: #f3d6c2;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     color: #857468;
     padding: 1px 4px;
     margin: 0 1px 5px 1px;
     display: block;
     width: 70%;
     background-image: url(images/buttonbg.png);
     background-size: cover;
     background-position: center;
}
 .thumbnails .thumb_dimensions {
     display: inline-block;
     padding: 2px 8px;
     overflow: inherit;
     letter-spacing: 0.8px;
     color: #a1a1a1;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     position: absolute;
     top: 183px;
     right: 0;
     background-color: #ffffff;
     left: 0;
     margin: 0 auto;
     max-width: 50%;
}
 .thumbnails .thumb_dimensions:before {
     content: "\2022";
     font-size: 14px;
     position: absolute;
     bottom: -18px;
     margin: 0 auto;
     left: 0;
     right: 0;
     color: #fff593;
}
 .user_thumb_infobox {
     margin-top: 1px;
     margin-bottom: 1px;
}
 .user_thumb_infobox th {
     font-weight: bold;
     font-size: 100%;
     margin-top: 1px;
     margin-bottom: 1px;
     text-align: center;
}
 .user_thumb_infobox td {
     font-size: 85%;
     margin-top: 1px;
     margin-bottom: 1px;
     text-align: center;
}
 .user_thumb_infobox a {
     text-decoration: none;
}
 .user_thumb_infobox a:hover {
     text-decoration: none;
}
 .sortorder_cell {
     font-size: 10px;
     padding: 0 0 0 20px;
     margin: 0;
     color: #4e4e4e;
}
 .sortorder_options {
     padding: 0;
     margin: 0 2px;
     white-space: nowrap;
}
 .navmenu {
     color: #4e4e4e;
     font-size: 0.846em;
     font-style: italic;
     padding: 5px 1px;
     background-color: #f9f9f9;
     border: 1px solid #efefef;
}
 .navmenu img {
     margin: 1px 5px;
     padding: 0 5px;
}
 .navmenu a {
     display: block;
     color: #a1a1a1;
}
 .navmenu a:hover {
     color: #232323;
}
 #tabs_dropdown_select {
     font-size: 10px;
     border: 1px solid #efefef;
     background: #ffffff;
     margin-left: 3px;
}
 #tabs_dropdown_select0 {
     background: #ffffff;
     border: 1px solid #efefef;
     color: #a1a1a1;
}

/* ----------------- IMAGES ----------------- */

 .thumbnail {
     width: auto;
     height: auto;
}
 .thumbnails .image {
     border: 1px solid #efefef;
     margin: 1px;
     padding: 4px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     background-color: #f9f9f9;
     background-image: url(images/imgbg.png);
     background-position: bottom;
     background-repeat: repeat;
     background-size: contain;
}
 .thumbnails .image:hover {
     background-position: top;
     background-color: #f3d6c2;
}
/* pseudo-classes for middlethumb links */
 a:link .middlethumb, a:visited .middlethumb, a:focus .middlethumb, a:hover .middlethumb, a:active .middlethumb {
     border: 1px solid #efefef;
     margin: 1px;
     padding: 0;
}
 .imageborder {
     background-color: transparent;
     margin-top: 3px;
     margin-bottom: 3px;
}

/* ----------------- RESPONSIVE ----------------- */

 @media all and (max-width: 1024px) {
     body {
         overflow-x: hidden;
    }
     .top-menu-bar, .cpgnav, #wrapper, #footer {
         max-width: 97%;
    }
     #featured-wrapper {
         text-align: center;
    }
     .social-menu {
         left: 0;
         right: 0;
         margin: 0 auto;
    }
     .container {
         max-width: 100%;
    }
     .display_media .image {
         max-width: 70vw!important;
         height: auto;
    }
     .tableh1_info {
         font-size: 80%;
         padding: 3px;
    }
     .thumbnails {
         margin: 0!important;
    }
     .thumbnails .thumb_title_title, .thumbnails .thumb_title_views, .thumbnails .thumb_caption_ctime, .thumbnails .thumb_caption_mtime, .thumbnails .thumb_num_comments, .thumbnails .thumb_caption_caption, .thumbnails .thumb_filename, .thumbnails .thumb_title_owner {
         max-width: 15vw!important;
    }
     .thumbnails .thumb_dimensions {
         top: 164px;
    }
     .thumbnail {
         width: 14vw;
         height: auto;
    }
     .strip_image {
         max-width: 10vw!important;
         height: auto;
    }
     #film {
         width: 100%!important;
    }
     #film .thumb a:link {
         width: 100%!important;
    }
     .navmenu a {
         display: inline-block;
         padding: 3px;
    }
     .navmenu {
         padding: 0 3px;
    }
}
 @media all and (max-width: 980px) {
     #header {
         display: none;
    }
     #mobile-header {
         display: block;
    }
     #mobile-header img {
         width: 100%;
         height: auto;
         margin: 0;
         padding: 0;
         border: 0;
    }
     .menu-wrapper {
         margin: 0 auto;
    }
     a.menu-link {
         display: block;
         color: #232323;
         text-decoration: none;
         width: 100%;
         padding: 10px 15px;
         float: left;
         margin: 0;
         max-width: 100vw!important;
         text-align: left;
         letter-spacing: 1px;
         text-transform: uppercase;
         font-size: 13px;
    }
     a.menu-link:before {
         content: "\f0c9";
         margin-right: 5px;
    }
     .nav {
         clear: both;
         min-width: inherit;
         float: left;
         width: 100%!important;
         overflow: hidden;
         max-height: 0;
    }
     .nav.active {
         max-width: 100vw!important;
         max-height: 55em;
    }
     .nav ul {
         display: inline;
         padding: 0;
         margin: 0 auto;
    }
     .nav ul li>a {
         padding: 10px 15px;
    }
     .nav li, .nav>ul>li {
         display: block;
    }
     .nav li a {
         text-transform: uppercase;
         text-align: left;
         display: block;
         border-bottom: 1px solid #efefef;
    }
     .nav a:hover, .nav a:active {
         color: #a1a1a1;
    }
     .thumbnail {
         width: 90%;
         height: auto;
    }
     .thumbnails .thumb_dimensions {
         position: relative;
         top: 0;
         max-width: 15vw!important 
    }
     .thumbnails .thumb_title_title {
         margin: 0;
    }
     .thumbnails .thumb_dimensions:before {
         display: none;
    }
}
 @media all and (max-width: 900px) {
     .tableh1_info {
         display: none;
    }
}
 @media all and (max-width: 800px) {
     .maintable {
         padding: 5px 10px;
    }
     .thumbnails .thumb_views, .thumbnails .thumb_dimensions, .thumbnails .thumb_caption_ctime {
         letter-spacing: 0;
    }
     .thumbnails .thumb_caption_ctime {
         padding: 1px 3px;
    }
}
 @media all and (max-width: 640px) {
     .thumbnails .thumb_caption_ctime {
         background: transparent;
         border: 0;
         color: #a1a1a1;
    }
     .thumbnails .thumb_title_views, .thumbnails .thumb_dimensions {
         display: block;
    }
     .thumbnails .thumb_dimensions:before {
         display: none;
    }
}
 @media all and (max-width: 480px) {
     .thumbnails .thumb_title_title, .thumbnails .thumb_title_views, .thumbnails .thumb_caption_ctime, .thumbnails .thumb_caption_mtime, .thumbnails .thumb_dimensions, .thumbnails .thumb_num_comments, .thumbnails .thumb_caption_caption, .thumbnails .thumb_filename, .thumbnails .thumb_title_owner {
         max-width: 15vw !important;
    }
     .thumbnails .image {
         padding: 2px;
    }
     .statlink span {
         letter-spacing: 0;
    }
}
 @media all and (max-width: 400px) {
     .thumbnails .thumb_title_title, .thumbnails .thumb_title_views, .thumbnails .thumb_caption_ctime, .thumbnails .thumb_caption_mtime, .thumbnails .thumb_dimensions, .thumbnails .thumb_num_comments, .thumbnails .thumb_caption_caption, .thumbnails .thumb_filename, .thumbnails .thumb_title_owner, .albums img {
         max-width: 12vw !important;
    }
     .tableb {
         padding: 0;
    }
}
 @media all and (max-width: 360px) {
     .navmenu {
         padding: 0;
    }
     .maintable, .admin_menu_wrapper {
         padding: 7px;
    }
     .tableh1 {
         font-size: 1.0em;
    }
     .tableb {
         padding: 0;
         font-size: 0.846em;
    }
     .thumbnails .thumb_title_title {
         font-size: 10px;
    }
     .thumbnails .thumb_title_title, .thumbnails .thumb_title_views, .thumbnails .thumb_caption_ctime, .thumbnails .thumb_caption_mtime, .thumbnails .thumb_dimensions, .thumbnails .thumb_num_comments, .thumbnails .thumb_caption_caption, .thumbnails .thumb_filename, .thumbnails .thumb_title_owner {
         letter-spacing: -0.5px;
         max-width: 12vw!important;
         padding: 0;
    }
}
 @media all and (max-width: 320px) {
     .navmenu a {
         padding: 1px;
    }
     .tableb {
         font-size: 0.846em;
    }
     .cpgnav {
         padding: 0 5px;
    }
}

/* ----------------- CPG CSS ----------------- */

 .topmenu {
     line-height: 130%;
     font-size: 100%;
     text-shadow: none;
     Text-decoration: none;
}
 .topmenu a {
     text-decoration: none;
     text-shadow: none;
     text-decoration: none;
}
 .topmenu a:hover {
     text-decoration: none;
}
 .img_caption_table {
     border: none;
     background-color: #BE837C;
     width: 100%;
     margin: 0px;
}
 .img_caption_table th {
     background: #BE837C;
     font-size: 100%;
     color: #000000;
     padding-top: 4px;
     padding-right: 10px;
     padding-bottom: 4px;
     padding-left: 10px;
     border-top: 1px solid #FFFFFF;
}
 .img_caption_table td {
     background: #BE837C;
     padding-top: 6px;
     padding-right: 10px;
     padding-bottom: 6px;
     padding-left: 10px;
     border-top: 1px solid #FFFFFF;
     white-space: normal;
}
 .debug_text {
     border: #BDBEBD;
     background-color: #EFEFEF;
     width: 100%;
     margin: 0px;
}
 .clickable_option {
     cursor: default;
     margin-left: 5px;
}
 .listbox_lang {
     color: #000666;
     background-color: #F2F5F7;
     border: 1px solid #D1D7DC;
     font-size: 80%;
     vertical-align: middle;
}
 .pic_title {
     color: #434343;
     font-size: 100%;
     font-weight: bold;
     text-align: center;
     padding-top: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     line-height: 1.0em;
}
 .pic_caption {
     color: #434343;
     font-size: 100%;
     font-weight: normal;
     text-align: center;
     padding-top: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     line-height: 1.0em;
     background-color: transparent;
}
 .important {
    /* background-image : url(images/important.gif);
     */
     color: red;
     font-weight: bold;
     padding-left: 1px;
     padding-right: 1px;
     padding-top: 3px;
     padding-bottom: 3px;
}
 #cpgChooseLanguageWrapper {
     float: left;
}
 #cpgChooseThemeWrapper {
     float: left;
}
 .filmstrip_background {
     background-color: #f9f9f9;
}
 .prev_strip {
     text-align: left;
}
 .next_strip {
     text-align: right;
}
/** Swfupload css **/
 div.fieldset {
     border: 2px solid #efefef;
     margin: 10px 0;
     padding: 20px 10px;
}
 div.fieldset span.legend {
     position: relative;
     padding: 3px;
     top: -30px;
     background-color: #efefef;
     text-shadow: 1px 1px 0 #efefef;
     font-weight: bold;
}
 div.flash {
     width: 375px;
     margin: 10px 5px;
     border-color: #efefef;
}
 input[disabled] {
     border: 1px solid #ccc 
}
/* FF 2 Fix */
 .progressWrapper {
     width: 357px;
     overflow: hidden;
}
 .progressContainer {
     margin: 5px;
     padding: 4px;
     border: solid 1px #F0F0EE;
     background-color: #F0F0EE;
}
/* Message */
 .message {
     margin: 1em 0;
     padding: 10px 20px;
     border: solid 1px #FFDD99;
     background-color: #FFFFCC;
     overflow: hidden;
}
/* Error */
 .red {
     border: solid 1px #B50000;
     background-color: #FFEBEB;
}
/* Current */
 .green {
     border: solid 1px #DDF0DD;
     background-color: #EBFFEB;
}
/* Complete */
 .blue {
     border: solid 1px #CEE2F2;
     background-color: #F0F5FF;
}
 .progressName {
     font-size: 8pt;
     font-weight: 700;
     color: #555;
     width: 323px;
     text-align: left;
     white-space: nowrap;
     overflow: hidden;
}
 .progressBarInProgress, .progressBarComplete, .progressBarError {
     font-size: 0;
     width: 0%;
     height: 2px;
     background-color: blue;
     margin-top: 2px;
}
 .progressBarComplete {
     width: 100%;
     background-color: green;
     visibility: hidden;
}
 .progressBarError {
     width: 100%;
     background-color: red;
     visibility: hidden;
}
 .progressBarStatus {
     margin-top: 2px;
     width: 337px;
     font-size: 7pt;
     font-family: Arial;
     text-align: left;
     white-space: nowrap;
     color: #555;
}
 a.progressCancel {
     font-size: 0;
     display: block;
     height: 14px;
     width: 14px;
     background-image: url(../../images/cancelbutton.gif);
     background-repeat: no-repeat;
     background-position: -14px 0px;
     float: right;
}
 a.progressCancel:hover {
     background-position: 0px 0px;
}
 .swfupload {
     vertical-align: top;
}
/**styles for photo manager*/
 table#pic_sort tr td {
     padding: 4px;
     border-bottom: 1px solid #e9e9e9;
}
/** styles for album manager and photo album*/
 table#album_sort tr td {
     padding: 4px;
     border-bottom: 1px solid #e9e9e9;
}
 table#album_sort tr td span.editAlbum {
     margin-left: 100px;
     font-size: 10px;
     line-height: 100%;
     text-decoration: underline;
     cursor: pointer;
     display: none;
     color: #FF0000;
}
 .cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
     border: 1px solid;
     margin: 10px auto;
     padding: 15px 10px 15px 50px;
     background-repeat: no-repeat;
     background-position: 10px center;
     width: 97%;
}
 .cpg_message_info {
     color: #00529B;
     background-color: #BDE5F8;
     background-image: url('../../images/message/info.png');
}
 .cpg_message_success {
     color: #4F8A10;
     background-color: #DFF2BF;
     background-image: url('../../images/message/ok.png');
}
 .cpg_message_warning {
     color: #9F6000;
     background-color: #FEEFB3;
     background-image: url('../../images/message/warning.png');
}
 .cpg_message_error {
     color: #D8000C;
     background-color: #FFBABA;
     background-image: url('../../images/message/stop.png');
}
 .cpg_message_validation {
     color: #D63301;
     background-color: #FFCCBA;
     background-image: url('../../images/message/error.png');
}
 .cpg_summary {
     font-size: 0.9em;
     border: 1px solid;
     margin: 10px 0px;
     padding: 5px 10px 5px 10px;
     color: #FF2B9C;
     background-color: #FFDEEF;
     text-align: right;
     float: right;
     width: 400px;
}
 #GB_window {
     background-color: #F2F5F7;
     border: 5px solid #CCD7E0;
}
 .external {
     background: transparent url('../../images/link.gif') 100% 50% no-repeat;
     padding-right: 10px;
}
 .detail_head_collapsed, .detail_head_expanded {
     color: #5C5C5C;
}