/************************* Theme Created By Deanna @ Feelin Alive Designs (feelinalivedesigns@outlook.com).
 Please do not edit or redistribute without permission. **********************************************/
 
 
/**** BODY, FONTS & CONTAINERS ****/
body {
    background: #dde8e9;
    margin: 0;
    padding: 0;
   font-family: 'Jost', sans-serif;
    font-size: 9pt;
    line-height: 12pt;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #000000;
}


/* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #23a088 #dde8e9;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 20px;
  }

  *::-webkit-scrollbar-track {
    background: #dde8e9;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #23a088;
    border-radius: 0px;
    border: 5px solid #dde8e9;
  }

::-webkit-scrollbar-thumb:hover {
    background: #52d1ed;
}


::selection {
    background: #88d2c4;
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #88d2c4;
    /* Gecko Browsers */
}


 #gal{
     width:100%;
     max-width: 1200px;
     padding: 0px;
     margin-bottom: 0px;
     overflow: hidden;
}
 table {
     font-size : 10px;
}
 .maintable {
   font-family: 'Jost', sans-serif;
   background: #ffffff;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   max-width: 1200px;
   width: 100%;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.tableb {
 color: #000000;
 background: transparent;
}


/**** HEADER & NAVIGATION ****/
#container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
}

#header {
    width: 100%;
    max-width: 2000px;
    height: 700px;
    margin: 0 auto;
    background-image: url('images/header.png');
    background-repeat: no-repeat;
    background-position: top center;
}
#sitenamecon {
    width: 100%;
    max-width: 482px;
    height: 482px;
    padding-top:200px;
    margin: 0 auto;
    }

#sitenameimg {
    width: 100%;
    max-width: 482px;
    height: 482px;
    margin: 0 auto;
    background-image: url('images/sitenameimg.png');
    background-repeat: no-repeat;
    background-position: top center;
}

#sitenamespinner {
    width: 482px;
    max-width: 482px;
    height: 482px;
    margin: 0 auto;
    background-image: url('images/sitenamespinner.png');
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -484px;
    animation: rotation 12s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

#sitename {max-width: 1200px;width: 100%;margin: 0 auto;text-align: center;}

span.sname {
    text-transform: uppercase;
    font-size: 38pt;
    font-weight: 700;
    line-height: 14pt;
    color: #429aad;
    letter-spacing: 14px;
}


#mobileheader {
    display: none;
}

#mobilespinnercon {
        width: 100%;
    max-width: 241px;
    height: 241px;
    margin: 0 auto;
}

#navigation {
    width: 100%;
    max-width: 1200px;
    height: auto;
    background: #429aae;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0px 15px 0px;
    margin-bottom: 10px;
}

a:link.nav, a:visited.nav, a:active.nav {
    padding: 9px;
    margin: 0px;
    font-size: 15pt;
   font-family: 'Jost', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: opacity 0.6s linear;
    opacity: 1;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
    text-decoration: none;
    font-weight: 800;
}

a:hover.nav {
    color: #ffffff;
    background: #2e7889;
}



 #navlinks {
     margin: 0 auto;
     text-align: center;
     max-width: 1200px;
}
 #navlinks a:link, #navlinks a:active, #navlinks a:visited, .admin_menu a:link, .admin_menu a:visited, .admin_menu a:active {
     padding: 2px 5px;
     margin: 0px;
     font-size: 10pt;
     color: #000000;
     text-transform: uppercase;
   font-family: 'Jost', sans-serif;
     text-align: center;
     display: inline-block;
     -webkit-transition: opacity 0.6s linear;
     opacity: 1;
     -webkit-transition: all 0.8s ease-in;
     -moz-transition: all 0.8s ease-in;
     transition: all 0.8s ease-in;
     line-height: 12pt;
     font-weight: 400;
}
 #navlinks a:hover, .admin_menu a:hover {
  background: #2e7889;
  color: #ffffff;
     -webkit-transition: opacity 0.6s linear;
     opacity: 1;
     -webkit-transition: all 0.8s ease-out;
     -moz-transition: all 0.8s ease-out;
     transition: all 0.8s ease-out;
}

 .navmenu {
   font-family: 'Jost', sans-serif;
     padding: 2px;
     background: #429aad;
     color: #ffffff;
     text-shadow: none;
     text-transform: uppercase;
     font-weight: 800;

}

