/* GLOBAL STYLES */

html, body {
 margin-top: 0;
 padding-top: 0;
}

body 
{
 font-family: Helvetica;
 background: #EFEFEF;/* url("/images/bg.png") repeat-x center top;*/
}

a:hover {text-decoration: none;}
a:link, a:visited {color: blue;}

/* BODY STRUCTURE STYLES */

#wrapper
{
 width: 100%; 
 float: left;
}

#content
{
 text-align: left;
 margin: 0px 5px 8px 206px;
 padding: 10px 15px 6px 15px;
 border: 1px solid silver;
 border-radius: 4px;
 -moz-border-radius: 4px;
 background: white;
}

#body{
 width: 980px;
 border: 1px solid transparent;
}

#contentWrapper
{
 width: 100%;
 margin-bottom: 10px;
}
 
.bodyElement
{
 border: 1px solid silver;
 border-radius: 4px;
 -moz-border-radius: 4px;
 background: white;
}

/* PROP. TAX PAGES */

.inlineNav a {
 color: #336699;
 text-decoration: none;
}

.inlineNav a:hover {
 text-decoration: underline;
}

.tablePadding {
 overflow: hidden;
}

.propertyTaxTableHeader {
 margin-top: 5px;
 padding: 7px;
 border: 1px solid silver;
 border-radius: 6px;
 font-size: 1.2em;
 background: #294E3E;
 color: white;
 text-align: center;
 font-weight: bold;
 margin-bottom: -1px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#C7C7C7'); 
 background: -webkit-gradient(linear, left top, left bottom, from(#47A), to(#177575)); 
 background: -moz-linear-gradient(top,  #fff,  #888);
}

.propertyTaxTable
{
 border-radius: 10px; 
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 border: 1px solid silver;
 border-top: 0px;
 margin: 0px 1% 15px 1%;
 width: 98%;
 padding: 6px;
 font-size: 0.9em !important;
 line-height: 1.4em;
}

.propertyTaxTable tr:nth-child(even)
{
 background: #E5E5E5;
 border-radius: 3px;
}

.propertyTaxTable th {
 background: #E5E5E5;
 font-weight: bold;
 text-align: left;
 border-bottom: 1px solid gray;
}

#buttonbox {margin: 0px auto 0px auto;}

.toolButton
{
 margin: 10px 5px 20px;
 text-align: left;
 height:145px;
 width: 350px;
 padding: 10px;
}
.calcIcon {margin: 0px 15px 0px 5px; width: 50px; float: left;}
.calcDesc {margin: 5px 0px 10px 10px; width: 320px;}

#chart_div {}

/* CITATIONS */

.citeURL {
 width: 70%;
 padding: 3px;
 margin-top: 6px;
}
#sourcesTable {width: 100%;}
#sourcesTable td {width: 33.33%; vertical-align: top;}
.sourceImage {height: 50px; margin-bottom: 10px;}
#contentFooter {
 font-size: 14px;
 color: silver;
}

#FeedbackButton {
border-radius: 6px;
margin: 0px 15px 0px 0px;
height: 50px;
width: 26%;
float: left;
padding: 4px;
font-weight: bold;
border: 1px solid silver;
border-radius: 5px;
color: white;  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4392D7', endColorstr='#2E70CD');
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4392D7), to(#2E70CD));
background: -webkit-linear-gradient(top, #4392D7, #2E70CD);
background: -moz-linear-gradient(top, #4392D7, #2E70CD);
background: -ms-linear-gradient(top, #4392D7, #2E70CD);
background: -o-linear-gradient(top, #4392D7, #2E70CD);
}

#FeedbackButton:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E70CD', endColorstr='#4392D7');
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2E70CD), to(#4392D7));
background: -webkit-linear-gradient(top, #2E70CD, #4392D7);
background: -moz-linear-gradient(top, #2E70CD, #4392D7);
background: -ms-linear-gradient(top, #2E70CD, #4392D7);
background: -o-linear-gradient(top, #2E70CD, #4392D7);
}

/* HEADER STYLES */

#header
{
 height: 65px;
 color: white;
 margin: 0px 0px 5px 5px;
 text-align: left;
 background: #336699;
 padding: 20px 10px 5px 10px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
}

#header h1
{
 font-size: 2em;
 display: inline;
 float: left;
 margin-top: 6px;

}

#logo
{
 margin-right: 15px;
 height: 40px;
 float: left;
}

#headerSearch
{
 margin-top: 5px;
 float: right;
}

#headerSearch input
{
 height: 26px;
 margin: 0px;
}

#headerSearch input[type=submit]
{
 height: 28px;
 margin-left: 4px;
}

#searchImage
{
 
}

/* FOOTER STYLES */

#navFooter
{
 margin-bottom: 7px;
}

#navFooter a {color: silver;}

#footer
 {
  color: gray;
  font-size: .8em;
  margin: 7px auto 10px auto;
 }

/* TOP NAVBAR STYLES */

#topnav 
{
 text-align: center;
 height: 30px;
 padding: 10px;
 border-bottom: 0px;
 margin: 0px 0px 10px 3px;
 font-size: 0.9em;
}

#topNavPadding
{
 margin: 5px auto 0px auto;
}

.topNavItem
{
 display: inline;
 margin-right: 5px;
 padding: 6px;
 border: 1px solid #CCCCCC;
 border-radius: 3px;
 white-space:nowrap;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#C7C7C7'); 
 background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#C7C7C7)); 
 background: -moz-linear-gradient(top,  #ebebeb,  #C7C7C7);
}

.topNavItem:hover
{
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7C7C7', endColorstr='#ebebeb'); 
 background: -webkit-gradient(linear, left top, left bottom, from(#C7C7C7), to(#ebebeb)); 
 background: -moz-linear-gradient(top,  #C7C7C7,  #ebebeb);
 cursor: pointer;
}

.topNavItem a:link, .topNavItem a:visited
{
 color: black;
 text-decoration: none;
}

.topNavSelected {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7C7C7', endColorstr='#ebebeb'); 
 background: -webkit-gradient(linear, left top, left bottom, from(#C7C7C7), to(#ebebeb)); 
 background: -moz-linear-gradient(top,  #C7C7C7,  #ebebeb);
 border: 1px solid gray;
 font-weight: bold;
 cursor: default !important;
}
 
/* NAVBAR STYLES */

#navbar
 {
  width: 185px;	
  float: left;
  margin: 0px 10px 7px 10px;
  font-size: .9em !important;
 }

.navBlock
{
 width: 165px;	
 text-align: left;
 border-top: 0px;
 margin-bottom: 5px;
 padding: 10px 4px 10px 15px;
}
 
.navHead
{
  margin-bottom: 8px !important;
  border: 1px solid #C7C7C7;
  border-radius: 6px;
  text-align: center;
  padding: 5px;
  width: 88%;  
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#C7C7C7') !important; 
 background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ededed)) !important; 
 background: -moz-linear-gradient(top,  #ebebeb,  #C7C7C7) !important;
}
 
.navHead a:link, .navHead a:visited
{
 font-weight: bold;
 color: black;
}
 
#navLinks {
 margin-left: 0px;
 padding-left: 0px;
}

#navLinks li {
 margin-left: 0px;
 list-style-type: none;
}

.subNav {
 margin-left: 0px;
 padding-left: 20px;
 display: none;
}

.subNav li {
 margin: 8px 0px 8px 0px;
}

.subNav li  a{
 text-decoration: none;
}

.subNav li  a:hover{
 text-decoration: underline;
}
 
#search
{
 margin-bottom: 7px;
}

.navLink {text-decoration: none;}

.navItem
{
 margin-bottom: 6px;
}

/* Homepage Styles */

#searchbox
{
 width: 125px;
 color: gray;
 display: inline;
}

#searchbutton
{

 width: 28px;
 padding: 3px;
}

.bracketbox
{
 margin: -2px 0px 10px 0px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 width: 726px;
 padding-top: 3px;
}

.bracket
{
 padding: 6px;
}

.green
{
 color: #008800;
}
 
#citations li
{
 color: gray;
 margin-top: 10px;
}

.mediaBox
{
 margin-bottom: 10px;
 height: 30px;
}

.spaced
{
 margin-top: 12px;
 margin-bottom: 7px;
}

p {color: #555555; line-height: 20px; margin-left: 6px;}

h3 {
 color: #555555; 
 margin: auto 10px auto 6px; 
 font-size: 16px; 
 border-bottom: 1px dotted #ccc; 
 width: 99%;
 margin-top: 15pt;
}

li {font-size: 15px;}

#taxBox {border: 1px solid gray; -moz-border-radius: 3px; border-radius: 3px; white-space: nowrap; width: 100%; margin-top: 15px;}
#taxBox table {
 height: 500px;
 width:100%;
}
#taxBox table tr:nth-child(odd) {
 background-color: #E5E5E5;
}
#taxBox table td {
 width: 25%;
 line-height: 25px;
}

.inlineImage {margin: 15px 0px 15px 5px;}

.dashed {border: 1px dotted #E5E5E5;}

/* County Index Pages */

.centerRankDisplay {
 text-align: center;
}
.centerRankDisplay h3 { border-bottom: none; }
.centerRankDisplay a:link {
 color: #4876AB;
}

#graphicsContainer {
 width: 100%;
 min-height: 30%;
 margin-top: 30px;
}

#county_map {
 width: 80%;
 margin: 0 auto 0 auto;
}

.visitStateData {
 margin: 7px 10px auto;
}

.sideWinder {
 margin: 0px 7px;
 text-decoration: none;
}
.sideWinder:hover {text-decoration: underline;}


.graphicControls {
 margin-top: 15px;
}

.graphicControls button {
 padding: 5px;
}

/* COUNTY DATA PAGES */

#datapage_map {
 padding-top: 10px;
 float: left;
 width: 27% !important;
 min-height: 160px;
}

.floatRightSolid {
 width: 72% !important;
 padding-left: 2%;
 min-width: 400px; 
}

.floatRightSoft p {
 padding-left: 3%;
 overflow: hidden;
}

#tabs ul {
 height: 30px;
}
#tabs ul li {
 font-size: 12px;
}

/* TAX DISPLAY */

.propertyTaxRates {
 width: 100%; 
 padding-top: 10px;
 }
.propertyTaxRates td 
{
 width: 33.33%; 
 vertical-align: top; 
 background: #E5E5E5; 
 border: 1px solid #E5E5E5;
 border-radius: 6px;
 padding: 10px;
}
.propertyTaxRates td h3 {
 margin-top: 0px;
}
.propertyTaxRates td:hover {border: 1px solid gray;}
.propertyTaxRates td h3 {color: #008800; margin-bottom: 6px;}

.lighter {background-color: #EDEDED !important;}
 
.propertyTaxRates li {
 list-style-type: none !important;
 margin: 0px !important;
 padding: 0px !important;
}
.propertyTaxRates ul {
 margin-top: 9px;
 padding-left: 0px !important;
 margin-bottom: 0px !important;
}

.propertyTaxRates td > b {
 font-size: 14px;
 color: gray;
}
.propertyTaxRates a{
 font-size: 12px !important;
 text-decoration: none;
 color: #5A82BA;
}
.propertyTaxRates a:hover {
 text-decoration: underline;
}

/* TAX RECORDS */

#propertyDetailsTable {
 border-radius: 4px;
 border: 1px solid gray;
 padding: 10px 10px 0px 10px;
 overflow: hidden;
}

#taxRecordsForm {
 min-width: 375px;
}

#taxRecordsForm input, #taxRecordsForm select {
 padding: 3px;
}

#taxRecordsForm select {
 margin-left: 3px;
}

/* ASSESSOR INDEX PAGES */

#stateAssessorMap {
 width: 100%;
 height: 400px;
}

/* ASSESSOR PAGES */

.map-canvas {
 width: 335px;
 height: 175px;
 float: right;
 border: 1px solid silver;
 border-radius: 3px;
 margin: 5px;
}

.mapBox {
 min-height: 185px;
}

address {
 color: #555555;
 margin-left: 6px;
}

.bigNumbers li {
 font-size: 30px;
 font-weight: bold;
 color: gray;
 margin: 15px;
 width: 97%; /* Make up for extra indent */
 margin-top: 0px;
}

.bigNumbers li div {
 font-size: 15px;
 color: #555555;
 font-weight: normal;
 padding-top: 0px;
}

.bigNumbers li div.larger {
 font-size: 18px;
}

.linkBox {
 background: #E5E5E5;
 font-size: 15px;
 margin-bottom: 15px;
 word-break: break-all;
}

.linkBox p {
 margin-top: 5px;
}

.linkBox i {
 font-size: 13px;
 margin-right: 7px;
 color: gray;
 float: right;
}

/* CALCULATOR PAGES */
.whiteBox {
 border-radius: 5px;
 border: 1px solid gray;
 padding: 10px;
 overflow: hidden;
 overflow-x: auto;
 min-width: 200px;
 }
 
.whiteBox h3 {
 margin: 10px 0px 10px;
}
.whiteBox .grayBox  table{
 width: 70%;
 margin: 15px;
}
.whiteBox .grayBox  table td {
 text-align: center;
 }
 
 .whiteBox input, .whiteBox select {
  padding: 5px;
  width: 200px;
  margin-left: 5px;
 }
 
 .whiteBox select {
	background: #BDECB6;
 }
 
 .whiteBox button {
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
 }

 .whiteBox button img {
  width: 32px;
  margin-right: 10px;
 }
 
 .resultsArea {
  display: none;
  overflow: hidden;
 }
 
 .resultsArea .redBox {
  margin-left: 100%;
  max-height: 65px !important;
 }
 
/* DATA TABLE PAGES */

#TaxDisplayTable {
 width: 100%;
 font-size: 1em;
 border: 1px solid silver;
 border-radius: 3px;
}

.infoBar {
 padding: 5px; 
 height: 20px; 
 border: 1px solid silver; 
 width: 50%; margin: 0px auto; 
 border-radius: 4px;
 text-align: left;
 font-size: 0.9em;
}

.infoBar img {
 float: left;
 width: 35px;
 max-height: 40px;
 margin-right: 10px;
}
 
/* MISC. STYLES */

.left {float: left; margin-right: 15px;}
.right {float: right; margin-left: 15px;}
.bottompadded {margin-bottom: 10px;}
.toppadded {margin-top: 15px;}
.indent {margin-left: 20px;}
.red {color: red;}
.gray {color: gray;}

.inlineNavbar {
 height:16px;
 padding: 6px 10px 6px 10px !important;
}

.inlineNavLink a {
 font-size: 14px;
 text-decoration: none;
 color:#336699;
}
.inlineNavLink a:hover {
 text-decoration: underline;
}
.inlineNavLink button {
	/* Ribbon background */
	border-radius: 6px;
	padding: 5px;
}

.grayGradient {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#C7C7C7') !important; 
 background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#C7C7C7)) !important; 
 background: -moz-linear-gradient(top,  #ebebeb,  #C7C7C7) !important;
}

#submitButton
{
 width: 158px; 
 padding: 6px 10px 6px 10px;
}

.input select {width: 155px;}

sup {
 color: silver;
}

.ui-widget {
 font-size: 0.9em !important;
}

.heading
{
 font-size: 25px;
 color: #336699;
 width: 95%;
 background-color: #E9EDF6;
 padding: 10px 16px 10px 16px;
 border: 1px solid silver;
 border-top-left-radius: 10px;
 border-bottom-right-radius: 10px;
 text-align: center;
}

.footnotes {
 font-size: 12px;
 color: silver !important;
}

ol li {margin-top: 7px; }

dl {
 margin-left: 10px;
 font-size: 0.9em;
}

dt {
 font-weight: bold;
}

dd {
 margin: 5px 0px 10px 20px;
}

.panes
{
 border: 1px solid gray;
 border-top: none;
 -moz-border-radius: 3px;
 border-radius: 3px;
 width: 728px;
 margin-bottom: 10px;
}

.label {vertical-align: top; color: gray;}

.smaller
{
 font-size: 14px;
 margin: -7px 0px 0px -3px;
}

.small {color: gray; font-size: 12px;}

.dButton {
 padding: 10px;
 font-weight: bold;
 width: 150px;
 text-align: left;
}
button {cursor: pointer;}
button[disabled]{cursor: default;}
 
 .greenButton {
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid gray;
  color: white;
  font-weight: bold;
  background: -webkit-linear-gradient(top, #BADC86, #A3CC67);
  background: -moz-linear-gradient(top, #BADC86, #A3CC67);
  background: -ms-linear-gradient(top, #BADC86, #A3CC67);
  background: -o-linear-gradient(top, #BADC86, #A3CC67);
 }
 .greenButton:hover {
  background: -webkit-linear-gradient(top, #A3CC67, #BADC86);
  background: -moz-linear-gradient(top, #A3CC67, #BADC86);
  background: -ms-linear-gradient(top, #A3CC67, #BADC86);
  background: -o-linear-gradient(top, #A3CC67, #BADC86);
 }
 
.grayBox {
 background: #EFEFEF;
 border-radius: 5px;
 border: 1px solid gray;
 padding: 10px !important;
 }
 
.redBox {
 background: #E34C40;
 border-radius: 5px;
 border: 1px solid gray;
 padding: 10px 10px 10px 15px;
 margin-top: 10px;
 font-size: 1em;
 }
 
 .redBox,  .redBox * {
 color: white !important;

 }
 
 .questionBox {
 background: #9FE371;
 border-radius: 5px;
 border: 1px solid gray;
 padding: 10px 10px 10px 15px;
 margin: 10px 0px 10px 10px;
 line-height: 1.3em;
 font-size: 13px;
 }
 .questionBox img {
  float: left;
  margin-right: 10px;
  width: 50px;
 }
 
 ul li{
  margin-bottom: 15px;
 }
 
 #content ul:not(.tabs)  li {
  font-size: 15px;
  list-style-type: circle;
  margin-left: 20px;
  margin-bottom: 7px;
 }
 
 .featureImage div {
  font-size: 11px;
  color: gray;
  margin: 5px 0px 5px;
 }
 
 .featureImage img {
  border: 1px solid gray;
  border-radius: 2px;
  overflow: hidden;
 }
 
 /* Ribbon banners */
 
.ribbon {
	/* Ribbon background */
	background: #0C224A; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C224A', endColorstr='#3B679F'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0C224A), to(#3B679F)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0C224A,  #3B679F); /* for firefox 3.6+ */
	background-image: -webkit-linear-gradient(top, #5A82BA 0%, #336699 100%);
	background-image: linear-gradient(top, #336699 0%, #3B679F 100%);
	
	/* Size & positioning */
	font-size:1.5em;
    width: 742px;
	position:relative;
	color: #fff;
	margin: 15px 0px 15px -5px;
	
	/* Border radius */
	border-radius: 4px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:10px 10px 10px 20px;

	/* Text shadow effect */
	text-shadow:0 -1px #0B2750, 0 1px #054476;
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	z-index: 1;
	text-align: center;
}
.ribbon:after{
	content:" ";
	background:url("/images/ribbon.png");
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	bottom:0;
	right:4;
	margin-bottom:-10px;
	z-index:-1;
}

.subheading {
	padding: 7px; margin-top: 10px;  font-size: 1.2em;
}

.ribbonImg
{
 margin-bottom: -3px; 
 margin-right: 6px;
}

/* Ads */

.ad_block_left {
 margin: 15px 15px 10px 7px; 
 float: left;
}

/***********************************************************/
/*                   Responsive Design                     */
/***********************************************************/

.mobileshow {display: none;}

/* Smartphones and tablets */
@media screen and (max-width: 800px) 
{
 /* Get wid of horizontal overflow */
 html {overflow-x: hidden}
 
 /* Allow body to fill the whole screen */
 #body {width: 100%;}
 
 #TopNav {height: auto; padding: 5px}
 .MobileNav, .MobileNav option {padding: 10px; font-size: 15px;}
 
 /* Hide any non-mobile elements */
 .mobilehide {display: none !important;}
 .mobileshow {display: block;}
 
 /* Fix static-sized ribbon banners */
 .ribbon {width: 101%} 
}


/* Smartphones only */
@media screen and (max-width: 800px) 
{ 
 /* Hide navbar and stretch content across full screen */
 #navbar {display: none;}
 #content, #TopNav, #header {margin: 0px 5px 8px 3px;}
 
 /* Hide unneeded elements */
 #headerSearch, .infoBar  {display: none;}
 
 /* Change widths */
 .map-canvas, #datapage_map {width: 97% !important; margin-bottom: 10px;}
 #header h1 {margin: 0 auto 0 auto;}
 ul.tabs {height: 60px !important;}
 
 /* Change font sizes to avoid tables overflowing */
 .propertyTaxTable {font-size: 1em;}
 
}