.mainframe {

height:100%;
width:100%;
background-color:#ffff66;
margin: auto; /* Centers horizontally */
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0; /* For vertical centering */
 border-radius:10px;
 text-align:center;
 font-size:30px;
}
@keyframes animals {
    0% {
        background-image: url('/images/greenland.jpg');
    }

    16% {
        background-image: url('/images/honiara.jpg');
    }

    32% {
        background-image: url('/images/survey.jpg');
    }

    48% {
        background-image: url('/images/landvaluation.jpg');
    }

    62% {
        background-image: url('/images/honiara2.jpg');
    }

    78% {
        background-image: url('/images/landvalue2.JPG');
    }

    100% {
        background-image: url('/images/landparcel.jpg');
    }
}



.pictureframe {
	
	
	height:100%;
	width:100%;
	/*border-color:blue;*/
	border:1px solid black;
	border-color:red;
	background-color:white;
	text-align:center;
	background-image:url('/image/whale.jpg');
	margin-left:0px;
	margin-right:0px;
	padding-top:10px;
	/*border:10px;*/
	animation-name:animals;
	animation-duration:100s;
	background-repeat:no-repeat;
	animation-iteration-count:infinite;
	background-size: cover;
		
	}
	
	.biologo {
		height:45px;
		margin-top:-4px;
		margin-left:0px;
		float:left;
		background-color:red;
	}

		.login {
	
			Height: 580px;
			width: 560px;
			background-color:white;
			margin: auto;
			/* Centers horizontally */
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			/* For vertical centering */
			border-radius: 10px;
			text-align: left;
			font-size: 16px;
	
			/*background-image:url('/images/kingfisher.PNG'); */
			background-repeat: no-repeat;
			background-size: cover;
	
		}

      

.shipdetails {

    Height: 350px;
    width: 500px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius:10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}

.exportdetails {

    Height: 740px;
    width: 650px;
    background-color:#f2f2f2 ;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}












.country {

    Height: 250px;
    width: 500px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}




.user {

    Height: 400px;
    width: 500px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}



/*background-image:url('/image/kingfisher.PNG'); */
/*background-repeat:no-repeat;
 background-size:cover; */

.parceldetails {

    Height: 700px;
    width: 650px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}

.parceldetailsheader {
    margin-top: 0px;
    padding-top:0px;
    display: grid;
    /*padding-top:20px; */
    background-color: #ffcc00;
    text-align: center;
    vertical-align: middle;
    place-items: center;
    height: 80px;
    /* The same as your div height */
    /*display text-on the center*/
border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.reportbody {

    Height: 250px;
    width: 650px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}

.reportheader {
    margin-top: 0px;
    padding-top:0px;
    display: grid;
    /*padding-top:20px; */
    background-color: #ffcc00;
    text-align: center;
    vertical-align: middle;
    place-items: center;
    height: 70px;
    /* The same as your div height */
    /*display text-on the center*/
border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}



.enterUCV {

    Height: 690;
    width: 600px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}

.landlord {

    Height: 455px;
    width: 700px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}






button:active {
    background-color: #3e8e41;
    color: maroon;
}

button:focus {

    color: maroon;

}

button:hover {
    color: red;
}

.clicked {
    color: red;
}

.usercountry {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    display: grid;
    /*padding-top:20px; */
    background-color: #ffcc00;
    text-align: center;
    vertical-align: middle;
    place-items: center;
    height: 60px;
   
border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    /* The same as your div height */
    /*display text-on the center*/
}

.userloginheader {
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    display: grid;
    /*padding-top:20px; */
    background-color:#009900;
    text-align: center;
    vertical-align: middle;
    place-items: center;
    height: 80px;

    /*border-radius: 10px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
    
    /* The same as your div height */
    /*display text-on the center*/
}

.animaldetails {

    Height: 510px;
    width: 600px;
    background-color: white;
    margin: auto;
    /* Centers horizontally */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* For vertical centering */
    border-radius: 10px;
    /*text-align:center;*/
    font-size: 14px;
    padding-left: 0px;
}

/*background-image:url('/image/kingfisher.PNG'); */
/*background-repeat:no-repeat;
 background-size:cover; */

 /* unvisited link */
 a:link {
     color: green;
 }

 /* visited link */
 a:visited {
     color: green;
 }

 /* mouse over link */
 a:hover {
     color:blue;
 }

 /* selected link */
 a:active {
     color: yellow;
 }

.UCVHeader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     height: 90px;
     /* original 70px */
     background: #330066;
     /*#3E8DA8; yellowish*/
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     z-index: 99;
    text-align:center;


}