/* Global Styles */

* {margin: 0; padding: 0;}

a {
	color: #0000A0;
	text-decoration: none;
	font-weight: bold;
}
	
a:hover {
	color: #D91C00;
	text-decoration: underline;
}

a:visited {
	color: #D91C00;
}
.logo a:link{color:#FFBA00;}
.logo a:hover{color:#FFBA00;text-decoration:none;}
.logo a:visited{color:#FFBA00;}

body {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	}
	
p	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	letter-spacing:.1em;
	line-height:16px;
	font-weight:normal;
	color: #000;
	padding-bottom: 10px;
	}
	
td	{
	text-align:left; 
	vertical-align:top;
}
   
li	{font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	letter-spacing:.1em;
	line-height:16px;
	font-weight:normal;
	color: #000;
	padding-bottom: 10px;

}

button {
	padding: 2px 6px;
}


/* Header links styles */
.CountySelectLinks {
	color: #0000A0; 
	background: #FFD25B; 
	border: #0000A0 thin solid; 
	font:10.5px Arial, Helvetica, sans-serif normal; 
	letter-spacing:.12em;
	line-height:16px;
	font-weight:bold;
}
div.title	{
	margin-left: 5px; 
	padding-top: 10px;
}

span.title	{
	font: 12px Arial, Helvetica, sans-serif; 
	color: #D3DCE6; 
	line-height:16px; 
	letter-spacing: .11em;
	font-weight:bold;
}
/* Used to expand/contract content */
div#commentForm
{
  margin: 0px 20px 0px 20px;
  display: none;
}


/* ID Styles */
#menu {
position : absolute;
left: 50px;
top: 20px;
}

#Pageheader {
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
  	background: #26354A;
  	border-bottom: 3px solid #A51008;
	height: 45px;
  	min-width: 750px;
}
	
#LinkSpace	{
	Background-color: #FFD25B;
	border-top: 1px solid #D3DCE6;
	border-bottom: 1px solid #D3DCE6;
	color: #0000A0;
	font:12px Arial, Helvetica, sans-serif;
	height: 20px;
	letter-spacing:.12em;
	line-height:16px;
	padding-left: 15px;
	padding-top: 5px;
}
#LinkSpace a {
	color: #0000A0; 
	text-decoration: none;
	}
#LinkSpace a:hover {
	color: #A51008; 
	text-decoration: underline; 
	}
	
#BodySpace	{
	background-color: #D3DCE6;
	border-top: 3px solid #A51008;
	height: 100%;
}
#BottomPage	{
	background-color: #64748B;
	border-top: 3px solid #A51008;
	height: 50px; 
	padding-top: 10px;
}

#Footer a {
	color: #FF6600;
	font-weight:bold;
	text-decoration: none;
}
.SearchLinks a {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}

#JISSearchContainer {
	width: 100%; 
	}
#JISSearchLeft {
	margin-top: 25px; 
	float:left; 
	width: 500px;
}
#JISSearchRight { 
	margin-top: 25px; 
	margin-left: 520px;
}

#VolumeHeaderContainer {
	width: 98%; 
	}
	
#VolumeHeaderLeft {
	float:left;
	margin-top: 10px;
	margin-left: 5px; 	 
	width: 700px; 
	font-weight: bold; 
	}

#VolumeHeaderRight { 
	margin-left: 725px;  
	border-left:thin; 
	border-left-color:#666666;
	border-left-style:solid; 
	border-left-width:1px; 
}

#CountyLinksContainer {
	width: 98%; 
	}
	
#CountyLinksContainer a {
	color: #A51008; 
	text-decoration: none;
	}
	
#CountyLinksLeft {
	float:left; 
	width: 175px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	border-right:thin; 
	border-right-color:#666666;
	border-right-style:solid; 
	border-right-width:1px; 
	background-color: #26354A; 
	}

#CountyLinksRight { 
	margin-left: 200px;  
	padding-right: 150px; 
	padding-top: 35px; 
}

#VolumeHeaderContainer {
	width: 98%; 
	}
	
#VolumeHeaderLeft {
	margin-top: 10px;
	margin-left: 5px; 
	float:left; 
	width: 700px; 
	}

#VolumeHeaderRight { 
	margin-left: 725px;  
	border-left:thin; 
	border-left-color:#666666;
	border-left-style:solid; 
	border-left-width:1px; 
}

#Mask {
	background-color: #000; 
	display: none;
	height: 100%; 
	width: 100%; 
	opacity: 0.4; 
	filter: alpha(opacity=40); 
	position: fixed; 
	left: 0; 
	top: 0; 
	z-index: 5;
}

