/* 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 {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:180px;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 {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:11px;}
  .inputs {width:90px;height:12px;font-size:10px;margin-top:4px;}
  .selectlist {width:150px;height:19px;font-size:11px;margin-top:5px;}
  .filtertextbox {width:180px;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}
  }

.selectlist {
  padding:none;
}