/* DEFAULTS  ----------------------------------------------------------*/
body { font-family: Verdana, Helvetica, Helvetica Neue, Lucida Grande, Segoe UI, Arial;  background:  url('../images/back.jpg'); background-position: center;  background-repeat: no-repeat;  background-size: cover; margin-left: 0.5in;  margin-right: 0.5in;  } 
.w3-maroon,.w3-hover-maroon:hover{color:#FFFBFF!important;background-color:#7F0000!important}
.imgLink{cursor: pointer; font-weight:small; color:#00f; }
hr { border-top: 2px solid #800; }
ul {font-size:small; margin-right:5px;} 
.hide { visibility: collapse; }

.picleft { position:relative; float:left; width:150px; height:200px; margin:5px; }

.ctlSucc {border-color:#040; color:#00; }  
.ctlInfo {border-color:#004; color:#00; }
.ctlFail {border-color:#400; color:#00; }
.ctlNone {border-color:#fff; margin:16pt; } 
.lblSucc {background-color:#008000; border-color:#002200; color:#FFFFFF; border-radius:5pt; padding-left:5pt; padding-right:5pt;}
.lblInfo {background-color:#0000dd;	border-color:#000044; color:#FFFFFF; border-radius:5pt; padding-left:5pt; padding-right:5pt;}
.lblFail {background-color:#dd0000; border-color:#220000; color:#FFFFFF; border-radius:5pt; padding-left:5pt; padding-right:5pt;}
.lblNone {background-color:#ffffff;	border-color:#000000; margin:16pt;}


#imageViewContainer { width:98%; height:150px; margin:10px auto; background:#EED22E; border:2px solid #000; overflow:auto; white-space:nowrap; box-shadow:0 0 10px #000; }
#imageViewContainer img { margin:2px 2px 2px 2px; width:120px; height:120px }
#imageEditContainer { width:98%; height:150px; margin:10px auto; background:#EED22E; border:2px solid #000; overflow:auto; white-space:nowrap; box-shadow:0 0 10px #000; } 
div.iconbox {vertical-align: top; display: inline-block;  text-align: center; width: 140px; }
.iconbox img { width: 120px; height: 120px; background-color: grey; margin:5px 10px 0 10px;  }
.iconbox caption { display: inline-block; }
.imgLink{cursor: pointer; font-weight:small; color:#00f; }
 
#transferContainerDesc { width:98%; height:160px; margin:10px auto; background:#EED22E; border:2px solid #000; overflow:auto; white-space:nowrap; box-shadow:0 0 10px #000; }
.imgBox {vertical-align: top; display: inline-block;  text-align: center; width: 140px; }
.imgBox img { width: 120px; height: 120px; background-color: grey; margin:5px 10px 0 10px;  }
.imgBox desc { display: inline-block; }