* { font-family:Arial; }
#top {
	position:sticky;
	height:30px;
	top:0px;
	background-color:#FFFFFF;
	z-index:3;
}
p {
	font-size:24px;
	line-height:32px;
	width:800px;
}
h1 {
	 text-align: center;
}
.hr1 {
	text-align:center;
	background-color: #6699FF;
	height:1px;
	border:none;
	width:800px;
}
.hr2 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.hr3 {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
.top {
	position:sticky;
	height:70px;
	top:0px;
	background-color:white;
}
.tdq {
	font-size:24px;
}
.tdm {
	border-radius:16px;
	border:thin #CC3300 dashed;
	height:32px;
	-font-weight:bold;
	text-align:center;
	font-size:24px;
}
.tdm:hover {
	border:thin #000 solid;
	box-shadow: 0 0 10px #000;
	cursor:pointer;
}
/* clicked */
.tdmu {
	font-size:24px;
	border-radius:16px;
	border:thin #A62 dotted;
	height:32px;
	text-align:center;
	cursor:pointer;
}
.tdmu:hover {
	border:thin #000 solid;
	box-shadow: 0 0 10px #000000;
}
.tdms {	/* selected */
	font-size:24px;
	border-radius:16px;
	border:thin #0F0 solid;
	height:32px;
	text-align:center;
	-cursor: url(x.png), auto;
	background-color: #009999; 
	color:#FFF;
}
.tdmqs {	/* selected */
	font-size:24px;
	border-radius:16px;
	border:thin #0F0 solid;
	height:32px;
	text-align:center;
	cursor: url(x.png), auto;
	background-color: #009999; 
	color:#FFF;
}

select {
	font-size:24px;
	border-radius:5px;
	padding:5px;
}
select:hover {
	box-shadow: 0 0 10px #000;
}