@charset "utf-8";
/* CSS Document */

 /* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (max-device-width: 480px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
	.col-m-3-1 {width: 24%;}
	.col-m-4-5 {width: 28%;}
    .col-m-4 {width: 33.33%;}
	.col-m-5-4 {width: 37%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
	.col-3-1 {width: 24%;}
	.col-4-5 {width: 28%;}
    .col-4 {width: 33.33%;}
	.col-5-4 {width: 37%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
    

.maincontainer_m {
	width:790px;
	margin-left:auto;
	margin-right:auto;
}

@media only screen and (max-device-width: 480px) {
    .maincontainer {
		width:100%;	

	}
}

.mainwrapper {
	width:80%
	margin-left:auto;
	margin-right:auto;
	border:1px solid #006; 
	border-radius:15px; 
	box-shadow: 1px 1px #999999; 
	background-color:#FFC;
}


.formidtag {
	font-size:12px;
	text-align:right !important;
}

@media only screen and (max-device-width: 480px) {
    .formidtag {
		font-size:2em !important;
		text-align:left !important;

	}
}

.row {
	padding-bottom:10px;
}

@media only screen and (max-width: 400px) {
    .row {
		padding-left:5px;
	}
}

.submitbutton {
	font-size:14px;
	width:100px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

		@media only screen and (max-device-width:480px) {
		.submitbutton {
			font-size:2.5em !important;
			min-width:200px;
			min-height:auto;
		}
	}
	
.divcenter {
	margin-left:auto !important;
	margin-right:auto !important;
}

.textcenter {
	tex-align:center !important;
}

.textleft {
	tex-align:left !important;
}

.textright {
	tex-align:right !important;
}
.plaintxt {
	font-size:14px;
	color:#666; 

}
		@media only screen and (max-device-width:480px) {
		.plaintxt {
			width:100%;
			font-size:2em;
		}
	}
	
.plaintxtsm {
	font-size:10px;
	color:#666; 

}
		@media only screen and (max-device-width:480px) {
		.plaintxtsm {
			width:100%;
			font-size:2em;
		}
	}	
	
	
.margin20 {
	margin:20px;
}

.topmarg20 {
	margin-top:20px;
}

.botmarg20 {
	margin-bottom:20px;
}
.toppad1px;

.toppad10 {
	padding-top:10px;
}
@media only screen and (max-device-width:480px) {
		.toppad10 {
			padding-top:1em;
		}
	}		

.botpad10 {
	padding-bottom:1em;
}
@media only screen and (max-device-width:480px) {
		.botpad10 {
			padding-bottom:20px;
		}
	}	
	
.toppad20 {
	padding-top:20px;
}
@media only screen and (max-device-width:480px) {
		.toppad20 {
			padding-top:40px;
		}
	}		

.botpad20 {
	padding-bottom:20px;
}
@media only screen and (max-device-width:480px) {
		.botpad20 {
			padding-bottom:40px;
		}

	}
		
.clearbothdiv {
	clear:both;
	line-height:2px;
}

.fleft {
	float:left;
}
.Iblock {
	display:inline-block;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   STYLE.CSS 12/29/15   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

@charset "utf-8";
body {
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	//*background-image:url(http://safeharbor.homewatchsoftware.com/clients/bground2.jpg) !Important;*//
	margin-top:5px;
	height:100%;
	//*background-image:
    //linear-gradient(
      #4f8e97, #93c2c9, #4f8e97
    );*//
	//*background-image:url(images/bgline.jpg);*//
	
}
h1 {
	font-size: 22px;
	color:#143b62;
    text-shadow:
    -1px -1px 0 #ccc,
    1px -1px 0 #ccc,
    -1px 2px 0 #ccc,
    1px 3px 3px #ccc;
	letter-spacing: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top:0px;
	margin-bottom:15px;
	border-bottom:3px solid #069;

}
h2 {
	font-size: 18px;
	font-weight: bold;
}

	@media only screen and (max-device-width:480px) {
		h1{
			font-size: 2.5em !important;
			line-height:30px;
			font-weight:bold;
		}
		h2{
			font-size: 2.5em !important;
			line-height:30px;
			font-weight:bold;
		}
	}


a:link {
	color:#69C;
}
a:visited {
	color: #69c;
}
a:hover {
	color: #F00;
}
a:active {
	color: #F00;
}

#admin-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

#clist {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-left: auto;
	margin-right: auto;

}
.clienttable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
		@media only screen and (max-device-width:480px) {
		.clienttable {
			font-size:2em;
			white-space:nowrap;
			padding-left:15px;
			line-height:65px;
			vertical-align:middle !important;
		}
	}

