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

div.photo-gallery .photo-item {
    background: rgba(0,0,0,.15);
    width: 150px;
    height: 217px;
    position: relative;
    margin: 10px 0 0 10px;
    float: left;
    overflow: hidden;
}

div.photo-gallery .photo-item .photo-actions {
    background: rgb(55, 55, 55); 
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    padding: 2px 2px 2px 2px;
    z-index:10;
    display:block;
}
div.photo-gallery .photo-item.video-with-no-thumb .photo-actions {
    background: rgba(0,0,0,1);
}


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

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

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 {
  height: 14px;
}

div.photo-gallery .photo-item .photo-actions .user a, div.photo-gallery .photo-item .photo-actions .user span {
    color: rgba(255,255,255,1);
    text-decoration: none;
    font-family: verdana;
    font-size: 10px;
    vertical-align: bottom;
    padding-top: 0;
    margin-bottom: 0;
    display: block;
    opacity: 0.8;
}
div.photo-gallery .photo-item .photo-actions .user .flag {
    position: absolute;
    bottom:18px;
    right:5px;
    opacity: 0.8;
}

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

div.photo-gallery .photo-item .photo-image {  
    position: relative;
   /* overflow: hidden; */
    height: 150px;
    width: 150px;
}

div.photo-gallery .photo-item .photo-image img {  
    margin: auto;
    position: absolute;
    opacity: 0.9;
}

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

div.photo-gallery .photo-item .photo-image img.landscape {
    height: 100%;
    padding-left: 25%;
    left: -50%;
}

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

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

div.photo-gallery .photo-item .views {
    top: 0;
} */

div.photo-gallery .photo-item .caption {
/*    background: rgba(141,102,141,1); */
    background: rgba(66,66,66);
    color:rgba(255,255,255,0.7);
    padding:2px 4px 4px 2px;
    font-family: verdana;
    font-size: 9px;
    text-align: center;
    position: absolute;
    bottom: 31px;
    height: 10px;
    overflow: hidden;
    z-index: 15;
    width: auto;
    left: 0;
    right: 0;
    line-height: 12px;
 /*   border-bottom:2px rgba(120,86,120,1) solid; */
}

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

div.photo-gallery .photo-item .comments{
    color:rgba(255,255,255,0.3);
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 100;
}

div.photo-gallery .photo-item .vidoverlay{
    position: absolute;
    bottom: 64px;
    right: 7px;
    z-index: 12;
}

.genderimg {
    position: absolute;
    bottom:2px;
    right:4px;
}

/* default.asp styles */

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


/* Photo controls styles */
/* note - this needs to be in both photo-gallery.css & photo-gallery-modern.css */

