/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			/*vertical-align: baseline;*/
		}
		/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {
			display: block;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		html, body, #mainContainer {height:100%}
		.bodyMain {
			width: 100%;
			height: 100%;
			margin: 0px;
			padding: 0px;
		}
		
		div#root {
			height: 100%;
			width: 100%;
			padding: 0px;
			margin: 0px;
			position: relative;
			font-family: verdana;
			font-size: 14px;
		}
		/* 	main */
		.mainContainer {
			height: 100%;
			width: 100%;
			margin: 0px;
			padding: 0px;
			position: absolute;
		}
		#mainContent
		{
			/* background-color: yellow; */
			width:100%;
			position:relative;
		}
		#headerMain
		{
			/* background-color: blue; */
			width: 100%;
			position:relative;
			clear:both;
			float:none;
			overflow: hidden;
		}
		#contentMain
		{
			/* background-color: red; */
			position:relative;
			width:100%;
			height: 75%;
			clear:both;
			float:none;
		}
		#content
		{			
			/*position:absolute;*/
			top:15px;
			overflow-y: auto;
			overflow-x: hidden;
			height: 90%;
			width:100%;
			margin: 40px 0px 0px 20px;
			z-index:99998;
		}
		.property-search-results
		{
			/* overflow-y: scroll; */
		}
		#contentNavBar {
			background-color: #737272;
			color: white;
			height: 29px;
			position: absolute;
			width: 100%;
			overflow: hidden;
			top: 0px;
			border-bottom: 4px solid black;
			text-transform: uppercase;
			font-weight: normal;
		}
		
		#nav-menu li a {
			height: 2em;
			line-height: 2em;
			/* float: left; */
			width: 100%;
			display: block;
			/* border: 0.1em solid #CCCCCC; */
			color: #000000;
			text-decoration: none;
			/* text-align: center; */
			padding-left: 5px;
		}
		.left_navigation #nav-menu li a.nav-item {
			background: #a9a9a9 !important;
			color: #000 !important;
			font-weight: 400;
		}
		.left_navigation #nav-menu li a.nav-item.active {
			background: #ffffff !important;
			color: #000 !important;
			font-weight: 700;
		}
		nav {
			padding: 3px;
			margin-right: 5px;
		}
		#footerMain
		{
			/* background-color: yellow; */
			width:100%;
			position:absolute;
			bottom:0px;
			z-index:0;
			
		}
		#taxSearchList {
			position:relative;			
			font-size:12px;
			margin-top:0px;
			height: 100%;
		}
		#docSearchList {
			font-size:12px;
			margin-top:18px;
			height: 100%;
		}
		
		/* 	general classes */
		
		.page {
			width: 80%;
			height: 100%;
			position: relative;
			left: 35%;
			margin-left: -25%;
			min-height: 200px;
			background-color: white;
		}
		
		.left
		{			
			left: 0px;
		}
		
		.right
		{
			right: 0px;
		}
		.centered
		{
			left:0px;
		}
		.clearFix
		{
			clear:both;
			float:none;
		}		
		
		
		/* columns */
		
		.oneColumn {
			width:100%;
			position:absolute;
		}
		
		.twoColumn {
			width: 50%;
			position: absolute;
		}
		.bold{
			
			font-weight:bold;
		}
		
		/* 	header classes */
		
		
		.header
		{
			height: 125px;
		}
		
		
		.twoColumn.right
		{
			/* background-color: bisque; */
		}
		.twoColumn.left
		{
			/* background-color: purple; */
		}		
		.oneColumn.header.centered
		{			
			/* background-color: cornflowerblue; */
		}
		
		/* table stuff */
		
		.inputFull
		{
			width:100%;
		}
		.tableMain, .tableMainList{
			width:100%;
			
		}
		.tableMain tr, .tableMainList tr 
		{
			width:100%;
			height: 30px;
			line-height:20px;
		}
		
		.tableMainList tr:nth-child(even) {background: #CCC}
		.tableMainList tr:nth-child(odd) {background: #FFF}
		
		td, th{
			padding:10px;
		}
		td.lbltxt {
			width: 20%;
		}
		
		/* 	content classes */		
		#contentNavBar .content{
			padding:10px;
		}
		#contentNavBar a.button {
			display: block;
			float: right;
			height: 15px;
			width: 84px;
			background-color: lightgray;
			padding: 4px;
			position: absolute;
			right: 0px;
			bottom: 0px;
			text-align: center;
			text-decoration: none;
			margin: 6px;
			color: black;
			border: 1px solid #505050;
			border-radius: 3px;
			text-transform: capitalize;
		}
		
		a.nav.active {
			background: white!important;
			color: black!important;
			font-weight:bold;
		}
		a:hover
		{
			font-weight:normal!important;
		}
		a.nav.active:hover 
		{
			font-weight:bold!important;
		}
		.content
		{
			position: relative;
		}
		.contentContainer {
			background-color: white;
			height: 100%;
			width: 100%;
		}
		.contentBody {
			width: 80%;
			height: 100%;
			float: right;
			position: relative;
		}
		
		/* Nav */
		
		.navContainer {
			width: 20%;
			height: 100%;
			background-color: darkgray;
			float: left;
			overflow: hidden;
		}
		
		/* 	footer classes */		
		
		.footer
		{
			min-height: 40px;
		}
		.footerContent {
			color: black;
			margin: 26px 0px 0px 5px;
			font-size: 75%;
		}	
		
		.banner_graphic {
			margin-left: 50%;
			position: relative;
			left: -15%;
		}
		.banner {
			text-align: center;
			max-height: 200px;
    		overflow: hidden;
		}
		/*.tsHeaderContainer
		{	
			border:3px solid #fff;
			padding: 5px;
			width:100%;
		}
		
		.contentContainer
		{	
			display:grid;
			grid-gap: 10px;
			grid-template-columns: [head-col-start] 80px [content-col-start] 80px [content-col-mid] 80px [head-col-end];
  			grid-template-rows: [head-row-start] auto [head-row-end] auto [content-row-end] auto [footer-row-end];
		}
		
		.tsListHeaderCol
		{	
    		float: left;
   		 	padding-right: 20px;
    		color: black;
			font-weight:bold;
		}
		
		.tsListRecord
		{
			float:left;
			background:#FFCC00;
			color: black;
			font-weight:normal;
		}
		
		.tsListRecName
		{
			width:300px;
			position:relative;
			background:#FFCC00;
			color: black;
			font-weight:normal;
			margin:px 0px 0px 10px;
		}
		
		.tsListRecordDetail
		{
			background:#CCCCCC;
			margin: 5px auto;
			color: black;
			font-weight:normal;
			margin:2px 0px 0px 10px;
		}*/
		
		.tsListRecName
		{
			color: black;
		}
		.tsListRecord
		{			
			color: black;
		}
		.dsListRecord
		{			
			color: black;
		}
		.tsListHeaderCol
		{	    		
    		color: black;
			font-size:13px;
			font-weight:bold;
			float:left;
			padding-right:30px;
		}
		.tsListRecord
		{
			float:left;
			color: black;
			font-weight:normal;
			padding-left: 0px;
			padding-right:26px;
		}
		.tsListRecName
		{
			color: black;
			font-weight:normal;
			margin:0px 10px;
			float:left;
		}
		.debug {
			/* margin-top: 600px; */
			/* background-color: yellow; */
			position: absolute;
			width: 100%;
			opacity: 0.65;
			padding: 5px;
			height: 162px;
			overflow-y: auto;
			bottom: -171px;
		}
		.row {
			/* min-height: 85px; */
			/* margin: 10px 0px; */
			/* background-color: lightgreen; */
			/* display: table-row; */
			border-bottom: 2px solid darkgray;
			height: 60px;
			margin-bottom: 2px;
			padding-bottom: 20px;
		}
		.row.headings {
			height: 5px;
			border-bottom: 2px solid black;
		}
		.column
		{
			display:table-cell;
			padding:5px;
			
		}
		.year
		{
			width: 49px;
		}
		.detail 
		{
			width: 30%;
		}
		.label 
		{
			font-weight: bold;
		}
		.nine
		{
			/* width:10%; */
		}
		.docgrant {
			font-size:12px;
		}
		.docColumn {
			font-size:12px;			
		}
		.docHdr {
			font-size:12px;
			font-weight: bold;
			padding-top:10px;
			padding-right:10px;
			white-space:nowrap;
		}
		
		i {
			/* margin-right: 11px; */
			position: relative;
			top: 0px;
			width: 25px;
		}
		.loginHdr
		{	    		
    		color: black;
			font-size:16px;
			font-weight:bold;
			margin:10px 10px 30px 0px;			
			font-family:verdana;
		}
		.loginTxt
		{	    		
    		font-family: Verdana, Arial, Helvetica, "sans-serif";
    		font-size: 80%;
    		color: #000000;
			vertical-align:top;
			padding-bottom:10px;
			margin-left:22px;
		}
		.inputCreds
		{	    		
    		float:left;
			width:100%;
		}
		
		.noRecords
		{	    		
    		color: black;
			font-size:14px;
			/*font-weight:bold;*/
			padding:15px;			
			font-family:verdana;
		}
		table.docTable {
			padding:10px;
			border-collapse:separate;
		}
		td.silver {
			background-color: silver;
		}
		td.docDetail {
		border-right:1px solid darkgray;
		border-bottom:1px solid darkgray;
		font-size:12px;	
		}
		td.docDetailNotes {
		border-right:1px solid darkgray;
		}
		td.docDetailRight {
		border-bottom:1px solid darkgray;
		font-size:12px;	
		}
		td.docRowDiv {
		border-right:1px solid darkgray;
		}
		.docElement {
			padding:10px;
			margin:10px;
		}
		.list_block {
			height: 41px;
		}
		
		/* reports */
				strong {
					font-weight: bold;
				}
				li{
					line-height: 20px;
				}
				ul.listDetail {
					margin: 0px 0px 8px 0px;
				}
				li.listDetail span, li.lineDetail1 span {
					width: 10%;
					display: inline-table;
				}
				li.listDetail, li.lineDetail1 { margin : 10px 0px; }
				li.listDetail{
					/* background-color: #f1f1f1; */
				}
				div#reportID {
					text-align: center;
					margin: 20px 0px;
					font-size: 16px;
				}
				div#clientName, div#clientAddress {
					text-align: center;
					margin: 10px 0px;
					font-size: 14px;
				}
				div#detailItems {
					clear: both;
					margin-top: 20px;
					margin-left:0px;
					margin-right: 0px;
					position: relative;
					top: 20px;
					margin-bottom: 30px;
				}
				li.lineDetail2 span.detailText {
					width: 75%;
					display: inline-table;
					text-align: right;
					font-weight: bold;
				}
				
				span.total_am{ font-weight: bold;}
				div#detailItemHeader {
					font-weight: bold;
					border-bottom: 2px solid lightgrey;
				}
				.columnLeft {
					width: 40%;
					float: left;
					margin: 0px 5%;
				}
				.columnRight{
					width: 40%;
					float: right;
					margin: 0px 5%;					
				}
				.threeColumn {
					min-height: 20px;
					/* background-color: yellow; */
					width: 30.2%;
					float: left;
					/* margin: 1%; */
					height: 95px;
				}
				.oneThird {
					min-height: 20px;
					/* background-color: lightgreen; */
					float: left;
					width: 45%;
					margin: 0%;
				}
				.twoThirds {
					min-height: 20px;
					/* background-color: lightblue; */
					float: left;
					width: 48%;
					margin: 0%;
					overflow-y: auto;
				}
				.fullWidth {
					clear: both;
					min-height: 20px;
					float: none;
					/* background-color: lightcoral; */
					margin: 1%;
					width: 96%;
				}
				.row.no-border {
					border:none;
					height: 100px;
					margin-bottom: 2px;
					padding-bottom: 20px;
				}
				.row.no-borderdoc {
					border:none;
					height: 115px;
					margin-bottom: 2px;
					padding-bottom: 20px;
				}
				span.lableText {
					font-weight: 300;
					font-size: 14px;
					display: inline-table;
				}
				span.heading
				{
					font-weight:bold;
					font-size:16px;
					margin-bottom: 10px;
				}
				span.center{
					text-align:center;
				}
				span.taxyear {
					text-align: center;
				}
				span.taxClass, span.taxDist {
					display: inline-table;
					width: 40%!important;
				}
				span.taxDist.small{
					display: inline-table;
					width: 10%!important;
				}
				span.taxstatus {
					display: inline-table;
					width: 9%!important;
				}
				span.taxstatus.small {
					display: inline-table;
					width: 4%!important;
				}
				span.tax_amt, span.penalty_am, span.interest_a, span.total_am, span.taxable_amt, span.taxMarket, span.taxQuantity, span.taxDist.small, span.assessed, span.market, span.quantity {
					text-align: right;
					
					
				}
				span.message {
					display: block;
					width: 95%;
					padding: 20px;
				}
				span.tax_class {
					display: inline-table;
					width: 40%!important;
				}
				span.assessed {
					width: 15%!important;
				}
				span.tax_district {
					width: 5%!important;
				}
				.threeColumn.borderRB {
					border-width: 0px 2px 2px 0px;
					border-color: lightgrey;
					border-style: solid;
					padding: 10px 10px 10px 0px;
					margin-left: 10px;
				}
				.threeColumn.borderB {
					border-width: 0px 0px 2px 0px;
					border-color: lightgrey;
					border-style: solid;
					padding: 10px;
				}
				.threeColumn.borderLB {
					border-width: 0px 0px 2px 2px;
					border-color: lightgrey;
					border-style: solid;
					padding: 10px;
				}
				.oneThird.borderRB {
					border-width: 0px 2px 2px 0px;
					border-color: lightgrey;
					border-style: solid;
					padding: 10px 10px 10px 0px;
					height: 110px;
					margin-left: 10px;
				}
				.oneThird.borderLB, .twoThirds.borderLB {
					border-width: 0px 0px 2px 0px;
					border-color: lightgrey;
					border-style: solid;
					padding: 10px;
					height: 110px;
				}
				.threeColumn.docRB {
					border-width: 0px 2px 2px 0px;
					border-color: lightgrey;
					border-style: solid;
					padding: 10px 10px 10px 0px;
					margin-left: 10px;
					height:160px;
				}
				.threeColumn.docB {
					border-width: 0px 0px 2px 0px;
					border-color: lightgrey;
					border-style: solid;
					padding: 10px;
					height:160px;
				}.threeColumn.docLB {
					border-width: 0px 0px 2px 2px;
					border-color: lightgrey;
					border-style: solid;
					padding: 10px;
					height:160px;
				}
				.fullWidth.borderB {
					border-width: 0px 0px 2px 0px;
					border-color: lightgrey;
					border-style: solid;
					padding: 10px;
				}
				.row.no-border.doc {
					border:none;
					height: 60px;
					margin-bottom: 2px;
					padding-bottom: 20px;
					position:relative;
					clear:both;
				}
				li.listDetail.doc span {
					width: 36%;
				}
				li.listDetail.doc {
					margin: 0px!important;
				}
				.row.no-border.logout {
					border:none;
					height: 10px;
					margin-bottom: 2px;
					padding-bottom: 20px;					
					padding-left:20px;
				}
				li.listDetail.login span {
					width:10%;
				}
				.loginBtn {
					margin-top:45px;
					margin-left:65px;
				}
				/* paytax 11 */
				ul#detailTaxID {
					width: 100%;
					display: block;
					clear: both;
					margin: 0px 0px 10px 0px;
				}

				li.detailLabel {
					font-weight: bold;
				}
				.iconGap {
					padding-right: 12px;
				  }
				  .iconGapShort {
					padding-right: 8px;
				  }
				  .iconGapWide {
					padding-right: 16px;
				  }
				
				ul#detailName, ul#detailLegal {
					width: 45%;
					display: inline-block;
					margin: 0px 0px 10px 0px;
				}
				.taxDetail {
					margin: 10px 0px 0px 10px;
				}				
				
