body {
	background: silver;
}

fieldset {
	background: silver;
	border: 3px solid black;
}

/*
h2 {
	color: white !important;
	text-shadow: 2px 2px 6px #000000;
}
*/

legend {
	background: #333333;
	color: white;
	padding: 1px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
}

td {
	padding-right: 20px;
}

tt {
	font-size: 1.3em;
}


/* data entry fields */

input, textarea { background: white; font-family: monospace; }
input[name="title"] { width: 500px; }
input[name="date"] { width: 150px; }
input[name="starttime"] { width: 100px; }
input[name="endtime"] { width: 100px; }
input[name="location"] { width: 500px; }
input[name="leader"] { width: 300px; }
input[name="slackid"] { color: navy; width: 150px; }
input[name="photo"] { width: 500px; }
input[name="maxnum"] { width: 40px; }
input[name="minage"] { width: 40px; }
input[type="number"] { width: 50px; }
input[name="feematerials"] { margin-right: 10px; text-align: right; width: 65px; }
input[name="feemember"] { margin-right: 10px; text-align: right; width: 65px; }
input[name="feenonmember"] { margin-right: 10px; text-align: right; width: 65px; }
input[name="costpresenter"] { text-align: right; width: 65px; }
input[name="costmaterials"] { text-align: right; width: 65px; }
input[name="costlocation"] { text-align: right; width: 65px; }
input[type="text"]:disabled { background: gray; color: white; }
input[type="submit"]:disabled { background: gray; color: white; }

.checkbox-round {
	width: 1.3em;
	height: 1.3em;
	background-color: white;
	border-radius: 25%;
	vertical-align: middle;
	border: 1px solid #ddd;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}

.checkbox-round:checked {
	background-color: navy;
}

.clearboth {
	clear: both;
	margin-bottom: 10px;
}

.clearleft {
	clear: left;
	margin-bottom: 10px;
}

.clearright {
	clear: right;
	margin-bottom: 10px;
}

#confirmation {
	border: 1px solid black;
	padding-left: 50px;
}

.currentnumbers {
	border: 1px dotted black;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
	width: 60px;
}

.logo { float: left; padding-right: 30px; vertical-align: middle; }


/* buttons */

.button {
	font-size: larger;
	font-weight: bold;
	height: 35px;
	width: 120px;
}
.bluebtn {
	background: cyan;
	color: black;
}
.graybtn {
	background: gray;
	color: black;
}
.pinkbtn {
	background: #ff6666;
	color: black;
	height:22px;
}
.redbtn {
	background: red;
	color: white;
}
.graybutton {
	background: silver;
	color: black;
	height:22px;
}
.greenbtn {
	background: green;
	color: white;
}
.pinkbutton {
	background: #ff6666;
	color: black;
	height:22px;
}
.yellowbtn {
	background: yellow;
	color: black;
}
.button:hover {
	background: black;
	color: white;
}
.graybutton:hover {
	background: black;
	color: white;
}

/* messages  */

.statusmsg {
	background: green;
	border: 3px solid black;
	color: white;
	padding-bottom: 3px;
	width: 100%;
}
.warnmsg {
	background: yellow;
	border: 3px solid black;
	color: black;
	padding-bottom: 3px;
	padding-top: 5px;
	width: 100%;
}
.errormsg {
	background: red;
	border: 3px solid black;
	color: black;
	padding-bottom: 3px;
	width: 100%;
}

/* text */

.floatright {
	float: right;
}
.lil {
	font-family: sans-serif;
	font-size: x-small;
	font-weight: bold;
}
.instructions {
	display: block;
	font-family: sans-serif;
	font-size: x-small;
	padding-bottom: 10px;
	padding-top: 10px;
}

xxx.instructions { display: none; }

.covid19 {
	background: pink;
	border: 1px solid black;
	color: black;
	font-size: 1.2em;
	margin: 5px 5px 5px 5px;
	padding: 15px 15px 15px 15px;
	text-align: center;
}


.whenwhere {
	color: gray;
}
.grayed {
	color: gray;
}
.optional {
	font-style: italic;
}

@media print {
	.noprint {
		display: none;
	}
}