/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/***********************************************************************************************
property Ad History pages
************************************************************************************************/
 :root{
 	--darkColor:#152d4d;
 	/*--mediumColor:#A2AAAD;*/
 	--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;
} 
  #searchBox{
	background-color:var(--lightColor);
	color:var(--darkColor);
	font-size:30px;
	border:3px solid var(--darkColor);
	min-width:300px;
	height:500px;
	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: -250px;
	margin-left: -150px;
		z-index:101;
} 
#dimBox{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.7;
	z-index:100;
	background:#000;
	display:none;
}
 .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:10px;
	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);}

#graphTableLink1{display:none; border:4px double var(--lightColor); background:var(--darkColor);}
#graphTableLink1:hover{border:4px double var(--darkColor);background:var(--lightColor);}
#graphTableLink2{display:none; border:4px double var(--darkColor); background:var(--mediumColor);display:none;}
#graphTableLink2:hover{border:4px double var(--darkColor);background:var(--lightColor);}

#addToListingPresentation{display:none; border:4px double var(--lightColor); background:var(--darkColor);display:none;font-size:1.2em;height:53px;line-height:53px;}
#addToListingPresentation:hover{border:4px double var(--darkColor);background:var(--lightColor);}
#graphLinks{
display:none;
}
#graphTableImg{
	display:none;

}


.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;}
.graphs{width:100%; height:800px; margin:5px; }
.reportTable{border:0px;width:100%;}
P.breakhere {page-break-before: always}
td{font-size:12px;font-family:arial;}
.cb{clear:both;}
@media print {
	.divTownSelect{
		display:none;
	}
.graphs{border:0px;}
	.graphBox{width:100%;}
	.pb{position:relative;width:100%;height:100%;page-break-after: always;}
	/*.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:131px;
		height:100px;
		background-size: 131px 100px;
	}
	.divFooter {
		font-size:9px;
		position: fixed;
		bottom: 50px;
		left:20px;
		z-index:9999;
		width:95%;
		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%;
		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);}
}