*		{ font-family:arial,helvetica; font-size:1em; box-sizing:border-box; -webkit-text-size-adjust: 100%; }
html, body	{ font-family:arial,helvetica; font-size:1em; box-sizing:border-box; line-height:1.2rem%; margin:0px; }

b		{ font-size:1.2rem; font-weight:normal; }
ul		{ line-height:1.5rem; }
a		{ color:blue; }

#post		{ display:none; z-index:2; position:relative; left:0px; top:0px; width:100%; height:3000px; background:white; }

#top		{ position:fixed; z-index:2; height:70px; width:100%; top:0px; background:#000; text-align:center; cursor:pointer; }
#bar		{ position:fixed; z-index:3; top:70px; width:100%; height:5px; background:#0033CC; border-top:1px solid #3366FF; border-bottom:1px solid #0011AA; }
#main		{ position:relative; width:100%; max-width:1200px; margin:0 auto 100% auto; background:white; padding:85px 5% 0 5%; }
#notice		{ position:absolute; line-height:73px; height:73px; z-index:10; width:100%; top:0px; left:0px; font-weight:bold; text-align:center; color:white; }

#bot		{ z-index:99999; position:fixed; width:100%; margin:auto auto; bottom:0px; background:#CCC; padding:5px 0px 15px 0px; border-top:1px solid #666; }
#bot table	{ width:100%; max-width:1200px; margin:auto auto; }

#cop		{ position:relative; font-size:.6rem; color:#666; text-align:center; padding:10px 0 10px 0; }
#exe		{ font-size:.6rem; color:#666; }

h1		{ font-size:1.8rem; font-weight:normal; margin:10px 0 10px 0; }
h1 a, .reload	{ font-size:1.8rem; font-weight:normal; color:black; text-decoration:none; cursor:pointer; }

#login_user	{ font-size:1rem; width:100%; padding:7px; border:1px solid #CCC; border-radius:10px; background:white; color:black; background:white; }
#current-password { font-size:1rem; width:100%; padding:7px; border:1px solid #CCC; border-radius:10px; background:white; color:black; background:white; }
#login_submit	{ font-size:1rem; font-weight:bold; color:#FFF; padding:12px 24px 12px 24px; border:1px solid #0011AA; border-radius:15px; 
		  background-color:#3366CC; background:-webkit-linear-gradient(#3366FF,#0033CC); text-align:center; color:#FFFFFF; cursor:pointer; }

.about		{ float:left; width:150px; margin:0 2% 2% 0; }
.about img	{ width:25px; height:auto; min-width:25px; margin-right:4px; }
.about td 	{ white-space:nowrap; }
#rare fieldset	{ font-size:.95rem; margin-bottom:15px; border:1px solid #999; border-radius:10px; background:#EEE; }
#rare legend	{ font-size:.90rem; margin-left:-18px; padding:2px 10px 2px 10px; background:#FFF; border:1px solid #999; border-radius:10px; }

.flags_V	{ color:rgb(  0,220,0); }
.flags_F	{ color:rgb(255,  0,0); }
.flags_N	{ color:rgb(255,150,0); }

.contact td	{ padding-bottom:5px; }

