@media print{
	@page {
		size: 8.5in 11in;
		margin-top: 10mm; }
	body{
		font-family: arial;
	}
	
	.pagebreak { page-break-before: always; }
	
	.no-print, .hidden{ display: none; }
	
	div#page_content{
		position: relative;	
		
		
	}	
	div#section1label{
		font-weight: bold;
		font-size: 12px;
		padding: 2px;
	}	
	 table#logo{
        	width: 900px;
        	border-collapse: collapse; }
                
	table#section1 {
		width: 900px;
		border-collapse: collapse;
	}
		table#section1 td{
			border: 1px solid black;
			padding-bottom: 4px;
		}
		select#customerid{ width: 270px; }
		input#requestedby{ width: 200px; }
		input#po{ width: 100px; }
		input#datepicker{ width: 230px; }
		select#storagename{ width: 270px; }
		input#storagename{ width: 270px; }
		input#invoicenumber{ width: 45px;
			padding-left: 3px;
			border: 1px solid black; }
		input#pagenumber{ width: 75px;
			text-align: right; }
		input#servicedby{ width: 325px; }
		select#servicetype{ width: 230px; }
		
		select#customerid_parts{ width: 270px; }
		input#requestedby_parts{ width: 200px; }
		input#po_parts{ width: 100px; }
		input#datepicker_parts{ width: 230px; }
		select#storagename_parts{ width: 270px; }
		input#storagename_parts{ width: 270px; }
		input#invoicenumber_parts{ width: 200px; }
		input#pagenumber_parts{ width: 75px;
			text-align: right; }
		input#servicedby_parts{ width: 325px; }
		select#servicetype_parts{ width: 230px; }
		
	table#section2{
		width: 900px;
		border: solid white;
		border-spacing: 0px;
		}
		table#section2 td{
			border-spacing: 0px;
			 }
		td#section2header{
			padding-top: 4px;
			border: 2px solid black;
			background-color: #000000;
			color: #ffffff;
			font-style: italic;
			font-weight: bold;
			}
		td#section2content{
			border: 2px solid black;
			padding: 5px;
		}
		td#section2endstub{
			width: 1%;
			border: 1px solid white;
			}
		textarea#servicerequested{
			font-family: "arial";
			width: 100%;
			font-size: 16px;
			height: 60px;
			resize: none; }
		textarea#workperformed{
			font-family: "arial";
			width: 100%;
			font-size: 16px;
			height: 200px;
			resize: none; }
		td.preseason_section2_subheader{
			font-weight: bold;
			text-decoration: underline;
			font-size: 14px; }
		td.preseason_desc{
			font-size: 14px;}
		textarea#preseason_notes{
			font-family: "arial";
			width: 100%;
			font-size: 16px;
			height: 100px;
			resize: none;
			border: 1px solid black; }
		input.amps{
			width: 83px;
			border: 1px solid black; }
	table#section3{
		width: 900px;
		border-collapse: collapse;
		border: 1px solid black;
		padding: 2px;
		}
		td#qtyheader{ 
			width: 8%;
			border: 2px solid black;
			background-color: #d9d9d9;
			font-weight: bold;
			text-align: center;
			vertical-align: bottom; }
		td#qtyheader_wide{ 
			width: 15%;
			border: 2px solid black;
			background-color: #d9d9d9;
			font-weight: bold;
			text-align: center;
			vertical-align: bottom; }
		td#pnheader{ 
			width: 1%;
			border: 2px solid black;
			background-color: #d9d9d9;
			font-weight: bold;
			text-align: center;
			vertical-align: bottom; }
		td#descheader{ 
			border: 2px solid black;
			background-color: #d9d9d9;
			font-weight: bold;
			text-align: center;
			vertical-align: bottom; }
		td.costheader{ 
			width: 1%;
			border: 2px solid black;
			background-color: #d9d9d9;
			font-weight: bold;
			text-align: center;
			vertical-align: bottom; }
		td.qtycell{
			padding: 4px;
			vertical-align: top;
		}
		td.pncell{
			padding: 4px;
			vertical-align: top;
		}
		td.desccell{
			padding: 4px;
		}
		td.costcell{
			padding: 4px;
			vertical-align: top;
		}
		input.qty{ 
			text-align: right;
			width: 60px; }
		input.pn{ width: 150px; }
		input.desc{ width: 500px; }
		input.desc_narrow{ width: 440px; }
		input.cost{ 
			text-align: right;
			width: 150px; }
	table#section4{
		width: 900px;
		border-collapse: collapse;
		padding: 2px; 
		}
		td#servicetechheader{
			width: 25.5%;
			padding-left: 6px;
			padding-top: 6px;
			border: 2px solid black;
			background-color: #d9d9d9;
			font-weight: bold; }
		td#hoursheader{
			width: 10%;
			padding-top: 6px;
			border: 2px solid black;
			background-color: #d9d9d9;
			font-weight: bold;
			text-align: center; }
		td#ncheader{
			width: 10%;
			padding-top: 6px;
			border: 2px solid black;
			background-color: #d9d9d9;
			font-weight: bold;
			text-align: center; }
		td#ncreasonheader{
			padding-top: 6px;
			border: 2px solid black;
			background-color: #d9d9d9;
			font-weight: bold;
			text-align: center; }
		td.servicetechcell{ 
			border: 1px solid black;
			padding: 4px; }
		td.hourscell{ 
			border: 1px solid black;
			padding: 4px; }
		td.nccell{
			border: 1px solid black; 
			padding: 4px;
			text-align: center; }
		td.ncreasoncell{ 
			border: 1px solid black;
			padding: 4px; }
		td.travelcell{
			border: 1px solid black;
			padding: 4px;
			text-align: right;
			font-weight: bold;
			font-style: italic; }
		td#totallabel{
			border: 2px solid black;
			font-weight: bold;
			padding-top: 8px;
			padding-left: 6px; }
		td#totalcell{ 
			border: 2px solid black;
			padding: 4px; }
		td#voidcell{
			border-bottom: #ffffff;
			border-right: #ffffff; }
		select.servicetech{ width: 220px; }
		input.hours{ 
			text-align: right;
			width: 100px; }
		input.nc_input{ width: 80px;
			text-align: right; }
		input.ncreason{ width: 460px; }
		input#traveltime{ 
			text-align: right;
			width: 100px; }
		input#totalhours{ 
			text-align: right;
			width: 100px; }
		span#section4label_preseason{
			font-variant: small-caps;
			font-size: 16px;
			font-weight: bold; }
	table#buttontable{
		width: 900px; }
	table#infotable{
		width: 900px; }
		
		td.buttoncell{ width: 25%; }
	table#infotable{
		width: 900px; }
		
		td.infocell{ font-style: italic; }
		.emphasis { font-weight: bold; }
	table#customerinput_section1{ 
		width: 600px; 
		border-collapse: collapse;
		}
		table#customerinput_section1 td{ padding: 7px; }
		td#customerinput_label{ font-weight: bold; }
		input#customername{ width: 250px; }
		input#customernamenew{ width: 250px; }
		
	input#followup + label{
		display: inline-block;
		position: relative;
		padding: 11px;
		background-color: white;
		border: 1px solid black;
		border-radius: 5px;
		width: 8px;}
	input#followup:checked + label{
		background-color: #cc0000;
		color: #A4B7C6; }
	input#followup:checked + label:after{
		position: absolute;
		left: 8px;
		top: 0px;
		color: #fff;
		content: '\2714';
		font-size: 16px; }
	input.checklist{ display: none; }
	input.checklist + label{
		display: inline-block;
		position: relative;
		padding: 8px;
		background-color: white;
		border: 1px solid black;
		border-radius: 5px;
		width: 8px;}
	input.checklist:checked + label{
		background-color: #475F72;
		color: #A4B7C6; }
	input.checklist:checked + label:after{
		position: absolute;
		left: 8px;
		top: 0px;
		color: #fff;
		content: '\2714';
		font-size: 12px; }
	input.checklist_small{ display: none; }
	input.checklist_small + label{
		display: inline-block;
		position: relative;
		padding: 6px;
		background-color: white;
		border: 1px solid black;
		border-radius: 4px;
		width: 4px;}
	input.checklist_small:checked + label{
		background-color: #a6a6a6;
		color: #A4B7C6; }
	input.checklist_small:checked + label:after{
		position: absolute;
		left: 4px;
		top: -2px;
		color: #fff;
		content: '\2714';
		font-size: 10px; }
	table.refrig_checklist{
		width: 900px;
		border-collapse: collapse;}
	table.refrig_checklist2{
		width: 900px;
		border-collapse: collapse;}
	table.refrig_checklist2 td{
		padding-top: 12px; }
	td.refrig_label{
		font-size: 15px;
		padding-bottom: 5px; }
	td.refrig_subheader{
		font-weight: bold;
		text-decoration: underline;
		padding-bottom: 4px; }
	input.refrig_input{
		width: 70px;
		border-bottom: 1px solid black; }
	textarea#refrig_notes{
			font-family: "arial";
			width: 100%;
			font-size: 16px;
			height: 180px;
			resize: none; }
}