body {background: #aaaaaa; margin: 0; padding: 0;}
	
	
	a,
	a:link,
	a:active,
	a:visited {color: #369eff; text-decoration: none;}
	a:hover {text-decoration: underline; }

	a img,
	a:link img {border: none;}


	#controls {
		position: fixed;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: 200;
		background: #000;
		color: #aaaaaa;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: .25em 0 .25em 0;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
	}

	#scrollContainer {
		position: fixed;
		width: 100%;
	}
	
	#scroller {
	}

	body.img-mode #scrollContainer { overflow: hidden;}
	body.transcript-mode #scrollContainer,
	body.overview #scrollContainer  {overflow: scroll; background: white;}

	body.printable #controls {display: none}
	body.printable { background: white;}
	body.printable #imgRow .prev_img,
	body.printable #imgRow .next_img {display: none;}

	
	
	
	#controls h4 {
		margin: 7px 0 7px 0;
		display: block;
		color: #f0f0f0;
		padding: 1px 0 1px 1em;
	}
	
	#textControls {
		float: right;
		text-align: right;
		margin: 0; padding: 1px 16px 1px 1px;
		font-size: 11px;
		color: #aaaaaa;
	}
	
	#nav {
		clear: both;
		padding: 0; margin: 0; font-size: 13px;
		text-align: center;
	}
	
	#nav form,
	#nav div {display: inline; padding: 4px 12px; text-align: center;}
	
	
	#nav a,
	#textControls a {cursor: pointer; color: #369eff; font-weight: bold;}
	
	#nav a,
	#nav a:link,
	#nav a:visited,
	#nav a:hover {
		color: #77aaff;
	}
	
	#nav .sequence_pages {width: 30%; padding: 14px; }
	
	#nav  li {display: inline; list-style: none;}
	#nav .sequence_pages .current_page,
	#nav .sequence_pages a,
	#nav .sequence_pages a:link {
		font-size: 13px;
		text-decoration: none;
		padding: 2px 4px 2px 4px;
		color: white;
		background: #2266ff;
	}

	#nav .jump_form {width: 20%; font-size: 12px;}
	#nav .jump_form button,
	#nav .jump_form input {font-size: 12px; line-height: 1; padding: 0;}
	
	#nav .nav_modes {width: 40%;  padding-top: 4px;}
	
	#nav .nav_modes a,
	#nav .nav_modes a:link,
	#nav .nav_modes a:visited,
	a.button,
	a.button:link,
	a.button:visited {
		display: inline-block;
		color: white;
		background: url(/images/smgraphics/but-blue-fancy-left.png) no-repeat;
		height: 29px;
		vertical-align: middle;
		padding: 0px 0px 0px 9px;
		line-height: 2;
	}
	#nav .nav_modes a:hover,
	a.button:hover {text-decoration: none !important;}
	
	#nav .nav_modes a:after,
	a.button:after,
	.view_notice a:after {
		display: inline-block;
		background: url(/images/smgraphics/but-blue-fancy-right.png) 100% 0 no-repeat;
		content: '';
		height: 29px;
		width: 9px;
		padding: 0;
		vertical-align: middle;
	}
	
	.nav_modes #togFull {
		display: none;
	}
	
	#nav .ghosted,
	#nav .chosen {
		opacity: .6;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
	}
	
	#nav .ghosted a,
	#nav .ghosted a:link,
	#nav .chosen a,
	#nav .chosen a:link {cursor: default}
	
	#nav .prev_img_link,
	#nav .next_img_link {
		display: none;
	}
	
	#nav #fullToggle img { vertical-align: middle; padding-left: 2px;}
	
	#textControls #helpToggle {
		cursor: pointer;
		text-decoration: none;
		color: #369eff;
		font-weight: bold;
	}
	
	#textControls #helpToggle #helpMsg {
		display: none;
		position: absolute;
		width: 20em;
		right: 3%;
		background: white;
		padding: 1em;
		z-index: 100;
		color: black;
		font-weight: normal;
		box-shadow: 2px 4px 5px #222;
		-webkit-box-shadow: 0px 2px 5px #222;
		-moz-box-shadow: 0px 2px 5px #222;
	}
	
	#textControls #helpToggle:hover #helpMsg {
		display: inline-block;
		text-align: left;
		text-decoration: none;
	}
	
	#closeButton img {vertical-align: middle}
	
	
	/* OVERVIEW DISPLAY */
	

	div.overview {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		display: table;
		margin-left: auto;
		margin-right: auto;
		padding: 1em;
		border: 1em solid #c0c0c0;
		background: #e4e4e4;
	}

	.main_text,
	.ref-img {display: table-cell; vertical-align: top; padding: 1em;
	}

	.main_text {max-width: 46em;}

/*	.ref-img {	max-width: 20em;}
*/
	h2.created_title {font-size: 16px;}
	
	.real_title { font-style: italic;}
	.pub_title { font-style: normal;}

	
	.ref-img img {border: 9px solid white;
		box-shadow: #222 0px 0px 2px;
		-moz-box-shadow: #222 0px 0px 2px;
		-webkit-box-shadow: #222 0px 0px 2px;
		max-width: 100%;
	}
	
	
	.meta-data {
		background: #f3f3f3;
		font-size: 13px;
		padding: 1em;
		Xwidth: 66%;
		text-align: left;
		Xmargin-left:auto;
		Xmargin-right: auto;
		margin-bottom: 0;
	}
	
	.meta-data p {margin: 0;}
	
	.view_notice {
		margin-top: 0;
		background: #000;
		color: #f0f0f0;
		padding: .25em 1em .25em 1em;
		width: 66%;
		text-align: center;
		margin-left:auto;
		margin-right: auto;
		margin-bottom: 1.5em;
	}
	
	.description,
	.contextual,
	.promotion,
	.readings {
		margin-top: 1em;
		line-height: 1.3;
	}
	
	
	#imgRow {
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	#imgRow a:hover {background: none; outline: none; }
	#imgRow a img {border: none;}
	
	#imgRow .prev_img {text-align: right; vertical-align: middle;}
	#imgRow .img_cell {text-align: left;}
	#imgRow .img_cell img {cursor: move;}
	#imgRow .next_img {text-align: left; vertical-align: middle;}
	
	div.transcript_text {
	}
	
	#mhsColZoom embed {
		position: fixed;
		width: 100%;
		left: 0px;
		padding: 0;
		margin: 0;
	}
	
	
	
	#rotCanvas {
		cursor: move;
		cursor: url(/images/smgraphics/move-cursor.png), move;
	}
	
	
	
	#nvJXDragHeadsup {
		display: none;
		position: fixed;
		z-index: 501;
		top: 48%;
		
		width: 100%;
		padding: .5em 0 .5em 0;
		background: black;
		color: white;
		opacity: .8;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);

		text-align: center;
		font-size: 100%;
		font-family: Arial, sans-serif;
		font-weight: bold;
		letter-spacing: .05;
		
	}
	
	
	
	@media print {
		
		body.printable #controls {
			display: none;
		}
		
		#imgRow .prev_img,
		#imgRow .next_img {display: none;}
		
	}