.navmenu img.icon {
margin: -4px -5px;
     -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
 .navmenu a:link, .navmenu a:visited, .navmenu a:active {
padding: 15px 15px;
  margin: 0px;
     text-decoration: none;
     color: #ffffff;
  background:transparent;  
}
 .navmenu a:hover {
     text-decoration: none;
     background: #2e7889;
}
span#tabs_dropdown_span {text-transform: uppercase;}

select#tabs_dropdown_select {background: #f4f3f3;
                             border: 1px solid #e3e3e3;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
                            padding: 5px;}

 .navmenu-active p {padding: 15px 15px;margin: 0px;text-decoration: none;color: #ffffff;background: #2e7889;}


 .admin_menu_thumb {
     font-family: Tahoma, Helvetica, sans-serif;
     border: 1px solid #000000;
     background-position : bottom;
     color: #6b6b6b;
     font-weight: bold;
     margin-top: 0px;
     margin-bottom: 0px;
     width: 50px;
}
 .admin_menu_thumb a {
     color: #000000;
     text-decoration: none;
     display: block;
     position: relative;
     padding-top: 1px;
     padding-bottom: 1px;
     padding-left: 10px;
     padding-right: 10px;
}
 .admin_menu_thumb a:hover {
     color: #000000;
     text-decoration: underline;
}
 .admin_menu {
     font-family: Tahoma, Helvetica, sans-serif;
     background-color: transparent;
     color: #000000;
     margin-top: 0px;
     margin-bottom: 0px;
     text-align: center;
     padding: 0px;
}
 .admin_menu img {
     display: none
}
 .admin_float {
     float:left;
     margin-left: 1px;
     margin-right: 1px;
     margin-top: 1px;
     margin-bottom: 1px;
}
 .admin_menu_wrapper {
     width:100%;
}
 td #admin_menu_anim {
     background-image : url(images/button_bg_anim.gif);
}
/**** GENERAL LINKS ****/
 a:link {
     color: #000000;
     font-size: 8pt;
     text-decoration: none;
     -webkit-transition: opacity 0.6s linear;
     opacity: 1;
     -webkit-transition: all 0.8s ease-in;
     -moz-transition: all 0.8s ease-in;
     transition: all 0.8s ease-in;
}
 a:visited{
     color: #000000;
     font-size: 8pt;
     text-decoration: none;
}
 a:focus{
     color: #000000;
     font-size: 8pt;
     text-decoration: none;
}
 a:active{
     color: #000000;
     font-size: 8pt;
     text-decoration: none;
}
 a:hover {
     color: #000000;
     font-size: 8pt;
     -webkit-transition: opacity 0.6s linear;
     opacity: 1;
     -webkit-transition: all 0.8s ease-out;
     -moz-transition: all 0.8s ease-out;
     transition: all 0.8s ease-out;
}
 .bblink a {
     color: #000000;
     text-decoration: none;
}
 .bblink a:hover {
     color: #000000;
}
 .statlink, .statlink b, .statlink strong, .statlink i {
     color: #ffffff;
}
 .statlink a {
     text-decoration: none;
     color: #ffffff;
     font-size: 10pt;
  padding: 7px;
}
 .statlink a:hover {
     background: #2e7889;
     text-decoration: none;
     font-size: 10pt;
}
 .topmenu {
     font-family: "Trebuchet MS", Verdana, Geneva, Tahoma, sans-serif;
}
 .topmenu a {
     color : #000000;
     text-decoration : none;
}
 .topmenu a:hover {
     color : #df5466;
     text-decoration : underline;
}
/**** TITLE HEADERS ****/
 .tableh1 {
  line-height: 22pt;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  font-size: 14pt;
background: #429aae;
  color: #ffffff;
  padding: 8px;
  height: auto;
  min-height: 30px;
  text-align: center;
      font-weight: 800;
}
 .tableh1 img.icon {
     display: none;
}

 .tableh1nav {
  line-height: 22pt;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  font-size: 14pt;
background: #429aae;
  color: #ffffff;
  padding: 8px;
  height: auto;
  min-height: 30px;
  text-align: center;
      font-weight: 800;
}
 .tableh2 {
   font-family: 'Jost', sans-serif;
     font-size: 14pt;
     color: #000000;
     padding: 6px;
     text-transform: none;
     background: transparent;
}

 .tableh3 {
 line-height: 22pt;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  font-size: 14pt;
background: #429aae;
  color: #ffffff;
  padding: 8px;
  height: auto;
  min-height: 30px;
  text-align: center;
      font-weight: 800;
}
 .tableh3 img.icon {
     display: none;
}


 h1 {
     font-weight: normal;
     font-size: 20px;
     font-family: tahoma;
     text-decoration: none;
     line-height : 50px;
     color: #ececec;
     margin: 2px;
}
 h2 {
   font-family: 'Jost', sans-serif;
     font-weight: bold;
     color: #ffffff;
     font-size: 12pt;
     letter-spacing: 3px;
     text-transform: uppercase;
     padding: 0;
}

 h3 {
     font-weight: normal;
     font-family: "Trebuchet MS", Verdana, Geneva, Tahoma, sans-serif;
     font-size: 15px;
     margin: 2px;
     font-color: #000000;
}
 h4 {
     border: 0px solid #c0b481;
     background-color: #df5466;
     margin-top: 1px;
     margin-bottom: 1px;
     line-height : 20px;
}
/**** CATEGORY LINKS & STYLING ****/
 .catrow, .catrow_noalb {
     color: #000000;
     background: transparent;
     font-family: 'Jost', sans-serif;
     height: auto;
     padding: 10px 0px 0px 10px;
}

