p {
	font-family:Arial;
}


/* ----------------------------------------------------------------------------------------------------------  
	 DIV defitition for boxes ** DJ **
*/		

.div5 { /* Box definition */
  width: 300px;	
  height: 48px;
  background-color: #ffffff;
  font-family:Arial;
  font-size:15px;  
  padding: 0px 1px;	
  float: left;	
}	


.div_icon {
    z-index: 3;
    position: relative;
    top: -4px;
    left: 240px;
    background-color: #180566;
	width:0px; 
	height:0px;
    border-radius: 0px;
    background-color: #f2f2f2;
    padding: 0px;
}	
	
/* ----------------------------------------------------------------------------------------------------------  
	 ** GREEN ** in all its variants
*/		
	
.myButton_green {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	width: 282px;
    margin-bottom:2px;
}
.myButton_green:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}
.myButton_green:active {
	position:relative;
	top:1px;
}
	
.myButton_green_compact {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	width: 55px;
    margin-bottom:2px;
}
.myButton_green_compact:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}
.myButton_green_compact:active {
	position:relative;
	top:1px;
}
	
.myButton_small_green {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:4px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 3px 4px 3px;
	width: 67px;		
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	float:left;
	margin-bottom:2px;
}
	
.myButton_wide_green {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:4px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 8px 2px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	width: 282px;
    margin-bottom:0px;
			float:left;
}

.myButton_wide_green:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}	
	
/* ----------------------------------------------------------------------------------------------------------  
	 ** RED ** in all its variants
*/	
.myButton_red {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
	width: 282px;
    margin-bottom:2px;	
}

.myButton_red:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.myButton_red:active {
	position:relative;
	top:1px;
}
	
.myButton_red_compact {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
	width: 55px;
    margin-bottom:2px;	
}
.myButton_red_compact:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.myButton_red_compact:active {
	position:relative;
	top:1px;
}	
	
.myButton_small_red {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
	border-radius:4px;
	border:1px solid #d02718;
	display:inline-block;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 3px 4px 5px;
	width: 65px;		
	text-decoration:none;
	float:left;
	margin-bottom:2px;
}		
	
.myButton_wide_red {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:4px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 8px 2px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
	width: 282px;
    margin-bottom:0px;
	float:left;
}

.myButton_wide_red:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #c62d1f 100%);
	background-color:#77a809;
}		

/* ----------------------------------------------------------------------------------------------------------  
	 ** ORANGE ** in all its variants
*/		
.myButton_orange {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color:#f0c911;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	cursor:pointer;
	color:#c92200;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	width: 282px;
    margin-bottom:2px;	
}

.myButton_orange_compact {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color:#f0c911;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	cursor:pointer;
	color:#c92200;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	width: 55px;
    margin-bottom:2px;	
}
.myButton_orange_compact:hover {
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color:#f2ab1e;
}
.myButton_orange_compact:active {
	position:relative;
	top:1px;
}	
	
.myButton_small_orange {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color:#f0c911;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	cursor:pointer;
	color:#c92200;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 3px 4px 5px;
	width: 65px;		
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	float:left;
}	
	
.myButton_orange:hover {
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color:#f2ab1e;
}
.myButton_orange:active {
	position:relative;
	top:1px;
}

/* ----------------------------------------------------------------------------------------------------------  
	 ** GRAY ** in all its variants
*/		
	
.myButton_gray {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width: 282px;
    margin-bottom:2px;	
}
.myButton_gray:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.myButton_gray :active {
	position:relative;
	position:relative;
	top:1px;
}

.myButton_gray_compact {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width: 55px;
    margin-bottom:2px;	
}
.myButton_gray_compact:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.myButton_gray_compact :active {
	position:relative;
	position:relative;
	top:1px;
}	

.myButton_small_gray {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	cursor:pointer;
	color:#777777;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 3px 4px 5px;
	width: 65px;		
	text-decoration:none;
	float:left;
	margin-bottom:2px;
}	

.myButton_wide_gray {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 8px 2px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width: 282px;
    margin-bottom:0px;
	float:left;
}

/* ----------------------------------------------------------------------------------------------------------  
	 ** BLUE ** in all its variants
*/			
	
.myButton_blue {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	width: 282px;
    margin-bottom:2px;	
}
.myButton_blue:hover {
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	background-color:#80b5ea;
}
.myButton_blue:active {
	position:relative;
	top:1px;
}

.myButton_blue_compact {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	width: 55px;
    margin-bottom:2px;	
}
	
.myButton_blue_compact:hover {
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	background-color:#80b5ea;
}
.myButton_blue_compact:active {
	position:relative;
	top:1px;
}
	
.myButton_small_blue {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
	border-radius:4px;
	border:1px solid #84bbf3;
	display:inline-block;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 3px 4px 5px;
	width: 65px;		
	text-decoration:none;
	float:left;
	margin-bottom:2px;
}	
	
