html {font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;}
	
body {font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:black;
	background-color:#f2f2f2;}  /* #f2f2f2  white*/
	
input {font-family: Verdana, Geneva, sans-serif;	
	font-size:1.0rem;
	background-color:#e6f3ff;
	border:1px solid grey;
	}
	
textarea {font-family: Verdana, Geneva, sans-serif;
	font-size:1.0rem;
	background-color:#e6f3ff;
	border:1px solid grey;
	}

table {font-family: Verdana, Geneva, sans-serif;
	background-color:white;
	border-collapse:collapse;
	border:1px solid black;}

table th {background-color:#ffffcc; 
	border-bottom:1px solid grey; }

table td {border:1px dotted gray;}

button {
	font-size:1em;
	border:1px solid grey;
	border-radius: 30px;
	color: black;
	padding: 2px 10px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	box-shadow: 3px 3px 1px grey;
}
button:hover {background-color:yellow;}


.ul_smallindent {
  padding-left: 1em;
  margin-left: 1em;
}

.pinkbtn {background-color:#ffccd5;}
.bluebtn {background-color:#ccebff;}
.purplebtn {background-color:#ffccff}
.greenbtn {background-color:#b3ff99;}
.goldbtn {background-color:#ffcc33;}  /* #ffe699 */

.infobtn {font-size:.9em; box-shadow: none; pointer-events: none; padding:0 10px;} /* used for button in page instructions */

.shrink button[type=button] {font-size:0.9em;background-color:lightblue;border:1px solid grey;}
.shrink button[type=button]:hover {background-color:yellow;}

.shrink input[type=button] {font-size:0.9em; background-color:lightblue;}

  /* order important */
a:link {color: blue; text-decoration: none;}
a:visited {color: blue;}
a:hover {color: red; background-color:yellow;}
a:active {color: blue;}

.superdba {background-color:#ffccff;}
a:link.superdba  {color: black; text-decoration: underline; background-color:#ffccff;;}
a:visited.superdba {color: black;}
a:hover.superdba  {color: red; background-color:pink;}
a:active.superdba  {color: black;}

a.extlink {
	background: transparent url("icons/icon-ext.gif") right no-repeat; 
	text-decoration:none;
	padding-right: 10px;
	margin: 0 0.2em 0 0;
}
a.extlink:hover {background-color:yellow;}

a.pdflink {
	background: transparent url("icons/icon-pdf.gif") right no-repeat; 
	text-decoration:none;
	padding-right: 18px;
	margin: 0 0.2em 0 0;
}
a.pdflink:hover {background-color:yellow;}
	
.dbaonly {} /* keep for now */


.mainmenu {
	width:100%; display:flex; justify-content:space-between; background-color:yellow; border:1px solid gray; font-size:12pt;}
.mainmenu a {
	text-decoration: none;
	padding: 3px;
	margin: 0px;
	display: inline-block;}

.mainmenusel {font-weight: bold; background-color: #e6ffff;}


.errmsg {color:red; font-weight:bold;}
#flashmsg {color:green; font-weight:bold;
	transition: background 1.5s;
	transition-timing-function: ease-in-out;
	background-color: orange;	
	padding:5px;
	border:1px dotted lightgrey;
	box-shadow: 5px 5px 5px grey;
	}

#eventhdrtbl {box-shadow: 3px 3px 3px grey;}
#eventhdrtbl td {padding:5px;}

.eventimg {max-width:80px; height:auto;}

.help_link {cursor:help;}
.help_text { max-width:800px; background-color:#f2f2f2; display:none; border:1px solid gray; padding:10px; margin-bottom:20px; margin-top:10px; border-radius: 10px; margin:0 auto; margin-bottom:15px; box-shadow:10px 10px 10px lightgray; text-align:left;
	}

.otherrpt a {display:inline-block; padding:3px; border:1px solid grey; background-color:lightgreen;border-radius: 25px;}
.selrpt  {background-color:lightgreen; font-weight:bold;}

.nomkey {
	margin-left:auto; margin-right:auto; max-width:600px; color:red; 
	border:2px solid grey; padding:10px 20px;	box-shadow: 5px 5px 5px grey;
}