body {
	background-attachment: fixed;
	background-image: url("../Images/background.jpg");
	overflow-x: hidden;
}

#middlearea {
	//text-align: center;
	position: fixed;
	background-color: #31870f;
	top: 50%;
	width: 1650px;
	height: 900px;
	left: 50%;
    border: 1px solid #000000;
	transform: translate(-50%, -50%);
	border-radius: 25px;
	overflow: hidden;
-webkit-box-shadow: 0px 0px 85px 23px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 85px 23px rgba(0,0,0,0.58);
box-shadow: 0px 0px 85px 23px rgba(0,0,0,0.58);
	
}

#title1 {
	font-size: 70px;
	line-height: 0.2 
}

#update {
	vertical-align: bottom;
}

.schedule1 {
    margin: 0px 20px 0px 20px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 20%;
}

.schedule3 {
	 padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #3f4b85;
    color: white;
    border: 1px solid #ddd;
    padding: 8px;
}

/*
.schedule2 {
    border: 1px solid #ddd;
    padding: 8px;
}

.schedule2:nth-child(even){background-color: #f2f2f2;}

.schedule2:hover {background-color: #ddd;}
*/

.pagebutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6f8bc7), color-stop(1, #54b495));
	background:-moz-linear-gradient(top, #6f8bc7 5%, #54b495 100%);
	background:-webkit-linear-gradient(top, #6f8bc7 5%, #54b495 100%);
	background:-o-linear-gradient(top, #6f8bc7 5%, #54b495 100%);
	background:-ms-linear-gradient(top, #6f8bc7 5%, #54b495 100%);
	background:linear-gradient(to bottom, #6f8bc7 5%, #54b495 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f8bc7', endColorstr='#54b495',GradientType=0);
	background-color:#6f8bc7;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
}
.pagebutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a70808), color-stop(1, #ff7878));
	background:-moz-linear-gradient(top, #a70808 5%, #ff7878 100%);
	background:-webkit-linear-gradient(top, #a70808 5%, #ff7878 100%);
	background:-o-linear-gradient(top, #a70808 5%, #ff7878 100%);
	background:-ms-linear-gradient(top, #a70808 5%, #ff7878 100%);
	background:linear-gradient(to bottom, #a70808 5%, #ff7878 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a70808', endColorstr='#ff7878',GradientType=0);
	background-color:#a70808;
}
.pagebutton:active {
	position:relative;
	top:1px;
}

.dot{
  width:45px;
  height:45px;
  position:absolute;
  background: url(http://www.pngall.com/wp-content/uploads/2016/04/Clover-Download-PNG.png);
  background-size: 100% 100%;
  
}

#container {
	position:fixed 
}

// Custom Scrollbar

::-webkit-scrollbar-button{
     display: none;
     height: 13px;
     border-radius: 0px;
     background-color: #AAA;
}
 ::-webkit-scrollbar-button:hover{
     background-color: #AAA;
}
 ::-webkit-scrollbar-thumb{
     background-color: #c37bb1;
}
 ::-webkit-scrollbar-thumb:hover{
     background-color: #741f5b;
}
 ::-webkit-scrollbar-track{
     background-color: #f8c694;
}
 ::-webkit-scrollbar-track:hover{
     background-color: #CCC;
}
 ::-webkit-scrollbar{
     width: 13px;
}

.scrollbar
{
	overflow: auto;
	width: 1650px;
	height: 900px;
	
}

#popupbutton {
     background:none;
     color: #f49e42;
     border:none; 
     padding:0;
     font: inherit;
     cursor: pointer;
}

/* Popup */

.popup {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.popup-content {
  background-color: #e0be43;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
}

/* The Close Button */
.closepopup {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closepopup:hover,
.closepopup:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#myPopup {
    background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: pointer;
}