<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">   
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="" />	
	<meta name="description" content="" />
	<meta name="robots" content="noindex, nofollow" /><!-- change into index, follow -->
    <link rel="shortcut icon" href="https://www.metrobus.com/favicon.ico">
    <title>Metrobus | Page not found</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/flexslider.css" rel="stylesheet">
 <!--  <link href="css/font-awesome.css" rel="stylesheet">--> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
    <link href="/css/style.css" rel="stylesheet">
      <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 

    <!--[if IE]>
    	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <![endif]-->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  
 <style>
a.info {
    color:#0000FF;
}
a.info:hover, a.info:active {
	color: red;
	text-decoration: underline;
}
</style> 

 
</head>

<body role="document">




<div id="chat_button">
<!-- BEGIN PHP Live! Live Chat HTML Code [v3] -->
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer; position: fixed; bottom: 0px; right: 0px; z-index: 20000000;" id="phplive_btn_1678367597"></span>
<script data-cfasync="false" type="text/javascript">

(function() {
var phplive_e_1678367597 = document.createElement("script") ;
phplive_e_1678367597.type = "text/javascript" ;
phplive_e_1678367597.async = true ;
phplive_e_1678367597.src = "https://www.metrobus.co.ca/phplive/js/phplive_v2.js.php?v=0%7C1678367597%7C0%7C&" ;
document.getElementById("phplive_btn_1678367597").appendChild( phplive_e_1678367597 ) ;
if ( [].filter ) { document.getElementById("phplive_btn_1678367597").addEventListener( "click", function(){ phplive_launch_chat_0() } ) ; } else { document.getElementById("phplive_btn_1678367597").attachEvent( "onclick", function(){ phplive_launch_chat_0() } ) ; }
})() ;

</script>
<!-- END PHP Live! Live Chat HTML Code [v3] -->
</div> 
<div class="alert alert-danger fade in" id="div-mobile" style="display:none;">
            <p>This site is designed for desktops and tablets. For the best user experience, we recommend using our mobile site from a mobile device.</p>
            <p>
            <a role="button" class="btn btn-primary" href="https://www.metrobusmobile.com">Go to Metrobus mobile</a>
            </p>
        </div>


                <header>

        <div class="top_links">
        	<div class="container">
                <div class="row">
                    <div class="col-sm-8 text-left links">

                        <ul>

                            <li><a href="/contact/"><i class="fa fa-envelope"></i><SCRIPT LANGUAGE="JavaScript">user = 'informationservices';site = 'metrobus.com';document.write(user + '@' + site);</SCRIPT></a>&nbsp;</li>
                            <li><a href="#" style="cursor:default;"><i class="fa fa-phone"></i>Ride Guide (709) 722-9400</a>&nbsp;</li>
                            <li><a href="/StartHere/"><i class="fa fa-question-circle"></i>New to Metrobus? Start here...</a></li>

                     </ul>

                    </div>
                    
                    <div class="col-sm-4 text-right social">
                        
              <!--          
              <ul>
                            <li><a href="https://www.twitter.com/MetrobusTransit"><img src="/images/twitter.png" alt="Click to access Metrobus on Twitter." width="25" /></a></li>

                        </ul>
                        -->
                    
                    </div>
                </div>
            </div>
        </div>
       <!-- 
        <div class="mid_search" style="background-image: url('/html-default/images/snowflakes_garland.png');background-repeat: repeat-x;background-position:top;">
   -->    
                <div class="mid_search" style="background-image: url('/images/background_head.jpg');background-repeat: no-repeat;background-position:left bottom;">

        	<div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        
                        <img src="/images/metrobus_swoosh_v8250.png" alt="Metrobus logo" /> 
                    	
                    </div>
