.head {
		background-color:#00ffff;
		width:100%;
		padding:5px;
		border:1px;
		border-style:solid;
	}
	
.mmtb {
		display:inline-block;
		text-align:left;
		vertical-align:top;
		padding-left:5px;
	}

.mmh1 {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:xx-large;
		font-weight:600;
		text-align:left;
		}
		
.mmh2 {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:medium;
		font-weight:600;
		text-align:left;
	}

.mmtm {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:large;
		font-weight:600;
		}		

.mbody {
		margin:5px;
	}

.maintitle {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:medium;
		font-weight:600;
		color:#000000;
		padding: 5px;
		margin: 5px;
	}

.err {
	text-align:left;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#0000ff;
	}

.info {
		text-align:left;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:small;
		font-weight:normal;
		padding: 7px;
	}	

.datadisplay {
	margin: 3px;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align:left;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
}

.datalink {
	margin: 3px;
	padding-left: 5px;
	text-align:left;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:medium;
	font-weight:normal;
}

.fine {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: x-small;
		font-weight:600;
		color:#000000;
		padding: 7px;
	}

.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 100px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}
	
	/* Modal Content */
.modal-content {
		background-color: #fefefe;
		margin: auto;
		padding-bottom: 10px;
		border: 1px solid #888;
		width: 80%;
	}
	
	/* The Close Button */
.close {
		color: #aaaaaa;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}
		
.close:hover, .close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}	

	
table, th, td {
		border-collapse: collapse;
	}

.menubox {
	border-color:black;
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;
	padding: 3px;
	background-color:#f2f2f2;
	text-align:left;
}

.menutable	{
	margin: 10px;
	padding: 10px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:small;
	font-weight:600;
	color:#000000;
}
			
.timebox {
		border-color:black;
		border-width:1px;
		border-style:solid;
		border-collapse:collapse;
		padding: 3px;
		background-color:#f2f2f2;
		text-align:center;
	}	
	
.okbutton {
	height: 30px;
	}
			
.timetable	{
		margin: 3px;
		padding: 3px;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:small;
		font-weight:600;
		color:#000000;
	}

.tabcolor {
		background-color: #f2f2f2;
	}

.dircolor {
  		background-color: #ccf7c7;
	}

.indcolor {
		background-color: #faf8a3;
	}

.trvcolor {
		background-color: #ffcfff;
	}

.admcolor {
		background-color: #cffdfd;
	}

.exccolor {
		background-color: #f2f2f2;
	}

#sumtable1 td, #sumtable1 th	{
		border-width:1px;
		border-style:solid;
		border-collapse:collapse;
		margin: 3px;
		padding: 3px;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:small;
		color:#000000;
	}

#sumtable2 td, #sumtable2 th	{
		border-width:1px;
		border-style:solid;
		border-collapse:collapse;
		margin: 3px;
		padding: 3px;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size:small;
		color:#000000;
	}

.surtable {
		padding-top:10px;
	}


.surtable2 {
	padding-top:60px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;
	margin: 3px;
	padding: 3px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:small;
	color:#000000;
}

.footer 	{
		background-color:#00ffff;
		width:auto;
		padding-left:40px;
		padding-bottom:3px;
		margin-top:5px;
		border:1px;
		border-style:solid;
	}

.daytab {
		margin-top: 20px;
		margin-left: 3px;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: small;
	}

.theader {
	padding-left: 0px;
}

.dheader {
	padding-left: 12px;
}

.iheader {
	padding-left: 11px;
}

.vheader {
	padding-left: 10px;
}

.aheader {
	padding-left: 6px;
}

.eheader {
	padding-left: 3px;
}

.timeblock {

		display: block;
	}

.hourtab {
		display: inline-block;
		vertical-align: top;
	}

.typetab {
		display: inline-block;
		vertical-align: top;
	}

.typespacer {
	height: 14px;
}

.mark {
	border-top: 1px;
	border-bottom: 1px;
	border-left: 0px;
	border-right: 1px;
	border-style: solid;
	border-color: black;
}

.hour {
	width: 30px;
	height: 26px;
	border: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	text-align: right;
	}

#highlight {
		font-weight: bold;
	}

/* Customized radio buttons (the container) */
.container {
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
  
  /* Create a custom radio button for each type*/
  .checkmark1 {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 30px;
		background-color: #ccf7c7;

	}

  .checkmark2 {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 30px;
		background-color: #faf8a3;
		
	}

	.checkmark3 {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 30px;
		background-color: #ffcfff;
		
	}

   .checkmark4 {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 30px;
		background-color: #cffdfd;
	}

  .checkmark5 {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 30px;
	background-color: #f2f2f2;
  }
  
  /* On mouse-over, add a grey background color */
  .container:hover input ~ .checkmark {
		background-color: #ccc;
	}
  
  /* When the radio button is checked, add a blue background */
  .container input:checked ~ .checkmark {
		background-color: #2196F3;
	}
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark1:after {
		content: "";
		position: absolute;
		display: none;
	}

  .checkmark2:after {
		content: "";
		position: absolute;
		display: none;
	}

	.checkmark3:after {
		content: "";
		position: absolute;
		display: none;
	}

  .checkmark4:after {
		content: "";
		position: absolute;
		display: none;
	}

  .checkmark5:after {
		content: "";
		position: absolute;
		display: none;
	}
  
  /* Show the indicator (dot/circle) when checked */
  .container input:checked ~ .checkmark1:after {
		display: block;
	}
  .container input:checked ~ .checkmark2:after {
		display: block;
	}
	.container input:checked ~ .checkmark3:after {
		display: block;
	}
  .container input:checked ~ .checkmark4:after {
		display: block;
	}
  .container input:checked ~ .checkmark5:after {
		display: block;
	}
  
  /* Style the indicator (dot/circle) */
  .container .checkmark1:after {
	top: 6px;
	left: 8px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: black;
  }

  .container .checkmark2:after {
	top: 6px;
	left: 8px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: black;
  }

  .container .checkmark3:after {
	top: 6px;
	left: 8px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: black;
  }

  .container .checkmark4:after {
	top: 6px;
	left: 8px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: black;
  }

  .container .checkmark5:after {
	top: 6px;
	left: 8px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: black;
  }

  .lfptt_calc {
	margin-top: 10px;
	margin-left: 75px;
  }