body, html {font-family:helvetica,arial;box-sizing:border-box;}
/* background-color:#9AADB0; */
#listpic {width:98%;min-height:1500px;padding-bottom:40px;}

@media screen and (min-width: 601px) {
#listpic {position:relative;display:block;margin:5px;padding:10px 0;}
#listpic table {position:relative;display:block;float:left;margin:5px;width:99%;border-collapse:collapse;border-spacing:0;} /* table */
#listpic p {position:relative;display:block;float:left;width:99%;margin:10px;color:#B40404;}
#piclist th, #piclist td {border:solid 1px #9AADB0;padding:2px;}
#picklist tr {vertical-align:middle;}
#piclist td {font-size:16px;padding:2px 3px;}
#piclist th {font-size:14px;}
#piclist caption {color:#B40404;}  /*this is dk red */
.vsm {width:1.5%;}
.nsm {width:2.5%;}
.med {width:5%;}
.nmed {width:10%;}
.lg {width:12%;}
.im_lineno, .im_when, .im_update, .tick {text-align:center;}
#delwarn {position:absolute;display:none;top:140px;font-size:20px;width:85%;background:white;padding:100px;border:solid 2px #B40404;text-align:center;}
#delcont {position:relative;display:inline;color:#B40404;cursor:pointer;border:solid 2px #B40404;border-radius:14px;padding:5px 10px;margin:0 10%;}
#delexit {position:relative;display:inline;cursor:pointer;border:solid 2px grey;border-radius:14px;padding:5px 10px;margin:0 10%;}
#navbtn {position:relative;display:block;float:left;width:80%;margin:20px;color:blue;cursor:pointer;font-size:20px;}
#welcome {position:relative;display:block;width:100%;text-align:center;background-color:#9AADB0;min-height:640px;margin:0;}
#welcome img {position:relative;display:block;margin:120px auto 0 auto;width:600px;height:auto;border:solid 4px white;}
#exit {position:relative;display:block;width:99%;cursor:pointer;top:20px;margin-bottom:20px;}
#aexit {color:white;text-decoration:none;font-size:18px;}
#aexit:hover {color:blue;text-decoration:none;border-radius:12px;background:white;padding:3px;}
#myadmin {position:relative;display:block;width:100%;text-align:center;background-color:#9AADB0;min-height:640px;top:0;}
#myadmin img {position:fixed;display:block;margin:20px 19%;width:800px;height:auto;border:solid 4px white;}
#picmod, #picnew {position:relative;display:block;float:left;width:29%;margin:1.75% 10%;font-size:24px;color:white;cursor:pointer;}

#fm_modcaption, #fm_newcaption {position:relative;display:block;float:left;width:99%;background-color:white;}
#fm_modcaption input:focus, #fm_newcaption input:focus {background:#EFF5FB;}
#fm_modcaption label, #fm_newcaption label {position:relative;display:inline-block;width:25%;float:left;clear:left;padding:3px;margin:3px 0;}
#picnm, #picwhr, #picwho, #picowner {position:relative;display:inline;padding:3px;margin:3px 0;width:69%;font-size:16px;}
#fm_modcaption textarea, #fm_newcaption textarea {position:relative;display:inline;padding:3px;margin:3px 0;width:69%;font-size:16px;font-family:helvetica,arial;}
#picdate {position:relative;display:inline-block;float:left;padding:3px;margin:3px 0;width:100px;font-size:16px;}
#div_modcaption {position:relative;display:block;width:98%;min-height:640px;background-color:#9AADB0;padding:10px;}
#navline {position:relative;display:block;float:left;width:99%;}
#navbtn1, #navbtn2 {position:relative;display:block;float:left;width:10%;margin:20px 0 20px 0;color:white;cursor:pointer;font-size:20px;}
#div_modform, #div_picdisplay, #div_newform {position:relative;display:inline-block;float:left;width:46.5%;padding:10px;margin:0;}
#div_modform, #fm_modcaption, #div_newform {background-color:white;}
#div_modform button {position:relative;display:block;float:left;clear:both; width:100px; background-color:#EFF5FB;font-size:16px;border-radius:12px;left:25%;
margin:10px 0 20px 0;}
#div_modform h4, #div_newform h4 {position:relative;display:block;float:left;clear:left;width:98%;margin:0 10px;}
#div_modform p, #div_newform p {position:relative;display:block;float:left;clear:left;width:98%;margin:10px;}
#div_newcaption {position:relative;display:block;width:98%;min-height:740px;background-color:#9AADB0;padding:0 10px;}
#div_picdisplay {position:relative;display:block;text-align:center;}
#capspan {position:relative;display:block;margin:0 30px 10px 30px;color:white;top:-40px;}
#imgcont {position:relative;display:inline;text-align:center;}
#div_picdisplay img {position:relative;display:inline;max-width:580px;top:-10px;margin:-20px 10px 20px 20px;border:solid 4px white;}
#newupld {position:relative;display:inline-block;width:20%;background-color:#EFF5FB;font-size:16px;border-radius:12px;margin-right:32px;}
#newprev, #newsub {position:relative;display:inline;width:100px;left:150px;background-color:#EFF5FB;font-size:16px;
border-radius:12px;margin:10px 20px;}

#fldset {position:relative;display:block;float:left;width:90%;border:none;font-weight:600;}
.brwse {position:relative;display:inline;width:260px;background-color:#EFF5FB;font-size:16px;margin:10px;}
#picownerlabel {position:relative;display:inline;margin:10px;}
#picowner {position:relative;display:inline;width:120px;margin:10px;}
#picowner:focus {background-color:#EFF5FB;}
.upld {position:relative;display:inline;width:120px;left:30px;background-color:#EFF5FB;font-size:16px;border-radius:12px;margin:10px;}
#errmsg {color:#B40404;}

#fm_myadmin {position:fixed;display:block;width:80%;top:150px;left:10%;height:200px;background:white;z-index:1;}
#admininput {position:fixed;display:block;width:20%;font-size:20px;top:200px;left:40%;z-index:1;cursor:pointer;}
#adminsub {position:fixed;display:block;width:10%;font-size:20px;top:260px;left:45%;border-radius:14px;z-index:1;cursor:pointer;}
#si_errmsg {position:fixed;display:block;width:20%;font-size:20px;top:310px;left:40%;border-radius:14px;z-index:1;color:#B40404;}
} /* end min 601 */

@media screen and (max-width: 600px) {
#listpic, #div_modcaption, #div_newcaption, #myadmin, #welcome {display:none;}

} /* end max 600 */