html { overflow-x:auto; overflow-y:scroll; }  /* force scroll bar to be always present to prvent jitter */

body {
	font-family: Arial, Helvetica, sans-serif;
	/* background: #D1D1D1; */
	 
	padding: 0;
	border: 0; 
	font-weight: normal; 
	font-size: 100%; 
	vertical-align: baseline;  
	margin: 0 auto;
	line-height: 1.5;
	-webkit-text-size-adjust: none;

}
body,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0 auto;
	line-height: normal;				
}
body {									/* from Hosea's inc_head */
	background-image: url(https://i.pinimg.com/originals/ff/d9/dd/ffd9dd9fcea13daa9d4ebf1d3b23fe5c.jpg);
	background-size: cover;
	font-family: initial;		
	display: block;
	margin: 8px;
	font-size:initial;
	height: 100vh;
	width: 100vw;		
}



#edittable tr:first-child {
	line-height:0px;
}

#xedittable tr:last-child {
	padding-top: 40px;
}
#xedittable tr:last-child td{
	margin-top: 40px;
	text-align:center;
}
#edittable input,#edittable select {	
	height:24px;		/* 24 */
}

#submitbuttons { 
	text-align: center;
	margin-top: 12px;
}
#submitbuttons input {
	background: #990000; 
	font-weight:bold; 
	color:#FFFFFF; 
	cursor:pointer;
	margin-right:5px;
	width:65px;
}
#submitbuttons input:last-child {
	margin-right:0;
}

.linkbutton { 
		color: #333333;
		padding: 3px 4px 2px;
		border-top: 2px solid #CCCCCC;
		border-right: 2px solid #333333;
		border-bottom: 2px solid #333333;
		border-left: 2px solid #CCCCCC;
		margin: 0 0 0 22px;
		background: #990000;
		text-decoration: none !important;
		font-weight:unset !important;
		color: white !important;
		-webkit-text-size-adjust:100% !important;
}

table.f1 {
	background-color: #B7C7C7;
	background-color: #DDDDDD;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	margin-bottom:5px;
}
table.f1 td {
	padding: 5px; 
/*	background-color: #D5DDDD; */
	background-color: #eaeceb;

}
td.f1 {
	background-color: #E3E7EC;
	vertical-align: middle;
}

#bottom {
	width: 923px;
	background: transparent;
	margin: 10px auto;
	background: #99c592;
	height: 20px;
	font-size: 12px;	
	color: darkgreen;
	padding-top: 5px;
	padding-bottom: 0px;

}
#bottom div:first-child { 
	float:left;	
	text-align: left;
	
	padding-left: 12px;
}
#bottom div:last-child {  
	float:right;	
	text-align: right;
	padding-right: 12px;
}
#bottom a {
	color: #b1440c;
	text-decoration: none;
	color: #313031;
	font-size: 10px;
}
#bottom a:hover {
	color: #b1440c;
	background-color: #fff;
}

#submit_drawing {
	text-align: center;
	margin-top: 12px;
}
#submit_drawing input {
	background: #990000; 
	font-weight:bold; 
	color:#FFFFFF; 
	cursor:pointer;
	margin-right:5px;
	width:65px;
	padding: 6px;
}
#submit_drawing input:last-child {
	margin-right:0;
}

#drawing_warning {
	margin-top: 23px;
	color: red;
	font-size: 18px;
	line-height: 1.9;
}
a {
	color: #665;
	/* margin-left:40px; */
	margin-top:20px;
}
a:hover {
	color: #F00;
}

/*Rounded corners for an element with a specified background color: */
#rcorners1 {
  border-radius: 25px;
  background: #73AD21;
  padding: 20px;
  width: 200px;
  height: 150px;
}

/* Rounded corners for an element with a border: */
#rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px;
  width: 200px;
  height: 150px;
}

/* Rounded corners for an element with a background image: */
#rcorners3 {
  border-radius: 25px;
  background: url(paper.gif);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
}

.header {
	display: 		block;
	width: 			fit-content;
	font-weight:	bold; 
	font-size: 		48px;
	margin: 		0 auto;
}
.subheader {
	display: 		block;
	width: 			fit-content;
	font-weight:	bold;
	font-size:		24px;
	margin: 		0 auto;
	margin-bottom:	40px;
}
.triviabuttons {
	display: 		block;
	width: 			fit-content;
	font-weight:	bold; 
	font-size: 		48px;
	margin: 		0 auto;
}
.triviabody {
	display: 		block;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	width: 			fit-content;
	font-weight:	bold; 
	font-size: 		14px;
	margin: 		0 auto;
	background: 	#fcfbfc;
	padding:		10px;
	color: 			#333333;
	margin-top:		4px;
	background-color: lightsalmon;
}
.triviabody p,  {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		12px;
	color: 			#333333;
}
.triviabody .answer {
	display:		block;
	margin-left: 	40px;
	line-height: 	1.5;
}

.triviabody .answer a {
	color:			crimson;
	font-weight:	bold; 
	text-decoration: underline;
}

