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

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

body {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	  background:#036; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#036, #E6F0F7, #036); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#036, #E6F0F7, #036); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#036, #E6F0F7, #036); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#036, #E6F0F7, #036); /* Standard syntax */
}

table,tr,td,p,li {font-size: 1em;}

@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%;}
	
    .formidtag {font-size:2em !important;
		text-align:left !important; }

	.mobiletxt_3 {font-size:3rem; !important}	
	.m_txt_three a,span,p{font-size:3rem; !important}
	.mobiletxt_1 {font-size:1.5rem; !important}
			
	.maincontainer_mobile {
		font-size: 14px;	
		width:100% !important; 
		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);*//
}

	

/*	.maincontainer{width:98%; } */
	
    .row {padding-left:5px; }

	.submitbutton {font-size:2.5em !important;
		min-width:200px;
		min-height:auto; }

	.plaintxt {width:100%;
		font-size:2em; }

	.plaintxtsm {width:100%;
		font-size:2em;	}

	.toppad10 {padding-top:1em; }		

	.botpad10 {padding-bottom:20px; }

	.toppad20 {padding-top:40px; }

	.botpad20 {padding-bottom:40px; }
	
	header {height: auto; }
	
/*	h1 {font-size: 2em;	}  ?????????????????
*/
	h1{
		font-size: 2.5em !important;
		line-height:30px;
		font-weight:bold; }
	h2{
		font-size: 2.5em !important;
		line-height:30px;
		font-weight:bold; }

	.clienttable {font-size:2em;
		white-space:nowrap;
		padding-left:15px;
		line-height:65px;
		vertical-align:middle !important; }
	
	.clienttable_titles {font-size:2.25em;
		white-space:nowrap; }


	.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, .txt10, .txt11, .txt12, .txt14, .txt16, .txt18, .txt20, .txt22 {
		font-size:2.5em !important; }
	.txt9 {font-size:2em !important; }

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

	.BLtxt16px {font-size:2.5em !important;  }
		
	#MBx100 {width: 100px; 
		min-height: 80px !important;
		font-size:40px;	}
		
	#MBx200, #MBx300 {min-height: 80px !important;
		font-size:40px;	}	
		
	#MBx200 {width: 200px; }
		
	#MBx300 {width: 300px; }	

	.activediv{font-size:2em; }
				
	.nav_button {
		display: inline-block;
		outline:none; 
		cursor: pointer;
		border: solid 1px #da7c0c;
		background: #e3eff5;
		text-align: center;
		text-decoration: none;
		font-size: 16px/50% Arial, Helvetica, sans-serif #ffffff;
		font-size: 4rem;
		padding1: .5em 2em .55em;
		padding: 4.5rem 4.5rem;
		line-height:40px;
		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;
}		
		
	#submit {font-size:2.5em; }	
	
	.buy_button{font-size: 2.5em !important;
		line-height:30px; }

	.delete_button {line-height:40px !important;
		padding-top:10px !important;
		padding-bottom:10px !important; }

	.subnav_button{font-size: 1.75em !important;
		line-height:20px;
		margin-top:15px;
		margin-bottom:15px; }

	.admintitles {font-size: 2.5em;	}

	.iconbox img{width:3em;
		height:auto; }

	.milesYTD{font-size: 1.5em !important;	}

	.milescontainer{min-width:96%;	}

	.milestext{float:left;
		font-size:1.5em; 
		text-align:center;  }	
		
	.copyright, .requiredtxt{
			font-size: 1.5em !important;  }

	.co_header h1{font-size: 2.5em !important;	}

	.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: 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;  }

	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;	}

	input[type=checkbox] {width: 44px; 
			height: 44px;
 			-webkit-border-radius: 22px; 
			-moz-border-radius: 22px; 
			border-radius: 22px; 
			border: 1px solid #bbb;  }
		
	input[type="radio"] {display: inline; 
		width:40px;
		height:40px;}

	.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;	}

	#fs25, #ff25 {width: 25%; 	}

	#fs55, #ff50 {width: 50%; }

	#ff75 {width: 75% !important; }
	
	.formtextarea {width: 90%; 
			height: 100%;
  			line-height: 40px; 
			font-size: 30px;
 			border: 1px solid #bbb;  }
			
	.clientlistname {text-align:left;
  			font-size:2.5em;
			white-space:nowrap;
			font-weight:bold;  }

	.clientlistaddy {text-align:left;
  			font-size:2em;
			white-space:normal;  }

	.imgicon {width:6em;
			height:6em;
			margin-right:15px;
			white-space:nowrap;  }	
	
	.imgoccupancy {width:8em;
			height:auto;   }

	.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 {display: inline-block;
			font-size:3em;
			min-width:25%;
			height:60px;  }

	.clientfinddiv {width:80%; 
			margin-left:auto; 
			margin-right:auto; 
			padding-top:20px;  
			padding-bottom:40px;  }

	.adminsectitle {font-size:3em !important;  }

	#content, #content50p, #contentradius {
		width: 90%;
		float: left;
		margin-left:2%;	}
		
	#contentradius-1col {width:96%;  }
	
	#middle, #sidebar, #Rsidebar, Lsidebar	{
		width: 90% !important;
		float: left;  }
		
	#Rsidebar, Lsidebar	{
		margin-left: 2% !important;
		border: 0px solid #FFF !important;  }

	#middle {
		margin-left: 0px;
		min-height:100px;  }	

	#Rsidebar {
		text-align:center !important;
		font-size:1.8em !important;
		padding-top:2% !important;	}
		
	#Lsidebar {
		min-height:25px;
		font-size:2em !important;  }
		
	#Rsidebar_NB, #Lsidebar_NB {display:none; }

	.formfieldtext {font-size:2.5em; }	
			
	.formfieldtext2. 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; }

	#submitbutton {font-size:30px !important;
		min-width:50% !important;
		min-height:auto;
		margin-top:25px;  }
		
		
		
	
}
	

@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%;}

}
    


.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;
}



.row {
	padding-bottom:10px;
}


.submitbutton {
	font-size:14px;
	width:100px;
	height:auto;
	margin-left:auto;
	margin-right: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; 

}

	
.plaintxtsm {
	font-size:10px;
	color:#666; 

}
	
.margin20 {
	margin:20px;
}

.topmarg20 {
	margin-top:20px;
}

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

.toppad10 {
	padding-top:10px;
}
	

.botpad10 {
	padding-bottom:1em;
}

	
.toppad20 {
	padding-top:20px;
}
	

.botpad20 {
	padding-bottom:20px;
}

		
.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;
}


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;
}

.clienttable_titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration:underline;	
}

.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);*//
}



	
.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;
}





	
.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;
	
}

	
	
.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; */
	padding: 1rem 1rem;
	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;
}



.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;
}



.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;
}





.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;
}



.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;
	
}



.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;
}



.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;
}



#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;
}


	
.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;
}


.requiredtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
	
	
.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;	
}


	
.clientlistname {
	text-align:left;
	white-space:nowrap;
	font-size:14px;  
	font-weight:bold;
} 

	
.clientlistaddy {
	text-align:left;
	white-space:nowrap;
	font-size:10px;  
} 


	
.clientfindbutton {
	font-size:14px;
	width:100px;
	height:50px;
}

@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;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 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;
	}

}




#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;
}