#Spinner {
	background-color: #fff;
	border-radius: 9px 9px 9px 9px;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
	box-shadow: #333 9px 9px 9px;
	display: none;
	height: 70px;
	padding-top: 22px;
	position: fixed;
		top: 25%;
		right: 38%;
	text-align: center;
	width: 280px;
	z-index: 10;
	/* Gradient */
	background: #FCF1D9;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCF1D9), to(#EEE833));
	background: -webkit-linear-gradient(#FCF1D9, #EEE833);
	background: -moz-linear-gradient(#FCF1D9, #EEE833);
	background: -ms-linear-gradient(#FCF1D9, #EEE833);
	background: -o-linear-gradient(#FCF1D9, #EEE833);
	background: linear-gradient(#FCF1D9, #EEE833);
	-pie-background: linear-gradient(#FCF1D9, #EEE833);
	behavior: url(views/taglibrary/wrappers/headers/css/PIE.htc);
}

#Spinner.pdfViewer {
	top: 10%;
	right: 5%;
}

#Spinner img {
	border: none;
	height: 19px;
	margin: 0 0 12px 0;
	width: 220px;
}

label.error {
	color: #A51008;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
}

.clear {
	clear: both;
}

#PDFView {
	display: none;
}

#PDFIframe {
	float: left; 
	margin: 0; 
	padding: 0;
}

#pdfMetadata {
	width: 100%;
}

/* reset previous required */
input.required {
	color: #000;
	font-weight: normal;
	letter-spacing: normal;
	padding: 0;
}

/* Jump to New Volume */

fieldset.jtnv {
	width: 590px;
}

div.jtnv {
	margin: 0; 
	padding: 0;
}

div.jtnv > div {
	float: left; 
	margin-right: 25px;
}

#jtnvClerk {
	width: 120px;
}

#jtnvBook {
	width: 130px;
}

#jtnvPage {
	width: 130px;
	margin-right: 20px;
}

#jtnvButtons {
	margin-right: 0;
}

/* Jump to new page */

#bookInfo {
	display: none;
}

#jtnpContainer {
	padding-top: 3px;
	width: 97%;
}

#jtnpPage {
	float: left;
	width: 118px;
}

/* Display Range of Pages */

#pageRangeError {
	font-size:10pt;
}

#pageRangeLimit {
	font-size:10pt;
	font-weight:bold;
	clear:left; 
}

#pageRangeStart {
	float: left;
	margin-bottom: 8px;
	width: 105px;
}

#pageRangeEnd {
	float: left;
	width: 100px;
}

#pageRangeNote {
	clear: both;
}

/* Style for tool tips on images */
#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid #26354A;
	padding: 5px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#26354A;
	letter-spacing:.1em;
	}
	
.messageText {
	font:12px Arial, Helvetica, sans-serif;
	color:#26354A;
	letter-spacing:.1em; 
	padding-bottom: 10px;
	}
.messageBox {
	font:12px Arial, Helvetica, sans-serif;
	color:#26354A;
	letter-spacing:.1em; 
	}

.logo {
	font:24px Times New Roman, Times, serif;
	color: #FFBA00;
	letter-spacing:.3em;
	line-height:26px;
	}
.clerkname {
	color: #D3DCE6; 
	font: 20px Times New Roman, Times, serif;
}
	
.tagline {
	font: 11px Arial, Helvetica, sans-serif;
	color: #D3DCE6;
	line-height:16px; 
	}
	
.navText {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	line-height:16px;
	}
	
.copyrightText	{
	font: 11px Arial, Helvetica, sans-serif;
	color: #D3DCE6;
	line-height:16px;
	letter-spacing:.3em;
	background-color: #64748B;
	}

.pageName {
	font:24px Arial, Helvetica, sans-serif;
	color: #A51008;
	letter-spacing:.2em;
	line-height:32px; 
	padding: 10px;
	}
	
.handcursor{
	cursor:hand;
	cursor:pointer;
}

.welcome {
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	color: #A51008;
	border-bottom: #A51008 solid 1px; 
	padding-top: 10px;
	padding-bottom: 10px;
	}

.trigger{
      cursor: pointer;
      cursor: hand;
   }
.branch{
      display: none;
      margin-left: 16px; 
	  font-size:10px;
	  

/* Volume popup box styles */
div.sample_popup { z-index: +1; }

div.sample_popup div.menu_form_header
{
  border: 1px solid white;
  border-bottom: 0px;
  cursor: default;
  width: 200px;
  height: 20px;
  line-height: 19px;
  vertical-align: middle;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: 900;
  font-size: 10px;
  color: #206040;
}

div.sample_popup div.menu_form_body
{
  border: 1px solid black;
  width: 200px;
}

div.sample_popup img.menu_form_exit
{
  float: right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}