/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/***********************************************************************************************
property Ad History pages
************************************************************************************************/
 :root{
--darkColor:#24386a;
   --mediumColor:#c4c4c4; 
 	--lightColor:#fff;
 	--goColor:green;
 	--stopColor:red;
 	--warningColor:orange;
 	--blackColor:#000;
 }
  #saveResults{
	background-color:var(--darkColor);
	color:var(--lightColor);
	font-size:30px;
	border:3px solid var(--lightColor);
	min-width:300px;
	height:100px;
	z-index:50;
	display:none;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	border-radius:8px;
	text-align:center;
	line-height:100px;
	padding:5px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -150px;
} 

 .actionButton{
	font-weight:600;
	font-size:1.5em;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
	color:var(--lightColor);
	border-radius: 8px;
	width:200px;
	line-height:2em;
	text-align:center;
	margin-left:10%;
	float:left;

}
.actionButton:hover{
	border:4px double var(--darkColor); 
	background:var(--lightColor);
	color:var(--darkColor);
	animation:psShake 1s;
}
 .actionButton:focus {outline:none;}
 #getReport{ border:4px double var(--lightColor); background:var(--darkColor);}
 #getReport:hover{border:4px double var(--darkColor);background:var(--lightColor);}
 #printView{display:none; border:4px double var(--lightColor); background:var(--darkColor);}
 #printView:hover{border:4px double var(--darkColor);background:var(--lightColor);}
 #addToListingPresentation{display:none; border:4px double var(--lightColor); background:var(--darkColor);}
 #addToListingPresentation:hover{border:4px double var(--darkColor);background:var(--lightColor);}



.reportItem{float:left;text-align:center;width:160px;font-size:16px;}
.reportOption{}
.oddRow{background-color:var(--mediumColor);font-size:12px;font-family:arial;}
.evenRow{background-color:var(--lightColor);font-size:12px;font-family:arial;}
.yearTable{border:0px solid #000 !important;width:100%;}
.yearTable td{border:0px solid #000 !important;line-height:12px;}

.reportTable{border:0px;width:100%;

}
P.breakhere {page-break-before: always}
td{font-size:12px;font-family:arial;}

@media print {
	.divTownSelect{
		display:none;
	}
	.pb{position:relative;width:100%;height:100%;page-break-inside: avoid;}
	.graphBox{position:absolute; left:20px; top:100px;width:100%;}
	.divHeader{
		position: fixed;
		top: 0px;
		right:0px;
		background-image:url('../images/ps-logo.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		z-index:9999;
		width:98px;
		height:75px;
		background-size: 98px 75px;
	}
	.divFooter {
		font-size:.6em;
		position: fixed;
		bottom: 0px;
		left:20px;
		z-index:9999;
		width:910px;
		height:50px;
	}
}
@media screen {
	.divHeader {
		position: fixed;
		top: 0px;
		right:0px;
		background-image:url('../images/ps-logo.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		z-index:0;
		width:0px;
		height:0px;

	}
	.divTownSelect{
		z-index:9999;
		width:100%;
		height:70px;
		border:1px dashed #000;
		text-align:center;
	}
        .divFooter {
		display:none;
		font-size:.6em;
		position: fixed;
		top: 620px;
		left:20px;
		z-index:9999;
		width:900px;
		height:620px;
        }
}
@keyframes psShake {
  0% {transform: scale3d(1,1,1);}
  20%{transform: scale3d(1.02,1.02,1);}
  40%{transform: scale3d(.98,.99,1);}
  60% {transform: scale3d(1.01,1.01,1);}
  80% {transform: scale3d(.99,.99,1);}
  100% {transform: scale3d(1,1,1);}
}