html {
	width: 100%;
}	
header {
	background-color: #D8BFD8;
	margin-bottom: 30px;
}
body {
	color: #556B2F;
	font-size: 100%;
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	background-color: #EEE8AA;
	margin: 0;
	width: 100%;
}
.div_1 {
	position: absolute;
	top: 115px;
	width: 100%;
}
.div_2 {
	position: relative;
	top: 15px;
	width: 100%;
	margin: auto;
}
.div_3 {
	position: absolute;
}
tr {
	vertical-align: top;
}
h1 {
	color: #000000;
	font-size: 160%;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
}
th {
	text-align: center;
}
textarea {
	resize: none;
}
footer {
	color: #000000;
	font-variant: small-caps;
	text-align: center;
	background-color: #D8BFD8;
	font-size: 90%;
	width: 100%;
	position: fixed;
    bottom: 0;
	padding: 7px 0px 5px 0px;
}
noscript {
	z-index: 2;
}
.form_1 {
	margin-top: 50px;
}
.table_1 {
	margin: auto;
}
.table_2 {
	border-collapse: collapse;
	border: 2px solid #696969;
	background-color: #FFF8DC;
	color: #282828;
    font-size: 90%;
    font-family: Arial, Verdana, sans-serif;
    text-align: left;
    margin: auto;
    width: 80%;
}
.table_2 th{
	text-align: left;
	padding: 5px 0px 5px 10px;
	background-color: #FFDEAD;
	border-bottom: 2px solid #696969;
}
.table_2 td{
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #808080;
}
.table_2 tr:nth-child(even) {
  background: #DCDCDC;
}
.table_2 tr:nth-child(even):hover {
  background: #FFFFFF;
}
.st_tab:hover {
	background: #FFFFFF;
}
.tr1 {
	color: #6A5ACD;
	font-size: 125%;
	height: 40px;
}
.tr2 {
	color: #D2691E;
	font-size: 125%;
	height: 40px;
}
.tr3 {
	color: #CD5C5C;
	font-size: 125%;
	height: 40px;
}
.tr4 {
	text-align: center;
	height: 25px;
}
.a1:hover,.a1a:hover {
    background: #FFDEAD;	
}
.a5:hover {
	background: #DDA0DD;
}
.a6:hover {
	background: #CD853F;
}
.a6_1:hover {
	background: #E9967A;
}
.c1:hover {
	background: #808000;
}
.a1:active,.a1a:active {
	position:relative;
	top:2px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.4) inset;
	background: #D2B48C;
}
.a5:active {
	position:relative;
	top:2px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.4) inset;
	background: #DA70D6;
}
.a6:active {
	position:relative;
	top:2px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.4) inset;
	background: #D2691E;
}
.a6_1:active {
	position:relative;
	top:2px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.4) inset;
	background: #CD5C5C;
}
.c1:active {
	top: 52px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.4) inset;
	background: #D2691E;
}
.f1:active {
	position:relative;
	top:2px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.4) inset;
}
.f_1:active {
	position:relative;
	top:2px;
}
.a1,.a3,.a4,.a5,.a6,.a7,.a8,.c1,.a1a,.a7a,.a7_1,.a8_1,.a6_1,.f1,.f_1:focus {
outline: none !important;
}
.a1 {
	position: relative;
	height: 31px;
	width: 85px;
	border: 2px solid #696969;
	font-size: 80%;
	background-color: #FFF8DC;
	border-radius: 15px;
}
.a1#del_y,.a1#del_n{
	font-size: 90%;
	margin: 15px 3px 10px 3px;
}
.a1#red_ras_y,.a1#red_doh_y,.a1#red_ras_n,.a1#red_doh_n {
	margin: 20px 3px 10px 3px;
}
.a1#del_y {
	background-color: #FA8072;
}
.a1#del_y:hover {
	background-color: #CD5C5C;
}
.a1#del_y:active {
	background-color: #DC143C;
}
.a1#red_ras_y,.a1#red_doh_y {
	background-color: #9ACD32;
}
.a1#red_ras_y:hover,.a1#red_doh_y:hover {
	background-color: #6B8E23;
}
.a1#red_ras_y:active,.a1#red_doh_y:active {
	background-color: #556B2F;
}
.a1a {
	position: relative;
	height: 25px;
	width: 60px;
	border: 2px solid #696969;
	font-size: 100%;
	background-color: #FFF8DC;
	border-radius: 15px;
	margin-top: 10px;
}		
.a2 {
	width: 264px;
	margin: auto;
}
.a3 {
	padding-left: 10px;
	height: 21px;
	width: 140px;
	border: 2px solid #696969;
	background-color: #FFF8DC;
	font-size: 115%;
}
.a4 {
	height: 65px;
	width: 230px;
	border: 2px solid #696969;
	background-color: #FFF8DC;
	font-size: 140%;
}
.a5 {
	height: 31px;
	width: 95px;
	border: 2px solid #696969;
	font-size: 80%;
	background-color: #D8BFD8;
	border-radius: 15px;
	margin-top: 20px;
}
.a6 {
	height: 31px;
	width: 95px;
	border: 2px solid #696969;
	font-size: 80%;
	background-color: #F4A460;
	border-radius: 15px;
	margin-top: 20px;
}
.a6_1 {
	height: 27px;
	width: 120px;
	border: 2px solid #696969;
	text-align: center;
	font-size: 80%;
	background-color: #FFA07A;
	border-radius: 15px;
	margin-top: 7px;
}
.a7 {
	padding-left: 10px;
	height: 21px;
	width: 140px;
	border: 2px solid #696969;
	background-color: #FFF8DC;
	font-size: 100%;
}
.a7#dat_d, .a7#dat_r {
	height: 23px;
	font-size: 110%;
}
.a7_1 {
	padding-left: 10px;
	height: 23px;
	width: 135px;
	border: 2px solid #696969;
	background-color: #FFF8DC;
	font-size: 110%;
}
.a7a {
	padding-left: 10px;
	height: 21px;
	width: 140px;
	border: 2px solid #696969;
	background-color: #FFF8DC;
	font-size: 115%;
	margin-top: 10px;
}
.a8 {
	height: 27px;
	width: 238px;
	border:2px  solid #696969;
	background-color: #FFF8DC;
	font-size: 100%;
}
.c1 {
	position: absolute;
	left: 3%;
	top: 50px;
	text-align: center;
	font-size: 12px;
	border: 2px solid #696969;
	border-radius: 15px;
	width: 60px;
	height: 22px;
	background-color: #9ACD32;
}
.c1#excel {
	left: 75%;
	width: 80px;
	background-color: #FFD700;
}
.c1#excel:hover {
	background-color: #DAA520;
}
.c1#excel:active {
	background-color: #B8860B;
}
.c2 {
	position: absolute;
	top: 50px;
	left: 3%;
	z-index: 1;
	text-align: justify;
	font-size: 14px;
	color: #556B2F;
	border: 1px solid #DAA520;
	border-radius: 10px;
	width: 200px;
	height: 120px;
	background-color: #9ACD32;
	padding: 20px 0px 0px 25px;
}
.c3 {
	position: relative;
	text-align: justify;
	font-size: 12px;
	text-align: center;
	color: #556B2F;
	background-color: #FFF8DC;
	margin: 0 10%;
}
.d1 {
	margin: 0;
	width: 132px;
	height: 44px;
	text-align: justify;
	font-size: 14px;
	color: #556B2F;
	border: 1px solid #DAA520;
	border-radius: 5px;
	background-color: #9ACD32;
	padding: 3px 3px 3px 3px;
}
.d1#del_p {
	margin: auto;
	width: 280px;
	height: 100px;
	text-align: center;
	border-radius: 15px;
	padding: 10px 10px 10px 10px;
}
.f1 {
	width: 42px;
	height: 42px;
	margin: 1px;
	padding: 0;
	border: 2px solid #696969;
}
.f1#red {
	background-image: url(edit.png);
}
.f1#del {
	background-image: url(trash.png);
}
.f1#x {
	background-image: url(close.png);
}
.f_1 {
	width: 21px;
	height: 18px;
	margin-left: 11px;
	border: 0px;
	background-image: url(sav.png);
}
@media all and (min-width: 1280px) and (max-width: 2440px){
html {
	width: 70%;
	margin: auto;
}
footer {
	width: 70%;
}
.table_2 {
    width: 100%;
}
.c1 {
	left: 19%;
}
.c1#excel {
	left: 70%;
}
.c2 {
	left: 19%;
}
.div_1 {
	width: 70%;
}
.div_2 {
	width: 70%;
}