﻿
#fix-head 
{
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 38px;
background: #228fe6;
padding:4px;
float: left;
z-index:2000;
}
#mainHead
{
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index:1;
}
.ten
{
width: 10%;
}
.sixty 
{
width: 60%;
}
.thirty 
{
width: 30%;
}
.fifty{
    width:50%;
}
.nya-wala
{
margin: 0;
padding: 0;
border: 0;
font-size:10px;
}
.smsrc 
{
width: 100%;
text-align: center;
color: gray;
line-height:30px;
}
.loading
{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,.7);
z-index: 1000;
display:none;
}
.bolt
{
top:45%;
width: 100%;
position:absolute;
padding:30px 0px;
border-radius:44px;
color:#fff;text-align:center;background-color:#346a98;opacity:0.6;
}
.alternateTables 
{
width:90%;
margin-left:5%;
border: 3px solid #E0E0E0;
font-size:10px;
}
.quart 
{
width: 25%;
}
.wdthTwnty 
{
width: 20%;
}
.onethird 
{
width: 33%;
}
.threeEIght 
{
width: 38%;
}
.twoFour 
{
width: 24%;
}
.tim 
{
color: black;
}
#altfnd
{
margin-left:10%;
width:80%;
margin-top:5%;
font-weight:bold;
color:#2196F3;
}
.fourty 
{
width: 40%;
}
.q 
{
margin: 1%;
}
.drp 
{
background-color: white;
color: black;
}
 #train-schedule 
{
color: white;
background-color: #2196F3;
padding: 5%;
font-family: Calibri;
padding-top: 38px;
}
#sdltrn 
{
width: 100%;
height: 40px;
background-color: #fff;
padding-top: 4px;
padding-left: 3%;
}
.liveStation{
     width: 100%;
height: 40px;
background-color: #fff;

}
#trnno {
    width: 70%;
    border: none;
    height: 20px;
    color:black;
}
.textBox
{
   width: 100%;
    border: none;
    height: 20px;
    color: black;
}
.srchtrns 
{
width: 10%;
margin-left: 5%;
}
.srchtrns:active:after{
    background-color:#fff;
}
.five{
width:5%;
}
#extraDtl {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1000;
    color: white;
    background-color: #2196F3;
    padding: 4%;
    font-family: Calibri;
    padding-top: 12%;
    font-size: 16px;
    padding-bottom: 2%;
}
.optionMenu{
            background-color:#2196F3;
            color:white;
            border:none;
            font-size:12px;
        }
.abc {
            color: gray;
        }
#smart{
    position:relative;
}
button:focus,input:focus,select:focus{
    outline: none;
}

.awesom{
                    font-size:22px;
                }


 #tryAgain{
                position:fixed;
                width:70%;
                height:auto;
                left:15%;
                bottom:10%;
                background-color: #383838;
                color: #F0F0F0;
                font-family: Calibri;
                font-size: 14px;
                padding:5px;
                text-align:center;
                border-radius: 2px;
                -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
                -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
                box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
                display:none;
        }

 
@media only screen and (min-width: 310px) and (max-width:500px) {
#adBottom {
position: fixed;
text-align:center;
bottom: 0px;
width:100%;
z-index:999;
}
}
 .menu-bar{
        background-color:white;
    }
    .menu-bardiv{
        width:140px;
        position:absolute;
        right:0px;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
    }
    
    
    .numberCircle {
   border-radius: 50%;
    behavior: url(PIE.htc);
    width: 21px;
    height: 21px;
    padding: 2px;
    border: 2px solid #ccc;
    color: #fff;
    text-align: center;
    background-color: #d9534f;
    font: 12px Arial, sans-serif;
    margin: 1px;
}
                        

    



       