.clienttable_titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration:underline;	
}
		@media only screen and (max-device-width:480px) {
		.clienttable_titles {
			font-size:2.25em;
			white-space:nowrap;
		}
	}

.maincontainer {
	font-size: 14px;	
	width:750px; 
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom:20px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	border:solid;
	border-width:1px;
	border-color:#000;
	
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	
	-moz-border-bottom-left-radius:15px;
	-moz-border-bottom-right-radius:15px;
	-moz-border-top-left-radius:15px;
	-moz-border-top-right-radius:15px;
	
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	
	
	
	box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
	box-shadow: 0 1px 0px 0px black, 0 -1px 0px 0px black, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);
	
	-webkit-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
	-webkitbox-shadow: 0 1px 0px 0px black, 0 -1px 0px 0px black, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);
	
	
	-moz-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
	-moz-box-shadow: 0 1px 0px 0px black, 0 -1px 0px 0px black, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);
	
	
	//*-webkit-box-shadow: 1px 5px 2px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 5px 2px 5px rgba(0,0,0,0.25);
	box-shadow: 1px 5px 2px 5px rgba(0,0,0,0.25);*//
}



		@media only screen and (max-device-width:480px) {
		.maincontainer{
			width:98%;


		}
	}
	
.mainwrapper {
	width:80%;
	border:1px solid #000;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}

.datediv {
	float:right;
	width:50%
	text-align:right;
	font-size:12px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	
}

.Ltxt14px {
	text-align:left !important;
	font-size:14px !important;
	line-height:30px !important;	
}

.BLtxt14px {
	text-align:left !important;
	font-size:14px !important;
	font-weight:bold !important;
	line-height:30px !important;
}

.Ltxt16px {
	text-align:left !important;
	font-size:16px !important;
	line-height:30px !important;	
}

.BLtxt16px {
	text-align:left !important;
	font-size:16px !important;
	font-weight:bold !important;
	line-height:30px !important;
}

.txtL {
	text-align:left !important;
}
.txtC {
	text-align:center !important;
}
.txtR {
	text-align:right !important;
}
.txt8 {
	font-size:8px !important;
}
.txt9 {
	font-size:9px !important;
}
.txt10 {
	font-size:10px !important;
}
.txt11 {
	font-size:11px !important;
}
.txt12 {
	font-size:12px !important;
}
.txt14 {
	font-size:14px !important;
}
.txt16 {
	font-size:16px !important;
}
.txt18 {
	font-size:18px !important;
}
.txt20 {
	font-size:20px !important;
}
.txt22 {
	font-size:22px !important;
}
.LH20 {
	line-height:20px !important;
}
.LH20-M30tp {
	line-height:20px !important;
}
.LH25 {
	line-height:25px !important;
}
.LH30 {
	line-height:30px !important;
}

.LH40 {
	line-height:40px !important;
}
.LH10 {
	line-height:10px !important;
}

.valign {vertical-align:middle !important;}
.Uline {text-decoration:underline;}

.Ltxt16 {
	font-size:16px !important;
}

.Btxt {
	font-weight:bold !important;
}




		@media only screen and (max-device-width:480px) {
		.datediv{
			font-size:2em;
		}
	.Ltxt14px {
		font-size:2em !important;
		line-height:2em !important;		
}

	.BLtxt14px {
		font-size:2em !important;
		line-height:2em !important;
}
	.Ltxt16px {
		font-size:2.5em !important;
		line-height:2em !important;		
}
	.txt8 {
		font-size:2.5em !important;
}
	.txt9 {
		font-size:2em !important;
}
	.txt10 {
		font-size:2.5em !important;
}
	.txt11 {
		font-size:2.5em !important;
}
	.txt12 {
		font-size:2.5em !important;
}
	.txt14 {
		font-size:2.5em !important;
}
	.txt16 {
		font-size:2.5em !important;
}
	.txt18 {
		font-size:2.5em !important;
}
	.txt20 {
		font-size:2.5em !important;
}
	.txt22 {
		font-size:2.5em !important;
}

.Mtp40 {
	padding-top:40px;
}
	.LH10 {
		line-height:2em !important;
}
	.LH20 {
		line-height:2em !important;
}
	.LH30 {
		line-height:2em !important;
}

	.BLtxt16px {
		font-size:2.5em !important;
		line-height:2em !important;
}
#MBx100 {
		width: 100px; 
		min-height: 80px !important;
		font-size:40px;
	}
#MBx200 {
		width: 200px; 
		min-height: 80px !important;
		font-size:40px;
	}
#MBx300 {
		width: 300px; 
		min-height: 80px !important;
		font-size:40px;
	}	
	}
	
.activedive {
	float:left;
	width:50%
	text-align:left;
	font-size:16px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	
}

		@media only screen and (max-device-width:480px) {
		.activediv{
			font-size:2em;
		}
	}	
	
