*{
	margin: 0px;
	padding: 0px;
}

input[type='text']{
	border: 1px solid lightgray;
	border-radius: 2px;
	font-family: arial;
	font-size: 18px;
	padding: 6px;
	width: 95%;
}
input[type='text']:focus{
	border: 1px solid gray;
	border-radius: 2px;
	font-family: arial;
	font-size: 18px;
	padding: 6px;
	width: 95%;
}
input[type='text']:hover{
	border: 1px solid gray;
	border-radius: 2px;
	font-family: arial;
	font-size: 18px;
	padding: 6px;
	width: 95%;
}

input[type='date']{
	border: 1px solid lightgray;
	border-radius: 2px;
	font-family: arial;
	font-size: 18px;
	padding: 6px;
	width: 95%;
}
input[type='date']:focus{
	border: 1px solid gray;
	border-radius: 2px;
	font-family: arial;
	font-size: 18px;
	padding: 6px;
	width: 95%;
}
input[type='date']:hover{
	border: 1px solid gray;
	border-radius: 2px;
	font-family: arial;
	font-size: 18px;
	padding: 6px;
	width: 95%;
}
select{
	border: 1px solid lightgray;
	border-radius: 2px;
	font-family: arial;
	font-size: 16px;
	padding: 6px;
	width: 98%;
}

#section2{
	background-color: #eef38c;
	float: left;
	height: 110px;
	position: fixed;
	width: 100%;
}
#head_holder{
	background-color: transparent;
	height: 100px;
	padding-top: 10px;
	width: 100%;
}
#school_logo_holder{
	background-color: transparent;
	float: left;
	height: 90px;
	margin-left: 5px;
	margin-right: 5px;
	width: 90px;
}
#school_logo_holder img{
	height: 100%;
	width: 100%;
}
#school_name_holder{
	background-color: transparent;
	color: #2c883a;
	float: left;
	font-family: calibri light;
	padding-top: 20px;
	width: 240px;
}
#school_name{
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
}
#school_address{
	background-color: transparent;
	border-bottom: 1px solid #2c883a;
	color: #226b2d;
	font-size: 12px;
	font-weight: lighter;
	float: left;
	padding-bottom: 5px;
	width: 100%;
}

#section3{
	background-color: transparent;
	font-family: arial;
	height: auto;
	padding-top: 140px;
	margin-bottom: 200px;
	width: 100%;
}
#content_label{
	background-color: transparent;
	font-size: 20px;
	height: auto;
	margin-bottom: 20px;
	width: 100%;
}
#application_holder{
	background-color: transparent;
	height: auto;
	width: 90%;
}
#application_holder table{
	width: 100%;
}
#application_holder .lbl_button{
	background-color: #55aa7f;
	border: 1px solid lightgray;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: arial;
	font-size: 14px;
	padding: 6px 35px;
}
#application_holder .lbl_button:hover{	
	background-color: #4a956e;
	border: 1px solid lightgray;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: arial;
	font-size: 14px;
	padding: 6px 35px;
}
#application_holder .lbl_button:active{	
	background-color: #55aa7f;
	border: 1px solid lightgray;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: arial;
	font-size: 14px;
	padding: 6px 35px;
}
#application_holder input[type='submit']{
	background-color: whitesmoke;
	border: 1px solid lightgray;
	border-radius: 2px;
	color: gray;
	cursor: pointer;
	font-family: arial;
	font-size: 18px;
	padding: 10px;
	width: 99%;
}
#application_holder input[type='submit']:hover{	
	background-color: lightgray;
	border: 1px solid lightgray;
	border-radius: 2px;
	color: gray;
	cursor: pointer;
	font-family: arial;
	font-size: 18px;
	padding: 10px;
	width: 99%;
}
#application_holder input[type='submit']:active{	
	background-color: whitesmoke;
	border: 1px solid lightgray;
	border-radius: 2px;
	color: gray;
	cursor: pointer;
	font-family: arial;
	font-size: 18px;
	padding: 10px;
	width: 99%;
}
#application_holder .file_label{
	background-color: gainsboro;
	cursor:pointer;
	padding: 0px 5px;
}
#application_holder .file_label:hover{
	background-color: lightgray;
	cursor:pointer;
	padding: 0px 5px;
}
#application_holder .lbl_status_option{
	cursor: pointer;
	font-size: 14px;
	margin: 5px;
}
#application_holder .lbl_status_caption{
	font-size: 16px;
	font-weight: bold;
}
#form_138_preview{
	background-color: gainsboro;
	height: 150px;
	width: 100%;
}
#good_moral_preview{
	background-color: gainsboro;
	height: 150px;
	width: 100%;
}
#birth_certificate_preview{
	background-color: gainsboro;
	height: 150px;
	width: 100%;
}

