html
	{
		
	}
	
	body
	{
		background-color: #0C66CC;
		overflow-y: auto;
		height: 1000px;
		overflow-x:hidden;
	
	}
	
	#backbutton
	{
		top:        80px;
		left:       144px;
        position:   relative;
	}
	
	#roundbg
	{
		border-radius: 25px;
		background: white;
		width: 1100px;
		height: 850px;
		position:relative;
		top: 100px;
		left: 120px;
	}
	
	#FacultyApplicationFormTitle, #UploadDocumentsTitle
	{
		font-size:22px;
		font-family:Nunito;
		font-weight:bold;
		color: #0C66CC;
		position:absolute;
		
	}
	
	
	#FacultyApplicationFormTitle
	{
		top: 50px;
		left: 80px;
	}
	
	#UploadDocumentsTitle
	{
		top: 46%;
		left: 80px;
	}
	
	#FAFSub, #UDSub
	{
		font-size: 14px;
		font-family: Nunito;
		color: #0C66CC;
		position:absolute;
	}
	
	#FAFSub
	{
		top: 90px;
		left: 80px;
	}
	
	#UDSub
	{
		top: 430px;
		left: 80px;
	}
	
	#FullNametext, #ContactInformationText
	{
		font-size: 18px;
		font-family: Nunito;
		color: #0C66CC;
		position:absolute;
	}
	
	#FullNametext
	{
		top: 150px;
		left: 80px;
	}
	
	#ContactInformationText
	{
		top: 32%;
		left: 80px;
	}
	
	#LastName, #FirstName, #MiddleName, #EmailAddress, #Phone
	{
		width: 240px;
		height:25px;
		box-sizing: border-box;
		border: 2px solid #ECECEC;
		border-radius: 7px;
		background-color: #ECECEC;
		color: black;
		text-indent:10px;
		font-family: Nunito;
        
	}
   
    /* Full Name  */
	#LastName
	{
		position:absolute;
        top: 150px;
        left: 280px;
	}
	
	#FirstName
	{
		
		position:absolute;
        top: 150px;
        left:48%;
        
	}
	
	#MiddleName
	{
		position:absolute;
        top: 150px;
        left:70.5%;
	}
	/* Contact Info  */
	#EmailAddress
	{
		position:absolute;
		top: 32%;
		left: 280px;
	}
	
	#Phone
	{
		position:absolute;
		top: 32%;
		left: 48%;
	}
	
	#subLastname, #subFirstname, #subMiddlename, #subEmailAddress, #subPhone
	{
		font-size: 12px;
		font-family: Nunito;
		color: #0C66CC;
		position:absolute;
	}
	
    /* Full Name sub  */
	#subLastname
	{
        
		top: 180px;
        left: 27%;
	}

	#subFirstname
	{
		top: 180px;
		left: 49%;
	}
	
	#subMiddlename
	{
		top: 180px;
		left: 72%;
	}
	
    /* Contact Info sub  */
	#subEmailAddress
	{
		top: 305px;
		left: 27%;
	}
	
	#subPhone
	{
		top: 305px;
		left: 49%;
	}
	
	#line2
	{
		position:absolute;
		top: 40%;
		left: 80px;
	}

	#CVShape, #CertificateShape, #CredentialsShape, #TORShape
	{
		border: 1px solid #0C66CC;
		background: #0C66CC;
		font-size: 14px;
		font-family: Nunito;
		margin-right: 10px;
		color: white;
		border-radius: 10px;
		height: 40px;
		width: 210px;
		display: flex;
		align-items: center;
		justify-content: left;
		position:absolute;
		filter:drop-shadow(1px 1px 3px gray);
	}
	
	#CVShape
	{
		top: 488px;
		left: 80px;
	}

	#CertificateShape
	{
		top: 558px;
		left: 80px;
	}
	
	#CredentialsShape
	{
		top: 628px;
		left: 80px;
	}
	
	#TORShape
	{
		top: 698px;
		left: 80px;
	}
	
	#CVFile, #CertificateFile, #CredentialsFile, #TORFile
	{
		font-family: Nunito;
		font-size:14px;
		background: white;
		filter:drop-shadow(0px 0px 10px rgb(211,211,211));
		border-radius:10px;
		height: 40px;
		width: 210px;
		outline: none;
		position:absolute;
		margin-left: 20px;
	}
	
	::-webkit-file-upload-button
	{
		color: #0C66CC;
		background: white;
		padding: 13px;
		border: none;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	::-webkit-file-upload-button:hover
	{
		background: #ECC429;
	}
	
	#CVFile
	{
		top: 488px;
		left: 320px;
	}
	
	#CertificateFile
	{
		top: 558px;
		left: 320px;
	}
	
	#CredentialsFile
	{
		top: 628px;
		left: 320px;
	}
	
	#TORFile
	{
		top: 698px;
		left: 320px;
	}
	
	#submitbutton
	{
		border: 1px solid #0C66CC;
		background: #0C66CC;
		font-size: 14px;
		font-family: Nunito;
		cursor: pointer;
		margin: 10px;
		color: white;
		transition: 0.8;
		border-radius: 10px;
		height: 43px;
		width: 128px;
		transition-duration: 0.4s;
		position:absolute;
		top: 760px;
		left: 890px;
	}
	
	#submitbutton:hover
	{
		
		background-color: #2852A4;
		border: 1px solid #2852A4;
	}
	
	#imageForm
	{
		position:absolute;
		top: 518px;
		left: 740px;
	}
	
/* for large screens*/
@media (min-width:1600px) {
   	html
	{
		
	}
	
	body
	{
		background-color: #0C66CC;
		overflow-y: auto;
		height: 1000px;
		overflow-x:hidden;
		zoom:120%;
	
	}
}
/* for extra large screens*/
@media (min-width:1920px) {
   
		html
	{
		
	}
	
	body
	{
		background-color: #0C66CC;
		overflow-y: auto;
		height: 1000px;
		overflow-x:hidden;
		zoom:133%;
	
	}
}