body {
	margin:auto;

}           

.top{
	width: 100%;
	overflow: hidden;
	background-color: #DEEDDE;
	position: fixed;
	height: 50px;
	top: 0px;
	
	
               
}
.top div{
	width: 8px;
	color:#fff;
	background-color:#2FA5EB !important;
	font-family:calibri;
	padding:10px;
	text-align:center;
               
}

.logo{
	width:100%;
	background-color:;
	border-bottom:2px solid #f0f0f0;
}
.logo div{
	width:1200px;
	background-color:;
	font-family:calibri;
	padding:10px;
	text-align:left;
}
.logo div table a{
	padding:10px;
	text-decoration:none;
	color:gray;
}
.logo div table a:hover{
	color:#428bca;
	border-bottom:2px solid gray;
}


  
.middle{
	width: auto;
	border-bottom:2px solid #f0f0f0;
}
.middle div{
	width: auto;
	font-family:calibri;
}
.middle div p{
	width: auto;
	font-weight:bold;
	height:300px;
	color:#fff;
	opacity:0.2;
	font-size:50px;
	background-color:
}



.textbox{
	width:180px;
	height:20px;
	display:block;
		
	}
.right1{
	width:250px;
	position: absolute;
	height:900px;
	border-left: 1px solid #9E9C9C;
	border-right: 1px solid #9E9C9C;
	display:block;
	text-align:center;
	background-color:white;
	right: 90px;
		
	}
	
  
.left1{
	
	
	overflow-x: scroll;
	overflow-y: hidden;

	}
	
	
.scroll_items{
	width: 100%;
	position: absolute;
	min-height: 100%;
        top: 290px;
        border-left: px solid #2FA5EB;
	border-right: 1px solid #2FA5EB;
	background-color:white;
        border-top: 1px solid #2FA5EB;
        border-bottom: 1px solid #2FA5EB;
	background-color:#a8d3ff;
	left:  10px;
       overflow-x: scroll;		
	}

.scroll_items2{
	width: 100%;
	height: 100%;
	position: absolute;
        top: 150px;
        border-left: px solid #2FA5EB;
	border-right: 1px solid #2FA5EB;
	background-color:white;
        border-top: 1px solid #2FA5EB;
        border-bottom: 1px solid #2FA5EB;
	background-color:#a8d3ff;
	left:  270px;
       overflow-x: scroll;
       overflow-y: scroll;
	}

  
  .comment_scroll{
	
	
	overflow-y: scroll;
	max-height: 600px;

	}

.board1{
	width: 32.8%;
	position: inherit;
	height:76px;
	border-left: 0px solid #0C8972;
	border-right: 0px solid #0C8972;
	border-bottom: 0px dotted #0C8972;
	border-top: 0px dotted #0C8972;
	display: inline-block;
	background-color:#0C8972;
	right: 90px;
	color: #0C8972;
	border-radius: 10px; 
	size: 20px;
		
	}

	.board2{
	width:32.8%;
	position: static;
	height:76px;
	border-left: 1px solid #0C8972;
	border-right: 1px solid #0C8972;
	border-bottom: 1px dotted #0C8972;
	border-top: 1px dotted #0C8972;
	display: inline-block;
	background-color:#0C8972;
	right: 90px;
	color: #0C8972;
	border-radius: 10px; 
	size: 20px;
	}
	
.board3{
	width:32.8%;
	position: static;
	height:76px;
	border-left: 1px solid #0C8972;
	border-right: 1px solid #0C8972;
	border-bottom: 1px dotted #0C8972;
	border-top: 1px dotted #0C8972;
	display: inline-block;
	background-color:#0C8972;
	right: 90px;
	color: #0C8972;
	border-radius: 10px; 
	size: 20px;
}

.room1{
float: left;
 width:250px;
            height:120px;
            background-color:#e6ffe6;
	      padding-left: 8px;
	        border-radius: 25px;
		padding-top: 25px;

	}
	
.room2{
	float: right;
	 width:250px;
            height:130px;
            background-color:#e6ffe6;
	      padding-left: 8px;
	        border-radius: 25px;
		padding-top: 25px;
		padding-right: 25px;
		


	}


.Table7{
	display: table ;
	justify-content: center;
	align-items:center;
}
.Title{
	display: table-caption;
	text-align: center;
	font-weight: bold;
	font-size: medium;
}
.Heading{
	display: table-row;
	font-weight: bold;
	text-align: justify;	
}

.Row{
	display: table-row;
}

.Cell{
	display: table-cell;
	border:solid;
	border-width: thin;
	padding-left: 5px;
	padding-right: 5px;
	align-content: center;
}

.tb_th_style{
	width: 100%;
	position: static;
	height: auto;
	border-left: 2px dotted white;
	border-right: 2px dotted white;
	border-bottom: 5px dotted white;
	border-top: 5px dotted white;
	display: inline-table;
	background-color:#0C8972;
	right: 90px;
	color: white;
	border-radius: 10px; 
	size: 20px;
}
.main1{
	width:647px;
	position: absolute;
	height: auto;
	border-right: 1px solid #9E9C9C;
	border-left: 1px solid  #9E9C9C;
	display:block;
	text-align:left;
	background-color:white;
	left:  350px;
	}

.nav_down{
	width: 100%;
	background-color:#2FA5EB !important;
	border-bottom:2px solid #f0f0f0;
     
}
.nav_down div{
	width: 100%;
	color:#fff;
	background-color:#000;
	font-family:calibri;
	padding:10px;
	text-align:left;
                          
}