.catthumbimg {
    float: left;
    width: 160px;
    margin-right: 20px;
}

.catinfo {
    float: right;
    padding-top: 40px;
}


td.catrow img, td.catrow_noalb img {
        max-width:100%;
        width: auto;
        padding: 0px;
        margin: 2px;
}
 .catlink {
     display: block;
     padding-bottom: 18px;
     }


 .catlink a {
  	font-family: 'Jost', sans-serif;
  text-transform: uppercase;
     font-size: 20pt;
  font-weight: 700;
     line-height: 25pt;
    color: #000000;
        text-decoration: underline 4px;
    text-decoration-style: solid;
    text-decoration-color: #429aad;
        -webkit-transition: opacity 0.6s linear;
    opacity: 1;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
    padding: 2px;

}

 .catlink a:hover {
   background: #429aad;
    color: #ffffff;
     -webkit-transition: opacity 0.6s linear;
    opacity: 1;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
  
 }





.catdescrption {
    font-family: 'Jost', sans-serif;
    font-size:9pt;
    color: #000000;
    padding: 10px;
    line-height: 16pt;
    outline: 4px solid #22a088;
    outline-offset: -7px;
    background: #ffffff;
    padding-bottom: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-width: 900px;
}

.catstats {
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: 800;
    color: #000000;
    background: #ffffff;
    padding: 4px 3px 5px 5px;
    margin-bottom: 5px;
    position: relative;
    margin-top: -22px;
    display: inline-block;
}



 .piccount:before {
 font-family: "Font Awesome 5 Free"; 
content: "\f302"; 
  font-weight: 900;
  font-size: 11pt;
  margin: 0px 5px 0px 0px;
  color: #23a088;
}


.piccount {
    background: transparent;
    color: #23a088;
    padding: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
}

 .albcount:before {
 font-family: "Font Awesome 5 Free"; 
content: "\f07b"; 
  font-weight: 900;
  font-size: 11pt;
  margin: 0px 5px 0px 0px;
  color: #429aad;
}

.albcount {
      background: transparent;
      color: #429aad;
      padding: 2px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
}
 