.headerimg {
	width: 100%;
	min-width:320px;
	max-width:750px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	
	
	-moz-border-top-left-radius:15px;
	-moz-border-top-right-radius:15px;
	
	
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
}

#botline {
	border-style:solid;
	border-width:thin;
	border-left-color:#FFF;
	border-right-color:#FFF;
	border-top-color:#FFF;
	border-bottom-color:#000000;
	padding-bottom:5px;
}

#submit {
    background-color:#339;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-family: 'Arial';
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    border:none;
	padding:8px;
	margin-bottom:5px;
}



#submit:hover {
    border: none;
    background:	#0C6;
    box-shadow: 0px 0px 1px #777;
    color: #000;
	font-size: 13px;
	font-weight:bold;
}


/*.nav_buttons {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #378dca;
    color: #ffffff;
    padding: 1px 12px;
	margin: 2px;
	line-height:25px;
    text-decoration: none;
}
*/

.nav_button {
    display: inline-block;
    outline:none; 
    cursor: pointer;
    border: solid 1px #da7c0c;
    background: #e3eff5;
    text-align: center;
    text-decoration: none;
    font-size: 10px/50% Arial, Helvetica, sans-serif #ffffff;
	font-size: 1.5vh;
    padding1: .5em 2em .55em;
	padding: 2px 14px;
	line-height:20px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:3px 2px;
}


	@media only screen and (max-device-width:480px) {
		.nav_button{
			font-size: 2.5em !important;
			line-height:30px;
		}
		#submit {
			font-size:2.5em;
	}
	}

.nav_button a:link{
    color:#FFFFFF !important;
}

.nav_button a:visited {
	color: #FFFFFF !important;
}

