body {font-family:sans-serif;background:#ccf;}
@font-face{font-family:"OCR-B";font-style:normal;font-weight:400;src:url(OCR-B-Regular.otf);}
@keyframes fade {from {opacity:0;} to {opacity:1;}}
@keyframes fade1 {from {opacity:0;} to {opacity:0.5;}}
@keyframes spin {0% {transform:rotate(0deg);} 25% {transform:rotate(90deg);} 50% {transform:rotate(180deg);} 75% {transform:rotate(270deg);} 100% {transform:rotate(360deg);}}
div.loading {opacity:0;background:black;width:100%;height:100%;position:fixed;z-index:10;top:0px;left:0px;animation:fade1 1s linear 0.5s forwards;}
div.spin {width:100%;height:100%;text-align:center;vertical-align:middle;}
div.spinning {display:inline-block;font-size:500%;animation:spin 1s linear 0s infinite normal;color:white;}
div.error {margin-top:5px;margin-bottom:5px;padding:5px;background:red;color:white;border:1px solid black;}
div.footer {position:fixed;bottom:5px;left:5px;font-style:italic;}
div.action {text-align:right;margin-top:5px;margin-bottom:5px;padding:5px;}
div.menuicon {display:inline-block;float:right;}
div.menu {position:fixed;background:black;color:white;padding:10px;border:1em;z-index:2;right:5px;}
div.menutitle {color:white;font-weight:bold;margin-top:0.5em;}
div.menuitem {color:white;border-top:1px dotted gray;}
div.heading {display:inline-block;border:1px solid blue;padding:2px;margin:2px;vertical-align:top;}
div.group {display:inline-block;vertical-align:top;padding-right:1em;}
div.select {background:white;}
div.field {display:inline-block;white-space:nowrap;font-weight:bold;font-size:80%;}
div.value {display:inline-block;white-space:nowrap;}
div.X {display:inline-block;float:left;padding-right:5px;font-size:50%;cursor:pointer;}
div.thumbs {display:inline-block;padding:2px;margin:2px;position:relative;width:180px;height:175px;}
div.thumbslabel {position:absolute;bottom:5px;width:100%;text-align:center;}
div.upload {font-weight:bold;}
div.thumb {width:120px;height:110px;border:1px solid black;background:white;position:absolute;text-align:center;}
div.thumblabel {position:absolute;bottom:5px;text-align:center;width:110px;font-family:"OCR-B";font-size:50%;left:5px;}
div.thumb0 {left:30px;top:10px;z-index:1;}
div.thumb1 {left:50px;top:15px;transform:rotate(10deg);transition:all 1s;}
div.thumb1:hover {transform:translate(50px,0px);z-index:2;transition:all 1s;}
div.thumb2 {left:10px;top:15px;transform:rotate(-10deg);transition:all 1s;}
div.thumb2:hover {transform:translate(-50px,0px);z-index:2;transition:all 1s;}
div.class {position:absolute;font-size:50%;left:5px;bottom:5px;}
div.tag {position:absolute;font-size:50%;right:5px;bottom:5px;}
img.thumbpending {height:85px;width:110px;margin-top:5px;background:#eee;}
img.thumbpre {max-height:85px;max-width:110px;margin-top:5px;opacity:0;}
img.thumbdone {max-height:85px;max-width:110px;margin-top:5px;opacity:0;animation:fade 0.5s linear 0s forwards;}
div.prev {float:left;border:1px solid blue;padding:2px;margin:2px;height:1.5em;line-height:1.5em;}
div.next {float:right;border:1px solid blue;padding:2px;margin:2px;height:1.5em;line-height:1.5em;}
div.full {clear:all;text-align:center;}
img.full {max-width:100%;max-height:100%;clear:both;}
div.imagefull {clear:all;text-align:center;padding-top:5px;}
div.imagetitle {text-align:center;padding:2px;margin:2px;height:1.5em;line-height:1.5em;}
div.imagetitle div {height:1.5em;line-height:1.5em;}
img.social {max-width:1.5em;max-height:1.5em;}
div.imagetwitter {float:left;padding:2px;margin:2px;}
div.imagefacebook {float:left;padding:2px;margin:2px;}
div.imageclass {float:left;padding:2px;margin:2px;}
div.imagescore {float:left;padding:2px;margin:2px;}
div.imageviews {float:left;padding:2px;margin:2px;}
a.imagelocation {float:left;padding:2px;margin:2px;text-decoration:none;}
div.imagecopyright {float:right;padding:2px;margin:2px;}
div.imageaperture {float:right;padding:2px;margin:2px;font-style:italic;}
div.imageexposure {float:right;padding:2px;margin:2px;}
div.imageiso {float:right;padding:2px;margin:2px;}
div.imagelength {float:right;padding:2px;margin:2px;}
div.imageflash {float:right;padding:2px;margin:2px;}
div.imagebutton {float:left;padding:2px;margin:2px;}
div.imagecaption {display:inline-block;padding:2px;margin:2px;}
a.heic,a.mp4 {float:left;display:block;padding:2px;margin:2px;text-decoration:none;}
.fieldseriallens,.fieldserial,.fieldID,.fieldyear,.fieldmonth,.fielddate,.fieldhour,.fieldminute,.fieldsecond,.fieldtaken {font-family:"OCR-B";font-size:80%;}
span.count {font-family:sans-serif;font-style:italic;font-size:50%;}