#clear{
	clear: both;
}

/* RESPONSIVE 768============================================================================================================ */

@media only screen and (min-width: 768px){
	input[type='text']{
		border: 1px solid lightgray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	input[type='text']:focus{
		border: 1px solid gray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	input[type='text']:hover{
		border: 1px solid gray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}

	input[type='date']{
		border: 1px solid lightgray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	input[type='date']:focus{
		border: 1px solid gray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	input[type='date']:hover{
		border: 1px solid gray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	select{
		border: 1px solid lightgray;
		border-radius: 2px;
		font-family: arial;
		font-size: 16px;
		padding: 6px;
		width: 98%;
	}

	#section2{
		background-color: #eef38c;
		float: left;
		height: 170px;
		width:100%;
	}
	#head_holder{
		background-color: transparent;
		height: 160px;
		padding-top: 10px;
		width: 100%;
	}
	#school_logo_holder{
		background-color: transparent;
		float: left;
		height: 140px;
		margin-left: 15px;
		margin-right: 15px;
		width: 140px;
	}
	#school_logo_holder img{
		height: 100%;
		width: 100%;
	}
	#school_name_holder{
		background-color: transparent;
		color: #2c883a;
		float: left;
		font-family: arial;
		padding-top: 20px;
		width: 567px;
	}
	#school_name{
		background-color: transparent;
		font-size: 30px;
		font-weight: lighter;
		width: 100%;
	}
	#school_address{
		background-color: transparent;
		border-bottom: 3px solid #2c883a;
		color: #226b2d;
		font-size: 25px;
		font-weight: lighter;
		float: left;
		padding-bottom: 5px;
		width: 100%;
	}

	#section3{
		background-color: transparent;
		font-family: arial;
		height: auto;
		padding-top: 200px;
		margin-bottom: 200px;
		width: 100%;
	}
	#content_label{
		background-color: transparent;
		font-size: 30px;
		height: auto;
		margin-bottom: 20px;
		width: 100%;
	}
	#application_holder{
		background-color: transparent;
		height: auto;
		width: 100%;
	}
	#application_holder table{
		width: 60%;
	}
	#application_holder .lbl_button{
		background-color: #55aa7f;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: #fff;
		cursor: pointer;
		font-family: arial;
		font-size: 14px;
		padding: 6px 35px;
	}
	#application_holder .lbl_button:hover{	
		background-color: #4a956e;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: #fff;
		cursor: pointer;
		font-family: arial;
		font-size: 14px;
		padding: 6px 35px;
	}
	#application_holder .lbl_button:active{	
		background-color: #55aa7f;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: #fff;
		cursor: pointer;
		font-family: arial;
		font-size: 14px;
		padding: 6px 35px;
	}
	#application_holder input[type='submit']{
		background-color: whitesmoke;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: gray;
		cursor: pointer;
		font-family: arial;
		font-size: 18px;
		padding: 10px;
		width: 99%;
	}
	#application_holder input[type='submit']:hover{	
		background-color: lightgray;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: gray;
		cursor: pointer;
		font-family: arial;
		font-size: 18px;
		padding: 10px;
		width: 99%;
	}
	#application_holder input[type='submit']:active{	
		background-color: whitesmoke;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: gray;
		cursor: pointer;
		font-family: arial;
		font-size: 18px;
		padding: 10px;
		width: 99%;
	}
	#application_holder .file_label{
		background-color: gainsboro;
		cursor:pointer;
		padding: 0px 5px;
	}
	#application_holder .file_label:hover{
		background-color: lightgray;
		cursor:pointer;
		padding: 0px 5px;
	}
	#application_holder .lbl_status_option{
		cursor: pointer;
		font-size: 20px;
		margin: 5px;
	}
	#application_holder .lbl_status_caption{
		font-size: 20px;
		font-weight: bold;
	}
	#form_138_preview{
		background-color: gainsboro;
		height: 150px;
		width: 99%;
	}
	#good_moral_preview{
		background-color: gainsboro;
		height: 150px;
		width: 99%;
	}
	#birth_certificate_preview{
		background-color: gainsboro;
		height: 150px;
		width: 99%;
	}

	#clear{
		clear: both;
	}
}