<div class="search-site" style="float:right;">
</div>
	
                </div>
            </div>
        </div>
        
        <div class="navbar top-menu navbar-inverse main_menu navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <nav class="navbar-collapse collapse navbar-left" role="navigation">
 
                    <ul class="nav navbar-nav">
                        
                        <li><a href="/home/" aria-label="Home"><i class="glyphicon glyphicon-home"></i></a></li>
						
                              <li class="dropdown">
                        
        <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="glyphicon glyphicon-time" aria-hidden="true"></i>&nbsp;&nbsp;Schedules
        <span class="caret"></span></a>
        <ul class="dropdown-menu">
						<li><a href="/service-at-a-glance/">Routes &amp; Schedules Overview</a></li>
          

        <!--  <li><a href="/reducedservice/">Reduced service schedule</a></li>  -->          
          <li><a href="/schedules/fall/schedules_fall.asp">Fall/winter schedule<br>(now in effect)</a></li>
     <!--   <li><a href="/schedules/summer/schedules_summer.asp">Summer schedule<br>(now in effect)</a></li>-->
      <!--    <li><a href="/schedules/">Summer schedule<br>(now in effect)</a></li>-->

          <li><a href="/ALF">Wheelchair accessible routes</a></li>          
          <li><a href="/communitybus">Community Bus</a></li>          
        <!--  <li><a href="https://www.metrobus.com/TheLink">The Link</a></li>-->
          <li><a href="/StartHere/">New to Metrobus?</a></li>          
        </ul>
      </li>
                      
                              <li class="dropdown">
                        

        <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-bus" aria-hidden="true"></i>&nbsp;&nbsp;Rider Links
        <span class="caret"></span></a>
        <ul class="dropdown-menu" style="z-index:100000054555;">
          <li><a href="/bulletins/">News/bulletins</a></li>       
          <li><a href="/nextbus/">NEXT BUS/Service Locator</a></li>
          <li><a href="/fares/">Fares &amp; passes</a></li>
          <li><a href="/seniors/">Seniors' GIS Bus Pass Program</a></li>
          <li><a href="/plantrip.asp">Plan a trip</a></li>
          <li><a href="/system_map.asp">System map</a></li>
          <li><a href="/bikeracks/">Bike racks</a></li>
          <li><a href="/ParkAndRide/">Park 'N Ride</a></li>
          <li><a href="/policies/">Policies</a></li>  
