/* LAYOUT */


body {
	padding: 0px;
	width: 100%;
	background: white;
	overflow: auto;
}

.nsvviewer #notes_banner_topborder {display: none;}


.nsvviewer #one-col {padding-bottom: 1px;
	width: 100%;
	max-width: 100%;
}

#head {float: left;
	min-width: 501px;
	padding-top: 41px;
	min-height: 29px;
}

#mhs_masthead {
	float: right;
}

#mhs_masthead img {
	display: block;
	max-height: 70px;
}

#manuscript_nav {
	width: 26em;
	float: right;
	border-left: 1px solid #aaaaaa;
	padding: 1px 0px 4px 12px;
	text-align: left;
	line-height: 1.1;
	margin: 0;
	clear: both;
}


ul#top_nav {
	padding-bottom: 0;
}

ul#top_nav li ul {left: -1em !important;}

#manuscript_nav img {padding: 0; vertical-align: middle;}
#manuscript_nav .page_span {min-width: 135px; display: inline-block; padding: 1rem; }

#manuscript_nav .current_page {font-weight: bold}

#manuscript_nav form {display: inline; padding: 2px}
#manuscript_nav form input {font-size: 12px; padding: 0px 2px 2px 2px; line-height: 10px;}
#manuscript_nav form input[type='text'] {border: 1px solid #c7b78d; border-bottom: 1px dotted blue; background: #f0f0f0; color: blue}
#manuscript_nav form input[type='submit'] {
	cursor: pointer;
	border: none;
	border-radius: 2px;
	color: white;
	line-height: 1;
	padding: .5rem;
	background: #595959;
	}


#manuscript_nav a {
	text-decoration: none;
	padding: .25rem .7rem;
	background: #e0e0e0;
	border: 1px solid #e0e0e0;
}
#manuscript_nav a:hover {text-decoration: none; border: 1px solid blue;}
#manuscript_nav a:hover.nav-button {text-decoration: none; border: 1px solid #e0e0e0;}
#manuscript_nav a.arrows {
	background: none; border: 1px solid white;
}
#manuscript_nav a.arrows:hover {border: 1px solid white;}

ul#other_links {font-weight: bold; font-size: 12px; list-style-type: none;}
ul#other_links li {float: left; margin: 4px 0px 4px 0px; padding: 1px 4px 1px 4px;}
ul#other_links li+li {border-left: 1px solid #999999;}

#pageOverviewButton {}








/* GENERAL, NON_LAYOUT STYLE */



a:link,
a:visited,
a:active,
a:hover {
	color: #be2136;
}



#one-col {padding-bottom: 12px; }

#loadCover {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;
background: white; opacity: .9; filter: alpha(opacity=90);}

#loadCover img {position: fixed; top: 45%; left: 45%;}


table.shw{	table-layout: auto; border-collapse: collapse;}

table.shw tr, table.shw td {border: none !important; padding: 0}

.shw .shw-tl,
.shw .shw-tr,
.shw .shw-bl,
.shw .shw-br
{
 width: 9px; height: 9px; padding: 0;
}
.shw .shw-tl {background: url(/images/smgraphics/shw-ddd/shw-ddd-tl.png)}
.shw .shw-tm {background: url(/images/smgraphics/shw-ddd/shw-ddd-tm.png) repeat-x}
.shw .shw-tr {background: url(/images/smgraphics/shw-ddd/shw-ddd-tr.png)}

.shw .shw-ml {background: url(/images/smgraphics/shw-ddd/shw-ddd-ml.png) repeat-y}
.shw .shw-mr {background: url(/images/smgraphics/shw-ddd/shw-ddd-mr.png) repeat-y}

.shw .shw-bl {background: url(/images/smgraphics/shw-ddd/shw-ddd-bl.png)}
.shw .shw-bm {background: url(/images/smgraphics/shw-ddd/shw-ddd-bm.png) repeat-x}
.shw .shw-br {background: url(/images/smgraphics/shw-ddd/shw-ddd-br.png)}

