﻿
.right_column_pto {
	margin-top:0px;

	width:100%;
	height:auto;
}

div.textbox img:hover {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

div.wrapper {  
    position:relative; /* important(so we can absolutely position the description div */  
	overflow:hidden;
}  
div.description {  
    position:absolute; /* absolute position (so we can position it where we want)*/  
	vertical-align:super;
    left:0px;  
    display:none; /* hide it */  
    /* styling bellow */  
	
    background-color:black;  
    font-family: 'verdana';  
    font-size:.90em;  
    color:white;  
	width:210px;
	height:90px;
	margin-top:23px;
	
}  
div.description_content  {  
    padding:8px; padding-left:8px;
	
}  

div.description_content a {color:white;}

.side_menu_pto_1 {
	width:218px;
	height:auto;
	border-bottom:1px solid #cccccc;
	background-color:#fff;
	margin-bottom:20px;
}

.side_menu_pto_1 h2 {
	font-size:1.1em;
	background-color:#cccccc;
	color:#003366;
	padding:5px;
}

.side_menu_pto_1 ul {
	list-style-type: none;
 	padding: 0px;
}

.side_menu_pto_1 ul li {
}

.side_menu_pto_1 ul li a {
	font-size:1em;
	font-family:sans-serif;
	font-weight:bold;
	padding:50px 10px 10px 10px;
	color:#FFF;
	background-color:#003366;
	border:1px solid #CCC;
	display:block;
}

.side_menu_pto_1 ul li a:hover {
	text-decoration:none;
}

/*Accordion CSS*/
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
margin-left:20px;
}


/*Update Information for.. links */