<li><a href="/eNews/">eNewsletter</a></li>	          
          <li><a href="/StartHere/">New to Metrobus?</a></li>                                                                       
        </ul>
      </li>
      
                                    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-credit-card" aria-hidden="true"></i>&nbsp;&nbsp;m-Card
        <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="/estore/">Reload/buy m-Card</a></li>
          <li><a href="/mcard/">m-Card account login</a></li>
          <li><a href="/mcard/">m-Card info/registration</a></li>  
          <li><a href="/StartHere/">New to Metrobus?</a></li>          
                                                                      
        </ul>
      </li>

                        <li><a href="/ALF"><i class="fa fa-wheelchair" aria-hidden="true"></i>&nbsp;&nbsp;GoBus/ALF</a></li>
         						
                              <li class="dropdown">
                        

        <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-user" aria-hidden="true"></i>&nbsp;&nbsp;Contact/Other Links
        <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="/contact/">Contact/Customer Feedback</a></li>
	<!--	  <li><a href="/charters/">Charters - rent a Metrobus!</a></li>  -->           
          <li><a href="/jobs/">Job &amp; tender opportunities</a></li>          
          <li><a href="/statistics.asp">Statistics &amp; standards</a></li>
          <li><a href="/documents.asp">Documents &amp; files</a></li>
          <li><a href="/sitemap/">Site Map</a></li>
          <li><a href="javascript:void(0)" onclick="phplive_launch_chat_0()">Live Chat</a></li>                  
          <li><a href="/StartHere/">New to Metrobus?</a></li>          
                                                                 
        </ul>
      </li>             
                    </ul>
                </nav>
                
                <span class="text-right num">
                Sunday, Jun. 7, 2026</span>
            </div>
        </div>
    
    </header>

    <!-- end header -->
	
    <!-- start breadcrumb -->
    <section id="breadcrumb">
		<div class="container">
        
        	<div class="row">
                <div class="col-sm-6">
            		
                    <h4>Page not found/404</h4>
                
                </div>
                <div class="col-sm-6">
            		
                    <nav id="breadcrumbs"><!--breadcrumb nav starts-->
                        <ul>
                            <li>You are here:</li>
                            <li><a href="/home/">Home</a></li>
                            <li>Page not found</li>
                        </ul>
                    </nav>
                
                </div>
            </div>
        
        </div>
    </section>
    <!-- end breadcrumb -->


    <div class="container">
    
        <div class="row">
            <div class="col-sm-12">
                
                <div class="blog_post">
                	
                    <div class="blog">
                        
                        <div class="image">
                            
                            <img src="/images/erroricon.png" alt="">
                        
                        </div>
                        
                        <h4>Page not found</h4>
                        
                       
                        
                        <p>We are not able to find the page you requested. Please try again. </p>
                        
					
                    </div>
                    
                    <hr>
                	
                                                        
                </div>
                

            </div>
        </div>
    
    </div>


  	
     <!-- start intro area -->
    <section class="introArea">
		<div class="container">
        
        	<div class="row">
                <div class="col-lg-12">
            		
                    <h5>Looking to reload your m-Card? </h5>
                    
                    <a href="https://www.metrobus.com/estore" class="btn">Reload Now</a>
                
                </div>
            </div>
        
        </div>
    </section>
    <!-- end intro area -->

    <!-- start footer area -->

    <footer id="footerArea">
    	
        <div class="footer_topmain">
        	<div class="container">
                <div class="row">
                    
                    <div class="col-sm-8 photo" id="otherservices">
                        
                        <h4>Other Services</h4>
                         <ul>
							<li><a href="/ALF/"><img src="/images/gobus_a.jpg" alt="Accessible low floor transit and Go Bus."></a></li>
                            <li><a data-toggle="modal" data-target="#app" href="#"><img src="/images/mobileapp.jpg" alt="Mobile app available for iPhone and Android devices."></a></li>                            
                            <li><a data-toggle="modal" data-target="#textalert" href="#"><img src="/images/textalertss.jpg" alt="Sign up for Metrobus text alerts."></a></li>
                            <li><a href="https://www.ownthestreet.ca"><img src="/images/advertisewithus.jpg" alt="Advertise with us."></a></li>
                        <!--    <li><a href="https://www.metrobus.com/TheLink"><img src="/html-default/images/thelink.jpg" alt="The Link"></a></li>    -->                        
                            <li><a href="/CommunityBus/"><img src="/images/cbus.jpg" alt="Community Bus."></a></li>
                         <!--   <li><a href="https://www.metrobus.com/ideacentre/"><img src="/html-default/images/ic.jpg" alt="Idea Centre."></a></li>-->
                        </ul>	



                   
                    </div>
                                     

 
                    <div class="col-sm-4" id="tweeter">
                        
  <!--                      
<a class="twitter-timeline" data-width="350" data-height="275" href="https://twitter.com/MetrobusTransit"></a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>	
                    -->
                    </div>                    
                                   
                </div>
			
            </div>
        </div>
    	
        <div class="footer_bottom">
        	<div class="container">
                <div class="row">
                    
                    <div class="col-sm-8">
                       <p>Our Mission: Our Mission: To be a key part of the transportation solution necessary for a sustainable St. John's.</p> 
                        <p>&copy;  St. John's Transportation Commission. All rights reserved. &reg;&nbsp;Metrobus is a registered trademark of the St. John's Transportation Commission</p>
                        <!--<li><a data-toggle="modal" data-target="#MessengerLocation" href="#"><i class="glyphicon glyphicon-map-marker"></i>&nbsp;25 Messenger Drive St. John's NL </a></li>-->
                    
                    </div>
                    
                    <div class="col-sm-4">

                        <ul>
                            <li><a href="/sitemap/">Site Map</a></li>
                            <li><a data-toggle="modal" data-target="#privacy" href="#">Privacy</a></li>
                            <li><a href="/contact/">Contact</a></li> 
                           <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>                
               
                        </ul>
                    
                    </div>
                    

                    
                </div>
			
            </div>
        </div>

    </footer>



    <!-- end footer area -->
            
    <!-- Bootstrap core JavaScript -->
    <script src="/js/jquery-1.10.2.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
	<script src="/js/jquery.ui.map.min.js"></script>
    <script src="/js/jquery.flexslider-min.js"></script>
    <script src="/js/retina-1.1.0.min.js"></script>
    <script src="/js/scripts.js"></script>


    
 <!-- OUR LOCATION -->

        <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal fade" id="ourlocation">
            <div class="modal-dialog">
                <div class="modal-content">
                    
                    <div class="modal-header">
                        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">x</button>
                                                <p><img alt="Metrobus" src="/images/metrobus_swoosh_v8250.png" width="250" height="58"></p>

                    </div>
                    
                    <div class="modal-body">
                        <h4>25 Messenger Drive</h4>
