body {background-position: top; background-color:#879ceb;color: #000;width:100%;font-family: 'Comfortaa', cursive; margin:0;}
.clear {clear:both;}
.container{ margin: 0px auto;width: 1000px;}
.CDiv {text-align:center;width:100%; }
#TopInner {background-color:#879ceb;}
.BlackBack {background-color:#d10909;  padding:10px;}
#logo {background:url(../images/logo.html) no-repeat; width:424px; height:58px; margin:auto;}
#TimeDiv { padding:10px; line-height:40px; font-size:20px; background-color:yellow; border-top :solid 4px #a60808; }
#sTime {font-family: 'Anton', sans-serif; color:#d10909; font-size:25px; text-align:center;}
#tTime {font-family: 'Anton', sans-serif; color:#cc0000; font-size:15px; text-align:center; letter-spacing:2px; font-weight:bold;}
#ShowTime {text-align:center; color:#000;}
#resultlogo {background:url(../images/mres.jpg) no-repeat; width:175px; height:28px; margin:auto;}
.ResultDiv { background-color:#879ceb; padding:10px; text-align:center; font-size:25px; letter-spacing:2px; font-weight:bold; color:#fff;font-family :'Comfortaa', cursive; line-height:35px; }
.ResultDiv span{ color:yellow; font-family: 'Anton', sans-serif; letter-spacing:5px; font-size:30px; }
/*.ResultDiv span:first-child { border-top:none;}*/
.ResultDiv b { border-bottom:solid 1px #1b1a1a; border-spacing:10px 0px; padding:10px; color:#fff; }
/*.ResultDiv b:last-child { border-bottom:solid 1px #000;}*/

#ttlogo {background:url(../images/ttbl.jpg) no-repeat; width:283px; height:22px; margin:auto;}
#Timetbldiv {padding:30px 0px 30px 0px; background-color:#fcebc2; width:100%; } /*margin:auto;text-align:center;*/
.TimeHead {background-color:#fcebc2; padding:5px; border:1px solid #9c4e0d; color:#680606; font-size:20px; letter-spacing:2px; width:30%; text-align:center; float:left;line-height:40px;}
.TimeHead1 {background-color:#f5e0ac; padding:5px; border:1px solid #9c4e0d; color:#680606; font-size:20px; letter-spacing:2px; width:30%; text-align:center; float:left;line-height:40px;  }
.TimeHead2 {background-color:#e3cd97; padding:5px; border:1px solid #9c4e0d; color:#680606; font-size:20px; letter-spacing:2px; width:30%; text-align:center; float:left;line-height:40px;  }

.TimeChild {background-color:#fff;color:#cc0000; padding:5px; font-size:18px; width:30%; text-align:left; float:left;margin-top:1px; border-left :1px solid #c3681c;border-right :1px solid #c3681c; line-height:40px;}

#chartlogo {background:url(../images/czone.jpg) no-repeat; width:134px; height:20px; margin:auto;}
.Chartdiv { padding:15px; margin:auto; text-align:center; }
.Chartdiv a {text-decoration:none;color:#fff; font-size:30px;}
.Chartdiv a:hover { text-decoration:underline;}
#footlogo {background:url(../images/foot.jpg) no-repeat; width:175px; height:148px; margin:auto;}
#footDiv { background-color:#b00606; padding:10px;}
#footlogo1 {background:url(../images/foot1.jpg) no-repeat; width:200px; height:46px; margin:auto;}
#hitDiv { background-color:#000; width:50%; height:71px; margin:auto; padding:5px; text-align:center; color:#fff;}
#hitDiv a { text-align:center; color:#fff; margin:auto; vertical-align:middle; line-height:50px; font-size:20px;  }
.foot1 {background-color:#7c0707;  padding:10px;}
.footlast {background-color:#d10909;  padding:10px;}
#PrabhatName {background:url(../images/prabhat.html) no-repeat; width:100px; height:27px; margin:10px auto;}
.RefLbl { margin-bottom:10px;}
.RefLbl a{color:#000; text-decoration:none; cursor:pointer;}
.RefLbl a:hover { text-decoration:underline;}
.PHead {background-color:#d10909; padding:3px; border:1px solid #0a0a0a; color:#fff; font-weight:bold; font-size:15px; width:50px; text-align:center; float:left; margin-left:2px;margin-top:2px;}
.pChild {background-color:#2b2929; padding:3px; border:1px solid #0a0a0a; color:#fff;  font-size:13px; width:50px; text-align:center; float:left;margin-left:2px; margin-top:2px; cursor:pointer;}
/*=======================================================================================================
Admin CSS
=======================================================================================================*/
#tMargin {margin-top:200px;}
#aLogin {background:url(../images/alogin.jpg) no-repeat; width:152px; height:26px; margin:auto;}
#LoginDiv {background-color:#615d5d; width:400px; margin:auto; padding:10px; margin-top:10px; border:2px solid #4e4b4b; line-height:30px;}
.DropText {font-family: 'Roboto Condensed', sans-serif;border: 1px solid #0095ca;width: 150px;font-size: 12px;padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;color:#0095ca;cursor:pointer;} 
.DropText:focus {outline: none; border: 1px solid #0095ca;} 

.DivLeft {Float:left; width:120px;}
.DivRt {Float:left; width:150px;}

.btn {background: #7bc7e3;background-image: -webkit-linear-gradient(top, #7bc7e3, #1d748f); background-image: -moz-linear-gradient(top, #7bc7e3, #1d748f);
  background-image: -ms-linear-gradient(top, #7bc7e3, #1d748f); background-image: -o-linear-gradient(top, #7bc7e3, #1d748f); background-image: linear-gradient(to bottom, #7bc7e3, #1d748f);
  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; font-family: Arial; color: #ffffff; font-size: 12px; padding: 4px 10px; border: solid #1f628d 1px;
  text-decoration: none; cursor:pointer; min-width:80px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;}
.btn:hover { background: #3193b6; background-image: -webkit-linear-gradient(top, #3193b6, #92d2e3); background-image: -moz-linear-gradient(top, #3193b6, #92d2e3); background-image: -ms-linear-gradient(top, #3193b6, #92d2e3); background-image: -o-linear-gradient(top, #3193b6, #92d2e3); background-image: linear-gradient(to bottom, #3193b6, #92d2e3); text-decoration: none;}
#WelcomeDiv {background-color:#000; padding:5px; text-align:center; color:#fff;}
#WelcomeDiv a { color:#fff; text-decoration:none;}
.HomeDiv {background-color:#434242; padding:10px; color:#fff; width:800px; margin:10px auto; }
.HomeDiv h1 { letter-spacing:2px; margin-bottom:5px;}
/*==========================================================================================================*/
img.ri{max-width: 100%;}
img.ri:empty{top: 50%;left: 50%;}
@media screen and (orientation: portrait) { img.ri { max-width: 90%; }}
@media screen and (orientation: landscape) { img.ri { max-height: 90%; }}
/*==========================================================================================================*/