.paging
{
padding:0 10px;
}

span{display:inherit;}
img{display:inline-block;/*float:left*/}

.headforpagenextselected {
  	 color: red;
    cursor: default;
    font-family: Arial;
    font-size: 14px;
    height: 12pt;
	margin:0 3px;	
	display:inline-block;
	
}
.headforpagenext {
	color: black;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    height: 12pt;
	margin:0 3px;
	display:inline-block;
	
}
  @font-face {
    font-family: Mangal;
    font-style:  normal;
    font-weight: normal;
    src: url(CABHA3.eot);
  }
  @font-face {
    font-family: Mangal;
    font-style:  oblique;
    font-weight: normal;
    src: url(CABHA2.eot);
  }
  @font-face {
    font-family: Mangal;
    font-style:  normal;
    font-weight: 700;
    src: url(CABHA1.eot);
  }
  @font-face {
    font-family: Mangal;
    font-style:  oblique;
    font-weight: 700;
    src: url(CABHA0.eot);
  }

.date_class {
    margin-left: 10px; color:#000!important;
	font-size: 12px;
   
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    height: 24px;
    padding-left: 15px;
    text-align: left;
}
.selected {
    border: 3px solid red;
    border-radius: 10px 10px 10px 10px;
    cursor: default;
    height: 162px;
    margin: 0 0 20px 19px;
    padding: 0;
    width: 103px;
}
.notselected {
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    height: 162px;
    margin: 0 0 20px 19px;
    padding: 0;
    width: 103px;
}

.pagedeselect {
    color: black;
    float: left;
    font-family: Verdana;
    font-size: 13px;
    margin-bottom: 0;
    padding-left: 19px;
}
body {
background-image: url("bg1.jpg");
   background-repeat:no-repeat;
   background-size: cover;
   background-position:center;
   width : 100%;
   
}

#mainImage {
background-image: url("loading.gif");
   background-repeat:no-repeat;
  /* background-size: cover;*/
   background-position:top;
   
}
#myModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  margin: 10% auto; /* 15% from the top and centered */
  left: 10%;
  /* top: 17%;*/
  width: 75%; /* Full width */
  height: 80%; /* Full height */
	
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content/Box */
.modal-content {
  /* background-color: #fefefe; */
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  /*width: 60%;  /* Could be more or less, depending on screen size */
  /* height: 60%; /* Full height */
}

/* The Close Button */
.close {
  color: #FFFFFF;
  float: right;
  font-size: 20px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}