.nav_button:hover {
	color:#ffffff;
    background: #0074c4;
    background: -webkit-gradient(linear, left top, left bottom, from(#0074c4), to(#3186ae));
    background: -moz-linear-gradient(top,  #0074c4,  #3186ae);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074c4', endColorstr='#3186ae');
}
.nav_button:active {
    position: relative;
    top: 1px;
}

.buy_button {
    display: inline-block;
    outline:none; 
    cursor: pointer;
    border: solid 1px #da7c0c;
    background:#C00;
    text-align: center;
    text-decoration: none;
    font-size: 10px/50% Arial, Helvetica, sans-serif #ffffff;
	font-size: 1.5vh;
    padding1: .5em 2em .55em;
	padding: 2px 14px;
	line-height:20px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:3px 2px;
}

	@media only screen and (max-device-width:480px) {
		.buy_button{
			font-size: 2.5em !important;
			line-height:30px;
		}
	}

.buy_button:link{
    color:#FFFFFF !important;
}

.buy_button:visited {
	color: #FFFFFF !important;
}

.buy_button:hover {
	color:#ffffff;
    background: #F00;
	font-weight:900;
    background: -webkit-gradient(linear, left top, left bottom, from(#C00), to(#F00));
    background: -moz-linear-gradient(top,  #C00,  #F00);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C00', endColorstr='#F00');
}
.buy_button:active {
    position: relative;
    top: 1px;
}

.subnav_button {
    display: inline-block;
    outline:none; 
    cursor: pointer;
    border: solid 1px #da7c0c;
    background: #e3eff5;
    text-align: center;
    text-decoration: none;
    font-size: 10px/50% Arial, Helvetica, sans-serif #ffffff;
	font-size: 1.5vh;
    padding1: .5em 2em .55em;
	padding: 2px 10px;
	line-height:15px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:3px 2px;
}


	@media only screen and (max-device-width:480px) {
		.subnav_button{
			font-size: 1.75em !important;
			line-height:20px;
			margin-top:15px;
			margin-bottom:15px;
		}
	}


.subnav_button a:link{
    color:#FFFFFF !important;
}

.subnav_button a:visited {
	color: #FFFFFF !important;
}

.subnav_button:hover {
	color:#ffffff;
    background: #0074c4;
    background: -webkit-gradient(linear, left top, left bottom, from(#0074c4), to(#3186ae));
    background: -moz-linear-gradient(top,  #0074c4,  #3186ae);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074c4', endColorstr='#3186ae');
}
.subnav_button a:active {
    position: relative;
    top: 1px;
}

@media screen and (max-device-width: 480px) {
	.delete_button {
		line-height:40px !important;
		padding-top:10px !important;
		padding-bottom:10px !important;
		}
}

.delete_button {
    display: inline-block;
    outline:none; 
	color: #FFFFFF !important;
    cursor: pointer;
    border: solid 1px #da7c0c;
    background:#C00;
    text-align: center;
    text-decoration: none;
    font-size: 10px/50% Arial, Helvetica, sans-serif #ffffff;
	font-size: 1.5vh;
    padding1: .5em 2em .55em;
	padding: 2px 10px;
	line-height:15px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .3em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:3px 2px;
}

.delete_button a:link{
    color:#FFFFFF !important;
}

.delete_button a:visited {
	color: #FFFFFF !important;
}

.delete_button:hover {
	color:#ffffff;
    background:#F33;
    background: -webkit-gradient(linear, left top, left bottom, from(#F33), to(#F33));
    background: -moz-linear-gradient(top,  #F33,  #F33);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F33', endColorstr='#F33');
}
.delete_button a:active {
    position: relative;
    top: 1px;
}


.pgcontainer {width:100%; margin-left:auto; margin-right:auto; 	
}
	
 
.clientcontainer {
	width: 300px;
	font-size: 1.35rem;
	border:0px solid #000;
	height:25px;
	padding-top:10px;}
	
.clientbox{
    background-color: white;
    float:left;
    margin-left:auto;
	margin-right:auto;
	padding-left:1px;
	border:0px solid #000;
	vertical-text-align: middle !important;}
	
.clienttext{
    padding-left: 3px;
    color:black;
    font-weight:bold;
    text-align:left;
	margin-left:auto;
	margin-right:auto;
	}

.iconcontainer {width: 300px;
	margin-left:auto; 
	margin-right:auto;
	border-bottom:1px solid #000;
	height:35px;}

.iconbox{
    background-color: white;
    float:left;
	border:0px solid #000;
	padding-left:1px;
	margin-left:auto;
	margin-right:auto;}
	
.icontext{
    color:black;
    font-weight:bold;
    text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-right:15px;}

.bot_instructions {
	text-align: center; 
	padding-top:15px; 
	line-height:15px;
	color:#09F;
}

.admintitles {
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top:20px;
	text-decoration:underline;
	padding-right:5px;
	
}
		@media only screen and (max-device-width:480px) {
		.admintitles {
			font-size: 2.5em;
		}
		.iconbox img{
   			width:3em;
			height:auto;}
	}


.subadmintitles {
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-top:1px;
	text-decoration:underline;
	padding-right:5px;
	
}

.delete_txt {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#F00;
	font-weight:bold;
}
.msg_txt {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#F2220B;
	font-weight:bold;
}
	@media (max-device-width: 480px) {
		.msg_txt {
			font-size:2em;
		}
	}

.column-half {outline:0px solid red; text-align:left;}

#inspectionwrapper {
	border:0px solid #999999;
	background-color:#FFFFFF;
	margin:10px 50px;
	font-size:13px;
}
	@media (min-width: 500px) {
		.row:after {
			content: " ";
			display: table;
			clear: both;
		}
		.column-half {
			float: left;
			width: 50%;
			padding: 0 1px;
			box-sizing:border-box;
			
			
		}
		.timestamp {
			font-size:13px;
			text-align:right; 
			width: 98%;
			padding-right:55px !important;
			padding-bottom:5px;
		}	
		
		.inspectitems {
			text-align-last:left;
			line-height:13px;
			width: 100%;
			padding-bottom:5px;
			clear: both;
		}	
		
		

		
	}
	
.column-half {outline:0px solid red; text-align:left;}

#clientnavigationwrapper {
	border:0px solid #999999;
	background-color:#FFFFFF;
	margin:10px 50px;
	font-size:13px;
}
	@media (min-width: 500px) {
		.clientnavrow:after {
			content: " ";
			display: table;
			clear: both;
		}
		.clientnavcolumnleft {
			float: left;
			width: 85%;
			padding: 0 1px;
			box-sizing:border-box;
			
			
		}
		
		.clientnavcolumnright {
			float: left;
			width: 15%;
			padding: 0 1px;
			box-sizing:border-box;
			
			
		}
		.clientnavitems {
			text-align-last:left;
			line-height:13px;
			width: 100%;
			padding-bottom:5px;
			clear: both;
		}	
		
		

		
	}	

.graybg90div {
	background:#E9E9E9;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.milescontainer {
	width:96%; 
	border:1px solid #000; 
	margin-left:auto; 
	margin-right:auto; 
	background:#fff; 
	border-radius:15px; 
	box-shadow: 2px 2px 2px #999;
	margin-top:10px;
	padding: 2px;
	background-color:#FFC;
}

		@media only screen and (max-device-width:480px) {
		.milescontainer{
			min-width:96%;
		}
	}

.mileswrapper {
	width:100%; 
	min-height:100px; 
	white-space: nowrap;
	position:relative; 
    overflow:hidden; 
	padding:10px;
	vertical-align:middle !important;

}

.milestext {
	float:left;
	font-size:12px; 
	text-align:center;
	line-height:30px;
}

	@media only screen and (max-device-width:480px) {
		.milestext{
			float:left;
			font-size:1.5em; 
			text-align:center;
		}

}

#milestitles {
	width:15%; 
	font-weight:bold; 

}

#milesdata {
	width:15%; 

}



.milesYTD {
	float:left; 
	width:15%; 
	text-align:center;  
	font-size:12px; 
	white-space:nowrap;
	font-weight:bold;
}


	@media only screen and (max-device-width:480px) {
		.milesYTD{
			font-size: 1.5em !important;
		}
	}
	
.printmaincontainer {
	font-size: 14px;	
	width: 90%;
	min-width: 300px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	border:solid;
	border-width:1px;
	border-color:#000;
	
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	
	-moz-border-bottom-left-radius:15px;
	-moz-border-bottom-right-radius:15px;
	-moz-border-top-left-radius:15px;
	-moz-border-top-right-radius:15px;
	
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	
	
	
	box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
	box-shadow: 0 1px 0px 0px black, 0 -1px 0px 0px black, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);
	
	-webkit-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
	-webkitbox-shadow: 0 1px 0px 0px black, 0 -1px 0px 0px black, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);
	
	
	-moz-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);
	-moz-box-shadow: 0 1px 0px 0px black, 0 -1px 0px 0px black, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);
	
	
	//*-webkit-box-shadow: 1px 5px 2px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 5px 2px 5px rgba(0,0,0,0.25);
	box-shadow: 1px 5px 2px 5px rgba(0,0,0,0.25);*//
}	

.footerwrapper {
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}

.footertop {
	padding-top:15px; 
	padding-bottom:5px;
}

.footertopL {
}4

.footertopR {
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
	@media only screen and (max-device-width:480px) {
		.copyright{
			font-size: 1.5em !important;
		}
	}

.requiredtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

	@media only screen and (max-device-width:480px) {
		.requiredtxt{
			font-size: 1.5em !important;

		}
	}
	
		@media only screen and (max-device-width:480px) {
		.co_header h1{
			font-size: 2.5em !important;
		}
		
	}

		@media only screen and (max-device-width:480px) {
			.formtext {
			font-size: 2em;
			font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
			text-align:left !important;
		}
	}
	
.formtextmsg {
	font-size: 11px;
	color:#F00;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align:center !important;
	padding-bottom: 15px;	
}

		@media only screen and (max-device-width:480px) {
			.formtextmsg {
			font-size: 1.75em;
			color:#F00;
			font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
			text-align:center !important;
			padding-bottom: 15px;
		}
	}
	
		@media only screen and (max-device-width:480px) {
		input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel], input[type=select] {
  			-webkit-appearance: none; -moz-appearance: none;
  			display: block;
  			margin: 0;
  			width: 100%; 
			height: 40px;
  			line-height: 40px; 
			font-size: 30px;
 			border: 1px solid #bbb;
			white-space:nowrap;
		}
	}
		@media only screen and (max-device-width:480px) {
		input[type=checkbox] {
 			width: 44px; 
			height: 44px;
 			-webkit-border-radius: 22px; 
			-moz-border-radius: 22px; 
			border-radius: 22px; 
			border: 1px solid #bbb;
}
	}	


		@media only screen and (max-device-width:480px) {
		.formselect {
  			-webkit-appearance: none; -moz-appearance: none;
  			display: block;
  			margin: 0;
			height: 40px;
  			line-height: 40px; 
			font-size: 30px;
 			border: 1px solid #bbb;
			text-align:left;
		}
	}	
	
		@media only screen and (max-device-width:480px) {
		#fs25 {
  			width: 25%; 
		}
	}		
	
		@media only screen and (max-device-width:480px) {
		#fs55 {
  			width: 50%; 
		}
	}	

		@media only screen and (max-device-width:480px) {
		#ff25 {
  			width: 25% !important; 
			
		}
	}		
		@media only screen and (max-device-width:480px) {
		#ff50 {
  			width: 50% !important; 
			
		}
	}
			
		@media only screen and (max-device-width:480px) {
		#ff75 {
  			width: 75% !important; 
			
		}
	}		
		@media only screen and (max-device-width:480px) {
		.formtextarea {
  			width: 90%; 
			height: 100%;
  			line-height: 40px; 
			font-size: 30px;
 			border: 1px solid #bbb;
		}
	}	
	
