.myframe {
		width: 100%;
		max-width: 1040px;
		text-align: center;
		border-style = dotted;
		border: 5px solid red;
		cursor: default; 
		overflow-y: auto;
		height: 740px;
		margin-left: auto;
		margin-right: auto;
		background-color: #caf0fe;
	}

	.mykader {
		width: 330px;
		text-align: center;
		cursor: default;
		height: 480px;
		border: 2px solid blue;
		float: left;
		margin-left: 15px;
		background-color: #caf0fe;
	}

	.flist {
		width: 305px;
		text-align: left;
		font-size: 14px;
		cursor: default;
		height: 410px;
		padding-left: 15px;
		padding-top: 10px;
		border: 2px solid blue;
		overflow-y: scroll;
		background-color: white;
	}

	.databox {
		margin-top: 1vh;
		border: 2px solid blue;
		text-align: left;
		width: 325px;
		height: 160px;
		margin-left: 3px;
		float: left;
		padding-left: 5px;
		background-color: #caf0fe;
	}

	.labData {
		margin-top: 11px;
		width: 55px;
		float: left;
		font-weight: bold;
		font-size: 14px;
		font-family : Arial, Helvetica, sans-serif;
		color: navy;
		}
	
		input {
			font-size: 12px;
		}

	.txtData {
		margin-left: 33px;
		margin-top: 12px;
		width: 220px;
		height: 22px;
		background-color: white;
		float: left;
		border-style: groove;
		font-weight: bold;
		font-size: 14px;
		font-family : Arial, Helvetica, sans-serif;
		color: navy;
	}

	
	textarea {
		font-size: 12px;
		resize: none;
	}
	
	li {
		list-style-type:none;
		font-size: 12px;
		font-family : Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: black;
		margin-left: -8px;
		margin-bottom: -15px;
	}
	
	li:hover {
		background: #999999;
		color: white;
    font-size:16px;
		font-weight: normal;
	}

	li:focus {
 		background: #999999;
    font-size:14px;
    text-decoration:none;
    color:#FFFFFF;
	}

	/* Track */
	::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px grey; 
		border-radius: 10px;
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
		background: red; 
		border-radius: 10px;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #b30000; 
	}

	.textbar {
		height: 30px;
		width: 100%;
		max-width: 1040px;
		background: #82004c;
		margin-top : 0px;
		padding-top: 8px;
	}
	
	HBtop {
		font-family : Arial;
		font-size : 18px;
		color: yellow;
	}
	
	HB {
		font-family : Arial;
		font-size : 16px;
		color: yellow;
	}
	
	txt {
		font-family : Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: black;
		font-weight : bold;
	}
	
	textarea {
		font-family: Arial, Lucida Grande, sans-serif;
		font-size: 14px;
		color: black;
		font-weight : bold;
	}
	
	input[type="text"] {
		font-family: Arial, Lucida Grande, sans-serif;
		font-size: 16px;
		color: black;
		font-weight : bold;
	}

	select, option {
		font-family : Arial, Helvetica, sans-serif;
		color: black;
    font-size:16px;
		font-weight : bold;
	}

	.recnum {
		margin-top: 5px;
		margin-bottom: 10px;
		width: 320px;
		background-color: white;
		height: 25px;
		padding-top: 6px;
		border: 3px solid red;
		text-align: center;
		font-size: 16px;
		font-family : Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: black;
	}
	
	.btn {
			border: none;
			padding: 5px 15px;
			font-size: 16px;
			text-align: center;
			font-family : Arial, Helvetica, sans-serif;
			color: yellow;
			background-color: #82004c;
			border-radius: 8px;
			height: 30px;
	}
	
	.btn:hover {
		background-color: grey;

	.btn:active {
		background-color: grey;
	}