.shw .shw-content {	background: #ddd;}



.minimize, .maximize {
	width: 23px; height: 20px;
	cursor: pointer;
}
.minimize {
	background: url(/thomasjeffersonpapers/notes/images/minmax-arrows.gif) -23px 0px;
}
.maximize {
	background: url(/thomasjeffersonpapers/notes/images/minmax-arrows.gif) 0px 0px;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0 12px;
}


h1 {
	font-family: "Georgia", serif;
	font-size: 22px;
	font-weight: normal;
}

h2{
	font-size: 120%;
	color: #660000; font-size: 16px ; font-weight:bold ; margin-top: 1.5em ; margin-bottom:1em; 

}




h1.sub_title {
	clear: left; display: block;
	color: #772200; font-size: 16px ; font-weight:bold;
	font-family: Georgia, "Times New Roman", serif;
}


#PObox {z-index: 600; padding: 12px; position: absolute; top: 12px; left: 25%; display: none;}
#POboxInner {padding: 8px}
#POboxInner h2 {margin: 0; font-size: 16px}
#POboxInner h3 {margin: 0; font-size: 11px; color: blue; cursor: pointer; text-align: center;}

#POboxInner img {display: block; margin-left: auto; margin-right: auto}

p.caption {position: absolute; left: 0px; top: 0px; background: #d0d0d0; padding: 3px; font-size: 11px; border: 1px solid black }

.related_content {
	margin-bottom: 24px;
}








/* ******************************************************
						VIEWPORT, ETC
*********************************************************/
#scrollbartester { width: 100%; display: block; height: 1px;}

#viewport {
	width: 100%;
	border-top: 3px solid #000000;
	border-bottom: 3px solid #000000;
	background: #666666;
	margin-left: 0px;
	clear: both;
}

#vpControls {
	position: absolute;
	width: auto;
	top: 0;
	right: 0;
	text-align: right;
	z-index: 299;
	background: black;
	border-bottom-left-radius: 5px;
}

#vpControls div {
	float: right;
	padding: 2px 2px 0px 2px;
	margin-left: 8px;
	height: 15px;
	cursor: pointer;
	color: #e0e0e0;
}

#vpControls #vpMin {
	background: black url(/thomasjeffersonpapers/notes/images/vp-min.gif) 3px 0px no-repeat;
	padding-left: 20px;
	display: none;
}
#vpControls #vpMax {
	background: black url(/thomasjeffersonpapers/notes/images/vp-max.gif) no-repeat;
	padding-left: 17px;
	display: inline-block;
	width: 48px;
	height: 26px;
	padding: 0;
	margin-left: 0;
	background: url(/database/graphics/viewer-sprites2.png) 13px -158px no-repeat
}
#vpControls #vpMax.maxed {
	background-position: 13px -194px;
}

#vpControls #toggleVPS {
	padding-right: 18px;
	font-size: 14px;
	height: 21px;
	background: url(/thomasjeffersonpapers/notes/images/vp-more.gif) 90% 0% no-repeat;
}

#vpControls #VPsettings {
	display: none;
	clear: both;
	float: none;
	height: auto;
}

#vpControls #VPsettings.open {
	display: block;
}

#vpControls #VPsettings div {
	float: none;
	display: block;
	padding-right: 8px;
	margin-bottom: 8px;
	color: #9999ff;
}

#zoomControls {font-size: 14px; padding: 6px 0px 6px 0px; background: black; border-right: 1px solid #888888;}

#zoomControls p {display: inline-block; font-size: 14px; font-weight: bold; padding-right: 5px;}

#zoomControls span { margin: 0 4px; padding: 1px 3px;}
#zoomControls span.zoomOff {background: none; color: #d9d9d9; cursor: pointer;}

#zoomControls span:hover,
#zoomControls span.zoomOff:hover,
#zoomControls span.zoomOff:hover,
#zoomControls span.zoomOff:hover,
#zoomControls span.zoomOff:hover
{
	background: white; color: black; cursor: pointer;
}
#zoomControls span.zoomOn {background: #d9d9d9; color: black; cursor: pointer;}



.tight {
	overflow: hidden; /* 986px */
	cursor: move;
}


#masterPage {
	position: relative;
	background: #666666;
}

div.piece {cursor: move !important}

.pasteOver, .pasteHidden {
	position: absolute;
}

.pasteHidden {
	border: dotted 2px #CC0066;	
	margin: 0px;
}


#masterPage .blink {
	display: block;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
	background: #ff0000;
}