.clientlistname {
	text-align:left;
	white-space:nowrap;
	font-size:14px;  
	font-weight:bold;
} 
		@media only screen and (max-device-width:480px) {
		.clientlistname {	
			text-align:left;
  			font-size:2.5em;
			white-space:nowrap;
			font-weight:bold;
		}
	}
	
.clientlistaddy {
	text-align:left;
	white-space:nowrap;
	font-size:10px;  
} 
		@media only screen and (max-device-width:480px) {
		.clientlistaddy {	
			text-align:left;
  			font-size:2em;
			white-space:normal;
		}
	}	

		@media only screen and (max-device-width:480px) {
		.imgicon {	
			width:6em;
			height:6em;
			margin-right:15px;
			white-space:nowrap;
		}
	}	
	
		@media only screen and (max-device-width:480px) {
		.imgoccupancy {	
			width:8em;
			height:auto;
		}
	}		
	
	
		@media only screen and (max-device-width:480px) {
		.clientfindinput {
  			-webkit-appearance: none; -moz-appearance: none;
			float:left;
  			margin: 0;
  			min-width: 25%; 
			min-height: 60px;
  			line-height: 60px; 
			font-size: 30px;
 			border: 1px solid #bbb;
			white-space:nowrap;
		}
	}
	
.clientfindbutton {
	font-size:14px;
	width:100px;
	height:50px;
}

		@media only screen and (max-device-width:480px) {
		.clientfindbutton {
			display: inline-block;
			font-size:3em;
			min-width:25%;
			height:60px;
		}
	}
	
		@media only screen and (max-device-width:480px) {
		.clientfinddiv {
			width:80%; 
			margin-left:auto; 
			margin-right:auto; 
			padding-top:20px;  
			padding-bottom:40px;
		}
	}
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