.panel		{ font-size:1rem; color:#333; width:fit-content; padding:10px; 5px 10px 5px; margin:10px 0    0  0; border:1px solid #999; border-radius:10px; background:#EEE; } 
.panel_no_title	{ font-size:1rem; color:#333; width:fit-content; padding: 8px 10px 8px 10px; margin:10px 0 12px; 0; border:1px solid #999; border-radius:10px; background:#EEE; } 
.panel	table	{ margin-top:5px; }
.panel	td	{ padding-right:5px; }

#panel1-2	{ float:left; width:49%; margin:10px 10px 10px  0px; font-size:1rem; color:#333; padding:10px; border:1px solid #999; border-radius:10px; background:#EEE; }
#panel2-2	{ float:left; width:49%; margin:10px  0px 10px  0px; font-size:1rem; color:#333; padding:10px; border:1px solid #999; border-radius:10px; background:#EEE; }
@media (max-width: 600px) { #panel1-2, #panel2-2 { width:100%; margin:10px 0 10px 0; } }

input[type='text'], input[type='number'], input[type='range'], input[type='password'], input[type='email'], input[type='tel'] {
		  width:100%; font-size:.9rem; width:100%; padding:7px; border:1px solid #CCC; border-radius:10px; background:white; color:black; background:white; }

select		{ width:100%; font-size:.9rem; width:100%; padding:7px 7px 7px 5px; border:1px solid #CCC; border-radius:10px; background:white; color:black; background:white; }

#submit, .submit { font-size:1.1rem; font-weight:bold; color:#FFF; padding:10px; border:1px solid #0011AA; border-radius:10px; 
		width:49%; background-color:#3366CC; background:-webkit-linear-gradient(#3366FF,#0033CC); text-align:center; color:#FFFFFF; cursor:pointer; }

#delete		{ font-size:1.1rem; font-weight:bold; color:#FFF; padding:10px; border:1px solid #990000; border-radius:10px;
		width:100%; background-color:#EE0000; background:-webkit-linear-gradient(#FF0000,#CC0000); text-align:center; color:#FFFFFF; cursor:pointer; }

#reset		{ font-size:1.1rem; font-weight:bold; color:#FFF; padding:10px; border:1px solid #333; border-radius:10px;
		width:100%; background-color:#EE0000; background:-webkit-linear-gradient(#999,#666); text-align:center; color:#FFFFFF; cursor:pointer; }

@media (max-width: 600px) { #submit, #delete, #reset { width:100%; } }

.more1  { font-size:1.1rem; color:#0033CC; padding:0 0 3px 0; text-decoration:underline; }
.more2  { color:black; padding:0 0 15px 0; }
.faq1	{ z-index:2; border:1px solid #CCC; border-radius:10px; padding:7px; background:white; }
.faq2	{ z-index:1; border:1px solid #CCC; border-top:0; border-radius:0 10px 10px 10px; padding:5px 10px 10px 10px; background:white; margin:0px 10px 15px 10px; background:rgb(245,245,245); font-style:italic; }


/* Grid Stuff */
#gtbl	{ margin:0; }
#title	{ padding:0 0 0 0; }
.addrec	{ font-size:1.5rem; color:blue; text-decoration:none; }	
.update { font-size:1.0rem; color:#00CC00; }

#clear	{ position:absolute; top:73px; width:calc(90% - 8px); min-width:206px; max-width:1200px; margin:auto auto;
	  visibility:hidden; font-size:.9rem; color:blue; text-align:right; text-decoration:none; cursor:pointer; }

#pages	{ font-size:1rem;  white-space:nowrap; }

#pgtbl	{ font-size:1rem; white-space:nowrap;
	.records	{ height:10px; padding-right:7px; }
	.cell_on	{ height:10px; padding:2px 3px 2px 3px; color:white; background:#0033FF; border:1px solid #CCC; border-radius:5px; text-align:center; cursor:pointer; }
	.cell_of	{ height:10px; padding:2px 3px 2px 3px; color:black; background:#FFFFFF; border:1px solid #CCC; border-radius:5px; text-align:center; cursor:pointer; }
	#l2, #l1, #n1, #of, #pgs, #n2, #g1, #g2 { display:table-cell; height:10px; padding:2px; text-align:center; vertical-align:middle; }
	#l2	{ border:1px solid #CCC; min-width:20px; border-radius:5px 0 0 5px; border-right:0; }
	#l1	{ border:1px solid #CCC; min-width:20px; }
	#n1	{ border:1px solid #CCC; border-left:0; border-right:0; padding:0; text-align:right; }
	#of	{ border:1px solid #CCC; min-width:15px; border-left:0; border-right:0; }
	#n2	{ border:1px solid #CCC; border-left:0; padding:0; padding-right:4px; }
	#pgs	{ border:1px solid #CCC; border-left:0; text-align:left; padding-right:5px; }
	#g1	{ border:1px solid #CCC; min-width:20px; border-left:0; }
	#g2	{ border:1px solid #CCC; min-width:20px; border-radius:0 5px 5px 0; border-left:0; }
	.dark	{ color:#000; }
	.dark:hover { background:#CCFFCC; cursor:pointer; }
	.lite	{ color:#999; }
}

#gcont	{ width:100%; padding:10px; border:1px solid #CCC; border-radius:10px; background:#F5F5F5; }
.grid	{ width:100%; padding:0px; display:grid; grid-gap:0px; overflow:hidden; cursor:pointer; border-left:1px solid #CCC; }
.gcols	{ font-size:1rem; background:rgb(240,240,240); padding:3px 4px 3px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:1px solid #CCC; border-left:0;
  > img	{ width:11px; height:6px; background:transparent; margin:0 2px 2px 2px; }
}

.fade	{ background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(220,220,220) 100%);
	  background:-webkit-linear-gradient(top,rgb(255,255,255) 0%,rgb(220,220,220) 100%);
	  background:linear-gradient(to bottom,rgb(255,255,255) 0%,rgb(220,220,220) 100%); }

.gcol_on{ background:#FFE17D; }
#grid	{ padding:0; 
	.search_cell	{ white-space:nowrap; padding:0; overflow:hidden; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
	.search_txt	{ font-size:1rem; padding:3px 4px 3px 4px; width:100%; border:0; outline:none; background:#FFFFCC; }
	.cell		{ font-size:1rem; padding:3px 4px 3px 4px; white-space:nowrap; overflow:hidden; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
	.row		{ display:contents; position:absolute; }
	.row:nth-child(odd) > div { background-color:#FFFFFF; }
	row:nth-child(even) > div { background-color:rgb(240,240,240); }
	.row:hover	    > div { background-color:#DDFFDD; }
	.cell		{ font-size:1rem; padding:3px 4px 3px 4px; white-space:nowrap; text-align:left; overflow:hidden; border:1px solid #CCC; border-left:0px; border-top:0; }
	.vis_yes	{ color:black; }
	.vis_no		{ color:#666; }
	}

/* Scan Post Styles */
#post_verify	{ z-Index:99999; background:blue; border-radius:20px; cursor:pointer; font-size:2rem; font-weight:bold; color:#FFF; padding:10px 20px 10px 20px; }

#post_errors	{ background:#FF0000; color:white; text-align:center; font-size:calc(15px + 1vw); padding:10px; border-bottom:1px solid #000; }
#post_notice	{ background:#EEEEEE; color:black; text-align:center; font-size:calc(15px + 1vw); padding:10px; border-bottom:1px solid #000; }

#post_details	{ margin:auto auto 200px auto; width:80%; max-width:600px; }
#post_details b { font-size:1rem; font-weight:bold; }
#post_top_space	{ height:18vw; max-height:135px; }
.post_name	{ text-align:center; cursor:pointer; font-size:calc(24px + 1vw); }
.post_age	{ text-align:center; cursor:pointer; font-size:calc(20px + 1vw); margin:auto auto; }

.post_extrow			{ width:100%; background:#FFF; border:1px solid #CCC; margin-top:-1px; overflow:hidden; }
.post_extrow:nth-child(even)	{ background:#F5F5F5; }

.post_extkey	{ font-size:.8rem; color:#666; padding:5px; }
.post_extval	{ font-size:1rem;  color:#000; padding:0 5px 5px 5px; white-space:nowrap; overflow:hidden; }

#verify_button	{ z-index:1; position:relative; margin:0 auto auto 15%; width:70%; float:left; font-size:1.2rem; font-weight:bold; color:#FFF; padding:15px 25px 15px 25px; border:1px solid #0011AA; border-radius:10px;
		  background-color:#3366CC; background:-webkit-linear-gradient(#3366FF,#0033CC); text-align:center; color:#FFFFFF; cursor:pointer;
		}