.info_link1_pto a {
	background-color:#003366!important;
	background-image:url("/property/PublishingImages/TaxpayersQuicklink.png");
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
.info_link1_pto a:hover {
	background-color:#00aca1 !important;
}
.info_link2_pto a {
	background-color:#003366!important;
	background-image:url("/property/PublishingImages/info_locgov.png");
	background-repeat:no-repeat;
}
.info_link2_pto a:hover {
	background-color:#00aca1 !important;
}



/* */
.side_menu_pto_1_alt, .side_menu_pto_3, .side_menu_pto_4 {
	width:218px;
	height:auto;
	margin-bottom:20px;
}

.side_menu_pto_alt {
	border:1px solid #cccccc;
	background-color:#ffffff;
}

.side_menu_pto_3 {
	border:1px solid #003366;
	background-color:#ffffff;
}

.side_menu_pto_4 {
	border:1px solid #009999;
	background-color:#ffffff;
}

.side_menu_pto_alt h2, .side_menu_pto_3 h2, .side_menu_pto_4 h2 {
	font-size:1.1em;
	color:#FFF;
	padding:5px;
}

.side_menu_pto_alt h2 {
	color:#003366;
	background-color:#cccccc;	
}


.side_menu_pto_3 h2 {
	background-color:#003366;
}

.side_menu_pto_4 h2 {
	background-color:#009999;
}

.side_menu_pto_alt ul, .side_menu_pto_3 ul, .side_menu_pto_4 ul {
	list-style-type: none;
 	padding: 0px;
 	margin:5px 0 5px 0;
}

.side_menu_pto_alt ul li, .side_menu_pto_3 ul li, .side_menu_pto_4 ul li {
	padding:5px 0px 5px 8px;
}

div.tilewrapper {
	padding-top:.30em;padding-bottom:1.25em;padding-left:.15em;
}

div.sidebyside {
	float:left;width:235px;height:128px;
}

h4.tileheader1 {
	height:1.50em;padding-top:.25em;padding-bottom:.25em;font-size:.85em;padding-left:.5em;padding-right:0;margin-right:0; background:linear-gradient(to right, #0e0d0c , #295686);color:white;font-weight:bold;
}

h4.tileheader2 {
	height:1.50em;padding-top:.25em;padding-bottom:.25em;font-size:.85em;padding-left:.5em;padding-right:0;margin-right:0; background:  linear-gradient(to right, #0e0d0c , #994A2D);color:white;font-weight:bold;
}

h4.tileheader3 {
	height:1.50em;padding-top:.25em; padding-bottom:.25em;font-size:.85em;padding-left:.5em;padding-right:0;margin-right:0; background:  linear-gradient(to right, #0e0d0c , #767A85);color:white;font-weight:bold;
}

div.tileshadow {
	width:210px; box-shadow: 5px 5px 5px #888888;
}

/***********Tiles List***********/

/***Fix Disappearing y,j,g,p in tiles***/
.ms-tileview-tile-titleMedium{
	font-size:11.5px;
}
/***********Display rows of 2 items************/
.ms-promlink-root {
	width: 320px;
	
}

.ms-promlink-body {
  width: 320px;
}

.ms-promlink-header {
display:none;
}

/***********Style for larger screens***********/

/***********Display rows of 3 items************/
@media screen and (min-width: 540px) {
	.ms-promlink-root {
		width: 480px;
		margin: auto;
	}

	.ms-promlink-body {
	  width: 480px;
	}
}

/***********Display rows of 4 items************/
@media screen and (min-width: 880px) {
	.ms-promlink-root {
		width: 640px;
		margin: auto;
	}

	.ms-promlink-body {
	  width: 640px;
	}
}

/*********Formatting Forms**********/

.FormFormatTableWrapper{
	width: 100%;
}
.FormFormatTable{
	width:100%;
	border-collapse:collapse;
}
.FormFormatTable td, .FormFormatTable th {
	text-align:left;
	line-height:1.3;
	padding:5px;
}
table.FormFormatTable td:first-child{
	width:30%;
}
table.FormFormatTable td:nth-child(2){
	width:53%;
}
table.FormFormatTable td:nth-child(3){
	width:17%;
	padding-left:0;
}
.fftTopHeader th{
	font-size:1em !important;
	color:#333;
}
.fftTopHeader th:nth-child(3){
	text-align:center !important;
}
#FormFormatHeader h3{
	color:white;
	background-color: #1F346E;
	border:1px solid #cccccc;
	font-size:1.15em;
	padding:5px;
	line-height:24px;
}

.fftTopHeader{
	background-color:#cccccc;
	font-weight:bold;
	}
	
.fftHeader td{
border-bottom-color:black;
border-bottom-style:solid;
font-weight:bold;
line-height:20px;
padding-left: 10px
}

.fftForm td{
padding-left:15px;
border-bottom:1px solid #cccccc !important;
}

.fftForm li{
	text-align:center;
}

.news_box h2{
font-size:1.15em !important;
font-weight:bold;
}

.news_boxBody{
margin:0.75em;	
}

/* pageDescription used for Page Description Section - Content Collection List */

.pageDescription{
width:auto;
height:auto;
margin-bottom:20px;
border:1px solid #CCC;
background-color:#fff;
}

.pageDescription h2{
font-size:1.15em !important;
padding:5px !important;
line-height:24px;
background-color:#008484;
color:white !important;
font-weight:bold !important;
}

/*** bodyContent used for all other body content section- Content Collection List ***/
.bodyContent{
height:auto;
margin-bottom:20px;
border:1px solid #CCC;
background-color:#fff;
}
.bodyContent div{
height:auto;
}
.bodyContent h2{
font-size:1.1em !important;
padding:5px !important;
line-height:24px;
background-color:#003366;
color:white !important;
font-weight:bold !important;
}

/*** Main content under Content Headers - Content Collection List ***/

.contentBox{
	margin:0.75em;	
}

/*** Banner Image on /property/pages/taxpayers ***/

.ptoBannerWrap
{
background-color:#003366;
width:auto;
height:100px;
margin-bottom:1em;
}

.ptoBanner
{
height:100%;
width:100%;
background: url("/property/PublishingImages/ptoBanner.png");
background-repeat:no-repeat;
background-size:100% 100%;

}
.ptoBanner:hover
{
color:white;
text-decoration: underline;
background-color:#443366;

}

.ptoBanner p{
color:white;
font-size:1.5em;
padding-top:5% ;
text-align:center;
font-family:Tahoma, geneva, sans-serif;
}
.ptoBannerWrap a{
text-decoration:none;
}

/*****Image on /property/Pages/Taxpayers_Exemptions*****/

.ptoFirstResponders
{
	background-image: url("/property/PublishingImages/ptoFirstResponders.png"); 
	background-size: 100% 100%;
}

.ptoContact1 {
position: relative;
  top: -0px;
}



/***Image on /property/Pages/aboutUs***/
.ptoAboutUs{
height:350px;
width:100%;
background: url("/property/PublishingImages/ptoAboutUs.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
position:relative;
margin-bottom: 15px;
}

.aboutUsBox{
	background-color:#003366;
	opacity:0.9;
	width:75%;
	position:absolute;
	top:2%;
	left:2%;
}
.aboutUsVision{
	width:75%;
	background-color:#009999;
	opacity:.9;
	position:absolute;
	bottom:2%;
	right:2%;
}

.ptoAboutUs p{
	color:white;
	padding:3px;
}

.aboutUsTitle{
	 font-size:1.4em;
	 font-family:"Eras Bold ITC" ;
	 font-weight:bold;	
}




/******Fixing CSS for <a> tags*******/

.news2 a{
font-size:1em !important;
}


/***@media screen and (min-width: 0px)
.news2***/


.right_column .news2{
	width:auto !important;
	padding:.75em;
}
@media (max-width: 518px){ .mobile { display: none !important; } }

@media (max-width: 718px), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	.ptoBanner p{
		padding:0px;	
	}
	
}

/**** Accordion H3 ****/
#accordion h3{
	font-size:1.15em !important;
	font-family:"Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif !important;
}


/*********County Officials*********/

#cofficials p{
	text-align:left;
	float:left;
	width:92%
}
#cofficials div{
	padding:5px 0;
	width:92%;
	margin:0 auto;
	
	min-width:320px !important;
	height:2.1em
}
#cofficials div:last-child{
	border-bottom: none !important;
}
#cofficials button{
    background-color: #cccccc;
	border: 1px solid #ababab !important;
	float:left;
}
#cofficials button:hover{
	border: 1px solid #009999 !important
}
#cofficials div h2{
	font-size:1.46em;
	margin:2px 0 0;
	font-family: tahoma, sans-serif;
	float:left;
	width: 50%;
	color: #009999 !important;
	font-weight:300;
}
#cofficials h2{
	width:200px;
	margin:0 auto;
	font-weight:600;
	color: black !important;
}
.custom-combobox{
	margin:0 30px 10px;
	float: left;
}

