#parcelDetailsDiv {
	height: 400px; /* 0 height - change this with JavaScript */
	width: 100%; 
	position: fixed; /* Stay in place */
	z-index: 10; /* Stay on top */
	bottom: 0; 
	left: 0;
	/*background-color: #818181; /* Grey current webgis #2B2B2B;*/
	background-color: #FFFFFF;
	border:1px solid black;
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 0px; /* Place content 0px from the top of panel */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
	overflow: auto;
	display: none;
}

/*===============================*/	
/* Style the tab - container for tab buttons */
.parInfoTab {
	/*overflow: hidden;*/
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}
/* Style the buttons inside the tab */
.parInfoTab button {
	background-color: inherit;
	border-top-left-radius: 5px; /* Rounded top left corner */
    border-top-right-radius: 5px; /* Rounded top right corner */
	float: left;
	border: 1px solid #ccc;
	outline: none;
	cursor: pointer;
	padding: 10px 10px;
	transition: 0.3s;
	font-size: 15px;
	font-weight: bold;
}
.parInfoTopTabLinks {
	margin-top: 4px;
}

/* Change background color of buttons on hover or tab */
.parInfoTab button:hover {
	background-color: #ddd;
}
.parInfoTab button:focus {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.parInfoTab button.active {
	background-color: #ccc;
}

.parInfoTopTabContent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}
/*===============================*/	
.parInfoPropColumn {
	float: left;
}
.parInfoImpColumn {
	float: left;
}
.parInfoImpLbl {
	font-weight: bold;
}
.parInfoImpLbl {
	display:inline-block;
}	
.parInfoImpCol1 {
	width: 124px;
}
.parInfoImpCol2 {
	width: 158px;
}
.parInfoImpCol3 {
	width: 110px;
}
.parInfoImpCol4 {
	width: 130px;
}
/*===============================*/	
.xparInfoImageDiv {
}
.parInfoImageDiv {
	text-align: center;
	margin-right: 12px;
	float: left;
}
.parInfoImageDiv img {
	height: 200px;
	width: auto;
}

/*===============================*/	
/* Style the tab - container for tab buttons */
.xparInfoIncTabBtns {
	/*overflow: hidden;*/
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}
.parInfoSubTabTitle {
	font-size: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
}

/* Style the buttons inside the tab */
.parInfoSubTabBtns button {
	background-color: inherit;
	/*float: left;*/
	border: 0px solid #ccc;
	border-bottom: 3px solid #ccc;
	outline: none;
	cursor: pointer;
	padding: 4px 2px;
	transition: 0.3s;
	/*font-size: 15px;*/
	margin-right: 4px;
	margin-bottom: 8px;
	width: 170px;
}
/* Change background color of buttons on hover */
.parInfoSubTabBtns button:hover {
	background-color: #ddd;
}
.parInfoSubTabBtns button:focus {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.parInfoSubTabBtns button.active {
	/*background-color: #ccc;*/
	font-weight: bold;
	border-bottom: 3px solid #888;
}

.xparInfoIncTabBtns button {
	background-color: inherit;
	/*float: left;*/
	border: 0px solid #ccc;
	border-bottom: 3px solid #ccc;
	outline: none;
	cursor: pointer;
	padding: 4px 2px;
	transition: 0.3s;
	/*font-size: 15px;*/
	margin-right: 4px;
	margin-bottom: 8px;
	width: 170px;
}

/* Change background color of buttons on hover */
.xparInfoIncTabBtns button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.xparInfoIncTabBtns button.active {
	/*background-color: #ccc;*/
	font-weight: bold;
	border-bottom: 3px solid #888;
}
.xparInfoIncTabContent {
	border: 1px solid red;
}
.xparInfoIncLinksContainer {
	border: 1px solid blue;
	/*min-height: 32px;*/
}
.xparInfoIncTabStatus {
	padding: 8px 4px;
	/*border: 1px solid black;*/
	text-align:left;
}
.xparInfoIncLinkDiv {
	float: left;
	margin-right: 40px;
	padding: 8px 4px;
	border: 1px solid green;
}
.parInfoIncLinkSpan {
	display: inline-block;
	margin-right: 24px;
	padding: 8px 4px;
	min-width:280px;
	/*border: 1px solid green;*/
}
/*===============================*/	
.parInfoBox2 {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.parInfoBox2 .parInfoRow {
/*  border: 1px dotted grey;*/
}

.parInfoBox2 .parInfoRow.parcelInfoHdr {
  flex: 0 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}
.parInfoBox2 .parInfoRow.tab {
  flex: 0 1 auto;
}

.parInfoBox2 .parInfoRow.parInfoTabContents {
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow-y: auto;
}

.parInfoBox2 .parInfoRow.footer {
  flex: 0 1 40px;
}

/*===============================*/		
/* Style the tab content */
.pitabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}
/* Style the tab content */
.xpitabcontent p {
	padding: 6px 6px 6px 6px;
	background-color: #ccc;
	border-radius:5px;
	font-size: 12px;		
}
	
/*===============================*/		
.pitablinks {
	margin-top: 4px;
}

.parcelInfoHdr {
	padding: 4px;
	font-size: 120%;
	background:	#003A4F;
	color:#fff;
}
.tabSectionTitle {
	font-size: 110%;
	font-weight: bold;
}	
.layerName {
	font-weight: bold;
}
.detailTabSalesTable {
	width: 100%;
} 
.detailTabHdrLabel {
	font-weight: bold;
}
.detailTabSalesTblColHdr th {
	padding: 6px 4px;
	font-weight: bold;
	background-color: #f1f1f1;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.detailTabSalesTblData td {
	padding: 4px 4px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.borderR {
	border-right: 1px solid #ccc;
}
.borderB {
	border-bottom: 1px solid #ccc;
}
	
@media print { 
	.noPrint { 
		display:none; 
	} 
}