/* ----------------------------------------------------------------------------------------------------------  
	 ** LIGHTGRAY ** in all its variants
*/		
.myButton_lightgrey {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#aaaaaa;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;

	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width: 282px;
    margin-bottom:2px;		
}
.myButton_lightgrey:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.myButton_lightgrey:active {
	position:relative;
	top:1px;
}
.myButton_lightgrey_compact {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#aaaaaa;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width: 55px;
    margin-bottom:2px;		
}
.myButton_lightgrey_compact:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.myButton_lightgrey_compact:active {
	position:relative;
	top:1px;
}	
 
.myButton_small_lightgrey {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	cursor:pointer;
	color:#aaaaaa;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 3px 4px 5px;
	width: 65px;		
	text-decoration:none;
	float:left;
	margin-bottom:2px;
}	

/* ----------------------------------------------------------------------------------------------------------  
	 ** PURPLE ** in all its variants
*/

.myButton_Purple {
	box-shadow:inset 0px 1px 0px 0px #efdcfb;
	background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	background-color:#dfbdfa;
	border-radius:6px;
	border:1px solid #c584f3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9752cc;
	width: 282px;	
    margin-bottom:2px;
}
.myButton_Purple:hover {
	background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	background-color:#bc80ea;
}
.myButton_Purple:active {
	position_Purple:relative;
	top:1px;
}
	
.myButton_Purple_compact {
	box-shadow:inset 0px 1px 0px 0px #efdcfb;
	background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	background-color:#dfbdfa;
	border-radius:6px;
	border:1px solid #c584f3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9752cc;
	width: 55px;	
}
.myButton_Purple_compact:hover {
	background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	background-color:#bc80ea;
}
.myButton_Purple_compact:active {
	position_Purple:relative;
	top:1px;
}	
	
.myButton_small_Purple {
	box-shadow:inset 0px 1px 0px 0px #efdcfb;
	background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	background-color:#dfbdfa;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #c584f3;
	border-radius:4px;
	border:1px solid #c584f3;
	display:inline-block;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:5px 3px 4px 5px;
	width: 65px;		
	text-decoration:none;
	float:left;
	margin-bottom:2px;
}		
	
/* ----------------------------------------------------------------------------------------------------------  
	 ** DEEP_PURPLE ** in all its variants
*/	
	
.myButton_deep_Purple_compact {
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	background-color:#c123de;
	border-radius:6px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 3px;
    width: 55px;	
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.myButton_deep_Purple_compact:hover {
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	background-color:#a20dbd;
}
.myButton_deep_Purple_compact:active {
	position:relative;
	top:1px;
}

.myButton_deep_Purple {
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	background-color:#c123de;
	border-radius:6px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 8px;
    width: 282px;	
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.myButton_deep_Purple:hover {
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	background-color:#a20dbd;
}
.myButton_deep_Purple:active {
	position:relative;
	top:1px;
}

.myButton_small_deep_Purple {
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	background-color:#c123de;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #c584f3;
	border-radius:4px;
	border:1px solid #a511c0;
	display:inline-block;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:5px 3px 4px 5px;
	width: 65px;		
	text-decoration:none;
	float:left;
	margin-bottom:2px;
}		

.myButton_wide_deep_Purple {
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	background-color:#c123de;
	border-radius:4px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 8px 2px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c584f3;
	width: 282px;
    margin-bottom:0px;
	float:left;
}

.myButton_wide_deep_Purple:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #c62d1f 100%);
	background-color:#77a809;
}	

/* ----------------------------------------------------------------------------------------------------------  */	

div {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 10px;
  font-family:Arial;
  font-size:15px;  
}
	
	
ul {
  list-style-type: none;
  margin: 2px;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 10px 10px;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;	
  text-shadow:0px 1px 0px #111111;		
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}

/* input[type=text], select {  */
input[type=text] {
  width: 100%;
  padding: 4px 4px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;

  border-radius: 4px;
  box-sizing: border-box;
  font-family:Arial;
  font-size:15px;   
}

input[type=select] {
  padding: 4px 4px 4px 4px;
  margin: 10px;
  display: inline-block;
  border: 1px solid #ccc;

  border-radius: 4px;
  box-sizing: border-box;
  font-family:Arial;
  font-size:15px;   
}


input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  font-family:Arial;
  font-size:15px;  
  cursor: pointer;
}

textarea {
  width: 100%;
  height: 70px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}


input[type=submit]:hover {
  background-color: #45a049;
}


	#service_visit_table {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  border-collapse: collapse;
	  font-size:12px;
	  width: 100%%;
	}

	#service_visit_table td, #service_visit_table th {
	  border: 1px solid #ddd;
	  padding: 6px;
	  vertical-align: top;  
	}


	.marked1 { background-color: #bdccff;}
	.marked2 { background-color: #d4ddfc;}
	.marked_red { background-color: #ff4040;}
	.lgray   { background-color: #f2f2f2;}
	.white { background-color: #ffffff;}

	#service_visit_table th {
	  white-space: pre;
	  padding-top: 2px;
	  padding-bottom: 2px;
	  text-align: left;
	  background-color: #4CAF50;
	  color: white;

	}