@CHARSET "ISO-8859-1";
body, html {
	width: 1360px;
    height: 100%;
    margin: 0;
    background: #cbbc9d;
}

.hdr {
    width: 1377px;
    height: 120px; 
/* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #0080ff;
    font-family: 'Berkshire Swash';
    font-size: 38px;
    color: white;
    
}

#heading{
	width: 1137px;
	position: absolute;
	top: 30px;
	left: 240px;
	}
	
.content {
	max-width: 900px;
    margin: auto;
    background: #dfe3ee;
    padding: 50px;
    border: 1px solid white;
    
	}
	
form{
	font-family: 'Flamenco';
	font-size: 20px;
	}
	
hr{
	position: absolute;
	color: white;
	top: 111px;
	width: 1377px;
	box-shadow: 0px 5px 20px 5px grey;'
	}
	
#p1{
	background: #cbbc9d;
	font-size: 21px;
	font-weight: bold;
	padding: 10px;
	}
	
#p2 {
	text-align: center;
	font-size: 24px;
	}
	
#p3{
	font-weight: bold;
	text-decoration: underline;
	}
	
	
#p4{
	position: absolute;
	top:600px;
	left: 230px;
	font-weight: normal;
	text-decoration: underline;
	color: #d62d20;
	font-size: 18px;
	}
a{
	color: #104e8b;
	}
	
#dd{
	padding-left: 20px;
	font-weight: bold;
	font-size: 23px;
	color: #8a239e;

	}
	
#i1 {
	position: absolute;
	top: 405px;
	left: 640px;
	}
	
#i2 {
	position: absolute;
	top: 408px;
	left: 992px;
	}
	
#d1{
	color: #0057e7;
	}
	
#d2{
	color:#d11141;
}

#d3{
	color: #028900;
	}
	
table{
	border: 1px solid black;
	width: 100%;
	background-color: white;
	}
	
th{
	border: 1px solid black;
	background-color: #d8917e;
	}

.loaderh {
	position: absolute;
	top: 860px;
	left:500px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid blue;
  border-right: 10px solid green;
  border-bottom: 10px solid red;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loaders {
	position: absolute;
	top: 860px;
	left:960px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid blue;
  border-right: 10px solid green;
  border-bottom: 10px solid red;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loadera {
	position: absolute;
	top: 1010px;
	left:500px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid blue;
  border-right: 10px solid green;
  border-bottom: 10px solid red;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loaderm {
	position: absolute;
	top: 1010px;
	left:960px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid blue;
  border-right: 10px solid green;
  border-bottom: 10px solid red;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loaderl {
	position: absolute;
	top: 1149px;
	left:500px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid blue;
  border-right: 10px solid green;
  border-bottom: 10px solid red;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loaderk {
	position: absolute;
	top: 1149px;
	left:960px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid blue;
  border-right: 10px solid green;
  border-bottom: 10px solid red;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}


.loaderj {
	position: absolute;
	top: 1283px;
	left:500px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid blue;
  border-right: 10px solid green;
  border-bottom: 10px solid red;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#flashmsgh{
	position: absolute;
	top: 877px;
	left:511px;
	font-family: "Arial Black";
	font-size: 7px;
	font-weight: bold;
	}
	
#flashmsgs{
	position: absolute;
	top: 877px;
	left:970px;
	font-family: "Arial Black";
	font-size: 7px;
	font-weight: bold;
	}
	
#flashmsga{
	position: absolute;
	top: 1029px;
	left:511px;
	font-family: "Arial Black";
	font-size: 7px;
	font-weight: bold;
	}
	
#flashmsgm{
	position: absolute;
	top: 1029px;
	left:970px;
	font-family: "Arial Black";
	font-size: 7px;
	font-weight: bold;
	}
	
#flashmsgl{
	position: absolute;
	top: 1167px;
	left:510px;
	font-family: "Arial Black";
	font-size: 7px;
	font-weight: bold;
	}
	
#flashmsgk{
	position: absolute;
	top: 1167px;
	left:970px;
	font-family: "Arial Black";
	font-size: 7px;
	font-weight: bold;
	}

#flashmsgj{
	position: absolute;
	top: 1300px;
	left:510px;
	font-family: "Arial Black";
	font-size: 7px;
	font-weight: bold;
	}