<p>
<img src="/images/25Messenger.png" style="border: 2px solid;border-radius: 15px;width:90%;" />
    </p>
                    </div>
                    
                    <div class="modal-footer">
                        <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
                    </div>
                    
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

<!-- END OUR LOCATION -->
   
    
        <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal fade" id="app">
            <div class="modal-dialog">
                <div class="modal-content">
                    
                    <div class="modal-header">
                        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">x</button>
<p>
<img alt="Metrobus Transit" src="/images/m_green_96.png" width="96" height="96"></p>
                    </div>
                    
                    <div class="modal-body">
                        <h4>Mobile App</h4>

    <p><strong>
m-Mobile available in the iPhone App Store and on Google Play for Android 
devices</strong><br /><br/>
m-Mobile is everything you need to ride public transit in St. John's, NL, Canada.<br /><br />
Plan a trip, view a schedule, find out if your bus is on time, read the latest service bulletins, login to view details about your m-Card or chat live with one of our helpful and friendly Information Service Reps.<br /><br/>
Allow this app to use your current location and it will detect your location and show the bus stops in your area complete with information about which routes service those stops.<br /><br />
m-Mobile is the app for people on the move.</p>

	<p>
	<a href="https://play.google.com/store/apps/details?id=hr.apps.n1005513">
	<img alt="Available for Android." src="/images/androidapp.png" width="190" height="63"></a>&nbsp;&nbsp;
	<a href="https://itunes.apple.com/app/m-mobile-metrobus-transit/id573843427?mt=8">
	<img alt="Available for iPhone." src="/images/iphoneapp.png" width="192" height="63"></a></p>
                 </div>
                    
                    <div class="modal-footer">
                        <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
                    </div>
                    
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>


<!-- Modal -->
<div class="modal fade" id="textalert" tabindex="-1" role="dialog" aria-labelledby="textalert" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Sign up for text alerts</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
			
<p><strong>Simply text METROBUS to 88188</strong></p>

<p>Stay up-to-date with text alerts.  The minute we post a service bulletin, we'll send the same bulletin to your mobile device.&nbsp;&nbsp;To subscribe, text METROBUS to 88188 from your mobile device.  We do not charge for this service, regular message &amp; data rates charged by your wireless service provider may apply.
</p>
<p>To <span style="color:#FF0000;">UNSUBSCRIBE</span> text STOP to 88188 or reply STOP 
to any of our text messages that you receive on your mobile device.</p>
		
      </div>
    </div>
  </div>
</div>


        <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal fade" id="privacy">
            <div class="modal-dialog">
                <div class="modal-content">
                    
                    <div class="modal-header">
                        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">x</button>
                                                <p>
												<img alt="Metrobus" src="/images/metrobus_swoosh_v8250.png" width="250" height="58"></p>

                    </div>
                    
                    <div class="modal-body">
                        <h4>Privacy Statement</h4>
                        <p>
												<img alt="Metrobus" src="/images/metrobus_swoosh_v8250.png" width="250" height="58"></p>

<p>Metrobus is committed to the privacy and security of your electronic commerce. For your full understanding, the following statement details 
    our information gathering and dissemination practices, as well as our security measures.
