/********** PRINT ********8***/
@page  
{
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 5mm 5mm 5mm 5mm;  
}

body  
{ 
    /* this affects the margin on the content before sending to printer */ 
    margin: 0;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

table { 
	width: 100%; 
	border-collapse: collapse;
	border-color: #FFFFFF;
	padding: 0;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12pt;
	page-break-inside: auto;
}

/* Zebra striping */

table tr:nth-of-type(odd) { 
	background-color: #DDD;
	-webkit-print-color-adjust: exact;
}

table:not(.serviceTemplate) tr:nth-of-type(odd) td {	
	border-color: #DDD;
}

table.serviceTemplate {
	width: 100%; 
	border-collapse: collapse;
	border: 1px solid black;
	border-color: #000000;
	padding: 0;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12pt;
	page-break-inside: auto;	
}

table.serviceTemplate tr {
	border: 1px solid black;
}

table.serviceTemplate td {
	border: 1px solid black;
	height: 40px;
}
/*
table.serviceTemplate tr:nth-of-type(odd) { 
	border: 1px solid black;
	border-color: #000000;
	background-color: #DDD;
	-webkit-print-color-adjust: exact;
}


table.serviceTemplate tr:nth-of-type(odd) td {	
	border: 1px solid black;
	border-color: #000000;
	border-color: #DDD;
}
*/

/** Hack to break table if necessary */
br {
	page-break-before: always;
}

thead { 
	display: table-header-group;
}
    
tfoot { 
	display: table-footer-group; 
}

th { 
	background: #FFF; 
	color: white; 
	font-weight: bold;
	color: #000; 
}

tr, td {
	page-break-inside: auto; 
	page-break-after: auto;
	page-break-before: auto;
}

td, th {
	border: 1px solid #ccc; 
	text-align: center; 
}

th, tr, td {
	border-color: #FFFFFF;
}

table tr td {
	font-weight: normal;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12pt;
}

a, input, .hidePrint {
	display: none;
}

.name {
	text-align: left;
	width: 80pt;
}

.narrowerName {
	text-align: left;
	width: 80pt;
}

.aptNo {
	width: 8pt;
}

.streetNo {
	text-align: left;
	width: 10pt;
	padding-right: 5pt;
}

.streetName {
	text-align: left;
	width: 60pt;	
}

.widerStreetName {
	text-align: left;
	width: 100pt;	
}

.phone {
	text-align: left;
	width: 40pt;
}

.result {
	text-align: left;
	width: 60pt;
	text-decoration: none;
}

.wideresult {
	text-align: left;
	width: 120pt;
	text-decoration: none;
}

.narrowerResult {
	text-align: left;
	width: 50pt;
	text-decoration: none;	
}

.strike > :not(.result) {
	text-decoration: line-through;
}

.blank td {
	height: 13pt;
}

.alignLeft { 
	text-align: left; 
}

.alignRight { 
	text-align: right; 
}

.alignCenter { 
	text-align: center; 
}

div#territoryName, div#numHouses {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;	
	font-weight: bold;
}

div#territoryName {
	font-size: 13pt;	
}

div#numHouses {
	font-size: 12pt;
	text-align: right !important;
}

table#signout th, table#signout td {
	border: 1pt solid black;
	background: white;
	height: 16pt;
	width: 33%;
}

table#signout {
	border: 1pt solid black;
	background: white;
	margin: 8pt 0 8pt 0;
}

.legend {
	display: table; 
	width: 100%;
	margin: 7pt 0 7pt 0;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 10pt;
	page-break-after: always;
}

.legend .row .cell:nth-child(2) {
	font-weight: bold;
}

.headerInfo {
	font-family: Cambria, Georgia, serif;	
	font-weight: bold;
	font-size: 10pt;
}

.headerInfo .row .cell:nth-child(2) {
	font-size: 13pt;
}

.table {
	display: table;
	width: 100%;
}

.row {
	display: table-row;
}

.cell {
	display: table-cell;
}

#signout {
	width: 95%;
	padding-bottom: 5pt;
}

#signout div {
	display: inline-block;
	width: 30%;
	border-bottom: black 1px solid;
	padding-right: 10pt;
	height: 20pt;
}

.paddingLeft30 {
	padding-left: 30pt;
}

.templateName {
	text-align: left;
	width: 80pt;
}

.templateApt {
	width: 8pt;
}

.templateStreetNo {
	width: 10pt;
	padding-right: 5pt;
}

.templateStreetName {
	text-align: left;
	width: 70pt;	
}

.templatePhone {
	text-align: left;
	width: 10pt;
}

.templateResult {
	text-align: left;
	width: 90pt;
	text-decoration: none;
}