#keyBoxDivOuter {
	position: fixed; z-index: 310; bottom: -8px; right: 0px;
	display: block;
	border: none;
	background: none;
}

#keyBoxDivOuter .shw-content { width: 180px;}

#keyBoxDiv {
	width: 180px;
/*	height: 500px;
*/
}

#toggleKeyBox {
	float: right;
	width: 25px;
}


#keyDiv {
	position: relative;
/*	float: left;
*/
	width: 150px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#controlBox {
	background: #d0d0d0;

/*	position: fixed; 
	bottom: 8px;
	right: 8px;

	margin-top: 220px;
*/

	margin-left: 0;
	padding: 4px;
	color: black;
	width: 175px;
	text-align: right;

}

#controlBox div {background: #d0d0d0; margin: 0px 8px 4px 0px; clear: both; padding: 0;

}
	
#controlBox div h3 {display: block; color: black; border: 3px solid #d0d0d0; margin: 10px 3px 3px 3px; font-size: 12px; padding: 2px 5px; line-height: 1.5}

#controlBox div div {display: inline; margin: 0; padding: 0px 5px 0px 5px; width: 66px; clear: none; cursor: pointer; color: blue; border: 1px solid #999999; background: #e0e0e0; cursor: pointer}

#controlBox div div.spacer {border: none; background: none; cursor: default;}


/*
 
 
#controlBox #zoomControls {
	font-size: 10px;
	text-align: center;
}

*/



#viewFinder {position: absolute !important; background: url(/thomasjeffersonpapers/notes/images/viewfinder-top-left.gif) no-repeat;}
#viewFinder div {position: relative; border: none; background: url(/thomasjeffersonpapers/notes/images/viewfinder-bot-right.gif) no-repeat 100% 100%; cursor: move;}









/* ON LEAF BUTTONS OLBs */
.OLBflipUp,
.OLBflipDown,
.OLBremove,
.OLBrestore,
.OLBjumbo,
.OLBjumboFP {
	position: absolute;
	zIndex: 255;
	cursor: pointer;
}
.OLBremove {right: 0px; top: 0px; background: url(/thomasjeffersonpapers/notes/images/remove.png) no-repeat; width: 24px; height: 26px;}
.OLBjumbo {left: 28px; top: 5px; background: url(/thomasjeffersonpapers/notes/images/jumbo.png) no-repeat; width: 28px; height: 28px;}
.OLBjumboFP {left: 4px; top: 29px; background: url(/thomasjeffersonpapers/notes/images/jumbo.png) no-repeat; width: 28px; height: 28px;}
.OLBrestore {right: -30px; top: 0px; background: url(/thomasjeffersonpapers/notes/images/restore2.png) no-repeat; width: 55px; height: 30px;}
.OLBflipUp {left: 50%; bottom: 0px; background: url(/thomasjeffersonpapers/notes/images/flip-up.png) no-repeat; width: 26px; height: 39px;}
.OLBflipDown {left: 50%; top: 0px; background: url(/thomasjeffersonpapers/notes/images/flip-down.png) no-repeat; width: 26px; height: 39px;}


/* basic key sheet of paper style */

/* attachment master div */
#keyDiv div {
	margin: 3px;
}

#keyDiv div div {margin: 0; padding: 0}


#keyDiv .gamiPaste {border-top: 1px solid #444444; border-left: 1px solid #444444; border-right: 2px solid #444444; border-bottom: 2px solid #444444}
#keyDiv .gamiStuck {border-left: 1px solid #444444; border-bottom: 1px dashed #444444; border-top: 1px solid #444444; border-right: 2px solid #444444;}
#keyDiv .gamiStuckX {border-left: 1px solid #444444; border-bottom: none; border-top: 1px solid #444444; border-right: 2px solid #444444;}
#keyDiv .gamiRecto {border-right: 2px solid #444444;}
#keyDiv .gamiVerso {border-right: 2px solid #444444;}

/* SHADOW STYLE */


#viewport .piece img {
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,.8);
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.8);
	-o-box-shadow: 0px 2px 6px rgba(0,0,0,.8);
	box-shadow: 0px 2px 6px rgba(0,0,0,.8);
}