<br /><br />
<strong>What information do we collect?</strong><br />
            We collect  information from you when you register on our sites, place an order,  subscribe to our newsletter, respond to a survey or fill out a form. <br /><br />
            When  ordering or registering on our site, as appropriate, you may be asked  to enter your: name, e-mail address, mailing address, phone number 
			or credit card information. You may, however,  visit our site anonymously.<br />
            <br />
            <strong>For what reasons do we use your information?</strong> <br />
            Any of the information we collect from you may be used in one of the following ways: <br />
            <ul style="padding:10px 0 0 20px">
              <li>To personalize your experience<br />
                (your information helps us to better respond to your individual needs)</li>
              <li>To improve our website<br />
                (we continually strive to improve our website offerings based on the information and feedback we receive from you)</li>
              <li> To improve customer service<br />
                (your information helps us to more effectively respond to your customer service requests and support needs)</li>
              <li>To process transactions</li>
              <li>To administer a contest, promotion, survey or other site feature</li>
              <li>To send periodic emails<br />
                The  email address you provide for order processing, may be used to send you  information and updates pertaining to your order, in addition to  receiving occasional company news, updates, related product or service  information, etc.&nbsp; 
				Our email practices are conducted in accordance with Canadian 
				Anti-Spam Legislation, and any and all email correspondence 
				received from us will contain easily identifiable unsubscribe 
				links.</li>
            </ul>
			<br />
            <strong>How do we protect your information?</strong><br />
