/* LAYOUT */
	
	
	.controls {
		position: relative;
		width: 100%;
		z-index: 200;
		background: #000;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}


	.textControls {
		float: right;
		text-align: right;
		margin: 0;
	}



	
	
	/* STYLE */
	
	
	body {background: #000; 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 {
		font-family: Helvetica, Arial, sans-serif;
		padding: 10px;
		color: #aaa;
		text-align: left;

	}
	
	.controls h1 {
		margin-top: 7px;
		font-size: 24px;
	}
	
	.controls h4 {
		margin: 0;
		font-size: 20px;
		display: block;
		color: #f0f0f0;
		padding: 0 0 14px 7px;
	}
	
	
	.textControls {
		padding: 1px 16px 1px 1px;
		font-size: 20px;
		color: #aaaaaa;
	}
	
	.textControls #helpToggle {
		cursor: pointer;
		text-decoration: none;
		color: #369eff;
		font-weight: bold;
	}
	
	.textControls #helpToggle #helpMsg {
		display: none;
		position: absolute;
		width: 80%;
		text-align: left;
		right: 8%;
		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;
	}
		
	#closeButton img {vertical-align: middle; width: 26px; height: 26px;}




	
	#nav {
		clear: both;
		padding: 0; margin: -14px 0 0 0; font-size: 16px;
		text-align: center;
	}
	
	.nav form,
	.nav div {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 label { text-align: right; float: left; width: 14%; margin: 21px 0px 0 0; padding: 14px 0 0 0;}
	
	.nav .sequence_pages {
		float: left; clear: none;
		width: 52%;
		padding-top: 4px;
		margin-top: 0;
	}
	
	.nav .sequence_pages label {float: left; margin: 21px 14px 0px 49px;}
	.nav .sequence_pages ul {}
	
	.nav .sequence_pages li.ellipses {background: none}
	
/*	
	.nav .sequence_pages .current_page,
	.nav .sequence_pages a,
	.nav .sequence_pages a:link {
		font-size: 20px;
		text-decoration: none;
		padding: 0px 4px 0px 4px;
		color: white;
		background: #2266ff;
	}
*/

	.nav .jump_form { width: 28%; float: right; padding: 18px 0 0 21px;}
	.nav .jump_form button,
	.nav .jump_form input {font-size: 18px; line-height: 1; padding: 4px;}
	
	.nav .jump_form input[type="submit"] {
		font-size: 16px; background: url(/database/graphics/bbut-right.png) 100% 100% no-repeat;
		border: none;
		color: white;
		padding: 7px 14px 7px 14px;
	}


/*

		background: url(/images/smgraphics/but-blue-fancy-left.png) 0 0 no-repeat;
		
				background: url(/images/smgraphics/but-blue-fancy-right.png)100% 0% no-repeat;


*/
	ul.buttons {
		list-style-type: none;
		text-align: left;
		margin-right: auto;
		margin-left: auto;
		padding: 0;
	}

 	ul.buttons li {
		float: left;
		background: url(/database/graphics/bbut-right.png) 100% 100% no-repeat;
		padding: 0;
		margin: 0px 14px 7px 0;
		vertical-align: middle;
	}


	ul.buttons a,
	ul.buttons a:link,
	ul.buttons a:visited,
	a.button,
	a.button:link,
	a.button:visited {
		opacity: 1;
		display: block;
		color: white;
		background: url(/database/graphics/but-corner-tl.png) 0% 0% no-repeat;
		padding: 7px 14px 7px 14px;
		cursor: pointer;
	}
	ul.buttons a:hover,
	a.button:hover {text-decoration: none !important;}
	
	
	ul.buttons .ghosted,
	ul.buttons .chosen {
		opacity: .6;
	}
	
	ul.buttons .ghosted a,
	ul.buttons .ghosted a:link,
	ul.buttons .chosen a,
	ul.buttons .chosen a:link {cursor: default}
	
	ul.buttons .prev_img_link,
	ul.buttons .next_img_link {
		display: none;
	}


	/* buttons specifics */
	.nav .nav_modes {padding-top: 4px; clear: both;}
	.nav .nav_modes a,
	.nav .nav_modes a:link {font-size: 16px; padding: 10px 14px 10px 14px;}

	.nav .nav_modes label {width: 25%; padding-right: 14px; padding-top: 0; display: none}
	.transcript-mode .nav .nav_modes label {display: block;}

	.transcript-mode .rotate_buttons,
	.overview .rotate_buttons {display: none}	

	
	.transcript-mode .nav .nav_modes .xscript_label {display: none}
	.xscript_buttons {display: none}
	
	.xscript_buttons a,
	.xscript_buttons a:link,
	.xscript_buttons a:active,
	.xscript_buttons a:visited {color: #fff !important;}




	body.transcript-mode .nav .nav_modes .xscript_label {display: block}

	body.transcript-mode .xscript_buttons {display: block; min-width: 56px; text-align: center;}

	body .transcript_text {font-size: 30px}

	body .transcript_text.s20 {font-size: 20px}
	body .transcript_text.s30 {font-size: 30px}
	body .transcript_text.s40 {font-size: 40px}
	body .transcript_text.s50 {font-size: 50px}
	body .transcript_text.s60 {font-size: 60px}

	body .transcript_text br,
	body .transcript_text br.wrapped_text {display: none;}
	body .transcript_text br.show_line_breaks {display: block; background: blue; content: '-'}


	
	
	/* OVERVIEW DISPLAY */
	

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


	.ref-img {
		float: right;
		max-width: 45%;
		margin-left: 7px;
	}

	.main_text {
		}

/*	.ref-img {	max-width: 20em;}
*/
	h2.created_title {font-size: 20px;}
	
	.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: 14px;
		padding: 1em;
		text-align: left;
		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;
		font-size: 16px;
	}

	.content {
		clear: both;
		margin-top: 14px;
		width: 100%;
		background: #000;
	}
	
	.content h2 {
		font-size: 18px;
	}
	
	
	#imgRow {
		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 .next_img {text-align: left; vertical-align: middle;}
	#imgRow .image_prev img,
	#imgRow .image_next img {display: none;}
	#imgRow .image_prev,
	#imgRow .image_prev:hover {margin: 14px; display: block; background: url(/database/graphics/prev-page.png) no-repeat; width: 35px; height: 75px;}
	#imgRow .image_next,
	#imgRow .image_next:hover {margin: 14px; display: block; background: url(/database/graphics/next-page.png) no-repeat; width: 35px; height: 75px;}

	
	div.transcript_text {
	}
	
	#mhsColZoom embed {
		position: fixed;
		width: 100%;
		left: 0px;
		padding: 0;
		margin: 0;
	}
	
	
	.transcript-mode #rotCanvas {display: none}
	
	.transcript-mode .content {background: white;}
	
	.transcript_text {
		padding: 14px;
		background: white;
		font-size: 18px;
	}
	
	.toTop {
		display: none;
	}
	
	.transcript-mode .toTop {
		display: block;
		padding: 14px;
		text-align: center;
	}
	.transcript-mode .toTop a:link,
	.transcript-mode .toTop a:visited {
		font-size: 24px;
		padding-right: 35px;
		font-family: Helvetica, Arial, sans-serif;
		background: #000 url(/images/smgraphics/top-arrow-2.png) 100% 0px no-repeat;
	}


	.footer {
		padding: 14px;
		font-size: 20px;
		text-align: center;
		color: #aaa;
	}