@media (min-width: 600px) {
.phototoolfont {font-size:9px;}
.inputs {width:72px;height:10px;font-size:8px;margin-top:3px;}
.selectlist {width:120px;height:14px;font-size:8px;margin:3px 0px 3px 0px;}
.filtertextbox {width:148px;font-size:7px;}
.sepbar {float:left;background-color:#666;width:1px;height:55px;margin:5px 7px;}
.gobutton {width:20px;height:20px;margin:11px 0px 0px 3px;font-size:8px;cursor:pointer;}
.userntitle {margin: 4px 3px 0px 0px;}
.toolhead {font-weight:bold;font-size: 11px;margin:0px 3px 0px 0px;}
.uploadbutt {padding:4px;background-color: rgba(255,0,0,0.2);border: solid 1px rgba(255,0,0,0.5);width:30px;margin:3px 0px 0px 5px;height:30px;}
.uploadpanel {display:none;}
.altoption {font-family: verdana, arial, helvetica, sans-serif;font-size: 8px;font-weight: bold;}
.controlpadding {padding:8px;}
}
@media (min-width: 850px) {
  .phototoolfont {font-size:10px;}
  .inputs {width:75px;height:11px;font-size:9px;margin-top:4px;}
  .selectlist {width:140px;height:16px;font-size:9px;margin-top:4px;}
  .filtertextbox {width:150px;font-size:8px;}
  .sepbar {float:left;background-color:#666;width:1px;height:55px;margin:5px 12px;}
  .gobutton {width:30px;height:20px;margin:13px 0px 0px 3px;font-size:10px;}
  .userntitle {margin: 6px 3px 0px 0px;margin-bottom:3px;}
  .uploadbutt {padding:4px;background-color: rgba(255,0,0,0.2);border: solid 1px rgba(255,0,0,0.5);width:30px;margin:3px auto auto 5px;height:30px} 
  .uploadpanel {display:none;}
.altoption {font-family: verdana, arial, helvetica, sans-serif;font-size: 8px;font-weight: bold;}
}
@media (min-width: 900px) {
  .phototoolfont {font-size:10px;}
  .inputs {width:75px;height:11px;font-size:9px;margin-top:4px;}
  .selectlist {width:120px;height:16px;font-size:9px;margin-top:4px;}
  .filtertextbox {width:155px;font-size:9px;}
  .sepbar {float:left;background-color:#666;width:1px;height:55px;margin:5px 9px;}
  .gobutton {width:30px;height:20px;margin:13px 0px 0px 3px;font-size:10px;}
  .userntitle {margin: 6px 3px 0px 0px;margin-bottom:3px;}
  .uploadbutt {padding:4px;background-color: rgba(255,0,0,0.2);border: solid 1px rgba(255,0,0,0.5);margin:3px auto auto 5px;height:30px} 
  .uploadpanel {display:block;}
  .altoption {font-family: verdana, arial, helvetica, sans-serif;font-size: 8px;font-weight: bold;}
} 
@media (min-width: 925px) {
  .sepbar{margin:5px 10px;}
  .uploadpanel {display:block;}
  .inputs {width:75px;}
  .filtertextbox {width:180px;font-size:9px;}
}
@media (min-width: 950px) {
  .uploadpanel {display:block;}
  .inputs {width:80px;}
  .filtertextbox {width:195px;font-size:9px;}
}
@media (min-width: 975px) {
  .sepbar{margin:5px 11px;}
  .uploadpanel {display:block;}
  .inputs {width:80px;}
  .filtertextbox {width:210px;font-size:9px;}
}
@media (min-width: 985px) {
  .uploadpanel {display:block;}
  .inputs {width:80px;}
  .filtertextbox {width:230px;font-size:9px;}
}
@media (min-width: 1000px) {
  .phototoolfont {font-size:11px;}
  .inputs {width:80px;height:12px;font-size:9px;margin-top:4px;}
  .selectlist {width:130px;height:18px;font-size:10px;margin-top:5px;}
  .filtertextbox {width:215px;font-size:9px;}
  .sepbar {float:left;background-color:#666;width:1px;height:55px;margin:5px 12px;}
  .gobutton {width:25px;height:20px;margin-top:13px;font-size:11px;}
  .uploadbutt {padding:4px;background-color: rgba(255,0,0,0.2);border: solid 1px rgba(255,0,0,0.5);width:40px;margin:3px auto auto 5px;height:30px}
  .altoption {font-family: verdana, arial, helvetica, sans-serif;font-size: 8px;font-weight: bold;}
  .controlpadding {padding:8px 10px;}
}
@media (min-width: 1025px) {
  .inputs {width:82px;}
  .filtertextbox {width:225px;}
  .selectlist {width:130px;}
}
@media (min-width: 1050px) {
  .inputs {width:85px;}
  .filtertextbox {width:230px;}
}
@media (min-width: 1075px) {
  .inputs {width:87px;}
  .filtertextbox {width:260px;font-size:10px;}
}
@media (min-width: 1100px) {
  .phototoolfont {font-size:10px;}
  .inputs {width:90px;height:12px;font-size:10px;margin-top:4px;}
  .selectlist {width:150px;height:19px;font-size:11px;margin-top:5px;}
  .filtertextbox {width:190px;font-size:10px;}
  .sepbar {float:left;background-color:#666;width:1px;height:55px;margin:5px 16px;}
  .gobutton {width:40px;height:30px;margin-top:8px;font-size:12px;}
  .uploadbutt {padding:4px;background-color: rgba(255,0,0,0.2);border: solid 1px rgba(255,0,0,0.5);width:60px;margin:3px auto auto 5px;height:30px}
  .uploadpanel {display:block;}
  .altoption {font-family: verdana, arial, helvetica, sans-serif;font-size: 10px;font-weight: bold;}
  .controlpadding {padding:8px 12px;}
}
@media (min-width: 1125px) {
  .inputs {width:90px;}
  .filtertextbox {width:194px;font-size:10px;}
}
@media (min-width: 1150px) {
  .inputs {width:97px;}
  .filtertextbox {width:198px;font-size:10px;}
  .selectlist {width:160px;}
}
@media (min-width: 1175px) {
  .inputs {width:104px;}
  .filtertextbox {width:202px;font-size:10px;}
  .selectlist {width:170px;}
}

@media (min-width: 1200px) {
  .inputs {width:110px;height:12px;font-size:10px;margin-top:4px;}
  .selectlist {width:180px;height:19px;font-size:12px;margin-top:6px;}
  .sepbar {float:left;background-color:#666;width:1px;height:55px;margin:5px 18px;}
  .filtertextbox {width:205px;font-size:10px;}
  .gobutton {width:40px;height:30px;margin-top:8px;font-size:13px;}
  .uploadbutt {padding:4px;background-color: rgba(255,0,0,0.2);border: solid 1px rgba(255,0,0,0.5);width:60px;margin:3px auto auto 5px;height:30px}
  .uploadpanel {display:block;}
  .altoption {font-family: verdana, arial, helvetica, sans-serif;font-size: 10px;font-weight: bold;}
  .controlpadding {padding:8px 16px;}
}

@media (min-width: 1300px) {
  .inputs {width:115px;}
  .selectlist {width:200px;font-size:13px}
  .filtertextbox {width:245px;font-size:10px;}
  .uploadbutt {width:75px;}
  .sepbar {margin:5px 20px;}
  .controlpadding {padding:8px 18px;}
}
@media (min-width: 1400px) {
  .inputs {width:120px;}
  .selectlist {width:200px;font-size:14px}
  .filtertextbox {width:270px;font-size:10px;}
  .uploadbutt {width:100px;}
  .sepbar {margin:5px 25px;}
  .controlpadding {padding:8px 20px;}
}
@media (min-width: 1500px) {
  .selectlist {width:250px;font-size:14px}
  }

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