﻿
/*
	The Printed Page should look like:
		[title]
		[map, width:100%]
		[filters applied, hide empty data fields]
		[details selected, hide empty data fields]
*/

.ph {display:none !important;} /* "ph" stands for "Print Hide" */
.ps {display:block !important;} /* "ps" stands for "Print Show" */
.pss * {display:block !important;} /* "pss" stands for "Print Super Show" and shows all children aswell*/

#resultsContainer, #mappane {height:600px !important; margin-left:auto; margin-right:auto;}

/* Linda wants these four things shown on the print output */
#pt, #pm, .plt, #pml, #pf, #atlas_display_date {display:block !important; clear:both; width:100%;} 

/* "Print Title" */
#pt {text-align:center; font-weight:bold; font-size:18px; margin-bottom:20px; font-style:italic !important;} 
#pt span {display:block; font-style:italic; clear:both;}

/* "Print Line Title" */
.plt, #pl div {font-weight:bold; border-bottom:1px solid #262626; margin:20px 0 5px 0;}

/* "Print Map" */
#pm {float:right;} 

#atlas_display_date {text-align:center; font-size:11px; color:#565656; font-style:italic;}

/* "Print Legend" display determined in atlas print function*/
#pl img {text-align:center;} 

/* "Print Marker Legend" */
#pml {width:100%; float:left; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#pml table {width:100%; table-layout:fixed; font-size:11px;}
#pml tr {padding:2px 0;}
#pml .col1 {width:5%;}
#pml .col2 {width:20%;}


/* "Print Filters" */
#pf {width:100%; float:left; margin-left:auto; margin-right:auto;}
#pf table {width:100%;}
#pf tr {width:100%;}
#pf tr:first-child {font-weight:bold;}
#pf td {border-bottom:1px #ccc dotted; border-left:1px solid #ccc; padding-left:2px;} 
#pf td:first-child {border-left:0; width:162px; border-right:1px solid #ccc;}
#pf tr:first-child td{border-bottom:1px solid #ccc;}

/* "Print Data" 
.detaillabel {float: left; width: 150px; padding: 2px; text-align: left; white-space: nowrap; font-weight: bold; }
.detailtext {margin-left: 160px; padding: 2px 2px 2px 4px; border-left:1px solid #999;}
.detailrow1, .detailrow2 {border-bottom:1px solid #999;}*/
