.flag {margin:11px auto 15px;}
.tabnam {width:96%;background:ivory;padding:4px;margin:4px auto;/* box-shadow: 0 0 8px  2px #e6e6c8; */}
#t0, #t4, #t5, #t7, #cr {display:none}
#t2 {margin-bottom:0;}
.vd {background:none;margin-top:0;padding:0;}
.tabnam td {padding:3px;vertical-align:top;}
.tabnam p {font-size:0.7em;text-align:left;color:gray;margin-bottom:6px;margin-top:2px;}

#head {font-size:198%;/* background:#e1e1c7; */font-family:tahoma;margin-top:5px;margin-bottom:10px;}
#nickn, #latin, #head, #engl  {text-align:center;}
#tax1 {padding-bottom:9px;}
#tax2 {text-align:left;width:90%;font-size:95%;}
#nickn{font-size:1.2em;color:maroon;margin:10px auto 4px;min-height:24px;}
#latin {margin:16px 2px;color:#fff;}
#engl {font-weight:bold;font-size:104%;}
#descr, #habit {padding:1px 6px 6px;text-align:left;}
#art {margin:4px auto;width:100%;text-align:center;}
#art img {width:100%;}
#pict img {width:100%;}
#map0 img {width:100%;outline:3px ridge darkgrey;}
#legen {margin-top:-31px;text-align:center;}
#taxin div {width:98%;margin:auto;text-align:center;}
#status {position:absolute;bottom:4px;width:98%;margin:auto;border-top:1px solid gray;padding-top:7px;}
#cr {width:99%;margin:auto;border-spacing:3px;}
#cr td {font-size:102%;text-align:center;background:#eae5e3;border:2px solid #cfc6c6;padding:4px;}
#crvu {width:99%;margin:auto;text-align:center;padding:2px;}

.sbox {margin-left:2px;position:relative;width:26%;display:inline-block;}
.titbox {margin:9px auto 11px;width:70%;display:inline-block;}

.fdat, .alst {background:#63718d;}
.alst {width:22%; margin:0;margin-right:1px;padding:1px;float:left;overflow-y:scroll;height:600px;border-width:12px 1px 10px 0;border-style:solid;border-color:#63718d;}
.alst p {cursor:pointer; margin:3px 8px;padding:5px 3px 2px;background:#cfd2d7;}
.alst p:hover {background:yellow;color:navy;}
.fdat { width:77%;margin:0;padding:2px;float:left;box-shadow: 0 0 88px 17px #283c62  inset;}

::placeholder { color: #b6bfc8;}

#taxin {
margin:auto;
text-align:left;
}
#tax1, #tax2, #tax3 {text-align:left;}

#myInput {
    background-image: url('/images/searchicon.png');
    background-position: 1px -1px; 
    background-repeat: no-repeat;
	background-size: contain;
    width: 85%;
	box-sizing:border-box;
    font-size: 16px;
    padding: 8px 4px 8px 34px;
    border: 1px solid #ddd; 
    margin-bottom: 12px; 
	box-shadow: 2px 2px 5px -1px #ddcece;
}
#myTable {
  border-collapse: collapse;
  border: 1px solid #ddd;
  font-size: 18px;
  position:absolute;
	top:36px;table-layout:fixed;
}

 #myTable td {
  text-align: left;
  padding: 8px;
  z-index:2;
  background-color: #f6f6f6;white-space:nowrap;
}

#myTable tr {display:none;border-bottom: 1px solid #ddd;cursor:pointer;}
 #myTable tr:hover {color:blue;}
 
 .or {color:gray;font-size:90%;font-weight:100;}
 
 /* scrollbar */
::-webkit-scrollbar {width: 11px;}
::-webkit-scrollbar-track {background: #f6f1df; }
::-webkit-scrollbar-thumb {background:#bebdb8; }
::-webkit-scrollbar-thumb:hover {background: #555; }

@media only screen and (max-width: 1180px) {
	#taxin {display:none;}
	#status {display:none;}
}
@media only screen and (max-width: 850px) {
	.alst p {font-size:1em;}
	h2 {font-size:1.3em;}
	.alst p {margin:3px;}
	.alst {width:25%}
	.fdat {width:74%}
	#head {font-size:178%;}
	#nickn{font-size:1.1em;}
	.sbox {width:99%;text-align:center;}
	.titbox {width:99%;margin-top:0;padding-top:0;}
	}

	@media only screen and (max-width: 540px) {
	.alst p {font-size:0.8em;}
	h2 {font-size:1.2em;}
	.alst {width:30%}
	.fdat {width:69%}
	#head {font-size:150%;}
	#nickn{font-size:1em;}
	.sbox {width:80%;}
	#myTable {font-size:90%;}
	.titbox {width:99%;}
}