/*
2020-04 UI redesign, checklist review
*/

/* GLOBAL */
*{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}
body{margin:0;padding:40px 0px 40px 40px;color:white;background-color:black;}
h1{margin:10px 0 14px 0;font-size:x-large;white-space:nowrap;}
h2{margin:0 0 5px 0;font-size:medium;font-weight:normal;color:#FFA600;}
h2.cmt, h2 a.cmt{margin:0 0 5px 0;font-size:small;}
p,td,th,li,dt,dd,label,h3,h4,h5,h6,textarea{margin:0;font-size:small;}
p{margin-bottom:5px;} /* old 5px */
p.details{font-size:x-small;}
a,a:link,a:hover,a:visited,a:active{color:white;}
h2 a.cmt, h2 a.cmt:link, h2 a.cmt:hover, h2 a.cmt:visited, h2 a.cmt:active{color:#FFA600;}
h2 a.cmt img{vertical-align:middle;font-size:0;}
a:hover{text-decoration:none;}
li{list-style:none;}
ul,li,form{margin:0;padding:0;}
.t-al-left{text-align:left;}
.ff-t-al-left{margin-left:0;margin-right:auto;};
.t-al-right{text-align:right;}
.ff-t-al-right{margin-left:auto;margin-right:0;};
.t-al-center{text-align:center;}
.ff-t-al-center{margin-left:auto;margin-right:auto;};
.v-al-middle{vertical-align:middle;}
.v-al-top{vertical-align:top;}
.h-spacer{width:20px;}
.v-spacer{height:20px;}
.v-replacer{height:132px;background-color:#D7D5D5;}
.v-divider{width:1px;background-color:#FFD851;}
.h-divider{overflow:hidden;height:1px;margin-top:10px;margin-bottom:10px;font-size:1px;background-color:#FAFC03;}
.h-divider.details{margin-bottom:5px;}
.center-pict {display:block;margin-left:auto;margin-right:auto;width:100%;}
table td{vertical-align:top;}
/* LAYERS */
div#corner-logo{position:absolute;left:20px;top:20px;width:99px;height:79px;z-index:100;background:url("../img/corner-logo.gif") no-repeat;}
div#title{position:absolute;left:323px;top:44px;z-index:100;color:yellow;}
div#title a,div#title a:link,div#title a:hover,div#title a:visited,div#title a:active{text-decoration:none;color:yellow;}
div#title-bg{position:absolute;left:325px;top:46px;z-index:99;color:#808080;}
table#main-ctner{width:760px;}
table#main-ctner td.ctnt{background:url("../img/fun-top.gif") 3px right no-repeat;background-color:#000000;}
table#main-ctner td.bottom-fun-logo-ctner{height:20px;background:url("../img/fun-bottom.gif") top left no-repeat;background-color:#000000;}
table#side-box-ctner{width:200px;}
table#side-box-ctner a, td#left-ctnt a.active{text-decoration:none;color:yellow;}
table#side-box-ctner a img, table#side-box-ctner img{vertical-align:bottom;font-size:0px;}
/* STRUCTURES */
table.box div.line{overflow:hidden;font-size:1px;background-color:#000000;}
table.box.inactive div.line{background-color:#4F4F4F;}
table.box div.l1{height:1px;margin:0 4px 0 4px;}
table.box div.l2{height:1px;margin:0 2px 0 2px;}
table.box div.l3{height:2px;margin:0 1px 0 1px;}
table.active div.l1{height:1px;margin:0 0 0 4px;}
table.active div.l2{height:1px;margin:0 0 0 2px;}
table.active div.l3{height:2px;margin:0 0 0 1px;}
table.box td.side-box-ctnt{padding:0 4px 0px 4px;background-color:#000000;text-align:center;}
table.box td.side-box-ctnt p{margin:0;font-size:x-small;}
table.box.inactive td.side-box-ctnt{background-color:#4F4F4F;}
table.box td.photo-cmt-ctnt{padding:4px 4px 0 4px;background-color:#000000;}
table.box.photo-comment{width:100%;}
table.box.photo-comment td.photo-cmt-ctnt{background-color:#4F4F4F;}
table.box.photo-comment div.line{overflow:hidden;font-size:1px;background-color:#4F4F4F;}
table.box.photo-comment.dark td.photo-cmt-ctnt{background-color:#808080;}
table.box.photo-comment.dark div.line{overflow:hidden;font-size:1px;background-color:#808080;} /*2A2828*/
table.box td.photo-ctnt{padding:0 4px 0px 4px;background-color:#000000;}
table.box td.photo-ctnt img.whiteBorderAccent{border:2px solid black;} /*onload turn to white*/
/*table.box td.photo-ctnt-legend {padding: 0 4px 0px 4px;text-align:right;background-color:black;}*/
table.box td.photo-ctnt-legend div {margin-right:4px;padding: 0 6px 2px 8px;float:right;background-color:white;color:black;}
table.box td.photo-ctnt-legend div a {color:black}
table.box td.photo-ctnt-legend div#photo-ctnt-legend-div {visibility:hidden;padding-right: 10px;}
table.box td.photo-viewer-ctnt{padding:0 4px 0 4px;text-align:right;font-size:1px;background-color:#000000;}
table.box td.photo-viewer-ctnt img{padding-left:4px;}
table#photo-viewer-ctner{width:100%;}
table#photo-cmt-ctner{width:100%;}
/* SPECIFIC CTNT */
td#left-ctnt{padding:8px;height:500px;width:193px;}
td#right-ctnt{padding:8px;/*width:565px;*/}
td#right-ctnt p{text-align:justify;}
td#right-ctnt p.bubble{text-indent:16px;background-image:url('../img/icon/bubble.gif');background-repeat:no-repeat;background-position:left 2px;}
table.ctnt th,table.ctnt td{border:1px solid gray;padding:2px 4px 2px 4px;}
table.ctnt td p{margin-bottom:0;}
table.ctnt td p.indent{text-indent:30px;background-image:url('../img/icon/child-link.gif');background-repeat:no-repeat;background-position:18px center;}
table.ctnt{border-collapse:collapse;}

body#gallery{margin: 0 0 0 0;padding:0;}
table#thumb-col{margin:0;padding:0;width:200px;border-right:0px solid #4F4F4F;}
table#thumb-col td{vertical-align:top;padding:20px 0 0 0;margin:0;text-align:center;}
table#thumb-col td div.thumb{margin:0 auto 0 auto;width:auto;height:116px;overflow:hidden;/*background-color:red;*/}
table#thumb-col td div.thumb-active{margin:0 auto 0 auto;width:150px;height:112px;overflow:hidden;background-color:#222222;border-top:3px solid #FAFC03;border-left:3px solid #FAFC03;border-right:3px solid #FAFC03;}
table#thumb-col td div.thumb-activehighlight{margin:0 auto 0 auto;width:150px;height:112px;overflow:hidden;background-color:#222222;border-top:3px solid #FAFC03;border-left:3px solid #FAFC03;border-right:3px solid #FAFC03;}
table#thumb-col td div.thumb img.whiteBorderAccent{height:112px;border:2px solid black;} /*onload turn to white*/
table#thumb-col td div.thumb-active img{height:112px;border:none;}
table#thumb-col td div.thumb-caption {margin:0 auto 0 auto;width:150px;}
table#thumb-col td div.active{background-color:#222222;border-bottom:3px solid #FAFC03;border-left:3px solid #FAFC03;border-right:3px solid #FAFC03;}
table#thumb-col td div.activehighlight{background-color:#222222;color:white;border-left:3px solid #FAFC03;border-right:3px solid #FAFC03;border-bottom:3px solid #FAFC03;}
table#thumb-col td div.smarttag {background-color:#FAFC03;padding: 3px 0 3px 0;font-weight:bold;color:#222222;}
table#thumb-col td div.thumb-caption p{margin:4px 0 4px 0;}
table#thumb-col td div.thumb-v-spacer{margin:0 auto 0 auto;width:150px;height:20px;/*background-color:green;*/}
p.bubble{text-indent:17px;background-image:url('../img/icon/bubble.gif');background-repeat:no-repeat;background-position:left 2px;}

body#thumbs{padding: 10px 10px 10px 10px;}
body#thumbs div.thumb-box{float:left;text-align:center;margin:4px 4px 4px 4px;}
body#thumbs div.thumb{width:178px;height:116px;overflow:hidden;}
body#thumbs div.thumb img.whiteBorderAccent{height:112px;border:2px solid white;} /*onload turn to white*/
body#thumbs div.thumb-box p{margin-top:2px}
body#thumbs div.thumb-box span{color:#FFA600;}
body#thumbs div.thumb-box-highlight {color:#222222;float:left;text-align:center;padding:3px 2px 3px 2px;margin:1px 2px 1px 2px;background-color:#FAFC03;}
body#thumbs div.thumb-box-highlight span{color:#FFA600;font-weight:bold;}
body#thumbs div.thumb-box-highlight a{color:#222222;}
body#thumbs div.thumb-box-highlight img{border:none;}
body#thumbs div.thumb-box-highlight-green {color:#222222;float:left;text-align:center;padding:3px 2px 3px 2px;margin:1px 2px 1px 2px;background-color:green;}
body#thumbs div.thumb-box-highlight-green span{color:#FFA600;font-weight:bold;}
body#thumbs div.thumb-box-highlight-green a{color:#222222;}
body#thumbs div.thumb-box-highlight-green img{border:none;}
table#thumbs div.thumb-caption {height:10px;width:178px;}

td.photo-cmt-ctnt img.whiteBorderAccent{border:2px solid white;}

body#slideshow{padding:0px 10px 10px 10px;background-color:black;}

/* 2020-04-11 cliquable divs*/
div#leftClickDiv {
  background-color: transparent;  /*transparent*/
  position: absolute;
  z-index: 99;
  cursor: pointer;
}
div#rightClickDiv {
  background-color: transparent; /*transparent*/
  position: absolute;
  z-index: 99;
  cursor: pointer;
}
div#largeClickDiv {
  /*background-color: blue;*/
  position: absolute;
  z-index: 100;
  cursor: pointer;
}
div.gallery-box img.whiteBorderAccent{border:2px solid white;}
div.gallery-box {padding:5px 10px 12px 10px;}
div.gallery-box-caption {border-left:2px solid white; padding-left:7px; margin-left:2px;}
div.gallery-box-caption p {margin-bottom:7px; padding-bottom:0px;}
div.gallery-box-picture img {height:400px; width:600px;}
@media only screen and (max-device-width: 1200px) {
	div.gallery-box-picture img {height:293px; width:440px;}
	span.hide-on-small-res {
		visibility: hidden;
		display: none;
	}
}

.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;}.w3-badge{border-radius:50%}
.w3-badge a,.w3-tag a {text-decoration: none;}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ffA600!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}