/* typography */
body{
	color:#000;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	line-height:1.4em; 
	font-weight:normal;
	background:#FFF;
	margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif; 
	line-height:1.5em;
	margin:.45em 0;
	padding:0;
} 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* links */
a,
a:visited,
a:active,
a:hover{color:#5b88b6;}
a:hover{ text-decoration:none;}


/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}

/* Contain floats*/ 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after{
  clear: both;
}
p{ margin:0 0 1.5em;}

/* RESPONSIVE IMAGES */
img{ max-width:100%; height:auto;}

/*============ Margin Section ========== */	
	
.mt-0{margin-top:0 !important;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mb-0{margin-bottom:0 !important;}
.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}

.text-right{text-align:right !important;}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}

/*======= STRUCTURE =======*/   
.wrapper{
	width: 90%; 
	margin: 0 auto;
	padding:0;
}
.row{
	margin-left: -5px;
	margin-right: -5px;
}

/*============ HEADER SECTION ========== */
/*.head_wrapper{width: 100%; padding:10px 0; background:#FFF;}*/
.head_wrapper{width: 100%; padding:10px 0 5px; background:#FFF;}
#logo{text-align:left;}
.head_wrapper h2{ color:#5782ad; font-size:1.5em; margin:0; padding:0; display: block; text-align:center;}	
#logo img{ max-width:100%; height:auto;}
/*============ TOP DROPDOWN MENU SECTION ========== */
#top-menu-sec{
	/*background:url(../img/top_menu_bg.jpg) repeat-x 0 0;*/
	background: rgba(234,244,253,1);
	background: -moz-linear-gradient(top, rgba(234,244,253,1) 0%, rgba(201,225,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(234,244,253,1)), color-stop(100%, rgba(201,225,249,1)));
	background: -webkit-linear-gradient(top, rgba(234,244,253,1) 0%, rgba(201,225,249,1) 100%);
	background: -o-linear-gradient(top, rgba(234,244,253,1) 0%, rgba(201,225,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(234,244,253,1) 0%, rgba(201,225,249,1) 100%);
	background: linear-gradient(to bottom, rgba(234,244,253,1) 0%, rgba(201,225,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf4fd', endColorstr='#c9e1f9', GradientType=0 );
	padding:3px 0;
	}
#top-menu-sec .wrapper{margin-top:0; margin-bottom:0;}

/*============ TOP SEARCH SECTION ========== */
#top-search{background:#ebf5ff; border-bottom:1px solid #d0e7fd; padding:10px 0; margin-bottom:5px;}

/*============ HEADLINE ========== */
h2.headline_v1 {position: relative;text-align: center; color:#5782ad; font-size:20px;}
h2.headline_v1 span {background: #fff;padding: 0 15px; position: relative; z-index: 1;}
h2.headline_v1:before {
	background: #5782ad;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 60%;

}
h2.headline_v1:before {
  left: 20%;
}
form {
    margin: 0;
}
input, textarea {
    border: 1px solid #82b4cd;
    color: #888888;
    font-family: arial,helvetica,sans-serif;
    font-size: 15px;
    vertical-align: middle;
    width:100%;
}
textarea {
    border-radius: 2px;
}
input[type="text"] {
    border-radius: 2px;
    padding: 5px 0px 5px 5px;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;
    height:35px;
}
label.form_label{display:block; color:#000; padding-bottom:5px; font-size:14px; text-align:left;}
input[type="submit"] {
    background:#82b4cd;
    border-radius: 0 2px 2px 0;
    color: #FFFFFF;
    cursor: pointer;
    font-family: arial,helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    text-transform: uppercase;
    width:70px;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;
}

.qa-textarea{
	height: 60px;
    width: 350px;
}

.searchicon{
	background:#82b4cd url(../img/search_icon.png) no-repeat center center !important;
	text-indent:-999em;
}

.select-container {
    width:100%;
    border:1px solid #82b4cd; 
    background:url(../img/down-arrow-v2.png) no-repeat right center; 
    background-color:#ffffff; 
    padding:0; 
    height:35px; 
    border-radius:2px;
    overflow:hidden;
	text-align:center;
    }
	
.select-container select{
    color:#888;
    font-family:arial,helvetica,sans-serif;
    font-size:14px;
    padding:7px 0px 7px 12px;
    /*width:280px;*/
	width:100%;
    border:0;
    border-radius:none;
    appearance:none;
    background-color:transparent;
    outline:none;
    -moz-appearance: none;
    -webkit-appearance:none;
    text-indent: 0.01px;
    text-overflow: '';
	font-weight:normal;
	min-width: 150px;
}
.mob-only{display:none;}
.desktop-only{display:block;}
	
.section{ position:relative;}
.public-resord-search{
	margin:5px 0;
}
.public-resord-search h2{color:#5b88b6; font-size:20px; font-weight:bold; margin:0; padding:0;}
.public-resord-search .search_box{
	background:#ebf5ff;
	border:1px solid #d0e7fd;
	padding:10px;
	clear:both;
	margin:0 0px;
}
.topsearch_col{margin:0}
.search_formCell{float:left; width:22%; padding-left:5px; padding-right:5px;}
.search_last_formCell{float:left; width:12%; padding-left:5px; padding-right:15px;}
.search_formCell_medium{float:left; width:15%; padding-left:5px; padding-right:5px;}
.inner_search_formCell{float:left; width:auto; padding-left:5px; padding-right:5px;}
.inner_search_last_formCell{float:left; width:12%; padding-left:5px; padding-right:15px;}
.btn_bg{
	border:0;
	color: #FFFFFF;
	display:block !important;
	width:100% !important;
	cursor: pointer;
	font-family: arial,helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
	height: 35px;
	border-radius:2px !important;
	background:url(../img/btn_bg.jpg) repeat-x center center !important;
}
.normal_btn{
	border:0;
	color: #FFFFFF;
	display:block !important;
	width:100% !important;
	cursor: pointer;
	font-family: arial,helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
	height: 35px;
	border-radius:2px !important;
	background:#82b4cd;
}
.search_btn {
	background:#5782ad !important;
    border-radius:2px !important;
	border-color:#5782ad;
    color: #FFFFFF;
	display:block !important;
	width:100% !important;
    cursor: pointer;
    font-family: arial,helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;
}
.search_btn:hover, .custom_btn:hover{background:#5782ad !important; border-color:#5782ad;}
.custom_btn {
	background:#5782ad !important;
    border-radius:2px !important;
	border-color:#5782ad;
    color: #FFFFFF;
	display:block !important;
    cursor: pointer;
    font-family: arial,helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;
	}
.search_formCell input[type="text"] {border-radius: 2px !important;}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control {
    width: 100%;
    margin-bottom: 0;
	height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border:1px solid #82b4cd;
    border-radius: 2px 0px 0px 2px;
	
	
	}
	.input-group-btn {
    position: relative;
    white-space: nowrap;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.About_Ask_Question{ float:left; width:385px; /* width:350px; */ margin-bottom:10px;}
.nicname{ float:left;  width:180px; /* width:145px; */ margin-bottom:10px;}
.qaInputBox{ float:left; width:200px; margin-bottom:10px;}
.calculate{ float:left; width:250px; margin-bottom:10px;}

.slidx-menu {background-color: #fff; z-index:1000;}	
.slidx-menu  li {list-style: none;	border-bottom:1px solid #ddd;}
.slidx-menu  li a {color:#000;	font-size:12px;	font-weight:bold; display:block; padding:8px 0px 8px 15px;text-decoration: none;}
.slidx-menu  li a:hover {background:#eee;}

.scrollup {
		width: 50px;
		height: 50px;
		opacity: 0.3;
		position: absolute;
		/* top: 50px; */
		left:0;
		display: block;
		text-indent: -9999px;
		background: url('http://www.open-public-records.com/images/goto-top.png') no-repeat;
		border:none;
	}
	.scrolldown {
		width: 50px;
		height: 50px;
		opacity:0.3;
		position: absolute;
		/* top:100px; */
		top:50px;
		left:0;
		display: block;
		text-indent: -9999px;
		background: url('http://www.open-public-records.com/images/go-to-bottom.png') no-repeat;
		border:none;
		z-index: 1000;
	 }
	.slidx-button-wrap {
		width: 50px; 
		height: 100px; 
		position: fixed; 
		bottom: 40%;
		right: 30px; 
		text-indent: -9999px;   
		display: none;
		border:none;
		margin-bottom: 5px;
	}
	#slidx-button {
		/*right:10px;
		top:0;
		padding:0px;
		margin:0;
		cursor:pointer;*/
		width: 50px; 
		height: 50px; 
		opacity: 0.3;
		position: relative;
		/*position: fixed; */
		/*bottom: 58%;
		right: 30px;*/ 
		text-indent: -9999px;   
		background: url('http://www.open-public-records.com/images/menu_icon.png') no-repeat; 
		border:none;
		margin-bottom: 5px;
	}
	.scrollupDesk {
		width: 50px;
		height: 50px;
		opacity: 0.3;
		position: fixed;
		bottom: 50px;
		right: 30px;
		display: none;
		text-indent: -9999px;
		background: url('http://www.open-public-records.com/images/goto-top.png') no-repeat;
		border:none;
	}
	
.inline_txtfield{float:left;width:310px;}
.ask_btn{float:left;}
.pf-form-desk{display:block;}
.pf-form-mob{display:none;}

/*============= STATE PAGE ===============*/

.number_text{font-size:14px; margin-top:8px; color:#1C460C; float:left; margin-left:3px;margin-right:3px;}
.cont_resources{font-size:14px; text-align:left; line-height:18px;}
.box-panel{ margin-bottom:5px; border:0px solid #5782ad;}
.box-panel .header{ padding:5px 15px; background:#5782ad; color:#FFF; line-height:normal;}
.box-panel .header h2{ margin:0; padding:0;color:#FFF; font-size:16px; font-weight:bold;}
.box-panel .panel-body{ padding:15px; background:#f6fbff; color:#000; font-size:12px; line-height:18px;}

.content_directory{ list-style-type:none; margin:0; padding:0px;}
.content_directory li{ display:block; padding-left:15px; font-size:14px; margin-bottom:10px; color:#000; background:url(../img/right-arrow.png) no-repeat left 5px;}
.content_directory li h4{ color:#000; font-size:12px; font-weight:bold; margin:0;}
.content_directory li h4 a{ color:#5b88b6; font-size:14px; font-weight:bold; text-decoration:none;}
.content_directory li h4 a:hover{text-decoration: underline;}
.content_directory li h4 span{ color:#000; font-size:12px; font-weight:normal;}



.Q-A-sec{list-style-type:none; margin:0; padding:0; width: 90%;}
.Q-A-sec li{padding:5px 0px; margin-bottom:0px; color:#000; border-bottom:1px solid #b6cbe0; width:100%; clear:both; overflow:hidden;
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: normal;
white-space: normal;
}
.qa_left_content{padding:0 !important;}
.qa_right_content{ text-align:right; padding:0 !important;}
.Q-A-sec li .title{ color:#000; font-size:14px; font-weight:bold; margin:0;}
.Q-A-sec li .title a{ color:#5b88b6; font-size:14px; font-weight:bold; text-decoration:none;}
.Q-A-sec li .title a:hover{text-decoration: underline;}
.Q-A-sec li .title .qustion_color{ color:#5782ad;}
.Q-A-sec li div.names{ color:#000; font-size:14px; font-weight:normal; display:inline-block;padding-right:10px; margin-bottom:5px; text-align: justify;}
.Q-A-sec li div.date{ color:#000; font-size:12px; font-weight:normal; display:inline-block;}
.Q-A-sec li div.date img{ float:left; display:block; margin-right:5px;}
.Q-A-sec li .post-answer{ padding:3px 5px; background:#5782ad; color:#fff;font-weight:bold;border:1px solid #356a9e;text-decoration:none;}
.Q-A-sec li .answer{padding:3px 5px; background:#519f33; color:#fff;font-weight:bold;border:1px solid #33a109;text-decoration:none; display:inline-block}
.Q-A-sec li .source{ color:#000; font-size:10px; font-weight:normal; text-decoration:none;}
.Q-A-sec li .pageurl{ color:#5b88b6; font-size:10px; font-weight:normal; text-decoration:none;}
.Q-A-sec li .pageurl:hover{text-decoration: underline;}

.Q-A-sec li h4{ color:#000; font-size:14px; margin:0;}
.Q-A-sec li h4 .qustion_color{ color:#5782ad;}
.Q-A-sec li h4 a{ color:#5b88b6; font-size:14px; font-weight:bold; text-decoration:none;}
.Q-A-sec li h4 a:hover{text-decoration: underline;}


.latest-Q-A{ list-style-type:none; margin:0; padding:0 15px; width: 90%;}
.latest-Q-A li{ display:block; padding:5px 0px; margin-bottom:10px; color:#000; border-bottom:1px solid #b6cbe0; position:relative;
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: break-all;
white-space: normal;
}
.latest-Q-A li .right_content{text-align:right;}
.latest-Q-A li h4{ color:#000; font-size:14px; font-weight:bold; margin:0;}
.latest-Q-A li h4 .qustion_color{ color:#5782ad;}
.latest-Q-A li h4 a{ color:#5b88b6; font-size:14px; font-weight:bold; text-decoration:none;}
.latest-Q-A li h4 a:hover{text-decoration: underline;}
.latest-Q-A li div.names{ color:#000; font-size:14px; font-weight:normal; display:inline-block;padding-right:10px; margin-bottom:5px;}
.latest-Q-A li div.date{ color:#000; font-size:12px; font-weight:normal; display:inline-block;}
.latest-Q-A li div.date img{ float:left; display:block; margin-right:5px;}
.latest-Q-A li .post-answer{ padding:3px 5px; background:#5782ad; color:#fff;font-weight:bold;border:1px solid #356a9e;text-decoration:none;}
.latest-Q-A li .answer{padding:3px 5px; background:#519f33; color:#fff;font-weight:bold;border:1px solid #33a109;text-decoration:none;}
.latest-Q-A li .source{ color:#000; font-size:10px; font-weight:normal; text-decoration:none;}
.latest-Q-A li .pageurl{ color:#5b88b6; font-size:10px; font-weight:normal; text-decoration:none;}
.latest-Q-A li .pageurl:hover{text-decoration: underline;}
.more_link{text-align:right;}
.more_link a{ background:#5782ad; color:#fff; padding:5px 15px;font-weight:bold;text-decoration:none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.more_link a:hover{text-decoration: none; background:#5782ad;}
.latest-Q-A li a:hover{text-decoration: underline;}

.font-bold{font-weight:bold;}
.display_block{display:block !important;}
.no-border{border:0 !important;}
.form-group {
    margin-bottom: 10px;
	clear:both;
}

.show {}
.morectnt span {
display: none;
}
.showmoretxt {
    font: bold 14px Arial, Helvetica, sans-serif ;
    text-decoration: none;
	display:block;
	
}

.left-arrow {
	display: inline-block;
	position: relative;
	background: #5782ad;
	padding:5px 15px;
	color:#FFF
}
.left-arrow:after {
	content: '';
	display: block;  
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid #5782ad;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}

/* ======== INDEX PAGE  =========== */
.border{border:1px solid #d0e7fd;}
.top-border{border-top:1px solid #d0e7fd;}
.sub_title{ margin:0;padding:5px 0px; display:block;}
.all_form input[type="text"]{border-radius: 2px;}
.col5{float:left; width:20%; padding-left:5px; padding-right:5px;}

.btm_cols{ list-style:none;margin:0; padding:0;}
.btm_cols li{margin:0 0 5px 0; padding:0;}
.btm_cols li a{ display:block; color:#000;padding:2px 0 2px 20px; font-size:12px; text-decoration:none;/* background:url(../img/right-arrow-nor.png) no-repeat 5px center;*/}
.btm_cols li a:hover{color:#FFF; background:#5b88b6 /*url(../img/right-arrow-hov.png) no-repeat 5px center*/;}

.light_blue_bg{background:#ebf5ff !important;}

/* ======== STATE PAGE  =========== */
.inline-top-menu-sec{display:none;}

/* ======== PAGINATION  =========== */
.pagination{ padding:0; margin:0;}
.pagination li {display: inline-block; font-size:12px;font-weight:bold; color:#000; text-align: center; line-height: 30px; margin-left: 5px;}
.pagination li a { color: #000; text-decoration:none; font-size:14px;padding:7px 10px; line-height: 30px;background-color: #eee;border-radius: 2px;}
.pagination li.active a {  background-color: #5782ad;color: #fff; }
.pagination li.disabled a { cursor: default; color: #999; }
.pagination li i { font-size: 2rem; vertical-align: middle; }
.pagination li.pages ul li { display: inline-block;  float: none; }
.pagination li.total-page {background:none;}
.pagination li a:hover {background-color: #5782ad;color:#FFF;}


/* ======== RIGHT MENU =========== */

.number_menu { position:fixed; right:0px; top:10%; z-index:1000; list-style:none; width:168px; background:rgba(255, 255, 255, 0.24); display:none;}	
.number_menu h3{ display:block; background:#5782ad; color:#FFF; text-align:center; font-size:14px; font-weight:bold; padding:5px 10px; margin:0 0 0px 0; border-bottom:2px solid #fff;}
.number_menu ul { list-style-type:none; padding:0; margin:0;}
.number_menu li {			
	margin-bottom:0px;
	border-bottom:1px solid #ddd;
}
.number_menu li a {
	border:0px solid #ddd;
	color:#000;
	font-size:12px;
	font-weight:normal !important;
	display:block;
	padding:5px 15px;
	text-align: left;
	text-decoration:none;
	position: relative;
	}
.number_menu li a:hover {
	background:#efefef;
	color:#000;
}
.number_menu li a.active {
	background:#efefef;
	color:#000;
}

.number_menu li a:hover:after {
content: '';
display: block;  
position: absolute;
right: 100%;
top: 50%;
margin-top: -15px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-left: 10px solid transparent;
border-bottom: 15px solid transparent;
border-right: 10px solid #efefef;
}


/*====== Question Answer page =======*/

.Q-A-sec{list-style-type:none; margin:0; padding:0; width: 90%;}
.Q-A-sec li{padding:5px 0px; margin-bottom:0px; color:#000; border-bottom:1px solid #b6cbe0; width:100%; clear:both; overflow:hidden;word-wrap: break-word;}
.qa_left_content{padding:0 !important;}
.qa_right_content{ text-align:right; padding: 0 0 10px !important; /*padding:0 !important;*/}
.Q-A-sec li .title{ color:#000; font-size:14px; font-weight:bold; margin:0;}
.Q-A-sec li .title a{ color:#5b88b6; font-size:14px; font-weight:bold; text-decoration:none;}
.Q-A-sec li .title a:hover{text-decoration: underline;}
.Q-A-sec li .title .qustion_color{ color:#5782ad;}
.Q-A-sec li div.names{ color:#000; font-size:14px; font-weight:normal; display:inline-block;padding-right:10px; margin-bottom:5px;}
.Q-A-sec li div.date{ color:#000; font-size:12px; font-weight:normal; display:inline-block;}
.Q-A-sec li div.date img{ float:left; display:block; margin-right:5px;}
.Q-A-sec li .post-answer{ padding:3px 5px; background:#5782ad; color:#fff;font-weight:bold;border:1px solid #356a9e;text-decoration:none;}
.Q-A-sec li .answer{padding:3px 5px; background:#519f33; color:#fff;font-weight:bold;border:1px solid #33a109;text-decoration:none; display:inline-block}
.Q-A-sec li .source{ color:#000; font-size:10px; font-weight:normal; text-decoration:none; text-align:left;}
.Q-A-sec li .pageurl{ color:#5b88b6; font-size:10px; font-weight:normal; text-decoration:none;}
.Q-A-sec li .pageurl:hover{text-decoration: underline;}

.Q-A-sec li h4{ color:#000; font-size:14px;  margin:0;}
.Q-A-sec li h4 .qustion_color{ color:#5782ad;}
.Q-A-sec li h4 a{ color:#5b88b6; font-size:14px; font-weight:bold; text-decoration:none;}
.Q-A-sec li h4 a:hover{text-decoration: underline;}

.qa-details{ width:100%;}
.qa-details li{ border:0;}
.min-height{min-height: 380px;}

.ans_wrap{ margin-top:10px; margin-left:15px; font-size:16px;}
.qa_block{ display:table-cell; vertical-align:top; font-size:16px; }
.q_icon{background:#5782ad; color:#FFF; width:30px; height:30px; text-align:center; line-height:30px; display:inline-block;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; }
.a_icon{background:#519f33; color:#FFF;width:30px; height:30px; text-align:center; line-height:30px; display:inline-block;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.qst_dtls{ padding-left:10px; font-size:16px;  display:table-cell; vertical-align:top;}
.ans_dtls{ padding-left:10px; font-size:16px;  display:table-cell;font-weight:normal; vertical-align:top;}
.CensusDataLeft{ width:90%; float:left;font-size: 14px;}
.CensusDataLeft a{color:#5782ad; text-decoration:none;}
.CensusDataRight{ width:10%; float:right; text-align:right;color:#5782ad;font-size: 14px;}
.CensusDataRight a{color:#5782ad; text-decoration:none;}

/*============ MAP PAGE ======= */
.county-crime-report{}
.county-crime-report ul{ width:100%;}
.county-crime-report ul li{ border:1px solid #d0e7fd; padding:10px; background:#FFF; margin-bottom:5px;}
.county-crime-report td{ padding: 5px 0; font-size:14px;vertical-align: top;}

.rows{
	margin-left: -5px;
	margin-right: -5px;
}
#map-canvas {
    border:1px solid #5782ad;
    height: 400px;
    margin: 0;
    padding: 0;
    width: 624px;
 margin:0;
}


/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	/*margin-bottom:40px;*/
	/*positioning and padding*/
	position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}


/*============ FOOTER ============*/
footer{  
	clear:both;
	font-size:80%;
	padding:20px 0;
	background:#5782ad;
	color:#fff;
}

.footer-top-nav{ display:block; text-align:center; margin-bottom:10px; color:#FFF; font-weight:bold;}
.footer-top-nav a{color:#FFF; font-weight:bold;text-decoration:none; font-size:14px;}
.footer-top-nav a:hover{ text-decoration:underline;}

.footer-copyright{ display:block; text-align:center; font-size:12px; margin-bottom:10px; color:#FFF; font-weight:normal;}
.footer-content{ display:block; text-align:center; font-size:11px; color:#FFF; font-weight:normal; line-height:normal;}

footer ul{
	margin:0;
	padding:0;
}
footer h1, footer h2, footer h3, footer h4{ 
	color:#CCC; 
	margin-bottom:10px;
}
footer ul{
	margin:0 0 0 8%;
}
a.buttonlink{ 
	background:#5b88b6; 
	border-radius:7px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:10px;
	text-decoration:none;
}
a.buttonlink:hover{
	background:#8dbc01;
}
.greenelement{
	background:#5ec79e;
	color:#fff;
}
.violetelement{
	background:#887dc2;
	color:#fff;
}
/*=========  Public Records Search ==========*/
.shortform{ width:675px; margin:10px auto;}
.shortform_header{ background:#5782ad; color:#FFF; font-size:16px; font-weight:bold; padding:5px 0;text-align:center; display:block;}
.shortform_body{ background:#ebf5ff; color:#000;display:block; padding: 10px 17px; overflow:hidden;}
.shortform .cols{ width:120px; margin-right:5px; display: inline-block; float:left;}
.shortform .cols.stateDD{ width:157px;}
.shortform .cols-last{margin-right:0; width:100px;display: inline-block; float:left;}
.shortform .label{ display:block; margin-bottom:3px;}
.shortform .txtbox_wrap{ display:block;}
.shortform .txtbox{ display:block; border:1px solid #82b4cd;font-size:14px; height:25px; padding:2px 3px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#333;}
.shortform select{ background:#fff;appearance:normal;-webkit-appearance: normal; -moz-appearance: normal; font-size:14px;display:block;height:25px; padding:2px 3px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; width:100%;border:1px solid #82b4cd;}
.shortform .searchbtn{border:0;
	color: #FFFFFF;
	display: block;
	width:100%;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	border-radius:0 !important;
	line-height:normal; 
	height:25px; 
	background:url(../img/btn_bg.jpg) repeat-x center center !important;}

/*=========  MEDIA QUERY ==========*/

@media only screen and (max-width:619px) {
	.inline_txtfield{width:100%; float:none;}
	/*.number_text{padding-top:15px; !important}
	.number_field{margin-top:15px;}
	.ask_btn{margin-top:15px; float:left;}*/
}

@media (min-width: 768px){
.navbar-form .form-control {
    display: inline-block;
}
}


@media only screen and (max-width : 992px) {
  .pagination {
    width: 100%; }
    .pagination li.prev, .pagination li.next {
      width: 10%; }
    .pagination li.pages {
      width: 80%;
      overflow: hidden;
      white-space: nowrap; }
  }
@media only screen and (max-width : 680px) {
	.CensusDataLeft{ width:72% !important;}
	.CensusDataRight{ width:28% !important;}
}
@media only screen and (min-width: 481px) {
#banner{text-align: left;}
} 
@media only screen and (max-width: 480px) {
	.head_wrapper h2{text-align: center;}
	.About_Ask_Question{ float:none; width:100%; margin-bottom:10px;}
	.nicname{ float:none; width:100%; display:block;margin-bottom:10px;}
	.qaInputBox{ float:none; width:100%; display:block;margin-bottom:10px;}	
	.calculate{ float:none; width:100%; display:block;margin-bottom:10px;}
}
@media only screen and (min-width: 900px) {

	.wrapper{
		max-width: 100%; 
		margin:0 auto;
		padding:0;
	}
	.row{
		margin-left: -5px;
		 margin-right: -5px;
	}
	 
	.grid_1 { width: 8.33333333%; }
	.grid_2 { width: 16.66666667%; }
	.grid_3 { width: 25%; }
	.grid_4 { width: 33.33333333%; }
	.grid_5 { width: 41.66666667%; }
	.grid_6 { width: 50%; }
	.grid_7 { width: 58.33333333%; }
	.grid_8 { width: 66.66666667%; }
	.grid_9 { width: 75%; }
	.grid_10 { width: 83.33333333%; }
	.grid_11 { width: 91.66666667%; }
	.grid_12 { width: 100%; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		float: left;
		display: block;
	}
	.grid_xs-offset-9 {
	 margin-left: 75%;
	}
	.grid_xs-offset-6 {
	 margin-left: 50%;
	}
	.grid_xs-offset-3 {
	 margin-left: 25%;
	}
	.rightfloat{float:right;}
	/* @notation inspired by tinyGrid, .row and percentage by Twitter Bootstrap
	 */
	 
	#home_banner [class*="grid_"] { margin-bottom:-20px;}
	#logo img{width:auto; height:auto;}
}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {

} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {

} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

  
}

/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

@media(max-width:900px) {
	.f-nav{
		z-index: 9999;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
	}

	 header {padding:5px 0;}
	/*.head_wrapper h2{font-size: 1em; margin:5px 0 0 0;}*/
	.head_wrapper h2{font-size: 1em; margin:0;}
	 header {padding:5px 0;}
	.head_wrapper{width: 100%; padding:10px 0 0; background:#FFF;}
	.search_formCell{float:none;width:100%;padding-left:5px; padding-right:5px; margin-bottom:10px;}
	.search_last_formCell{float:none;width:100%; padding-left:5px; padding-right:5px;}
	.topsearch_col{margin-bottom:5px;}
	.topsearch_col:last-child{margin-bottom:0px;}
	.public-resord-search h2{font-size:1.2em}
	.col5{float:none;width:100%;}
	.inner_search_formCell{float:none;width:100%;padding-left:5px; padding-right:5px; margin-bottom:5px;}
	.search_formCell_medium{float:left; width:100%; padding-left:5px; padding-right:5px; margin-bottom:5px;}
	.inner_search_last_formCell{float:none;width:100%; padding-left:5px; padding-right:5px;}
	.latest-Q-A li .right_content{text-align:left;}
	/*.Q-A-sec li div.names{padding-right:0 !important;}*/
	.Q-A-sec li div.names{padding-right: 10px;}
	.Q-A-sec{width: 100% !important; text-align: justify}
	.qa_left_content{float:none; display:block; text-align:left;}
	.qa_right_content{float:none; display:block; text-align:left;}
	.left-arrow:after {
		content: '';
		display: block;  
		position: absolute;
		right: 100%;
		top: 50%;
		margin-top: -10px;
		width: 0;
		height: 0;
		border-top: 0px solid transparent;
		border-right: 0px solid #5782ad;
		border-bottom: 0px solid transparent;
		border-left: 0px solid transparent;
	}
	#slidx-button {display:block;}
	.number_menu{display:none !important;}
	.scrollupDesk {display:none !important;	}
	.BrowseOpen{display:none;}
	.table-form-td-closestcities {  display: block; text-align: left;  width: 100%; line-height: 20px;}
	.table-form-td-closestcities  a{ text-decoration:none; font-size: 14px;}
	
	.pf-form-desk{display:none !important;}
	.pf-form-mob{display:block !important;}
	.los-angeles-form{margin-bottom:5px;}
	.los-angeles-form:last-child{margin-bottom:0px;}
	.mob-only{display:block;}
	.desktop-only{display:none;}
	.search_last_formCell{margin-top:5px !important;}

	.shortform{ max-width:530px;width:100%; margin:10px auto;}
	.shortform_header{text-align:left; padding-left:15px;}
	.shortform_body{padding: 10px 50px;}
	.shortform .cols{ width:100%; margin-right:0;margin-bottom:5px;  display: block;}
	.shortform .cols-last{width:100%;display:block; margin-bottom:0px;}
	.label_mob{ }
	.shortform .txtbox{ width:120px;}
	.shortform .cols.stateDD{ width:157px;}
	.shortform .searchbtn{width:157px; text-align:center; margin-bottom: 25px;}
	.inline-top-menu-sec{display:block;}
.row {margin-left: -3px; margin-right: -3px;}
.inline_grid_3 {position: relative; min-height: 1px; padding-left: 3px; padding-right: 3px;}
.inline_grid_3 { width: 25%;}
.inline_grid_3 {float: left; display: block;}

.inline_grid_4 {position: relative; min-height: 1px; padding-left: 3px; padding-right: 3px;}
.inline_grid_4 { width: 33.3333%;float: left; display: block;}
.inline_grid_12 {width: 100%;position: relative; min-height: 1px; padding-left: 3px; padding-right: 3px;}

/*.topsearch_col{margin-bottom:0px;}
.topsearch_col:last-child{margin-bottom:0;}*/
/*.portrait-view{display:none;}*/

/* header and menu fix*/
.topmargin{margin-top:138px;}
.inline-top-menu-sec .btn{ width:40px;height:30px; font-size:12px;}
.inline-top-menu-sec .input-group .form-control{ padding:4px 3px;font-size: 12px;height:30px;}
.inline-top-menu-sec select{ padding:6px 3px;font-size: 12px;}
.inline-top-menu-sec .select-container {height:30px;background: #ffffff url("../img/down-arrow-v2.png") no-repeat scroll 112% center;}

	.qa-textarea{
		height: 60px;
		width: 100%;
	}
	.min-height{min-height: 0;}
	#logo img{width:auto; height:40px;}

}

@media only screen and (max-width: 919px) {
	.qa_right_content { text-align:left !important;}
}

.mobclass{display:none;}
.port{display:block;}

@media only screen and (min-width: 768px) {
.mobclass{display:none !important;}
.port{display:block !important;}	
}

@media only screen and (min-width: 480px) {

.mobclass{display:block;}
.port{display:none;}	
/* #logo img{width:auto; height:40px;} */
/*.topsearch_col{margin-bottom:0px;}*/
.topsearch_col{margin-bottom:5px;}
.topsearch_col:last-child{margin-bottom:0;}
}