/* RESPONSIVE 1000============================================================================================================ */

@media only screen and (min-width: 1000px){
	input[type='text']{
		border: 1px solid lightgray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	input[type='text']:focus{
		border: 1px solid gray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	input[type='text']:hover{
		border: 1px solid gray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}

	input[type='date']{
		border: 1px solid lightgray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	input[type='date']:focus{
		border: 1px solid gray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	input[type='date']:hover{
		border: 1px solid gray;
		border-radius: 2px;
		font-family: arial;
		font-size: 18px;
		padding: 6px;
		width: 95%;
	}
	select{
		border: 1px solid lightgray;
		border-radius: 2px;
		font-family: arial;
		font-size: 16px;
		padding: 6px;
		width: 98%;
	}

	#section2{
		background-color: #eef38c;
		float: left;
		height: 100px;
		width: 100%;
	}
	#head_holder{
		background-color: transparent;
		height: 90px;
		padding-top: 10px;
		width: calc(100% - 230px);
	}
	#school_logo_holder{
		background-color: transparent;
		float: left;
		height: 70px;
		margin-right: 10px;
		width: 70px;
	}
	#school_logo_holder img{
		height: 100%;
		width: 100%;
	}
	#school_name_holder{
		background-color: transparent;
		color: #2c883a;
		float: left;
		font-family: arial;
		padding-top: 10px;
		width: calc(100% - 100px);
	}
	#school_name{
		background-color: transparent;
		font-size: 22px;
		font-weight: lighter;
		width: 100%;
	}
	#school_address{
		background-color: transparent;
		border-bottom: 3px solid #2c883a;
		color: #226b2d;
		font-size: 14px;
		font-weight: lighter;
		float: left;
		padding-bottom: 5px;
		width: 100%;
	}

	#section3{
		background-color: transparent;
		font-family: arial;
		height: auto;
		padding-top: 140px;
		margin-bottom: 200px;
		width: 100%;
	}
	#content_label{
		background-color: transparent;
		font-size: 30px;
		height: auto;
		margin-bottom: 20px;
		width: 100%;
	}
	#application_holder{
		background-color: transparent;
		height: auto;
		width: 100%;
	}
	#application_holder table{
		width: 28%;
	}
	#application_holder .lbl_button{
		background-color: #55aa7f;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: #fff;
		cursor: pointer;
		font-family: arial;
		font-size: 14px;
		padding: 6px 35px;
	}
	#application_holder .lbl_button:hover{	
		background-color: #4a956e;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: #fff;
		cursor: pointer;
		font-family: arial;
		font-size: 14px;
		padding: 6px 35px;
	}
	#application_holder .lbl_button:active{	
		background-color: #55aa7f;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: #fff;
		cursor: pointer;
		font-family: calibri light;
		font-size: 14px;
		padding: 6px 35px;
	}
	#application_holder input[type='submit']{
		background-color: whitesmoke;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: gray;
		cursor: pointer;
		font-family: arial;
		font-size: 18px;
		padding: 10px;
		width: 99%;
	}
	#application_holder input[type='submit']:hover{	
		background-color: lightgray;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: gray;
		cursor: pointer;
		font-family: calibri light;
		font-size: 18px;
		padding: 10px;
		width: 99%;
	}
	#application_holder input[type='submit']:active{	
		background-color: whitesmoke;
		border: 1px solid lightgray;
		border-radius: 2px;
		color: gray;
		cursor: pointer;
		font-family: arial;
		font-size: 18px;
		padding: 10px;
		width: 99%;
	}
	#application_holder .file_label{
		background-color: gainsboro;
		cursor:pointer;
		padding: 0px 5px;
	}
	#application_holder .file_label:hover{
		background-color: lightgray;
		cursor:pointer;
		padding: 0px 5px;
	}
	#application_holder .lbl_status_option{
		cursor: pointer;
		font-size: 20px;
		margin: 5px;
	}
	#application_holder .lbl_status_caption{
		font-size: 20px;
		font-weight: bold;
	}
	#form_138_preview{
		background-color: gainsboro;
		height: 150px;
		width: 99%;
	}
	#good_moral_preview{
		background-color: gainsboro;
		height: 150px;
		width: 99%;
	}
	#birth_certificate_preview{
		background-color: gainsboro;
		height: 150px;
		width: 99%;
	}

	#clear{
		clear: both;
	}
}