body {font-family: "Verdana", sans-serif; margin: 0; padding: 0; background: #2a3517; color: Black;}
* {box-sizing: border-box;}
[class*="col-"] {float: left; padding: 15px;}
@media only screen and (max-width: 600px) {	/* Extra small devices (phones, 600px and down) */ /* mob1 */
	table.tabsize {font-family: "Arial", sans-serif; border-collapse: collapse; border: 1px solid black; background: white; border-spacing: 0; width: 100%;}
	table.eyecont {font-family: "Arial", sans-serif; border-collapse: collapse; background: white; width: 95%; margin: 2px 0px 8px 10px;}
}
@media only screen and (min-width: 600px) {	/* Small devices (portrait tablets and large phones, 600px and up) */ /* tab1 */
	table.tabsize {font-family: "Arial", sans-serif; border-collapse: collapse; border: 1px solid black; background: white; border-spacing: 0; width: 95%;}
	table.eyecont {font-family: "Arial", sans-serif; border-collapse: collapse; background: white; width: 90%; margin: 2px 0px 8px 10px;}
}
@media only screen and (min-width: 768px) {	/* Medium devices (landscape tablets, 768px and up) */ /* lap1 */
	table.tabsize {font-family: "Arial", sans-serif; border-collapse: collapse; border: 1px solid black; background: white; border-spacing: 0; width: 90%;}
	table.eyecont {font-family: "Arial", sans-serif; border-collapse: collapse; background: white; width: 85%; margin: 2px 0px 8px 10px;}
} 
@media only screen and (min-width: 992px) {	/* Large devices (laptops/desktops, 992px and up) */ /* des1 */
	table.tabsize {font-family: "Arial", sans-serif; border-collapse: collapse; border: 1px solid black; background: white; border-spacing: 0; width: 85%;}
	table.eyecont {font-family: "Arial", sans-serif; border-collapse: collapse; background: white; width: 80%; margin: 2px 0px 10px 10px;}
} 
@media only screen and (min-width: 1200px) {  /* Extra large devices (large laptops and desktops, 1200px and up) */ /* des3 */
	table.tabsize {border-collapse: collapse; border: 1px solid black; background: white; border-spacing: 0; width: 80%;}
	table.eyecont {border-collapse: collapse; background: white; width: 75%; margin: 2px 0px 10px 10px;}
}
@media screen and (max-width: 600px) {div.mob1 {display: none;}}
@media screen and (min-width: 600px) {div.tab1 {display: none;}}
@media screen and (max-width: 768px) {div.tab2 {display: none;}}
@media screen and (min-width: 768px) {div.lap1 {display: none;}}
@media screen and (max-width: 768px) {div.lap2 {display: none;}}
@media screen and (min-width: 992px) {div.des1 {display: none;}}
@media screen and (max-width: 992px) {div.des2 {display: none;}}
@media screen and (min-width: 1200px) {div.des3 {display: none;}}
@media screen and (max-width: 1200px) {div.des4 {display: none;}}
[class*="col-"] {width: 100%;}  /* For mobile phones: */
@media only screen and (min-width: 600px) {  /* For tablets: */
	.col-t1 {width: 8.33%;}
	.col-t2 {width: 16.66%;}
	.col-t3 {width: 25%;}
	.col-t4 {width: 33.33%;}
	.col-t5 {width: 41.66%;}
	.col-t6 {width: 50%;}
	.col-t7 {width: 58.33%;}
	.col-t8 {width: 66.66%;}
	.col-t9 {width: 75%;}
	.col-t10 {width: 83.33%;}
	.col-t11 {width: 91.66%;}
	.col-t12 {width: 100%;}
}
@media only screen and (min-width: 768px) {  /* For large tablets: */
	.col-l1 {width: 8.33%;}
	.col-l2 {width: 16.66%;}
	.col-l3 {width: 25%;}
	.col-l4 {width: 33.33%;}
	.col-l5 {width: 41.66%;}
	.col-l6 {width: 50%;}
	.col-l7 {width: 58.33%;}
	.col-l8 {width: 66.66%;}
	.col-l9 {width: 75%;}
	.col-l10 {width: 83.33%;}
	.col-l11 {width: 91.66%;}
	.col-l12 {width: 100%;}
}
@media only screen and (min-width: 992px) {  /* For laptop: */
	.col-d1 {width: 8.33%;}
	.col-d2 {width: 16.66%;}
	.col-d3 {width: 25%;}
	.col-d4 {width: 33.33%;}
	.col-d5 {width: 41.66%;}
	.col-d6 {width: 50%;}
	.col-d7 {width: 58.33%;}
	.col-d8 {width: 66.66%;}
	.col-d9 {width: 75%;}
	.col-d10 {width: 83.33%;}
	.col-d11 {width: 91.66%;}
	.col-d12 {width: 100%;}
}
@media only screen and (min-width: 1200px) {  /* For desktop: */
	.col-db1 {width: 8.33%;}
	.col-db2 {width: 16.66%;}
	.col-db3 {width: 25%;}
	.col-db4 {width: 33.33%;}
	.col-db5 {width: 41.66%;}
	.col-db6 {width: 50%;}
	.col-db7 {width: 58.33%;}
	.col-db8 {width: 66.66%;}
	.col-db9 {width: 75%;}
	.col-db10 {width: 83.33%;}
	.col-db11 {width: 91.66%;}
	.col-db12 {width: 100%;}
}
#lazy {font-family: Verdana, Helvetica, sans-serif; border-collapse: collapse; width: 95%;}
#lazy td, #lazy th {border: 1px solid black; padding: 1px 1px 1px 3px;}
#lazy tr:nth-child(even){background-color: #f1f1f1;}
a:link, a:visited {color: #000000; text-decoration: none; display: inline; cursor:hand;}
a:hover, a:active {color: #0000ff; text-decoration: none; display: inline; cursor:hand;}
a.gone:link,a.gone:visited {font-family: "Arial", sans-serif; display: block; font-weight: bold; color: #000000; background-color: #c7dec7; text-align: left; padding: 4px; text-decoration: none; text-transform: uppercase;}
a.gone:hover,a.gone:active {background-color: #faf0e6;}
a.modme:link, a.modme:visited, a.modme:hover, a.modme:active {color: #000000; text-decoration: none; display: block;}
a.olist:link, a.olist:visited, a.olist:hover, a.olist:active {text-decoration: underline; display: inline; cursor:hand;}
a.smsee:link, a.smsee:visited, a.smsee:hover, a.smsee:active {color: blue; text-decoration: underline; display: inline; cursor:hand;}
a.side:link, a.side:visited, a.side:hover, a.side:active {color: #000000; text-decoration: none; display: block; padding: 4px 4px 4px 10px; text-transform: uppercase;}
a.stealth:link, a.stealth:visited, a.stealth:hover, a.stealth:active {color: white; font-size: 12px; text-decoration: none; display: inline;}
div.bubcont {width: 95%; margin: 5px; padding: 3px 5px 3px 5px; border-radius: 12px; border: 1px solid black; background-color: white;}
div.bubnote {width: 95%; margin: 5px; padding: 3px 2px 3px 3px; border-radius: 12px; border: 1px solid black; background-color: #60b3d1;}
div.bubprice {margin: 5px; padding: 3px 2px 3px 3px; border-radius: 12px; border: 1px solid black; background-color: #fffacd;}
div.guide {margin: 0px; padding: 1px 0px 1px 5px;}
div.guidein {margin: 0px; padding: 1px 0px 1px 20px; background-color: white;}
div.guideinbig {margin: 0px; padding: 1px 0px 1px 40px; background-color: white;}
div.horror {margin: 5px 20px 10px 5px; padding: 1px 0px 1px 5px; background-color: white;}
div.horror2 {margin: 5px 5px 10px 20px; padding: 1px 0px 1px 5px; background-color: white;}
div.mkwkl {width: 33%; border: 1px solid white; padding: 0; margin: 0; float: left;}
div.mkwkr {width: 64%; border: 1px solid white; padding: 0; margin: 0; float: right;}
hr.shorty {color: #4682b4; width: 90%; margin: 3px;}
hr.shortblk {color: black; width: 75%; margin: 2px;}
hr.spcr {color: white; width: 60%; margin: 3px;}
img.flrite {float: right; margin-left: 10px;} img.flleft {float: left; margin-right: 10px;}
img.stup {display: block; margin-top: 1em; margin-left: auto; margin-right: auto; object-fit: contain;}
nav {display:block}
summary{display:list-item}
table {border-collapse: collapse; border: 1px solid black; background: white; border-spacing: 0; width: 80%;}
td {border: 1px solid black; padding: 1px 1px 1px 5px;}
th {font-family: "Arial", sans-serif; border: 1px solid black; background-color: #c7dec7; text-align: center; color: black;}
table.bigboy {border-collapse: collapse; border: 1px solid navy; background: white; width: 100%;}
table.fold {border-collapse: collapse; border: 1px solid navy; background: white; margin: 2px 10px 10px 20px; width: 90%;}
tr.fold, td.fold {border: none; padding: 1px 1px 1px 3px;}
table.fold2 {border-collapse: collapse; border: 1px solid navy; background: white; margin: 2px 10px 10px 20px; width: 80%;}
table.eye1 {border-collapse: collapse; border: 1px solid black; margin: 2px 0px 0px 0px; background: white; width: 98%;}
table.eye2 {border-collapse: collapse; border: 1px solid black; margin: 20px 0px 5px 0px; background: white; width: 98%; line-height: 18px;}
table.innerside {border-collapse: collapse; background: white; margin: 2px 0px 2px 10px;}
table.othmm {border-collapse: collapse; background: white; margin: 2px 0px 2px 30px; width: 80%;}
table.underside {border-collapse: collapse; background: white; margin: 2px 0px 2px 30px; width: 50%;}
table.underbig {border-collapse: collapse; border: 1px solid #2a3517; background: #2a3517; margin: 2px 0px 2px 30px;}
tr.underbig, td.underbig {border: none; padding: 1px 1px 1px 3px;}
table.underin {border-collapse: collapse; border: 1px solid navy; background: white; margin: 2px 10px 10px 20px; width: 98%;}
	/* for tabsize and eyecont see media rules at bottom */
ul {list-style-type: disc; list-style-position: inside;}
ul.go {list-style-type: none; margin: 0; padding: 0;}
.abc {font-family: "Arial", sans-serif; background: #dbe4f0; color: black; font-weight: bold; border: 1px solid black; border-radius: 4px; text-decoration: none; text-align: center; padding: 5px 10px; width: 70px;}
.abcside {font-family: "Arial", sans-serif; background: #dbe4f0; color: black; font-weight: bold; border: 1px solid black; border-radius: 4px; text-decoration: none; text-align: center; padding: 5px 10px;}
.abcsm1 {font-family: "Verdana", sans-serif; background: lightgray; color: black; font-weight: bold; border: 1px solid black; border-radius: 4px; width: 50px; text-align: center; padding: 5px; margin: 2px;}
.abcsm2 {font-family: "Verdana", sans-serif; width: 100%; background: lightgray; text-align: left; color: black; padding: 5px; margin: 2px; display: block;}
.alt {font-family: "Verdana", sans-serif; margin: 0; padding: 0; background: #ffffff; color: #000000;}
.anir {position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} .aniop {animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.click:hover{color:#000!important;background-color:#ccc!important}
.cmake {background-color: #c7dec7; border: 1px solid darkgreen; font-weight: bold; color: black; text-align: left; padding: 5px 15px;}
.content {margin: 1px 2px 8px 5px;}
.crossx .click {width: 100%; text-align: left; padding: 8px 16px;}
.drop {background-color: #f4fbfd;}
.eyeup {vertical-align: text-top;}
.fhead {font-family: "Arial", sans-serif; background-color: #c7dec7; text-align: center; color: black;} /* darker green */
.field {background-color: #e6e6e6; color: black;}
.fieldt {background-color: #333333; text-align: center; color: white; font-weight: bold;}
.first {margin: 2px 2px 7px 2px;}
.gonefake {font-family: "Arial", sans-serif; display: block; font-weight: bold; color: #000000; background-color: #c7dec7; text-align: left; padding: 4px; text-transform: uppercase;}
.gonefake:hover {background-color: #faf0e6;}
.header, .footer {padding: 0.5em; clear: left; background-color: #012641;}
.head2 {padding: 0.5em; clear: left; background-color: white;}
.head3 {padding: 0.2em; clear: left; background-color: #002800; border-bottom: 1px solid black;}
.info {visibility: hidden;}
.linkhak {padding: 0px 4px 16px 4px;}
.lside {width:200px; background-color:#000; position:fixed!important; z-index:1; overflow:auto;}
.modyr {background: linear-gradient(#b0e0e6, #87cefa); color: black; width: 95%; padding: 0px 0px 0px 10px; border: 1px solid black;}
.naviup {position: fixed; width: 100%; top: 0;}
.now {display: block; font-weight: bold; color: white; text-shadow: 1px 1px black; background-color: #2e8b57; text-align: right; padding: 4px; text-transform: uppercase;}
.nowbig {display: block; font-weight: bold; color: white; text-shadow: 1px 1px black; background-color: #40692C; text-align: right; padding: 4px; text-transform: uppercase;}
.noweq {display: block; font-weight: bold; color: white; text-shadow: 1px 1px black; background-color: #81b99a; text-align: right; padding: 4px; text-transform: uppercase;}
.overit {position: fixed; display: none; width: 100%; height:100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 2;}
.quest {margin: 2px 2px 2px 20px; padding: 2px 2px 5px 10px; background-color: white; border: 1px solid navy; width: 85%;}
.row::after {content: ""; clear: both; display: table;}
.shade {box-shadow: 3px 0px 8px 2px #708090;}
.skyl {float: left!important;} .skyr {float: right!important;}
.stay {position: sticky; top: 0;}
.tabbut {background: #80dfff; border: 1px solid black; border-radius: 8px;} /* orange */
.uppity {vertical-align: text-top;}
	/* Border - top, right, bottom, left */
.alltop {border-top: 1px solid #2f4f4f;}
.bor3 {border-top: 1px solid darkgreen; border-right: 1px solid darkgreen; border-left: 1px solid darkgreen;}
.bor4d {border: 1px solid black;}
.borall {border: 1px solid darkgreen;}
.borbot {border-bottom: 1px solid darkgreen;}
.borbypass {border: 2px solid Black;}
.endme {border-bottom: 4px solid #2a3517;}
.eyestopl {border-left: 2px solid Black;}
.eyestopt {border-top: 2px solid Black;}
.nobord {border: 1px solid white;}
.noleft {border-left: 1px solid white;}
.norite {border-right: 1px solid white;}
.notop {border-top: 1px solid white;}
.nobot {border-bottom: 1px solid white;}
.empty {border: 1px solid white;}
	/* Size - width */
.fitin {object-fit: contain;}
.wide5 {width: 5%;} .wide10 {width: 10%;} .wide15 {width: 15%;} .wide20 {width: 20%;} .wide25 {width: 25%;} .wide30 {width: 30%;} .wide35 {width: 35%;} .wide40 {width: 40%;} .wide50 {width: 50%;} .wide60 {width: 60%;} .wide75 {width: 75%;}
.wideopen {width: 30px}
	/* Margin and Padding - top, right, bottom, left */
.pad1 {padding: 0px 0px 0px 10px;} .pad2 {padding: 0px 0px 0px 20px;} .pad3 {padding: 0px 0px 0px 30px;} .pad4 {padding: 0px 0px 0px 55px;} .pad5 {padding: 0px 0px 0px 70px;}
.tpad8 {padding-top: 8px!important; padding-bottom: 8px!important;}
.special {margin: 2px; padding: 5px 10px 5px 15px;}
.padall {margin: 8px 4px 0px 4px;}
.spaceme {margin: 0px 4px;}
.spaced {margin-bottom: 4px;}
	/* Fonts - default font size is 16px */
.xxsm {font-size:8px} .xsm {font-size:10px} .sm {font-size:12px} .med {font-size:15px} .lg {font-size:18px} .xlg {font-size:24px}
.fat {font-weight: bold;} .reg {font-weight: normal;} .thin {letter-spacing: -1px;} .spacew {letter-spacing: 1px;}
.attn {color: red;}
.attn2 {color: blue;}
.txtmid {text-align: center;} .txtleft {text-align: left;} .txtrite {text-align: right;}
.txtwht {color: White;}
.standout {font-family: Arial, Helvetica, sans-serif;}
	/* Colors */
.hilite {background-color: #fffbe6;} /* warm yellow */
.hilited {background-color: #fff3b3;} /* deep warm yellow */
.hilitea {background-color: #fff5e6;} /* papaya whip */
.hiliteb {background-color: #ffebcd;} /* moccasin */
.hilitec {background-color: #ffe0b3;} /* navajo white */
.hilitebm {background-color: #40692C;} /* darker green */
.hiliteu {background-color: #dfecdf;} /* pale dark sea green */
.hilite1 {background-color: #ffc04d;} /* orange */
.hilite2 {background-color: #fde8ec;} /* pale pink */
.hilite3 {background-color: #ffe4e1;} /* warm pink */
.hilite4 {background-color: #ffd700;} /* obnoxious */
.hilite5 {background-color: #afeeee;} /* pale turquoise */
.hilite6 {background-color: #e9fce9;} /* light green */
.hilite7 {background-color: #ffdb99;} /* light orange */
.hilite8 {background-color: #ecf7f9} /* hilite blue table */
.hilite8b {background-color: #d9eff3} /* hilite blue table */
.hilite9 {background-color: #ffece6} /* hilite buttons, pale salmon */
.hilite10 {background-color: #f1f1f1} /* light gray */
.hilite11 {background-color: #84e184} /* light lime green */
.hilite12 {background-color: #2f4f4f} /* dark slate grey */
.hilite13 {background-color: #e6e6fa} /* lavender */
.hilitez {background-color: #f8f3ed} /* for combined tables */
.hiliteno {background-color: #2a1506;} /* dark brown */
.caution {background: #f5d6e0; font-weight: bold;} /* pink */
.cleaner {color: #2a3517; background: #2a3517;} /* same as body */
.wht, .hovwht:hover {color: #000!important; background-color: #fff!important;}
.blk, .hovblk:hover {color: #fff!important; background-color: #000!important;}
.ltgry, .hovtxtltgry:hover {color: #f1f1f1!important;}