@media print {
  @page {
    margin: 0.5in;
  }

  /* hide app chrome */
  #contentNavBar,
  .navContainer,
  #footerMain,
  nav,
  button,
  .btn,
  .loginBtn,
  .no-print,
  .banner,
  .banner_graphic,
  .debug {
    display: none !important;
  }

  /* overall page reset */
  html,
  body,
  #root,
  .mainContainer,
  #mainContent,
  #contentMain,
  #content,
  .contentContainer,
  .contentBody,
  .page {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  /* stack upper layout cleanly for Firefox/Edge */
  .columnLeft,
  .columnRight,
  .threeColumn,
  .oneThird,
  .twoThirds,
  .row,
  .row.no-border,
  .row.no-border.doc,
  .row.no-borderdoc,
  .row.no-border.logout,
  .fullWidth,
  ul#detailTaxID,
  ul#detailName,
  ul#detailLegal,
  .taxDetail {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    position: static !important;
    clear: both !important;
    margin: 0 0 10pt 0 !important;
    padding: 0 !important;
    border: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* keep details from colliding with table */
  #detailItems {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin: 18pt 0 0 0 !important;
    padding-top: 8pt !important;
    position: static !important;
    top: auto !important;
    page-break-before: avoid !important;
    break-before: avoid !important;
  }

  #detailItemHeader,
  .history-items {
    width: 100% !important;
  }

  /* fake-table layout just for payment history */
  #detailItemHeader > ul.listDetail,
  .history-items > ul.listDetail {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #detailItemHeader li.listDetail,
  .history-items li.listDetail {
    display: table-row !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #detailItemHeader li.listDetail > span,
  .history-items li.listDetail > span {
    display: table-cell !important;
    padding: 6pt 8pt !important;
    border: 1px solid #bbb !important;
    font-size: 10pt !important;
    line-height: 1.25 !important;
    color: #000 !important;
    vertical-align: top !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* header row */
  #detailItemHeader li.listDetail > span {
    font-weight: 700 !important;
    background: #eee !important;
  }

  /* column widths */
  #detailItems .taxstatus  { width: 10% !important; }
  #detailItems .taxyear    { width: 8% !important; text-align: center !important; }
  #detailItems .int_date   { width: 16% !important; }
  #detailItems .tax_date   { width: 16% !important; }
  #detailItems .tax_amt    { width: 14% !important; text-align: right !important; }
  #detailItems .penalty_am { width: 12% !important; text-align: right !important; }
  #detailItems .interest_a { width: 12% !important; text-align: right !important; }
  #detailItems .total_am   { width: 12% !important; text-align: right !important; }

  /* stop old screen spacing rules from interfering */
  ul.listDetail,
  li.listDetail,
  li.lineDetail1,
  li.lineDetail2 {
    margin: 0 !important;
    padding: 0 !important;
  }
}