.headerHR {
	line-height:5px;
	clear:both;
}
.headerHR75 {
	width:75%;
	line-height:5px;
	clear:both;
}

.adminsectitle {
	font-size:24px !important;
	font-weight:bolder !important;
	margin-top:0px;
	padding-top:0px !important;
	padding-bottom:0px !important;
	font-family: 'Open Sans', sans-serif;
  	color: #666;
}
		@media only screen and (max-device-width:480px) {
	.adminsectitle {
		font-size:3em !important;

}
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ HOLYGRAIL.CSS 12/29/15 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body { 
  font-family: 'Open Sans', sans-serif;
  color: #666;
}

/* STRUCTURE */

#pagewrap {
	padding: 5px;
	width: 960px;
	margin: 20px auto;
}

#pagewrap100p {
	padding: 5px;
	width: 100%;
	margin: 20px auto;
}

#pagewrap-1col {
	width: 100%;
	margin: 20px auto;
}

header {
	height: auto;
	padding: 0 15px;
}
#innerwrapper {
	width:750px; 
	height:auto; 
	margin-left:5px; 
}
#content {
	width: 350px;
	float: left;
	padding: 5px 15px;
}
#contentradius {
	width: 430px;
	float: left;
	padding: 5px 15px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #006; 
	border-radius:15px; 
	box-shadow: 1px 1px #999999; 
	background-color:#FFC;
}
#contentradius-1col{
	width:90%;
	margin-right:auto;
	margin-left:auto;
	padding: 5px 5px;
	border:1px solid #006; 
	border-radius:15px; 
	box-shadow: 1px 1px #999999; 
	background-color:#FFC;
}

#content50p {
	width: 50%;
	float: left;
	padding: 5px 15px;
}

#middle {
	width: 264px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}


#sidebar {
	width: 240px;
	padding: 5px 15px;
	float: left;
}

#adminpagetitle {
	font-size: 28px;
	text-decoration:underline;
	padding:20px;
}

.WhiSpNO {
	white-space:nowrap;
}
.redfont {
	color:#D00;
	font-weight:bolder;
}
.warnbackground {
	background-color:#FFF0F0;
}

.disabledfield {
	background-color:#F5F3F2 !important;
	font-color:#000 !important;
	font-weight:600 !important;
}

.float-L {
	float:left;
}
.float-R {
	float:right;
}
.center {
	margin-right:auto;
	margin-left:auto;
}

/* QUICK MARGINS */
.marg-L5 {margin-left:5%;}
.marg-L5px {margin-left:5px;}
.marg-L10 {margin-left:10%;}
.marg-L10px {margin-left:10px;}
.marg-L15 {margin-left:15%;}
.marg-L15px {margin-left:15px;}
.marg-L20 {margin-left:20%;}
.marg-L20px {margin-left:20px;}
.marg-L5 {margin-right:5%;}
.marg-R5px {margin-right:5px;}
.marg-R10 {margin-right:10%;}
.marg-R10px {margin-right:10px;}
.marg-R15 {margin-right:15%;}
.marg-R15px {margin-right:15px;}
.marg-R20 {margin-right:20%;}
.marg-R20px {margin-right:20px;}

