﻿html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,font,img,strong,ol,ul,li,fieldset,form,label,legend{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}

html, body { height:100% }

body {
	background:#376d80;
	font-family:Arial, Helvetica, sans-serif;
	overflow-x:hidden;
}

#wrapper {
	width:975px; min-height:100%;
	margin:0 auto; padding:0 0 0 58px;
	background:url(../images/column.jpg) top left repeat-y;
}

/* ==========
 HEADER
========== */
#header {
	width:940px; height:90px;
	margin-left:-5px;	padding:10px 0 0 10px;
	border-bottom:1px solid #fff;
}
	#header a, #header a img { border:0; outline:0 }

	#header #resources {
		float:right;
		width:415px; height:100px;
		color:#fff;
		padding-top:20px;
		margin-right:160px;
	}
		#header #resources ul {
			list-style-type:none;
			margin:0; padding:0;
			float:left;
		}
			#header #resources ul li { float:left }
			#header #resources ul li a {
				width:115px; height:45px;
				border:1px solid #fff;
				border-bottom:0;
				display:block;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				color:#1c1818;
				font-size:14px;
				line-height:45px; margin-top:5px;
			}			
				#header #resources ul li a.double {
					padding-top:10px;
					line-height:14px;
					height:35px;
				}
			#header #resources ul li a:hover { color:#fff }
			#header #resources ul li#landlords a { background:#d7e2e6; border-right:0; }
				#header #resources ul li#landlords a:hover { background:#376d80; border-right:0; }
			#header #resources ul li#tenants a { background:#a7bfc7; border-right:0; }
				#header #resources ul li#tenants a:hover { background:#376d80; border-right:0; }
			#header #resources ul li#homeowners a { background:#6992a0}
				#header #resources ul li#homeowners a:hover { background:#376d80}
		
	#header #extra-links {
		float:right;
		width:220px; height:100px;
		color:#fff;
		margin:10px -575px 0 0;
	}
		#header #extra-links ul {
			list-style-type:none;
			margin:0; padding:0;
			float:left;
		}
			#header #extra-links ul li { float:left; margin-left:5px; }
				
				#header #extra-links ul li a {
					border:1px solid #fff;
					display:block;
					text-align:center;
					text-decoration:none;
				}
				#header #extra-links ul li a:hover span { text-decoration:underline; color:#fff }
				
				#header #extra-links ul li a span {
					color:#fff;
					background:#7e8075;	
					font-size:9px;
					width:97px;
					height:23px;
					display:block;
					padding:3px;
					border-top:1px solid #fff;
				}
					#header #extra-links ul li a span.tmc {
						height:16px;
						padding-top:10px;
					}
/* ==========
 CONTENT
========== */
#content-wrapper {
	width:945px;
	background:#a9c0c8 url(../images/outer-content-bg.gif) repeat-y;
	margin-left:-5px; padding-left:5px;
}
#content {
	background:url(../images/content-bg-repeat.jpg) repeat-y;
	width:930px;
	float:left;
	margin:10px 0 0 15px;
	border-top:1px solid #fff;
}	
	#content #left {
		float:left;
		width:190px;
	}
		/* ---------- NAVIGATION ---------- */
		#content #left ul {
			margin:20px 0 0 0px;
			padding:0 0 10px 5px;
			color:#30383a;
			border-bottom:2px solid #30383a;
			list-style-type:none;
		}
			#content #left ul li:before {
				content:"\203A\00A0";
				padding-left:5px;
			}
			#content #left ul li a {
				color:black;
				text-decoration:none;
				font-size:12px;
				font-weight:bold;
			}
				#content #left ul li a:hover { text-decoration:underline; color:white; }
				
			/* ----- SUB NAV ----- */
			#content #left ul ul {
				border-bottom:0;
				margin:0 0 -7px 7px;
			}
				
	#content #left p {
		color:#30383a;
		padding:20px;
		text-align:center;
}
	
	#content #middle {
		float:left;
		width:510px;
		padding:0 0 10px 10px;
		position:relative;
	}
	
#content #right { 
/*	width:190px;  */
	float:left;
}
	#content #right img { margin-left:25px }
	#content #right p { margin-left:78px 	}
	#content #right select { margin:-15px 0 0 38px }
	
	
	#content #right ul { 
		list-style-type:none;
		/*	float:right;  */
		margin:15px 5px 10px 40px;
	}
				
	#content #right ul li {
		background:url(../images/resources-icon.jpg) center left no-repeat;
		padding-left:45px;
		font-size:12px;
		margin-top:10px;
		height:31px;
		
	}
		#content #right ul li#foreclosure { background:url(../images/foreclosure.jpg) center left no-repeat }
		#content #right ul li#docket { background:url(../images/docket.jpg) center left no-repeat }
		#content #right ul li#warrants { background:url(../images/warrants.jpg) center left no-repeat }
		#content #right ul li#rules { background:url(../images/court-rules.jpg) center left no-repeat }
		#content #right ul li#app { background:url(../images/ClerkAppThumb.png) center left no-repeat }
		#content #right ul li#efile{ background:url(../images/docket.jpg) center left no-repeat }

		#content #right ul li a {
			color:#30383a;
			text-decoration:none;
			/* padding-top:4px;
			display:block;	 */	
		}
			#content #right ul li a:hover { text-decoration:underline }
		
#footer {
	border-bottom:10px solid #7e8075;
	margin:100px 0 -10px -10px;
	width:545px;
	text-align:center;
}
	#footer p { font-size:12px !important; }
	
#table {
		font-size:12px;
		width:100%;
		padding:3px;
		margin:10px;
		
}

	
/* =========
 TYPE, LINK, ETC
========== */
#content p {
	font-size:13px;
	line-height:150%;
	padding-left:2px;
}
#content h1 {
	font-size:22px;
}
#content h2 {
	font-size:14px;
	text-transform:uppercase
}
#content h3 {
	font-size:14px
}

#content #middle ul {
	margin-left:25px;
	font-size:13px;
}
	#content #middle ul li { margin-top:5px }

#content img.intro { margin-left:-10px }

#content #right h3 {
	color:#1c1818;
	border-bottom:2px solid #1c1818;
	display:inline-block;
	margin:10px 0 0 40px;
	width:165px;
	font-size:15px
}
.clear { clear:both; }

ol { margin-left:25px }
	ol li { margin-top:10px }

#content #middle a:link { color:#103455; padding:1px }
	#content #middle a:hover { color:#103455; background:#ccc }
	
img.right {
	float:right;
	margin:10px 0 10px 10px;
	border:0;
}
img.left {
	float:left;
	margin:10px 10px 10px 0;
	border:0;
}


.docketnorm
{color: black;
font-family: Verdana,sans-serif;
font-size: 10pt; 
font-style: normal;
text-decoration: none;
background:white;
}

table.norm,
.disclaimer { font-size:13px }

.dataviewheader { font-size:13px; }
.dataviewheader a:hover { background:none !important; color:#333!important }
.dataviewtable { background:#eee; font-size:12px }
.dataviewaltrow { background:#d7e5ea; font-size:12px }


a.priors {
	float:right;
	display:block;
	margin:-5px 5px -35px 0;
	font-size:.75em;
	width: 33px;
	height: 15px;
	font-family: sans-serif;
	
}

#content #middle div#pnlPriors a.priors:link 
{
    color:#333333;
    font-size: 12px;
    padding: 5px 10px 6px 10px;
}

.awesome, .awesome:visited {
	background: #222 url(../images/awesome-btn-overlay.png) repeat-x; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
	.red.awesome, .red.awesome:visited { background-color: #CE211E }
	