@media screen{
	.no-screen, .hidden{
		display: none;
	}
	body{
		overflow: scroll;
		font-family: "arial";
	}
	
	div#sidebar_container{
		width: 11%;
	}
	div#page_content{
		position: relative;
		padding-right: 10px;
		
		left: 11%;
		
	}
	div#section1label{
		font-weight: bold;
		font-size: 12px;
		padding: 2px;
	}
	
	ul#sidebar{
		font-family: "arial";
		font-weight: bold;
		font-size: 16px;
		list-style-type: none;
		margin: 0;
		padding: 0px;
		position: fixed;
		background-color: #0047b3;
		top: 0px;
        left: 0px;
		height: 100%;		
		width: 10%;
	}
		ul#sidebar li a {
			display: block;
			width: 90%;
			text-decoration: none;
			color: #ffffff;
			padding: 3px;
			padding-left: 15px;
			
		}
		ul#sidebar li a:hover{
			background-color: #cc3300;
			padding: 0px;
			width: 86%;
			padding: 3px;
			padding-left: 15px;
		}
		ul#sidebar li{
			color: #ffffff;
		}
		ul#sidebar li a.active{
			background-color: #cc3300;
			width: 86%;
			padding-left: 15px;
		}
	ul#navheader {
        font-family: "arial";
        font-weight: bold;
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0px;
        right: 0px;
        width: 100%;
        background-color: #0047b3;
        z-index: 1;
    }

        ul#navheader li {
            display: inline;
            float: right;
            font-size: 16px;
        }

            ul#navheader li a {
                display: block;
                color: white;
                text-align: center;
                padding: 14px 22px;
                text-decoration: none;
            }

                ul#navheader li a.active {
                    background-color: black;
                }

                ul#navheader li a:hover {
                    background-color: #cc3300;
                }
                
        table#logo_container{
        	width: 900px;
        }
        table#servicesheet_editnav{
        	width: 900px;
        	border-collapse: collapse;
        }  
        	td#servicesheet_navlabel{ font-weight: bold; }
        	select#customerid_select{ width: 270px; }
        	select#customerid_select_nw{ width: 270px; }
        	select#storageid_select{ width: 270px; }
        	select#dateid_select{ width: 270px; } 
        	select#techid_select{ width: 270px; }
        	select#customerid_select_refrig_nw{ width: 270px; }
        	select#storageid_select_refrig{ width: 270px; }
        	select#dateid_select_refrig{ width: 270px; } 
        	select#techid_select_refrig{ width: 270px; }
        	
        	
        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; }
		input.amps{
			width: 83px; }
	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; }
		select#customerid_delete{ width: 250px; }
		
		input.inventory{ width: 250px; }
		select.inventory{ width: 250px; }
		input.storage{ width: 250px; }
		select.storage{ 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; }
	textarea#refrig_notes{
			font-family: "arial";
			width: 100%;
			font-size: 16px;
			height: 180px;
			resize: none; }
			
	.modal {
		display: none;
		position: fixed;
		z-index: 1;
		left: 35%;
		top: 20%;
		width: 30%;
		height: 45%;
		overflow: auto;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,1);
	}

	.modal-content {
		background-color: #fefefe;
		margin: 10% auto;
		padding: 20px;
		border: 1px solid #888;
		width: 80%;
	}
	
	.close {
		color: #fff;
		float: right;
		font-size: 24px;
		font-weight: bold;
	}

	.close:hover,
	.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}
	
	.modal-header {
		padding: 2px 12px;
		background-color: #0047b3;
		color: white;
	}
		.modal-title{
			font-size: 22px;
			font-weight: bold;
		}

	.modal-body {padding: 2px 12px;}

	.modal-footer {
		padding: 2px 16px;
		background-color: #0047b3;
		color: white;
	}

	.modal-content {
		position: relative;
		background-color: #fefefe;
		margin: auto;
		padding: 0;
		border: 1px solid #888;
		width: 80%;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		color: white;
	}
	
	table#modal-table td{
		padding: 5px;
	}
}