div.photo-gallery {
    padding-right: 0;
    margin-left: -10px;
    clear: both;
}
div.photo-gallery img {
    border: 0;
}

div.polaroidframe {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 3px 3px 4px rgba(0,0,0,.3);
    height:160px;
    width:140px;
    position:absolute;
    top:19px;
    left:9px;
    opacity: 1;

}

div.photo-gallery .greybox {
    width: 126px;
    height: 126px;
    overflow: hidden; /*this is here becuase FF is ignoring the width!! the child of this is overflowing */
    position: absolute;
    top:7px;
    left:7px;
    background-color: #e4e0e0;
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.03) 99%, rgba(0,0,0,0.03) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.24)), color-stop(99%,rgba(0,0,0,0.03)), color-stop(100%,rgba(0,0,0,0.03))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.03) 99%,rgba(0,0,0,0.03) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.03) 99%,rgba(0,0,0,0.03) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.03) 99%,rgba(0,0,0,0.03) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.03) 99%,rgba(0,0,0,0.03) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d000000', endColorstr='#08000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


div.photo-gallery .photo-item {
    width: 161px;
    height: 217px;
    position: relative;
    margin: 10px 0 0 10px;
    float: left;
    overflow: hidden;
}

div.photo-gallery .photo-item .photo-actions {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    width: auto;
    padding: 4px 8px;
    z-index:10;
    display:block;
}
div.photo-gallery .photo-item.video-with-no-thumb .photo-actions {

}


div.photo-gallery .photo-item .left {
    float: left;
}

div.photo-gallery .photo-item .badges {
    height: 14px;
}

div.photo-gallery .photo-item .badges .flag-img {
    margin-right: 3px;
}

div.photo-gallery .photo-item .badges .profile-img {
    margin-left: 3px;
}

div.photo-gallery .photo-item .right {
    float: right;
}

div.photo-gallery .photo-item .photo-actions .links span {
    font-size: 11px;
    color: rgba(255,255,255,1);
    font-family: verdana;
    vertical-align: middle;
    opacity: 0.7;
}


div.photo-gallery .photo-item .photo-actions .links img {
    vertical-align: middle;
    opacity: 0.7;
}

div.photo-gallery .photo-item .photo-actions .links img.size14 {
    height: 14px;
}

div.photo-gallery .photo-item .photo-actions .links img.size12 {
    height: 12px;
}

div.photo-gallery .photo-item .photo-actions .user {
   /* line-height: 5px; */
}
div.photo-gallery .photo-item .photo-actions .user a, div.photo-gallery .photo-item .photo-actions .user span {
    color: rgba(0,0,0,.7);
    text-decoration: none;
    font-family: verdana;
    font-size: 10px;
    vertical-align: bottom;
    display: block;
    opacity: 0.8;
    padding-bottom: 1px;
}


div.photo-gallery .photo-item .photo-actions .links a {
    line-height: 12px;
}

div.photo-gallery .photo-item .photo-image {  
    position: relative;
    width:126px;
    height:100%;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}

div.photo-gallery .photo-item .photo-image img {  
  
    opacity: 1;
}

div.photo-gallery .photo-item:hover .polaroidframe {
    box-shadow: 3px 3px 4px rgba(0,0,0,.2);
}

div.photo-gallery .photo-item:hover .polaroidframe {
    background-color: rgba(255,255,255,1);
}

/* new cool css */
div.photo-gallery .photo-item .photo-image img.landscape {
   height: 100%;
   padding-left: 25%;
   left: -50%; */
   width:126px;;
}

div.photo-gallery .photo-item .photo-image img.landscape-no-offset {
    height: 100%;
}

div.photo-gallery .photo-item .photo-image img.portrait {  
    width: 100%;
    padding-top: 25%;
    top: -50%;
}

div.photo-gallery .photo-item .photo-image img.portrait-no-offset {  
    width: 100%;
}

div.photo-gallery .photo-item .photo-image img.square {  
    width: 150px;
    height: 150px;
    object-fit: cover;
}

/* shit old css */

div.photo-gallery .photo-item .polaroidframe .photo-image a {
    display:block;
    width:126px;;
    height:126px;
    text-align: center;
    vertical-align: middle;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    /* display: -moz-box; */
    display: block;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
}

div.photo-gallery .photo-item .polaroidframe .photo-image img.landscape,
div.photo-gallery .photo-item .polaroidframe .photo-image img.landscape-no-offset {
    height: auto;
    width: 126px;
    padding: 0;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

div.photo-gallery .photo-item .polaroidframe .photo-image img.portrait,
div.photo-gallery .photo-item .polaroidframe .photo-image img.portrait-no-offset {
    height: 126px;
    width: auto;
    padding: 0;
    left: 0;
    top: 0;
}

div.photo-gallery .photo-item .polaroidframe .photo-image img.square {  
    width: 126px;
    height: 126px;
    object-fit: cover;
}

/* image sizing finish */

div.photo-gallery .photo-item .views {
    color: rgba(0,0,0,.4);
    font-family: verdana;
    font-size: 10px;
    display: inline-block;
    margin-top: 3px;
}

/* 
div.photo-gallery .photo-item .views {
   color: rgba(0,0,0,.4);
    padding: 3px 0 3px 0;
    font-family: verdana;
    font-size: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    left: 0;
    right: 0;
}
*/

div.photo-gallery .photo-item .caption {
/*    background: rgba(141,102,141,1); */
    color:rgba(0,0,0,0.6);
    padding:2px 23px 4px 23px;
    font-family: verdana;
    font-size: 9px;
    font-style: italic;
    text-align: center;
    position: absolute;
    bottom: 38px;
    height: 19px;
    overflow: hidden;
    z-index: 15;
    width: auto;
    left: 0;
    right: 0;
    line-height: 11px;
 }

div.photo-gallery .photo-item .nocaption{
    color:rgba(255,255,255,0.3);
}


div.photo-gallery .photo-item .top-bar {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    display: block;
    width: auto;
    height: 20px;
    z-index: 10;
}



div.photo-gallery .photo-item .top-left {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:left;
}

div.photo-gallery .photo-item .top-center {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
}

div.photo-gallery .photo-item .top-right {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:right;
}

div.photo-gallery .photo-item .flag-img {
    height: 11px;
    opacity: 0.8;
}

div.photo-gallery .photo-item .gender-img {
    height: 11px;
    margin-left: 8px;
    margin-top:4px;
}

div.photo-gallery .photo-item .comment-img {
    z-index: 11;
    opacity: 0.5;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 8px;
    margin-top: 4px;
}
/*
div.photo-gallery .photo-item .vidoverlay{
    position: absolute;
    bottom: 72px;
    right: 31px;
    z-index: 12;
}
*/
.vidonhold {
    width:126px;
    height:126px;
}

/* default.asp styles */

.photo-gallery-fluid div.photo-gallery {
    margin: -10px 0px 15px 20px;
}
.photo-gallery-fluid div.photo-gallery .photo-item {
    margin: 15px 15px 0 0;
} 


.filtertextbox {
    max-height: 48px;
    overflow: hidden; 
}

.items-hidden { 
    font-weight: bold; 
    /* background-color: yellow;  */
}