/*
table.pieceShadow {display: none; table-layout: auto; border-collapse: collapse;}
table.pieceShadow td,
table.pieceShadow tr {border: none !important; padding: 0; margin: 0; cursor: default;}
.pieceShadow td.SHWtl {background: url(/thomasjeffersonpapers/notes/images/shw-tl.png); height: 20px; width: 20px;}
.pieceShadow td.SHWtm {background: url(/thomasjeffersonpapers/notes/images/shw-tm.png) repeat-x;}
.pieceShadow td.SHWtr {background: url(/thomasjeffersonpapers/notes/images/shw-tr.png); height: 20px; width: 20px;}
.pieceShadow td.SHWml {background: url(/thomasjeffersonpapers/notes/images/shw-ml.png) repeat-y;}
.pieceShadow td.SHWmr {background: url(/thomasjeffersonpapers/notes/images/shw-mr.png) repeat-y;}
.pieceShadow td.SHWbl {background: url(/thomasjeffersonpapers/notes/images/shw-bl.png); height: 20px; width: 20px;}
.pieceShadow td.SHWbm {background: url(/thomasjeffersonpapers/notes/images/shw-bm.png) repeat-x;}
.pieceShadow td.SHWbr {background: url(/thomasjeffersonpapers/notes/images/shw-br.png); height: 20px; width: 20px}
*/



.related_content ul {margin-left: 36px;}





.TJNmsgBox {
	padding: 24px;
	text-align: center;
	font-weight: bold;
	position: fixed; width: 252px; height: 24px; background: url(/thomasjeffersonpapers/notes/images/msg-bg.png) no-repeat; color: white; z-index: 255;
	filter:Alpha(opacity=100);
	left: 36%;
}




#actionHinter{
	display: none;
	font-weight: bold;
	position: absolute;
	width: 199px; height: 149px; color: white; z-index: 1010;
	background: url(/thomasjeffersonpapers/notes/images/hinter-bg.png) no-repeat;
	text-align: center;
}

#actionHinter div {	text-align: center;
	padding: 12px;
	margin-top: 6px;
	width: 175px;
	background: url(/thomasjeffersonpapers/notes/images/hinter-bg.png) no-repeat 0%  100%;
}
#actionHinter img {vertical-align: middle; display: block; margin-left: auto; margin-right: auto; width: 100px;}





/* CAPTION STYLE */

.piece .label {
	top: 3px; left: -22px;
	margin: 0; padding: 2px 12px 4px 2px;
	border: 1px solid #565656;
	background: #ffd5e5;
	position: absolute;
	width: 25px;
	font-size: 12px;
	height: 12px;
	overflow: hidden;
	line-height: 1.5;
}
.piece .removed {
	top: 0px; left: -104px;
	margin: 0; padding: 0;
	background: #0000ff; /*#EEDEC4;*/
	position: absolute;
	width: 100px;
	height: 14px;
	overflow: hidden;
	color: black;
	font-size: 11px;
	padding: 3px;
}


/* These </a> are the ref boxes to other pages or appendix */

#masterPage a:link,
#masterPage a:active,
#masterPage a:visited,
#masterPage a:hover
{
	position: absolute;
	display: block;
	border: 2px solid blue;
	width: 16px; height: 16px;
	overflow: hidden;
	padding: 0px;
	color: #00ff00;
	font-family: Arial;
	font-size: 48px;
	line-height: 16px;
	font-weight: normal;
}

#masterPage a.footnote,
#masterPage a.footnote_dest
{
	position: absolute;
	display: block;
	width: 16px; height: 16px;
	overflow: hidden;
	padding: 0px;
	color: #00ff00;
	font-family: Arial;
	font-size: 48px;
	line-height: 16px;
	font-weight: normal;
	cursor: default; border: 1px solid #00ff00;
}


#masterPage a:link.querylink,
#masterPage a:active.querylink,
#masterPage a:visited.querylink,
#masterPage a:hover.querylink
{
	position: absolute;
	display: block;
	cursor: pointer; border: none;
	width: 515px; height: auto;
	text-align: left;
	font-size: 12px; line-height: 1.5; font-weight: bold;
	color: black; padding: 4px 4px 4px 0px;
}

#masterPage a:hover.querylink
{
	/* background: blue; opacity: .5; filter: Alpha(opacity=50);
	*/
	padding: 3px 3px 3px 0px;
	border: 1px solid blue;
}





