#hints {
	position: fixed;
	display: none;
	left: 40px;
	top: 40px;
	max-width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 8px;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 7[]px 7px #555;
	color: black;
	background-color: #8ea1c8;
	z-index: 9900;
}

#hints div {
	/* border-radius: 8px; */
	font: 18px/24px arial, verdana;
	max-width: 400px;
	cursor: pointer;
	padding: 10px 30px;
	/* background-color: #8ea1c8; */
	margin: 0;
	border: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

#hints div.hintshead { font-weight: bold; }
#hints div.abs1 { height: 1px; border-bottom: 2px solid black;
									padding-top:0; padding-bottom:0; }
#hints div.abs2 { height: 8px;
									padding-top:0; padding-bottom:0; }
#hints div.hintsbody { max-height: 90%; }

@media only screen and (max-width:440px) {
	#hints {
		position: fixed;
		display: none;
		left: 14px;
		top: 30px;
		right: 14px;
		max-width: 100%;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 5px 5px #111;
		background-color: #aecfef;
		z-index: 9900;
	}
	#hints div { padding: 20px; font: 22px/28px arial, verdana; }
	#hints div.hintshead { height: 24px; max-height: 24px; }
	#hints div.abs1,
	#hints div.abs2 { padding-top:0; padding-bottom:0; }
}