/**** ALBUM LINKS & STATS ****/
.albfolder svg.svg-inline--fa {
  font-size: 11pt;
  color: #000000;
  background: #dedede;
  margin: 0px 5px 0px 0px;
  padding: 8px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  margin-top: -25px;
}



 .alblink a {
    font-size: 11pt;
    padding: 5px 5px;
    margin: 0px;
    text-transform: uppercase;
    color: #429aad;
    font-family: 'Jost', sans-serif;
    font-weight: 800;
}

 .alblink a:hover {
     color: #23a088;
  	   -webkit-transition: opacity 0.6s linear;
    opacity: 1;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
 .album_stat {
     color: #000000;
     font-family: 'Jost', sans-serif;
     width: 100%;
     padding: 2px;
     display: block;
     }

span.albdesc {
    display: block;
}


  .album_stat a:link, .album_stat a:visited, .album_stat a:active {
   text-transform: uppercase;
   font-weight: 600;
   text-decoration: none;
   line-height: 12pt;
   background: transparent;
   padding: 2px;
  }

.album_stat b 
{
 color: #16515e;
}

td.albumview {
    padding: 10px;
}

.albumviewthumbnails {
    display: block;
    max-width: 350px;
    text-align: center;
    margin: 0 auto;
}

.albumstatinfo {
    display: block;
    max-width: 350px;
    text-align: center;
    background: #dedede;
    margin: 0 auto;
    padding: 10px;
     margin-top: -45px;
    margin-bottom: 10px;
    background: #dedede;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.adminmenucon {
    margin: 0 auto;
    text-align: center;
}

.buttonlist ul {
	z-index: 100;
	padding: 5px;
	margin: 0 auto;
	text-align: center;
}

.buttonlist ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: inherit;
	display: inline-block;
}

.buttonlist ul li a {
	margin-right: 10px;
}


/**** THUMBNAILS ****/
 .thumbnails a > img {
    margin: 5px;
    padding: 0px;
    border: 2px solid #000000;
    filter: grayscale(80%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-transition: opacity 0.6s linear;
    opacity: 1;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
	background: transparent!important;

}
 .thumbnails a > img:hover {
      border: 2px solid #429aad;
    filter: grayscale(0%);
 opacity: 1;
	    -webkit-transition: opacity 0.6s linear;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
	background: transparent!important;
}
 .image.thumbnail {
     margin: 10px;
}
 .thumbnails {
     padding: 5px;
     background: transparent;
     margin: 0px;
     display: table-cell;
     min-width: 200px;
     }

.albumviewthumbnails a > img {
    max-width:100%;
    width: auto;
    padding: 0px;
    margin: 5px;
    border: 0px solid #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
         -webkit-transition: opacity 0.6s linear;
    opacity: 1;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;

}
 .albumviewthumbnails a > img:hover {
	    -webkit-transition: opacity 0.6s linear;
    opacity: 0.8;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;

}
/**** THUMBNAIL DETAILS ****/
 .thumb_filename {
     font-size: 90%;
     display: block;
}


 .thumb_title_title {
     font-size: 9pt;
     line-height: 13pt;
     padding: 5px;
     margin: 7px;
     display: block;
     text-transform: uppercase;
     color: #429aad;
     font-family: 'Jost', sans-serif;
     font-weight: 800;
     width: 100%;
     max-width: 190px;
     margin-top: -10px;
     position: relative;
 }

 .thumb_title_title:after {
     content:"\a";
     white-space: pre;
}
 .thumb_caption a {
     font-weight : bold;
     font-size: 100%;
     padding: 2px;
     display : block;
     font-style : normal;
     display : block;
     background: transparent;
     color: #000000;
}
 .thumb_title_views, .thumb_caption {
    font-size: 100%;
    padding: 7px;
    margin: 0px 5px;
    display: block-inline;
    font-weight: 500;
    color: #000000;
    text-shadow: none;
    max-width: 130px;
    line-height: 16px;
    font-family: 'Jost', sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  text-transform:uppercase;
}
 .thumb_title_views:before {
 font-family: "Font Awesome 5 Free";
 content: "\f06e";
 font-weight: 900;
 font-size: 11pt;
 color: #000000;
 background: #dedede;
 margin: 0px 5px 0px 0px;
 padding: 8px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
}

.thumb_caption_ctime:before, .thumb_caption_mtime:before{
 font-family: "Font Awesome 5 Free"; 
content: "\f073"; 
  font-weight: 900;
  font-size: 11pt;
 color: #000000;
 background: #dedede;
 margin: 0px 5px 0px 0px;
 padding: 8px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
}

  span.thumb_dimensions {
   display: block;
   padding: 5px;
   letter-spacing: 2px;
   color: #da5d66;
  }
  
 thumb_caption .thumb_num_comments {
     color: #000000;
     font-weight: normal;
     font-size: 85%;
     padding: 2px;
     font-style : italic;
     display : block;
     line-height : 9px;
}
 .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;
     color: #000000;
}
 .user_thumb_infobox a:hover {
     color: #000000;
     text-decoration: underline;
}
/**** IMAGE DISPLAY ****/
 .display_media {
     padding-top: 3px;
     padding-right: 10px;
     padding-bottom: 3px;
     padding-left: 10px;
     background: transparent;
     width: auto;
}
 .display_media img {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     height: auto;
    max-width: 100%;
}
 .img_caption_table {
     border: none;
     background-color: #ffffff;
     width : 100%;
     margin : 0px;
}
 .img_caption_table th {
     background: transparent;
     font-size : 100%;
     color : #f1ada4;
     padding-top: 4px;
     padding-right: 10px;
     padding-bottom: 4px;
     padding-left: 10px;
     border-top : 1px solid #bb4b45;
}
 .img_caption_table td {
     background: transparent;
     padding-top: 6px;
     padding-right: 10px;
     padding-bottom: 6px;
     padding-left: 10px;
     border-top : 1px solid #bb4b45;
     white-space: normal;
}
 .sortorder_cell {
     background: transparent;
     color: #ffffff;
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     padding-right: 20px;
     margin: 0px;
}
 .sortorder_cell:hover {
     background: transparent;
     color: #000000;
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     padding-right: 20px;
     margin: 0px;
}
 .sortorder_options {
     font-family: Verdana, Tahoma, Helvetica, sans-serif;
     background: transparent;
     color: #ffffff;
     padding: 0px;
     margin: 0px;
     font-weight: normal;
     font-size: 80%;
     white-space: nowrap;
}
 .comment_date{
     color : #000000;
     font-size: 90%;
     vertical-align : middle;
}
 .imageborder {
     margin-top: 30px;
     margin-bottom: 30px;
}

  a.thumbLink {
    margin: 5px;
}