/* SEARCH RESULTS */

.results_message {
	font-size: 100%; font-weight: normal;
	margin-left: 24px;
	border: 1px solid #666666;
	background: #e0e0e0;
	padding: 8px;
}

span.query {
	background: black; color: white; padding: 2px 4px;
	display: block;
	margin: 6px 0 6px 0;
	font-weight: normal;
}



#results {
	margin: 12px;
}

	.result {
		clear: both;
	}
	
	div:hover.result {
		background: white;
	}

	.result h3,
	.result ul,
	.result li {
		font-size: 100%;
		margin: 0;
		display: inline;
	}
	
	.result h3 {
		float: left; width: 8em;
		text-align: right;
		padding-right: 12px;
	}
	
	.result ul {float: left; width: 30em;}
	
	.result li {padding: 0 0px 0 0px;}
	
	.result li+li:before {
		padding: 0 0 0 0px;
		content: ", ";
	}
	
	
#resultsBox {
	display: none;
	position: fixed;
	top: -8px; left: 35%;
	z-index: 500;
}


#resultsBox div.minimize,
#resultsBox div.maximize {
	float: right;
}

#resultsBox .shw-content {
	width: 300px
}

#resultsBox h2 {font-size: 16px; color: black; margin: 0 12px 0px 12px;}

#resultsBox h3{font-size: 100%; margin: 12px;}

#resultsBox li {margin-left: 12px; margin-bottom: 8px; cursor: pointer; color: blue;}

#resultsBox p {margin: 12px;}





/* FOOTER */

#footer {
	clear: both;
	border-top: 1px solid black;
	padding: 0px;
	font-size: 11px;
}

#MHSaddress {float: left; width: 25%; padding: 12px;}

#MHSfineprint {float: right; width: 25%; text-align: right; padding: 12px;}

#MHScopyright {text-align: center; padding-top: 12px;}



.tutorialBox {
	position: fixed;
	top: 0; left: 35%;
	width: 325px;
	z-index: 999;
	background: url(/thomasjeffersonpapers/notes/images/tbox_top.png) no-repeat;
	padding-top: 22px;
	color: black;
}




.tutorialContent {
	position: relative;
	color: black;
	margin: 0;
	padding: 0 20px 0 20px;
	background: url(/thomasjeffersonpapers/notes/images/tbox_mid.png) repeat-y;
}


.tutorialBox .tutorialContent p.cancel {
	padding: 0; float: right; width: 125px; font-size: 10px; text-align: right;
}


.tutorialBox .tutorialContent h1 {
	margin: 0;
}

.tutorialBox .tutorialContent h2 {
	margin: 0; font-size: 11px; color: #666666;
}

.tutorialBox .tutorialContent p {
	margin-bottom: 1em; line-height: 1.3em;
}

.tutorialBox .tutorialContent h1+p { margin-top: 1em; }

.tutorialBox .tutorialContent h2+p { margin-top: 1em; }

.tutorialBox .tutorialContent .feedback {
	display: none;
	padding: 6px;
	text-align: left;
	border: 4px dotted #5591fd;
	background: white;
	min-height: 75px;
}

.tutorialBox .tutorialContent .feedback img {
	float: left; margin-right: 6px;
}

.tutorialBox .tutorialContent .loading {
	font-size: 11px; color: #888888;
}

.tutorialContent .slides {
	text-align: center;
	margin-bottom: 0 !important;
}


.tutorialBox code {display: none}


#tutFoot {
	height: 33px;
	background: url(/thomasjeffersonpapers/notes/images/tbox_bot.png) no-repeat;
}

#tutPointer {position: fixed;}

#tutPointer.downright {
	background: url(/thomasjeffersonpapers/notes/images/arrow-dn-rt.png) no-repeat;
	width: 84px;
	height: 84px;
}

#tutPointer.upleft {
	background: url(/thomasjeffersonpapers/notes/images/arrow-up-lt.png) no-repeat;
	width: 84px;
	height: 84px;
}

#tutPointer.upright {
	background: url(/thomasjeffersonpapers/notes/images/arrow-up-rt.png) no-repeat;
	width: 84px;
	height: 84px;
}