/* QUICK WIDTHS IN % */
.W1 {width: 1%;}
.W2 {width: 2%;}
.W3 {width: 3%;}
.W4 {width: 4%;}
.W5 {width: 5%;}
.W6 {width: 6%;}
.W7 {width: 7%;}
.W8 {width: 8%;}
.W9 {width: 9%;}
.W10 {width: 10%;}
.W15 {width: 15%;}
.W20 {width: 20%;}
.W20icons {width: 20%;}
.W25 {width: 25%;}
.W30 {width: 30%;}
.W35 {width: 50%;}
.W40 {width: 40%;}
.W45 {width: 45%;}
.W50 {width: 50%;}
.W55 {width: 55%;}
.W60 {width: 60%;}
.W65 {width: 65%;}
.W70 {width: 70%;}
.W75 {width: 75%;}
.W80 {width: 80%;}
.W85 {width: 85%;}
.W90 {width: 90%;}
.W95 {width: 95%;}
.W100 {width: 100%;}

/* QUICK LINE HEIGHTS */
.LH-1px {line-height:1px;}
.LH-10px {line-height:10px;}
.LH-15px {line-height:15px;}
.LH-20px {line-height:20px;}
.LH-25px {line-height:25px;}
.LH-30px {line-height:30px;}
.LH-35px {line-height:35px;}
.LH-40px {line-height:40px;}
.LH-45px {line-height:45px;}
.LH-50px {line-height:50px;}
.LH-55px {line-height:55px;}
.LH-60px {line-height:60px;}
.LH-65px {line-height:65px;}
.LH-70px {line-height:70px;}
.LH-75px {line-height:75px;}
.LH-80px {line-height:80px;}
.LH-85px {line-height:85px;}
.LH-90px {line-height:90px;}
.LH-95px {line-height:95px;}
.LH-100px {line-height:100px;}

.spanFS10px {font-size:10px;}

#flDIV10 {
	float:left; 
	width:10%;
}
#flDIV15 {
	float:left; 
	width:15%;
}
#flDIV20 {
	float:left; 
	width:20%;
}
#flDIV25 {
	float:left; 
	width:25%;
}
#flDIV30 {
	float:left; 
	width:30%;
}
#phoneDIV20 {
	float:left; 
	width:20%;
}
#phoneDIV25 {
	float:left; 
	width:25%;
}
#codeboxDIV {
	width:15%;
	float:left;
	}
#inspfreq {
	width:25%;
	float:left;
	}
#inspfee {
	width:25%;
	float:left;
	}			

footer {
	clear: both;
	padding: 0 15px;
}

.formfieldtext {
	14px;
}

#abrev {
	font-size:10px;
}
#Lsidebartxt {
	font-size:12px;
	text-align:left !important;
	line-height:18px;
}
#sztextmobile {
	font-size:14px;
}
	
.clear {
	clear:both;
}
.hi0 {
	height:0px;
}

.hi10 {
	height:10px;
	
}
.toppad10 {
	padding-top: 10px;
}
.botpad10 {
	padding-bottom: 10px;
}

.innerDIV50 {
	width:50%; 
	float:left;
}

.innerDIV100 {
	width:100%; 
	float:left;
}

.grayIDline {
	width:88%; 
	line-height:20px; 
	background-color:#F4F4F4; 
	border: 1px solid #000; 
	text-align:center; 
	margin-bottom:10px;
}
.BR15S122DrkGray {
	border-radius:10px; 
	box-shadow:1px 2px 2px #333;
}
.BR15_S-1-2-2-333 {
	border-radius:10px; 
	box-shadow:1px 2px 2px #333;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 41%;
		padding: 1% 4%;
	}
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	header, footer {
		padding: 1% 4%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-device-width: 480px) {

	header {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
	#content, #content50p, #contentradius {
		width: 90%;
		float: left;
		margin-left:2%;
	}
	#contentradius-1col{
		width:96%;
}
	
	#middle {
		width: 90%;
		float: left;
		margin-left: 0px;
		min-height:100px;
	}	
	#sidebar {
		width: 90%;
		float: left;
	}
	#Rsidebar {
		width: 90% !important;
		float: left;
		text-align:center !important;
		font-size:1.8em !important;
		margin-left: 2% !important;
		border: 0px solid #FFF !important;
		padding-top:2% !important;
	}
	#Lsidebar {
		width: 90% !important;
		min-height:25px;
		float: left;
		margin-left: 2% !important;
		font-size:2em !important;
		border: 0px solid #FFF !important;
	}
	#Rsidebar_NB {
		display:none;
	}
	#Lsidebar_NB {
		display:none;
	}

.formfieldtext {
		font-size:2.5em;
	}
.formfieldtext2 {
		font-size:3em;
	}
.formfieldtext3 {
		font-size:3em;
	}
