﻿.ms-WPBody A:link {
	color:#274C7D !important;
	font-size:1em !important;
	text-decoration:none;
}
.ms-WPBody A:visited {
	color:#274C7D !important;
	font-size:1em !important;
	text-decoration:none;
}
.ms-WPBody A:hover {
	text-decoration:underline;
}
.ms-WPBody TD{
	font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
	font-size: 1em !important;
}
#taxEstimator {
	width:100%;
	margin-top:20px;
	margin-bottom:50px;
}
#taxEstimator td {
	padding-top:3px;
	padding-bottom:3px;
}
#taxEstimator .WebPartFilterControls{
	font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
	font-size:1em !important;	
}
#taxEstimator .label {
	width:120px;
	font-weight:bold;
}
#taxEstimator .control {
	width:230px;
}
#taxEstimator .button {
    width:80px;
	font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
	font-size:1em !important;
}
#taxEstimator SELECT 
{

}
#taxEstimator .results {
	padding-top:10px;
	padding-bottom:10px;
	font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
	font-size:1em !important;
}
#criminalComplaints .ms-WPBody TD {
	font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
	font-size: 1em !important;
}
#criminalComplaints 
{
	width:600px;
}
#criminalComplaints .WebPartFilterControls
{
	padding:5px 0px 8px 0px;	
}
#criminalComplaints .text
{
    FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: black; FONT-SIZE: 1em !important;	
}
#certificateSearch .WebPartFilterControls{
	padding:5px 0px 8px 0px;
	vertical-align:top;
}
#certificateSearch .text {
	FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: black; FONT-SIZE: 1em !important;	
}
#certificateSearch {
	width:400px;
}
#certificateSearch p{
	padding-top:5px;
}
#tblPerson .textBold {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; font-size:12px !important;
}
#tblCharges .textBold {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; WIDTH: 100px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;	font-size:12px !important;
}
#tblCharges .text {
	WIDTH: 480px; font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; font-size:12px !important;
}
.navImage {
	CURSOR: pointer
}
.sectionHeader {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: rgb(233, 232, 228); MARGIN-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 5px; FONT-SIZE: 15px; FONT-WEIGHT: bold; font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; PADDING-TOP: 5px
}
.tblCourtHeader {
	BORDER-LEFT: black 1px solid; WIDTH: 100%; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid
}
.tblCourtHeader H3 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 0px; font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
}
.courtChargeInfo {
	MARGIN-BOTTOM: 10px; FONT-SIZE: 12px; FONT-WEIGHT: bold; font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
}
.tblCourtHeader TD {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
}
.tblCourt {
	BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-TOP: black 1px solid; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
}
.courtTblHeader {
	BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: rgb(233, 232, 228); FONT-SIZE: 12px; FONT-WEIGHT: bolder; BORDER-RIGHT: black 1px solid; font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
}
.tblCourt TD {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px; BORDER-RIGHT: black 1px solid; PADDING-TOP: 1px; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
}
.textRed {
	FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: #cc0000; FONT-SIZE: 12px !important; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.textWhite {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: black; FONT-SIZE: 14px !important; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 4px
}
.textVine {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; FONT-SIZE: 12px !important; PADDING-TOP: 0px; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important
}
.text {
	FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: black; FONT-SIZE: 12px !important;
}
.textBold {
	FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: black; FONT-SIZE: 12px !important; FONT-WEIGHT: bold
}
.textUnderlined {
	font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;	font-size:12px !important;
}
.textSmall {
	TEXT-ALIGN: justify; PADDING-BOTTOM: 10px; PADDING-LEFT: 5px; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: black; FONT-SIZE: 10pt; TEXT-DECORATION: none; PADDING-TOP: 5px
}
.Error {
	FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: red; FONT-SIZE: 12pt; FONT-WEIGHT: bold
}
.SearchBorder {
	BORDER-BOTTOM: #3366cc double; BORDER-LEFT: #3366cc double; BACKGROUND-COLOR: silver; BORDER-TOP: #3366cc double; BORDER-RIGHT: #3366cc double
}
.navList {
	LIST-STYLE-POSITION: inside; LIST-STYLE-TYPE: disc; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: blue; FONT-SIZE: 10pt; TEXT-DECORATION: underline
}
.mGrid {
	BORDER-BOTTOM: #525252 1px solid; BORDER-LEFT: #525252 1px solid; BACKGROUND-COLOR: #fff; MARGIN: 5px 0px 10px; WIDTH: 100% !important; BORDER-COLLAPSE: collapse !important; BORDER-TOP: #525252 1px solid; BORDER-RIGHT: #525252 1px solid
}
.mGrid TD {
	border: 1px solid #c1c1c1;
	padding: 2px;
	COLOR: #000000 !important; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; FONT-SIZE: 10pt;
}
.mGrid TH {
	padding: 4px 2px;
	border-left: 1px solid #525252;
	background: #E9E8E4 repeat-x 50% top;
	COLOR: white !important; FONT-SIZE: 1em !important; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important;
}
.mGrid .alt {
	BACKGROUND: url('/Style Library/images/custom/grd_alt.png') #fcfcfc repeat-x 50% top
}
.mGrid .pgr {
	BACKGROUND: #E9E8E4 repeat-x 50% top
}
.mGrid .pgr TABLE {
	MARGIN: 5px 0px
}
.mGrid .pgr TD {
	padding: 0px 6px;
	border-left: 1px solid #666;
	LINE-HEIGHT: 12px !important; BORDER-RIGHT-WIDTH: 0px !important; BORDER-TOP-WIDTH: 0px !important; BORDER-BOTTOM-WIDTH: 0px !important; COLOR: #000000 !important; FONT-WEIGHT: bold !important; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; FONT-SIZE: 1em;
}
.mGrid .pgr A {
	COLOR: #FFFFFF !important; TEXT-DECORATION: none !important
}
.mGrid .pgr A:hover {
	COLOR: #FFFFFF !important; TEXT-DECORATION: none !important
}
.spDTC {
	HEIGHT: auto
}
A.nav {
	COLOR: blue; TEXT-DECORATION: underline; font-family:"ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; font-size:12px !important;
}
.SubHeader {
	PADDING-LEFT: 15px; FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: black; FONT-SIZE: 15px !important; FONT-WEIGHT: bolder
}
.WebPartFilterControls
{
	FONT-FAMILY: "ff-meta-web-pro-n4", "ff-meta-web-pro", Serif !important; COLOR: black; FONT-SIZE: 1em !important;
}
.mostWanted
{
	width:100%;
	border:solid 1px black;
	margin-top:20px;
	margin-bottom:20px;
}
#ForeclosureDetails1
{
	font-size: 14px !important;
	font-weight: bold !important;
	padding-bottom: 1px !important;
	border-bottom: 1px solid grey !important;
}
#ForeclosureDetails2
{
	padding-left: 20px !important;
	padding-bottom: 5px !important;
	padding-top: 2px !important;
}
#ForeclosureDetails4, .ForeclosureDetails3, .ForeclosureDetails5, .ForeclosureDetails6
{
	padding-left: 20px !important;
	padding-bottom: 5px !important;
}
.alt {
	BACKGROUND: url('/Style Library/images/custom/grd_alt.png') #fcfcfc repeat-x 50% top
}