div#film {
    width: 950px!important;
    margin: 0 auto;
    position: relative;
}
  a#filmstrip_next img, a#filmstrip_prev img  {
    border: 0px;
   -webkit-box-shadow: 0px 0px 0px 0px #c48990; 
box-shadow: 0px 0px 0px 0px #c48990;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

  table.tape {
    margin: 0 auto;
}


/**** FOOTER ****/
 .footer {
    font-size: 12px;
    font-family: 'Jost', sans-serif;
    color: #ffffff;
    background: transparent;
    background-image: url('images/footer.png');
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    margin-bottom: 0px;
    padding-top: 0px;
    position: relative;
    margin-top: 0px;
    height: auto;
    min-height: 280px;
    width: 100%;
    clear: both;
}

  #footerspinnercon {
    width: 100%;
    max-width: 241px;
    height: 241px;
    margin: 0 auto;
    }

#footerimg {
    width: 100%;
    max-width: 241px;
    height: 241px;
    margin: 0 auto;
    background-image: url('images/footerimg.png');
    background-repeat: no-repeat;
    background-position: top center;
}

#footerspinner {
    width: 241px;
    max-width: 241px;
    height: 241px;
    margin: 0 auto;
    background-image: url('images/footerspinner.png');
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -241px;
    animation: rotation2 12s infinite linear;
}

@keyframes rotation2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

  
.footertext {
    width: 100%;
    max-width: 900px;
    color: #000000;
    font-family: 'Jost', sans-serif;
    font-size: 8pt;
    text-transform: none;
    text-align: left;
    margin: 0 auto;
    line-height: 12pt;
    display: block;
    background: #ebebeb;
    padding: 10px;
    outline: 1px solid #429aad;
    outline-offset: -7px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}



