html, body { font: 13px Arial, clean, sans-serif; color: #333333; padding: 0; margin:0; }
.wrapper { min-height: 100%; position: relative; }
.headerWrapper { /*background: none repeat scroll 0 0 #F1F1F1;*/ background: url(../images/hd_pg.png) repeat-x; width:100%; height: 45px; overflow: hidden; }
a { white-space: nowrap; }
a:link, a:visited, a:hover, a:active { text-decoration:none; }
table { border-collapse: collapse; }
.header_content { width: 975px; padding: 0; margin:0 auto; overflow: hidden; padding-right: 10px; }
.content { width: 975px; padding: 0; margin:20px auto; /*overflow: hidden;*/ min-height: 400px; }
#user_message { background-color: #fef49c; font-size: 18px; margin: 4px 0px 4px 0px; }
#message_contents { padding: 1px 0px 1px 0px; }
#message_contents ul { margin: 10px 0px 10px 0px; }
#logo { float:left; }
#logo img { border:none; }
#top_menu { float: right; margin-right:100px; margin-top: 12px; }
#login_status { float: right; color: #0c143c; font-size: 13px; vertical-align: middle; margin-top: 2px; text-align: right; }
.account_menu a { text-decoration: underline; color:#232323; font-size: 12px; }
.account_menu a:hover, a:active { color: #4183C4; text-decoration: underline; outline: medium none; }
#top_menu a { color:#232323; font-size: 13px; font-weight: bold; margin-right: 5px; cursor: pointer; text-decoration: none; }
#top_menu a:hover, a:active { color: #4183C4; text-decoration: none; outline: medium none; }
#footer { margin:auto; margin-top: 30px; border-top: 1px solid #B6B6B6; height: 35px; overflow: hidden; width: 100%; bottom: 0; }
#bottom_menu { margin: 0; margin-top: 10px; font-size: 11px; margin-bottom: 10px; padding: 0; white-space: nowrap; list-style-type: none; margin-left: auto; margin-right: auto; }
#bottom_menu li { display: inline; margin-right: 20px; }
#bottom_menu li a { color:#232323; text-decoration: none; }
#bottom_menu li a:hover { color: #4183C4; text-decoration: none; outline: medium none; }
.blank_table { margin: 0px; color: inherit; table-layout: fixed; }
.rider-header { background: url(../images/riderheader.gif); background-repeat: repeat-x; border-style: solid none; border-width: 1px 0 1px medium; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); height: 38px !important; padding: 0px 5px 0px 3px; text-shadow: 0 -1px 1px #000000; }
#rider-footer { background-color:#4d99d0; background: url(../images/riderfooter.gif); background-image:-moz-linear-gradient(top, #67addf, #277cb9); background-image:-ms-linear-gradient(top, #67addf, #277cb9); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#67addf), to(#277cb9)); background-image:-webkit-linear-gradient(top, #67addf, #277cb9); background-image:-o-linear-gradient(top, #67addf, #277cb9); background-image:linear-gradient(top, #67addf, #277cb9); background-repeat:repeat-x; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277cb9', endColorstr='#67addf', GradientType=0 ); /* IE6-9 */
border-style: solid none; border-width: 1px 0 1px medium; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); height: 45px !important; padding: 0px 5px 0px 3px; }
#distance { color: #EFF942; height:44px; }
.mobile_label { font-size: 24px !important; z-index:999; }
.mobile_info { font-size:44px; }
#miles, #distanceUnit { font-weight : bold; height: 50px; margin: 0; padding: 0; float: left; font-size: 49px; }
.rider-footer-button { cursor: pointer; float: right; background: #7F7F7F !important; color: #FFF !important; font-size: 15px; font-weight: normal; text-align: center; height: 38px; line-height: 18px; min-width: 45px; margin-top: 5px; }
.rider-menu-button { float: left; margin-left: 20px }
.rider-footer-button:hover { cursor: pointer; background-color: #EFF942 !important; color: #000 !important; }
#toggle_link .active { cursor: pointer; background-color: #EFF942 !important; color: #000 !important; }
#toggle_link .inactive { background-color: #7F7F7F !important; color: #FFF !important; }
#rider-footer-button-1 { border: 1px solid rgb(3, 11, 17); border-radius: 8px 0px 0px 8px; min-width: 45px; padding: 0px; float: left; color: #FFF; }
#rider-footer-button-2 { border: 1px solid rgb(3, 11, 17); border-radius: 0px 0px 0px 0px; /*width: 45px;*/ padding: 0px; float: left; margin-left: -1px; }
#rider-footer-button-only-one { border: 1px solid rgb(3, 11, 17); border-radius: 8px 8px 8px 8px; /*width: 45px;*/ padding: 0px; float: left; color: #FFF; }
#rider-footer-button-3 { border: 1px solid rgb(3, 11, 17); border-radius: 0px 8px 8px 0px; /*width: 45px;*/ padding: 0px; float: left; margin-left: -1px; }
.busNumActivbtn { background-color: #EFF942 !important; color: #000 !important; }
#zoombus { width: 55px !important; border: 1px solid rgb(3, 11, 17); border-radius: 5px 5px 5px 5px;/*
font-size: 15px !important;
line-height: 18px
*/ }
.footer-btn-text { line-height: 18px; }
#exitpage { width: 50px !important; font-size: 15px !important; border: 1px solid rgb(3, 11, 17); border-radius: 5px 5px 5px 5px; line-height: 18px; margin-right: 3px !important; }
#bustext { margin-left: 3px; font-weight: bold; float: left; margin-top: 10px; font-size: 15px; padding-right: 5px; text-shadow:none; }
#busnumber { font-size: 36px; line-height: 36px; padding:2px; font-weight: bold; }
#toggle_link { color: #EFF942; cursor: pointer; }
#busstatus { font-size: 28px !important; font-weight: bold !important; }
#busstatustimelbl { color: rgb(239, 249, 66) !important; font-size: 21px !important; font-weight: bold; }
.statusInfo { margin: 0px; float: right; list-style-type: none; height: 44px; padding-right: 2px; }
.mobileLasMsg { padding: 0px; color: black; left: 3px; text-shadow: 0px 0px 0px; font-weight:bold; position: relative; text-align: center; font-size: 14px; }
.lt_message_txt_status { height: 35px !important; position: relative; top: -5px; font-weight: bold; }
.lt_message_num_status { height: 35px !important; position: relative; font-weight: bold; }
.milesText { display:inline; padding-left:3px; float: left; position: relative; top: 0px; list-style-type:none; margin:0px; line-height: 25px; }
/*#miles{ position: relative;top: 5px;}*/
.miles { float:left; vertical-align: top; height: 45px !important; padding-top: 0px; position:relative; top:-2px; }
.noEtaImg { color: black !important; font-size: 19px; position: relative; text-shadow: 0px 0px 0px !important; top: 0px; font-weight:bold; top: 1px; }
.distanceUnit { color: #EFF942; font-weight: bold; position: relative; }
.zoomBus { cursor:pointer; float: right; background: #7F7F7F !important; color: white !important; font-size: 15px; width: 55px; font-weight: normal; text-align: center; height:38px; }
.tradeMark { position: relative; float: right; top: -40px; height: 0px; }
.tradeMarkContentFst { text-align:center; margin:5px 0px; font-size: 14px; color:#000; }
.tradeMarkContentSec { color: #f5ca3e; text-overflow: ellipsis; overflow: visible; white-space: normal; }
.tradeMarkContentThird { font-weight: normal; }
#wrapper { width:960px; margin:0 auto; }
#wrapper input[type=button] { width:185px; border-radius: 5px; border:2px solid #000000; font-size: 14px; height:30px; }
.rdblocks { background-color:#FFFF99; /*border:2px solid #385D8A;*/ border:2px solid #000000; border-radius:15px; width:440px; height:527px; float:left; margin:0 10px; }
.rdblocks h2 { font-size:36px; color:#000000; text-align:center; border-bottom:1px solid #000000; margin:0px 0; }
.rdblocks ul { margin:0px; margin-top:4px; padding-left: 35px; padding-right:5px; }
.rdblocks li { list-style-type: disc; list-style-position: outside; font-size:16px; color:#000000; line-height: 1.4; margin-bottom:6px; font-weight: bold; }
#logo_new { width: 100%; font-size: 35px; font-weight: bold; font-weight: bolder; color: black; word-spacing: -3px; letter-spacing: -1px; height:65px; margin-top:10px; }
#logo_new a { text-decoration:none; color:#000; }
/* FORMS */

.wtb-form { margin: 20px auto; width: 400px; }
.wtb-form form { background: none repeat scroll 0 0 #F1F1F1; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075); }
.wtb-form-header { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #B6B6B6; border-radius: 4px 4px 0 0; margin: 0; padding: 10px 20px; position: relative; }
.wtb-form-header h1 { font-size: 18px; margin-bottom: 0; margin-top: 0; }
.wtb-form-body { border-color: white #B6B6B6 #B6B6B6; border-image: none; border-radius: 0 0 4px 4px; border-right: 1px solid #B6B6B6; border-style: solid; border-width: 1px; font-size: 14px; padding: 20px; padding-top: 15px; }
label { font-weight: bold; }
.input-box { margin:5px 15px 15px 0; background-color: #FFFFFF; background-position: right center; background-repeat: no-repeat; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset; color: #333333; min-height: 18px; outline: medium none; padding:8px; transition: all 0.15s ease-in 0s; vertical-align: middle; }
.input-box:focus { border-color: #51A7E8; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5); }
.wtb-form-body .input-box { display: block; width: 95%; }

.wtb-button { background-color: #EAEAEA; background-image: linear-gradient(#FAFAFA, #EAEAEA); background-repeat: repeat-x; border-color: #DDDDDD #DDDDDD #C5C5C5; border-image: none; border-radius: 7px; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; padding: 7px 15px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); white-space: nowrap; margin:0; outline: medium none; line-height: 1.4; }
.wtb-button:hover, .wtb-button:active { background-color: #DADADA; background-image: linear-gradient(#EAEAEA, #DADADA); background-repeat: repeat-x; border-color: #CCCCCC #CCCCCC #B5B5B5; text-decoration: none; }
.wtb-button-blue { line-height: 1.4; border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 7px; font-size:14px; font-family:arial, helvetica, sans-serif; padding: 7px 7px 7px 7px; text-decoration:none; display:inline-block; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); font-weight:bold; color: #FFFFFF; background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85)); background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85); background-image: -moz-linear-gradient(top, #3093c7, #1c5a85); background-image: -ms-linear-gradient(top, #3093c7, #1c5a85); background-image: -o-linear-gradient(top, #3093c7, #1c5a85); background-image: linear-gradient(to bottom, #3093c7, #1c5a85); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3093c7, endColorstr=#1c5a85);
}
.wtb-button-blue:hover { line-height: 1.4; border:1px solid #1c5675; background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b)); background-image: -webkit-linear-gradient(top, #26759e, #133d5b); background-image: -moz-linear-gradient(top, #26759e, #133d5b); background-image: -ms-linear-gradient(top, #26759e, #133d5b); background-image: -o-linear-gradient(top, #26759e, #133d5b); background-image: linear-gradient(to bottom, #26759e, #133d5b); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#26759e, endColorstr=#133d5b);
}

.wtb-button-dark { line-height: 1.4; border:1px solid #495267; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 7px; font-size:14px; font-family:arial, helvetica, sans-serif; padding: 7px 7px 7px 7px; text-decoration:none; display:inline-block; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); font-weight:bold; color: #FFFFFF; background-color: #606c88; background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b)); background-image: -webkit-linear-gradient(top, #606c88, #3f4c6b); background-image: -moz-linear-gradient(top, #606c88, #3f4c6b); background-image: -ms-linear-gradient(top, #606c88, #3f4c6b); background-image: -o-linear-gradient(top, #606c88, #3f4c6b); background-image: linear-gradient(to bottom, #606c88, #3f4c6b); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#606c88, endColorstr=#3f4c6b);
}
.wtb-button-dark:hover { line-height: 1.4; border:1px solid #363d4c; background-color: #4b546a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4b546a), to(#2c354b)); background-image: -webkit-linear-gradient(top, #4b546a, #2c354b); background-image: -moz-linear-gradient(top, #4b546a, #2c354b); background-image: -ms-linear-gradient(top, #4b546a, #2c354b); background-image: -o-linear-gradient(top, #4b546a, #2c354b); background-image: linear-gradient(to bottom, #4b546a, #2c354b); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4b546a, endColorstr=#2c354b);
}
.alert-box { color:#555; font-size:13px; padding:10px 36px; margin-top:10px; border-radius: 3px; }
.alert-box {list-style: none}
.alert-box span { font-size: 13px; }
.error { background:#ffecec url('../images/error.png') no-repeat 10px 50%; border:1px solid #f5aca6; }
.success { background:#e9ffd9 url('../images/success.png') no-repeat 10px 50%; border:1px solid #a6ca8a; }
.warning { background:#fff8c4 url('../images/warning.png') no-repeat 10px 50%; border:1px solid #f2c779; }
.notice { background:#e3f7fc url('../images/notice.png') no-repeat 10px 50%; border:1px solid #8ed9f6; }
.alert-box ul { list-style-type: square; }
/* Rider Page */
#dxinfoTxt { float:left; color: #000;background: url('../images/miles_away.png') no-repeat right center;width:41px;height:32px; }
#dxpopup { font-family: Arial, clean, sans-serif !important; font-weight: bold; font-size: 29px; float:left; line-height: 23px; color: #000; overflow:hidden; padding-top: 5px;text-align: center;width:45px;}
#milesinfo_1 { font-family: Arial, clean, sans-serif !important; font-size: 16px; line-height: 16px; color: #000; font-weight: bold; }
#milesinfo_2 { font-family: Arial, clean, sans-serif !important; font-size: 16px; margin-top: -6px; color: #000; font-weight: bold; }
.spareroutebus { width: auto !important; }
#map_canvas { min-height: 300px; }

.rider_alert_msg_white{padding:2px 2px 5px; background-color:#FFF; color:#000; display:none; font-weight:bold; z-index:999; position:fixed; text-align:center; font-size:18px; width:456px; text-shadow: none;}
.rider_alert_msg_white a { font-weight: bold; color:red !important; cursor: pointer; text-decoration: underline; }

.rider_alert_msg { padding:2px 2px 5px; background-color:red; color:white; display:none; font-weight:bold; z-index:999; position:fixed; text-align:center; font-size:18px; width:456px; text-shadow: none; }
.rider_alert_msg a { font-weight: bold; color:#FFFFFF !important; cursor: pointer; text-decoration: underline; }
.sessionResetButton { cursor:pointer; width:351px; padding:5px; font-size:24px; background-color: red; border:2px solid #000; margin-top:7px; border-radius: 10px; outline: none; color:#FFFFFF; font-weight: bold; }
/*======   added by Raghavendra   ======*/
.content h2 .bus_following { background-image:url(../images/icon-bus.png); background-position:left center; background-repeat:no-repeat; font-size:12px; font-weight:bold; padding:4px 0 4px 25px; margin-left:30px; cursor:pointer; }
.payment_box { border:2px solid #404040; margin:10px 0 0 0; float:left; width:973px; }
.payment_box h3 { padding:10px 15px; margin:0;background-color: #E9E9E9;border-bottom: 2px solid #404040; }
.payment_box h3 a { font-size:12px; font-weight:lighter; text-decoration:underline; display:inline-block; float:right; color:#232323; }
.payment_box h3 a:hover { color:#4183C4; text-decoration:none; }
.payment_box h4 { font-size:18px; font-weight:bold; padding:10px 0 10px 0; margin:0; display:block; }
*:first-child+html .payment_box h3 a { margin:-30px 15px 0 0; }
.payment_box p { padding:0 0 10px 0; margin:0; display:block; }
.payment_box label { font-weight:normal; }
.payment_box label strong { font-weight:bold; }
.payment_box_sub_1 img { float:left; margin:0 15px 0 0; }
.payment_box_sub_1, .payment_box_sub_2 { margin:15px 15px 5px 15px; float:left; width:943px; border-bottom:1px solid #CCC; padding-bottom:5px; }
.payment_box_sub_1 { border-bottom:0; padding-bottom:0; }
.payment_box_sub_2 .div_1 { float:left; width:500px; }
.payment_box_sub_2 .div_2 { float:right; width:350px; }
.payment_box_sub_1 label.label_left { float:left; margin-right:15px; }
.label_left span { font-size:16px; color:#F90; width:5px; }
.payment_box_sub_2 label.label_aligned { float:left; width:90px;line-height: 25px; }
.payment_box_sub_1 input.text-box, .payment_box_sub_2 input.text-box { float:left; padding:2px; margin:0 0 15px 0; color: #333333; border: 1px solid #CCCCCC;  }
.payment_box_sub_1 select.select-box, .payment_box_sub_2 select.select-box {/* background-color: #FFFFFF; background-position: right center; background-repeat: no-repeat; border-radius:3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset; outline: medium none; transition: all 0.15s ease-in 0s; vertical-align: middle;*/ padding:2px; margin:0 0 15px 0; color: #333333; border: 1px solid #CCCCCC; }
/*select.select-box:focus { border-color: #51A7E8; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5); }*/
button.input-button { background-color:#ffd109; border:2px solid #000; color:#000; font-size:18px; font-weight:bold; width:250px; padding:10px 0; margin:20px 0 0 350px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;cursor: pointer; }
/*----  Tabs  ----*/
.tabs { margin:0; padding:0; }
.tabs ul { float: left; background: #fff; padding:0; margin:0; z-index:99; }
.tabs li { margin-left: 8px; list-style: none; margin-bottom:-1px; background: #eee; }
.tabs li, .tabs li a { float: left; }
.tabs li a { text-decoration: none; padding: 5px; padding-bottom: 1px; color: #000; font-weight: bold; border:1px solid #ccc; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; }
.tabs ul li.active { background: #fff; }
.tabs ul li.active a { color: #333333; border:1px solid #ccc; border-bottom:1px solid #fff; }
.tabs div { clear: both; border-top:1px solid #ccc; min-height: 127px;padding:10px 15px 5px 15px}
.tabs div h3 { margin-bottom: 12px; }
.tabs div p { line-height: 150%; }
* html .tabs li { display: inline; }




.loaderBlock {
    width: 100%;
    height: 99.7%;
    position: absolute;
    top: 0;
    background-color: #FFF;
    opacity: 0.6;
    text-align:center;
    display: none;
    z-index: 9999999999999999;
    
}

.loaderBlock .imageLoder {
    margin-top: 20%;
    background: url('../images/ajax-loader.gif');
    height: 100px;
    width: 100px;
    margin-left: 45%;
}

.bus_text { padding:2px 2px 5px; background-color:blue; color:white; display:none; font-weight:bold; z-index:999; position:fixed; text-align:center; font-size:18px; width:456px; text-shadow: none; }
@media screen and (max-width: 400px) {
   #busInfoBanner {
           padding: 2px 2px 5px;
    background-color: red;
    color: white;
    display: none;
    font-weight: bold;
    z-index: 999;
    position: fixed;
    text-align: center;
    font-size: 18px;
   width: 412px !important; 
    text-shadow: none;
    }
    .bus_text {
    padding: 2px 2px 5px;
    background-color: blue;
    color: white;
    display: none;
    font-weight: bold;
    z-index: 999;
    position: fixed;
    text-align: center;
    font-size: 18px;
     width: 412px !important; 
    text-shadow: none;
}
}
/*.infoDiv{
    width: 100%;
    text-align: center;
}
.infoSubDiv{
    display: inline-block; 
    border: 1px solid black;
    margin-top: 5px;
    background-color: #FAF1A0;
    border-radius: 8px;
}
.infoHeading{
    text-align: center; 
    color: #FF0101; 
    text-decoration: underline;
    font-size: 20px;
    margin-bottom: 8px;
}
.infoUpdateDiv{
    text-align: center; 
    padding: 0px 3px; 
    margin: 3px 5px 3px 5px;
}*/