.photoCell {
	BORDER-BOTTOM: black 1px solid; TEXT-ALIGN: center; BORDER-LEFT: black 1px solid; PADDING-BOTTOM: 15px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid; PADDING-TOP: 5px; vertical-align: top
}
.photo {
	BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 200px; HEIGHT: 230px; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid
}
.photocontainer {
  position: relative;
  padding-bottom: 20%;
  height: 230px;
  /*width: 200px;*/
}

.post-content-bottom {
    background: none repeat scroll 0 0 #FFffff;
    opacity: 0.75;
    margin: 0 auto;
    margin-top: 174px;
    text-align:center;
    position: relative;
    width:100%;
}

.post-content-bottom p {
	color: black;
	font-weight: bold;
}

.post-content-top {
    background: none repeat scroll 0 0 #FFffff;
    opacity: 0.75;
    margin: 0 auto;
    margin-top: -230px;
    text-align:center;
    position: relative;
    width:100%;
    font-size: 13px;
}

.post-content-top p {
	color: black;
	font-weight: bold;
}

.thumbmail {
    margin:0 auto;
    text-align:center;
    WIDTH: 200px; 
    HEIGHT: 230px;
    max-width: 100%;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}

.wrapper {
    text-align:center;
}

@media all 
and (min-width : 0px) 
and (max-width : 350px) {
		
	.photocontainer {
		width: 100% !important;
	}
}

@media all 
and (min-width : 351px) 
and (max-width : 499px) {
		
	.thumbmail {
  		width: 70%;
	}

	.photocontainer {
		width: 100% !important;
	}
}


@media all 
and (min-width : 500px) 
and (max-width : 600px) {
		
	.thumbmail {
  		width: 90%;
	}

	.photocontainer {
		width: 50% !important;
	}
}

@media all 
and (min-width : 601px) 
and (max-width : 949px) {
		
	.thumbmail {
  		width: 90%;
	}

	.photocontainer {
		width: 33.33% !important;
	}
}

@media all 
and (min-width : 950px) 
and (max-width : 1000px) {
	
	.thumbmail {
  		width: 85%;
	}

	.photocontainer {
		width: 25% !important;
	}
}

@media all 
and (min-width : 1001px) 
and (max-width : 1200px) {
	
	.thumbmail {
  		width: 85%;
	}

	.photocontainer {
		width: 20% !important;
	}
}

@media all 
and (min-width : 1201px) 
and (max-width : 1499px) {
	
	.thumbmail {
  		width: 85%;
	}

	.photocontainer {
		width: 16.66% !important;
	}
}

@media all and (min-width : 1500px)
{
	.thumbmail {
  		width: 85%;
	}
	
	.photocontainer {
		padding-bottom: 0px;
		width: 14% !important;
	}
}