@CHARSET "ISO-8859-1";
.topStyle {
		//color: red; 
		//font-size: 1.8em;
		//font-weight:bold;
		//border-radius: 25px;
		border-collapse: collapse;
		background-color: #efeeec;
		
	}

	
	.title {
		color: green; 
		font-size: 1.6em;
		font-weight:bold;		
		background-color: #efeeec ;
		vertical-align: bottom !important;
		width: 100%;
		height:100%;
		
	}	
	
	td, th {
    		vertical-align: top;
	}

	.rootTable {
		//border: 2px solid blue;
		border-radius: 25px;
		background-color: #efeeec;
		width: 90%;
		vertical-align: top !important;
		border-collapse: collapse;
	}
	.menu-table {
		width: 100%;
		vertical-align: middle !important;
		text-align: center !important;
		font-size: 1.5em;
		border-collapse: collapse;
	}

	body{
		background-color: #ccc;
	}

	.menu-button {
    		background-color: #4db4e2;
			border-radius: 5px;
    		border: none;
    		color: white;
    		padding: 15px 15px;
    		text-align: center;
    		text-decoration: none;
    		display: inline-block;
    		font-size: 24px;
    		margin: 4px 2px;
    		cursor: pointer;
		width: 90%;
	}
	.nav-button {
    		background-color: #4db4e2;
		    border-radius: 5px;
    		border: none;
    		color: white;
    		padding: 10px 10px;
    		text-align: center;
    		font-size: 16x;
    		margin: 4px 2px;
    		cursor: pointer;
			width: 70px;
	}
	.content{
		font-size: 24px;
		width: 98%;
		height: 100%;
		text-align: justify;
		border-radius: 25px;
		border: 2px solid #ccc;
		background-color: white;
		overflow: auto;
    		-webkit-animation-name: contentAnimation; 
    		-webkit-animation-duration: 4s; 
    		animation-name: contentAnimation;
    		animation-duration: 4s;
	
	}

	.paging{
		font-size: 20px;
		height: 50%;
		text-align: justify;
		border-radius: 25px;
		border: 2px solid #ccc;
		background-color: white;
		overflow: auto;
    		-webkit-animation-name: menuAnimation; 
    		-webkit-animation-duration: 4s; 
    		animation-name: menuAnimation;
    		animation-duration: 4s;
	
	
	}
	.menus{
		font-size: 18px;
		width: 95%;
		height: 100%;
		text-align: left;
		border-radius: 25px;
		border: 2px solid #ccc;
		background-color: #f1f9fb;
		overflow: auto;
    		-webkit-animation-name: menuAnimation; 
    		-webkit-animation-duration: 4s; 
    		animation-name: menuAnimation;
    		animation-duration: 4s;
	
	}

	.links {
		font-size: 16px;
		width: 95%;
		height: 100%;
		text-align: justify;
		border-radius: 25px;
		border: 2px solid #ccc;
		background-color: #f1f9fb;
		overflow: auto;
    		-webkit-animation-name: linkAnimation; 
    		-webkit-animation-duration: 4s; 
    		animation-name: linkAnimation; 
    		animation-duration: 4s;
	
	}
	.navig-button{
		text-align: right!important;
	}

	
	@-webkit-keyframes contentAnimation  {
    		from {background-color: grey;}
    		to {background-color: orange;}
	}
	
	@keyframes contentAnimation {
    		from {background-color: grey;}
    		to {background-color: orange;}
	}

	@-webkit-keyframes linkAnimation{
    		from {background-color: orange;}
    		to {background-color: yello;}
	}
	
	@keyframes linkAnimation{
    		from {background-color: orange;}
    		to {background-color: yello;}
	}

	@-webkit-keyframes menuAnimation{
    		from {background-color: orange;}
    		to {background-color: yello;}
	}
	
	@keyframes menuAnimation{
    		from {background-color: orange;}
    		to {background-color: yello;}
	}

	.videoplayer {
		background:black;
		border:2px solid red;
		padding:10px;
		text-align: center;
		border-radius: 25px;
		verical-align: middle
		
	}
	
	.bottomStyle {
		border-collapse: collapse;
		text-align: center;
		background-color: #efeeec;
		
	}