.triviabody .answer a:link {
	color: 			inherit; 
	font-weight:	bold; 
	text-decoration: underline;
}
.triviabody .answer a:visited {
	text-decoration: underline;
	color: 			#9C009C;
	color: 			#285baa;
}
.triviabody .answer a:hover {
	text-decoration: none;
	color: 			#6f9;
	font-size:		larger;
}
.triviabody .answered {
	text-decoration: none;
	color: 			black;
	display: 		block;
    margin-left: 	40px;
    line-height: 	1.5;
	pointer-events: none;
}
.triviabody .answered a {
	text-decoration: none;
	color: 			black;
    line-height: 	1.5;
	pointer-events: none;
}
.triviabody table {
	border-collapse: initial;
	border-width: 	1px;
}
.triviabody table th {
	color: 			darkgreen;
	background-color: #99c592;
	background-color: lightsalmon;
	font-size: 		14px;
	font-weight: 	bold;
	text-align:		center;
}
.triviabody table tr {
	font-family: 	Arial, Helvetica, sans-serif;
	text-align:		center;
	width:			inherit;
	line-height: 	1.2;				
}    
.triviabody table tr:first-child {
	line-height: 	2.6;				
}
.triviabody table tr.row1  {
	background-color: bisque;
	height: 		30px;					
}    
.triviabody table tr.row2  {
	background-color: antiquewhite;	
	height: 		30px;	
	font-style:		italic;				
}
.triviabody table th a>img {
	margin-left:	3px;
}
.triviabody table td {
	font-size: 		12px;
	font-weight: 	normal;
	text-align: 	center;
	margin: 		0;
	padding: 		0;
}
.triviabody table tr.insert_answer {
	height: 15px;
}
.triviabody table tr.insert_answer a:hover {
	text-decoration: none;
	color: 			firebrick;
	font-weight:	bold;
}
/*
.triviabody button {
	width:10%;
	height:45px;
	border-radius:3px;
	background-color:#cd853f;
	color:#fff;
	font-family:'Raleway',sans-serif;
	font-size:18px;
	cursor:pointer
}*/


#triviaPopupBackground {
	width:			100%;
	height:			100%;
	opacity:		.95;
	top:			0;
	left:			0;
	display:		none;
	position:		fixed;
	background-color:#313131;
	overflow:		auto
}

.triviaAddQuestion {
	display:		none;
}

.triviaAddAnswer {
	display:		none;
}

.triviaPopup {
	position:		absolute;
	left:			50%;
	top:			17%;
	margin-left:	-316px;
	font-family:	'Raleway',sans-serif
}

.triviaPopup form {
	max-width:		594px;
	min-width:		594px;
	padding:		10px 50px;
	border:			2px solid gray;
	border-radius:	10px;
	font-family:	raleway;
	background-color:#fff
}
.triviaPopup table {
	border:			0; 
	table-layout: 	auto;
	width: 			100%;
}
.triviaPopup table tr{
	font-family: 	Arial, Helvetica, sans-serif;
    text-align: 	center;
    width: 			inherit;
    line-height: 	1.2;
}
.triviaPopup table tr.row1{
	background-color: antiquewhite;
    height: 		30px;
    font-style: 	italic;
	border:			0;
}
.triviaPopup table tr.row2{
	background-color: #ebedec;
	height: 		30px;
	margin:			0;
	padding:		0;
	border:			0;						
}    
.triviaPopup table th{
	color: 			darkgreen;
    background-color: lightsalmon;
    font-size: 		14px;
    font-weight: 	bold;
    text-align: 	center;
	height: 		21px;
}
.triviaPopup table td{
    font-size: 		12px;
    font-weight: 	normal;
    text-align: 	center;
    margin: 		0;
    padding: 		0;
}
.triviaPopup input[type=text] {	
    margin: 		2px 0;
    padding: 		10px;
    /* border: 1px solid #ccc; */
    font-size: 		16px;
    font-family: 	raleway;
}
.triviaPopup input[type=radio] {
	vertical-align: bottom;
	height: 		15px;
}
.triviaPopup h2 {
	background-color:#FEFFED;
	padding:20px 	35px;
	margin:			-10px -50px;
	text-align:		center;
	border-radius:	10px 10px 0 0
}
.triviaPopup hr {
	margin:			10px -50px;
	border:			0;
	border-top:		1px solid #ccc
}
.triviaPopup img#close {
	position:		absolute;
	right:			-14px;
	top:			-14px;
	cursor:			pointer
}
.triviaPopup #submit {
	text-decoration:none;
	width:			100%;
	text-align:		center;
	display:		block;
	background-color:bisque;
	color:			saddlebrown;
	border:1px solid #FFCB00;
	padding:		10px 0;
	font-size:		20px;
	cursor:			pointer;
	border-radius:	5px;
}
#container .errmsg {
	color:			red;
	padding-bottom:	10px;
	padding-left:	10px;
}

h1 {
		font-family: initial;	
		margin: 0 0 10px 5px;	
}
.menu {
	display: block;
    width: 400px;
    margin: 0 0;
    background-color: lightsalmon;
	border-radius: 25px;
	padding:20px;
}
a {
	color: #665;
}
a:hover {
	color: #6FC;
}
.highlight {
	background-color:#FF3;
	

	
}