We implement a variety of security measures to maintain the safety of your personal information when you place an order or access your personal information. 
<br /><br />
We offer the use of a secure server.  All supplied sensitive/credit information is encrypted and transmitted via the Transport Layer Security Protocol (TLS) to our, or in the case of a financial transaction, to our payment gateway provider's database, only to be accessible by those authorized with special access rights to such systems, and who are required to keep the information confidential.  TLS is a protocol that ensures privacy between communicating applications and their users on the Internet.  When a server and client communicate, TLS ensures that no third party may eavesdrop or tamper with any message. TLS is the successor to the Secure Sockets Layer (SSL).
<br /><br />
Upon completion of financial transactions, Metrobus does not store credit card numbers.<br /><br />
            <strong>Do we use cookies?</strong> <br />
            Yes  (cookies are small files that a site or its service provider transfers  to your computers hard drive through your Web browser (if you allow)  that enables the sites or service providers systems to recognize your  browser and capture and remember certain information.<br /><br />
            We use  cookies to help us remember and process the items in your shopping  cart, understand and save your preferences for future visits, keep  track of advertisements and compile aggregate data about site traffic  and site interaction so that we can offer better site experiences and  tools in the future. We may contract with third-party service providers  to assist us in better understanding our site visitors. These service  providers are not permitted to use the information collected on our  behalf except to help us conduct and improve our business.<br /><br />
            If you prefer, you can choose to have your computer warn you each 
			time a cookie is being sent, or you can choose to turn off all 
			cookies via your browser settings. Like most websites, if you turn 
			your cookies off, some of our services may not function properly. 
			However, you can still place orders over the telephone by contacting 
			our Customer Service Centre at 722-9400.<br />
            <br />
            <strong>Do we disclose any information to outside parties?</strong><br />
            We  do not sell, trade, or otherwise transfer to outside parties your  personally identifiable information. This does not include trusted  third parties who assist us in operating our website, conducting our  business, or servicing you, so long as those parties agree to keep this  information confidential. We may also release your information when we  believe release is appropriate to comply with the law, enforce our site  policies, or protect ours or others rights, property, or safety.  However, non-personally identifiable visitor information may be  provided to other parties for marketing, advertising, or other uses.<br />
            <br />
            <strong>Third party links</strong><br />
            Occasionally, at our discretion, we may include or offer third party  products or services on our website. These third party sites have  separate and independent privacy policies. We therefore have no  responsibility or liability for the content and activities of these  linked sites. Nonetheless, we seek to protect the integrity of our site  and welcome any feedback about these sites.<br />
            <br />
            <strong>Your Consent</strong><br />
            By using our site, you consent to our Privacy Policy.<br />
            <br />
            <strong>Changes to our Privacy Policy</strong><br />
            If we decide to change our privacy policy, we will post those changes on this page. <br />
            <br />
            <strong>Contacting Us</strong> <br />
            If there are any questions regarding this privacy policy you may contact us using the information below. <br />
            <br />
            St. John's Transportation Commission<br />
            25 Messenger Drive<br />
            St. John's NL&nbsp; A1B 0H6<br />
            Canada<br />
			<br />
			Online contact information can be found at https://www.metrobus.com<br /><br />
       <span style="font-size: smaller;">Privacy Policy prepared by St. John's Transportation Commisssion, updated 03/7/2016</span>
    </p>
                    </div>
                    
                    <div class="modal-footer">
                        <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
                    </div>
                    
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>
        
        <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal fade" id="login">
        
        
<script type="text/javascript">
	function ajaxindicatorstart(text)
	{
		if(jQuery('body').find('#resultLoading').attr('id') != 'resultLoading'){
		jQuery('body').append('<div id="resultLoading" style="display:none"><div><img src="/images/ajax-loader2.gif"><div>'+text+'</div></div><div class="bg"></div></div>');
		}
		jQuery('#resultLoading').css({
			'width':'100%',
			'height':'100%',
			'position':'fixed',
			'z-index':'10000000',
			'top':'0',
			'left':'0',
			'right':'0',
			'bottom':'0',
			'margin':'auto'
		});	
		
		jQuery('#resultLoading .bg').css({
			'background':'#000000',
			'opacity':'0.7',
			'width':'100%',
			'height':'100%',
			'position':'absolute',
			'top':'0'
		});
		
		jQuery('#resultLoading>div:first').css({
			'width': '250px',
			'height':'75px',
			'text-align': 'center',
			'position': 'fixed',
			'top':'0',
			'left':'0',
			'right':'0',
			'bottom':'0',
			'margin':'auto',
			'font-size':'16px',
			'z-index':'10',
			'color':'#ffffff'
			
		});

	    jQuery('#resultLoading .bg').height('100%');
        jQuery('#resultLoading').fadeIn(300);
	    jQuery('body').css('cursor', 'wait');
	}

	function ajaxindicatorstop()
	{
	    jQuery('#resultLoading .bg').height('100%');
        jQuery('#resultLoading').fadeOut(300);
	    jQuery('body').css('cursor', 'default');
	}

	function callAjaxLogin()

	{
 	var data={
 //	card: $('#mcard').val(),
//	empno: $('#empno').val(),
	uname: $('#uname').val(),
	psw: $('#psw').val(),	
//  doStatus: $("input:hidden[name=do]").val(),
 //	action: $("input:radio[name=action]:checked").val(),
//	action: $('#slider2').val()
 	
 //add other properties similarly
}
		jQuery.ajax({
			type: "POST",
			url: "/html-default/scripts/login.asp",
			data: data,
			cache: false,
			success: function(res){
					jQuery('#loginDetails').html(res);
			}
		});
	}
	
  jQuery(document).ajaxStart(function () {
   		//show ajax indicator
		ajaxindicatorstart('...checking...');
  }).ajaxStop(function () {
		//hide ajax indicator
		ajaxindicatorstop();
  });
</script>
     
        
            <div class="modal-dialog">
                <div class="modal-content">
                    
                    <div class="modal-header">
                        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">x</button>
                        <h4 id="myModalLabel" class="modal-title">mCard Account Login</h4>
                    </div>
                    
                    <div class="modal-body">
    <div class="imgcontainer" style="text-align:center;">
      <img src="/images/mCard250.png" alt="Avatar" style="width: 30%;">
    </div>

    <div>
    		<div id="loginDetails" style="background-color:#DFE39F;"></div>

      <label for="uname" style="display:inline-block;width:99%;"><b>Email Address or mCard number</b></label>
      <input type="text" placeholder="Enter email address or your mCard number" name="uname" id="uname" style="display:inline-block;width:99%;">
      <label for="psw" style="display: inline-block;width:99%;"><b>Password</b></label>
      <input type="password" placeholder="Enter Password" name="psw" id="psw" style="display:inline-block;width:99%;">
<br /><br />
    <button onclick="callAjaxLogin();" data-ajax="true" class="btn btn-warning" style="display: inline-block;width:99%;">Login</button>
<!--<button type="submit" data-ajax="false">Login</button>-->
   </div>
<!--</form>-->
                    </div>

                    <div class="modal-footer" style="background-color:#f1f1f1">
                    <!--    <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>-->
                        <form name="password" action="https://www.metrobus.com/mcard/status.asp" method="post">
    <input name="mode" type="hidden" value="password" />
    </form>

                        <span class="psw"><a href="#" onclick="return pword()">Forgot Password?</a></span>
                    </div>
                    
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

<script language="javascript">
function pword() {
document.password.action='https://www.metrobus.com/mcard/status.asp';document.password.submit();
}
</script>




                 

</body>
  
</html>