/* Here we define style elements that apply
    to the modal popup boxes (between 320 and 600px)
*/

.ui-popup-container, .ui-popup {
    font-size: 80%;
}

.modalBody {
	font-family: Arial;
	font-size: 1.4em;
	padding: 1.5em;
	background: white;
	display: block;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}

.modalDiagram {
	width: 5em;
	height: 7em;
	display: block;
	float: right;
	margin-left: .4em;
	margin-bottom: .4em;
}

.modalNav {
	height: 3em;
	line-height: 3em;
	text-align: right;
	padding-right: 1em;
    color: white;
    font-size: 1.4em;
    text-shadow: none !important;
}

.navButton {
	vertical-align: middle;
	height: 1.7em;
	width: 1.7em;
}

.navButton img {
	vertical-align: middle;
	height: 1.7em;
	width: 1.7em;
}

.navButton:hover { cursor:hand; }