.formfieldtext4 {
		font-size:4em;
	}		

	#statebox {
 		width: 100px; 
		float:left;
	}
	
	#datebox {
 		width: 200px; 
		min-height: 80px !important;
		font-size:40px;
	}
	#zipbox {
 		width: 200px; 
	}
	#stnumberbox {
 		width: 150px; 
	}	
	#unitnumberbox {
 		width: 100px; 
	}
	#userpassbox {
 		width: 300px; 
	}
	#groupbox {
 		width: 75px; 
	}	
	#notebox {
 		width: 100%; 
		height: 120px;
		float:left;
	}
	#codebox{
		width: 150px;
	}
	#abrev {
		font-size:.5em;
	}
	#Lsidebartxt {
		font-size:.8em;
	}
	#sztextmobile {
		font-size:1.65em;
	}
	#innerwrapper {
		width:98%;  
}
	#adminpagetitle {
		font-size: 48px;
	
}
	#inspfreq {
		width:50%;
		float:left;
}
	#inspfee {
		width:50%;
		float:left;
}
	#flDIV10 {
		width:12%;
		margin-right:20px;
}
	#flDIV15 {
		width:17%;
		margin-right:20px;
}
	#flDIV20 {
		width:22%;
}
	#flDIV25 { 
		width:25%;
}
	#flDIV30 {
		width:60%;
		margin-right:20px;
}
	#phoneDIV20 {
		width:45%;
		margin-right:5%;
	
}
	#phoneDIV25 {
		width:45%;
	
}
	#codeboxDIV {
		width:30%;
	}
.W20 {width: 20%;}
.W20icons {width: 15%;}
.W5 {width: 8%;}
.spanFS10px {font-size:.8em;}
.LH-25px {line-height:70px;}



.grayIDline {
	width:100%; 
	line-height:40px;
	margin-bottom:30px;
}
.LH-1em-MF {
	line-height:1em;
	vertical-align:middle !important;
}
.LH-1.5em-MF {
	line-height:1.5em;
	vertical-align:middle !important;
}
body {
	font-size: 2em;
}
.LH-2em-MF {
	line-height:2em;
	vertical-align:middle !important;
}
#vert-middle {
	position:relative;
	top: 50% !important;
	transform: translateY(-50%) !important;
}
.LH-2.5em-MF {
	line-height:2.5em;
	vertical-align:middle !important;
}
.LH-3em-MF {
	line-height:3em;
	vertical-align:middle !important;
}	
	#LH-10px-MF {
		line-height:10px;
	}
	#LH-20px-MF {
		line-height:20px;
	}
	#LH-30px-MF {
		line-height:30px;
	}
	#LH-40px-MF {
		line-height:40px;
	}
	#LH-50px-MF {
		line-height:50px;
	}
	#LH-60px-MF {
		line-height:60px;
	}
	#LH-70px-MF {
		line-height:70px;
	}
	#LH-80px-MF {
		line-height:80px;
	}
	#LH-90px-MF {
		line-height:90px;
	}
	#LH-100px-MF {
		line-height:100px;
	}			
.mobilefield {
		height: 2em !important;
}
.hi0 {
	height:0px;
}
.hi10 {
	height:2em;
}
.toppad10 {
	padding-top: 1em;
}
.botpad10 {
	padding-bottom: 1em;
}
.phonetoppad10 {
	padding-top: 10px;
}
}


#content, #content50p {
	background: #f8f8f8;
}
#sidebar {
	background: #f0efef;
} 

#Lsidebar {
	width: 130px;
	float: left;
	padding: 5px 5px;
	/*margin: 0px 5px 5px 5px;*/
	border: solid 1px #ccc;
}
#Lsidebar_NB {
	width: 100px; 
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}

#Rsidebar {
	width: 120px;
	padding: 2px 2px;
	float: left;
	margin: 0px 5px 0px 5px;
	font-size:12px;
	text-align:left;
	line-height:20px;
	border: solid 1px #ccc;
}

#Rsidebar_NB {
	width: 120px;
	padding: 2px 2px;
	float: left;
	margin: 0px 5px 0px 5px;
	font-size:12px;
	text-align:left;
	line-height:20px;
}

header, #content, #middle, #sidebar, #content50p, #Lsidebar, #Rsidebar {
	margin-bottom: 5px;
}

#pagewrap, #pagewrap50p, header, #content, #content50p, #middle, #sidebar, footer {
	border: solid 1px #ccc;
}

#submitbutton {
	font-size:14px;
	width:150px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

		@media only screen and (max-device-width:480px) {
		#submitbutton {
			font-size:30px !important;
			min-width:50% !important;
			min-height:auto;
			margin-top:25px;
		}
	}