/* Here we define style elements that apply
    to the modal popup boxes
*/

.ui-popup-container, .ui-popup {
    max-width: 550px !important;
    background: white; 
    padding: 0 !important;
    display: block;
}

.ui-popup-container, .ui-content {
    border: 0 !important;
    border-radius: 0 !important;
}

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

.modalLabel {
	font-family: Arial;
	font-weight: bold;
	font-size: .7em;
	margin-left: -.1em;
}

.modalTitle {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.5em;
	padding-top: .3em;
	padding-bottom: .5em;
	margin-left: -.1em;
}

.modalDiagram {
	width: 120px;
	height: 155px;
	display: block;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

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

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

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

.navButton:hover { cursor:hand; }