.custom-combobox input{
	border: 1px solid #d3d3d3 !important;
	padding:3px;
	background-color: #fff;
	height:22px;
	width:110px
}
ul.ui-autocomplete{
	height:300px;
	overflow-y:scroll;
	background: #fff;
}
.ui-tooltip.ui-widget.ui-corner-all.ui-widget-content{
	background-color: #fff;
	display:block;
}

/************* County Profiles ************/

#year, .county{
	margin:0 5px;
}

#openDoc{
	background-color: #cccccc;
	border: 1px solid #ababab;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin:0 5px;
	line-height:7px
  }
  

  #openDoc:hover{
	border-color:#009999
  }
  
  /******************************************/
  
#accordion .news2 ul,.accordion .news2 ul{
	margin-left:20px
}
.accordion h3 {
	font-family: Verdana,Arial,sans-serif;
	font-size:1em;
}
.bottomContactR, .bottomContactM, .bottomContactL{
	position:relative;
	float:left;
	width:231px
}
.bottomContactR p{
width:65%;
margin:0 auto !important;
}
.bottomContactM p{
width:91%;
margin:0 auto !important;
}
.bottomContactL p{
width:90%;
margin:0 auto !important;
}
.bottomContactR h2, .bottomContactM h2, .bottomContactL h2{
	background:0;	
	font-weight:600;
	margin:0 10px;
	color:black;
	border-bottom-style:double;
}
.bottomContactR h2{
	background-image:url("/property/PublishingImages/Cell%20Phone.jpg");
	background-size:40px 40px;
	background-repeat:no-repeat;	
}
.bottomContactM h2{
background-image:url("/property/PublishingImages/Mail2.jpg");
	background-size:40px 30px;
	background-repeat:no-repeat;
}

.bottomContactL h2{
	background-image:url("/property/PublishingImages/publicRecordsEmail.png");
	background-size:65px 65px;
	background-repeat:no-repeat;
}

div.accordion{
	margin-bottom:25px
}

/***********Display rows of 3 items************/
@media screen and (min-width: 320px) {
	.PRContact {
		width: 240px;
		margin: auto;
	}
}
@media screen and (min-width: 425px) {
	.PRContact {
		width: 480px;
		margin: auto;
	}
}
@media screen and (min-width: 768px) {
	.PRContact {
		width: 700px;
		margin: auto;
	}
}

.formSelect select{
	width:83%!important;
}
.repSelects{
width:63%;
margin:0 auto
}
#DR-493 p{width:80%;margin:0 auto}

.ui-mobile-viewport{overflow-x:visible!important;
-webkit-backface-visibility: visible!important}

#PropertyAppraiser{height:105px!important}
#TaxCollector{height:150px!important}

/*** Select DropDown size ***/
.news_box h2 {
	font-size: 1.1em;
	padding: 5px;
	line-height: 24px;
	background-color: #008484 !important;
	background-image:none !important;
	color: white;
	font-weight: bold;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background-color: #008484 !important;
}


/*** Accordion CSS Overides ***/

/**When Hovered
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background-color: #443366 !important;
color:white !important;	
}
***/

/***When selected
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	
	background:#666666 url() 50% 50% repeat-x !important;
	}
	
***/