.themecredits {
    text-align: center;
    font-family: 'Jost', sans-serif;
    font-size: 12pt;
    padding: 10px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: 600;
}

.themecredits svg.svg-inline--fa {
    margin: 0px;
    padding: 0px 2px;
    background: transparent;
    color: #22a089;
    font-size: 12pt;
}

.themecredits a:link, .themecredits a:visited, .themecredits a:active {
    text-decoration: none;
    color: #000000;
    -webkit-transition: opacity 0.6s linear;
    opacity: 1;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
 font-size: 12pt;
}

.themecredits a:hover {
    color: #22a089;
    -webkit-transition: opacity 0.6s linear;
    opacity: 1;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
  
/**** MISC ****/
 p {
     font-family: Tahoma, Helvetica, sans-serif;
     font-size: 100%;
     margin: 2px 0px;
}
 ul {
     margin-left: 5px;
     padding: 0px;
}
 li {
     margin-left: 10px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 0px;
     list-style-position: outside;
     list-style-type: disc;
}
 .textinput {
     font-family: "Trebuchet MS", Verdana, Geneva, Tahoma, sans-serif;
     font-size: 100%;
     border: 0px solid #cbcbcb;
     background-color: #ffffff;
     color: #000000;
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
}
 .listbox {
     font-family: "Trebuchet MS", Verdana, Geneva, Tahoma, sans-serif;
     font-size: 10pt;
     border: 0px solid #ffffff;
     vertical-align : middle;
}
 .button {
     font-family: Tahoma, Helvetica, sans-serif;
     font-size: 100%;
     border: 0px solid #ffffff;
     background-position : bottom;
}
 .radio {
     font-family: "Trebuchet MS", Verdana, Geneva, Tahoma, sans-serif;
     font-size: 100%;
     vertical-align : middle;
}
 .checkbox {
     font-family: "Trebuchet MS", Verdana, Geneva, Tahoma, sans-serif;
     font-size: 100%;
     vertical-align : middle;
}
 .debug_text {
     border: #bb4b45;
     background-color: #000000;
     width : 100%;
     margin : 0px;
}
 .clickable_option {
     cursor : default;
}
 .listbox_lang {
     color: #000000;
     background-color: #ffffff;
     border: 0px solid #ffffff;
     font-size: 80%;
     font-family: Tahoma, Helvetica, sans-serif;
     vertical-align : middle;
}
 .pic_title {
     color: #000000;
     font-size: 120%;
     font-family: Tahoma, Helvetica, sans-serif;
     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: #000000;
     font-size: 100%;
     font-family: Tahoma, Helvetica, sans-serif;
     font-weight:bold;
     text-align : center;
     padding-top:0px;
     padding-bottom:0px;
     margin-top:0px;
     margin-bottom:0px;
     line-height:1.0em;
}
 .cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
     border: 1px solid;
     margin: 10px 0px;
     padding:15px 10px 15px 50px;
     background-repeat: no-repeat;
     background-position: 10px center;
}
 .cpg_message_info {
     olor: #000000;
     background-color: #ffffff;
     background-image: url('../../images/message/info.png');
}
 .cpg_message_success {
     color: #000000;
     background-color: #ffffff;
     background-image: url('../../images/message/ok.png');
}
 .cpg_message_warning {
     color: #0000000;
     background-color: #ffffff;
     background-image: url('../../images/message/warning.png');
}
 .cpg_message_error {
     color: #000000;
     background-color: #ffffff;
     background-image: url('../../images/message/stop.png');
}
 .cpg_message_validation {
     color: #000000;
     background-color: #ffffff;
     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: #000000;
     background-color: #ffffff;
     text-align:right;
     float:right;
     width:400px;
}
 #vanity a {
     display:block;
     width:57px;
     height:20px;
     margin: 3px 20px;
}
 #GB_window {
     background-color: #FFFFFF;
     border: 5px solid #AAAAAA;
}


  .display_media .image {
max-width: 100%;
height: auto;
margin-right: 0;
margin-left: 0;
}