﻿             
  /* @media screen and (max-width:479px) {
	 Target portrait smartphones */
	 
  /*@media only screen and (max-width : 340px) {*/	 
  /*@media only screen and (min-device-width : 320px)  {*/
  /* @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {*/
 @media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : portrait) {
  html {width:300px;}
  body {background-image:none;}
  
#header {height: 202px;width: 300px;}
#header .Logo {width:105px;}
#header .Logo img {max-width: 105px;}
#header .Menu {width:300px;}
#header .Menu .MC1 {margin-right:10px;}
#header .LogoT {margin-right:10px; top:43px; position:relative;}
#header .LogoT img {max-width: 140px;}
.TopPageImage img {width:310px;}
#content {padding-top:15px;width: 310px;height: auto;float: right;
            padding-left:7px;margin-right:7px;}
    
.MRL {margin: 0px 0px 0px 0px;}
#DivNews,#DivOtherServices,#DivBannerRightSide,#Footer,#TopNavigation,
.CallCenter,.BannerBox {display:none;visibility:hidden;}
.FastSearch {display:none;visibility:hidden;height:0px;}
#wrapper {width: 100%;}
  
.Ctab .BoxTab {width: 290px;}
.DivCPage {width: 290px;}
.ContactC {width: 290px;text-align:right;}  
.CBox {width:300px;}
.CBox .rk {width:70px;}
  
  /* ----  search Box ----------------- */
.RowOne {display:table;text-align:center;width:100%;background-color:#fff; border: 0px;}
.STByLinesBox, .STByPlacesBox, .STBydate  {width:290px;background-color:#fff;}
.SSMSByLinesBox, .SNextBusByLineBox  {margin-bottom:20px;width:290px;}
  
.STByLinesBox {height:170px;margin-bottom:20px;}
.STByPlacesBox {height:150px;}
.STBydate {height:150px;}
.SSMSByLinesBox {height:250px;}
.SNextBusByLineBox {height:150px;}
   	
.STByLinesBox, .STByPlacesBox, .STBydate,.SSMSByLinesBox, .SNextBusByLineBox 
 {
  	margin:  0px  5px 0px 10px;      
  }                                          
  
.STByLinesBox img , .STByPlacesBox img , .STBydate img, 
.SSMSByLinesBox img , .SNextBusByLineBox img {display:none;visibility:hidden;}
.ShowHideBox,.SNextBusByLineBox {display:none;visibility:hidden;}  
  
.RowOne .title {background-color: #f27525; height: 26px;text-align:center;width: 240px;
                display:none;visibility:hidden;}
.RowOne .title span {color: #fff; position: relative; top: 3px; color: #fff;}
.MRL {margin: 0px 25px 0px 25px;}	
.a_Acc_Title {display:block;clear:both;}
  
.RowOne p1 {margin-bottom : 10px;	border: none;text-decoration: none;	font-weight: bold;
			 text-align:right;margin: 0px;	/*padding: 10px;*/
	}
.RowOne a { cursor:pointer;	display:block;	padding:5px; margin-top: 0;	text-decoration: none;
			color: White; background-color: #f27423;border-top: 0px solid #FFFFFF;
			border-bottom: 0px solid #999; 	margin-top:2px;	margin-bottom:2px;
			background-image: url("AccordionTab0.gif");}
            
.RowOne .BorderStyle {webkit-box-shadow: 1px -1px 16px 0px #fff;
              -moz-box-shadow: 1px -1px 16px 0px #fff;
              box-shadow: 1px -1px 16px 0px #fff;}            
  
.ShowSMSDetails {position:relative;top:0px; z-index:9999;width:200px;height:140px;
               background-color:White;opacity: 0.9; filter: alpha(opacity=90);display:table;
               vertical-align:middle;text-align:center;display:none;right:30px;
                }   

/* ---- Line Page ------------------*/
.dControlsSearch {float: right; width: 300px;}
.cShowDate, .liClickCost, .LineInTabTitleNBusMap  {	display:none;visibility:hidden;}
.cShowDay {font-size:20px;font-weight:normal;}
.li8 {display:none;visibility:hidden;}
.LineTopDetails {width: 100%; height: 80px; text-align:center;}	
.LineTopDetails .CKav {float: right; width: 60px;padding-right:10px;}
.LineTopDetails .CKav span {font-size:34px;}
.LineTopDetails .CKav img {display:none;visibility:hidden;}
.LineTopDetails .CKav .line_number {width: 60px;text-align: center;}
.LineTopDetails .CKav .line_number_text {margin-top: 0px; margin-right: 15px; text-align: center;}
.LineTopDetails .CFromTo {width: 220px; margin: 8px;
                           text-align:right;float:right;}
.LineTopDetails .CFromTo span {font-size:14px;}
.LineTopDetails .CFromTo .arrLeft {height: 10px; padding-right: 25px;
                                   margin-bottom: 8px;
                                   background-image: url(../images/arrleft20.jpg);}
.LineTopDetails .CFromTo .arrRight {height: 10px; padding-right: 25px;
                                   margin-bottom: 8px;
                                   background-image: url(../images/arrRight20.jpg);}
.LineTopDetails .CButtons {width: 220px;float:left;text-align:left;}
.LineTopDetails .CButtons p {margin-top:2px;}
.bDir {font-size:14px;width:100px;} 

.LineTopDetails .bPrint {display:none;visibility:hidden;}

.Table {width:100%;}
.Cell {font-size:12px;}
.Cell p {font-size:12px;}
.LineInTabTitle {width:295px;}
.DivMaslool {width: 100%;margin-top:30px;margin-left:10px; border:0px;float:left;}
.PMaslol {width: 100%;float:left;margin-top:15px;position:relative;top:20px;Font-Size:13px;}

/* ---- Line By Places ---------- */
.PlacesSearchBar {width:100%}
.PlacesSearchBar .PlacesSearchBarRight {width: 203px;}
.PlacesSearchBar .PlacesSearchBarLrft {float: left;text-align:center; margin-right: 20px;width:300px;
                                       text-align:left;}
.LinePlacesTopDetails {width:100%; height: 60px;}
.LinePlacesTopDetails .LinePlacesText {float: right; width: 310px;
                                       background-color: #f27423;height: 60px;}
.LinePlacesTopDetails .LinePlacesText .LineBus {float:right;height:35px;}    
.LinePlacesTopDetails .LinePlacesText .LineBus img {margin-top:10px;}                                  
.LinePlacesTopDetails .LinePlacesText .arrLeft {font-size:14px;
                                                background-image: url(../images/arrLeftW20.jpg); }
.LinePlacesTopDetails .LinePlacesText .arrRight {font-size:14px;
                                                 background-image: url(../images/arrrightW20.jpg);} 		                                       
.LinePlacesTopDetails .cPrint {display:none;visibility:hidden;}
.TableLines {width:300px;}
.tbltdCYom, .tbltdCtimeSofit  {display:none;visibility:hidden;}
.tbltd, .tbltd div p {font-size:14px;}
.tbltd img {font-size:14px;display:none;visibility:hidden;}
.tbltd .imgShowDetails {display:block;visibility:visible;margin-right:10px;}

/* Matrix */
.tblMatrix {overflow:auto;font-size:11px;min-width: 300px;}/*overflow-x: auto; */
.GBanners {display:none;visibility:hidden;}
.page-sidebarr, .page-sidebarl {display:none;visibility:hidden;}                  
  /*-------------------------------*/            

  
.TopBanner1{display:none;visibility:hidden;}  
.MobileBanner{display:block;visibility:visible;}            
.DLang { display:block;visibility:visible;font-weight:bold;margin-top:5px;}           
            
}
    
    /*@media only screen and (max-width : 568px) { */        
    /* @media only screen and (max-device-width : 568px) { */
    	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {  
    	
   html {width:520px;}
   body {background-image:none;}
   #header {height: 202px;width: 520px;}
   #header .Logo {width:105px;}
   #header .Logo img {max-width: 105px;}
   #header .Menu {width:520px;}
   #header .Menu .MC1 {margin-right:10px;}
   #content {padding-top:5px;width: 300px;height: auto;float: right;}
   #menu {width:210px;}
   .TopPageImage img {width:510px;}
   #header .LogoT {margin-right:10px; top:43px; position:relative;}
   #header .LogoT img {max-width: 140px;}
   .MRL {margin: 0px 0px 0px 0px;}
   #DivOtherServices,#DivBannerRightSide,#Footer,#TopNavigation,
   .CallCenter {display:none;visibility:hidden;}
   .FastSearch {display:none;visibility:hidden;height:0px;}
   #wrapper {width: 100%;}
   .Ctab .BoxTab {width: 500px;}
   .DivCPage {width: 490px;}
   .ContactC {width: 490px;text-align:right;}  
   .CBox {width:500px;}
   .CBox .rk {width:70px;}
		
		
		
		/* ----  search Box ----------------- */
  .RowOne {display:table;text-align:center;width:100%;background-color:#fff; border: 0px;}
  .STByLinesBox, .STByPlacesBox, .STBydate  {width:290px;background-color:#fff;}
  .SSMSByLinesBox, .SNextBusByLineBox  {margin-bottom:20px;width:290px;}
  
  .STByLinesBox {height:170px;margin-bottom:20px;}
  .STByPlacesBox {height:150px;}
  .STBydate {height:150px;}
  .SSMSByLinesBox {height:250px;}
  .SNextBusByLineBox {height:150px;}
   	
  .STByLinesBox, .STByPlacesBox, .STBydate,.SSMSByLinesBox, .SNextBusByLineBox 
  {
  	margin: 0px 5px 0px 10px;      
  }                                          
  
  .STByLinesBox img , .STByPlacesBox img , .STBydate img, 
  .SSMSByLinesBox img , .SNextBusByLineBox img 
   {display:none;visibility:hidden;}
  
  
  .RowOne .title {
	background-color: #f27525; height: 26px;text-align:center;width: 240px;
	display:none;visibility:hidden;}
  .RowOne .title span {color: #fff; position: relative; top: 3px; color: #fff;}
  .MRL {margin: 0px 25px 0px 25px;}	
  .a_Acc_Title {display:block;clear:both;}
  
  .RowOne p1 {margin-bottom : 10px;	border: none;text-decoration: none;	font-weight: bold;
			 text-align:right;margin: 0px;	/*padding: 10px;*/
	}
.RowOne a { cursor:pointer;	display:block;	padding:5px; margin-top: 0;	text-decoration: none;
			color: White; background-color: #f27423;border-top: 0px solid #FFFFFF;
			border-bottom: 0px solid #999; 	margin-top:2px;	margin-bottom:2px;
			background-image: url("AccordionTab0.gif");}
            
.BorderStyle {webkit-box-shadow: 1px -1px 16px 0px #fff;
              -moz-box-shadow: 1px -1px 16px 0px #fff;
              box-shadow: 1px -1px 16px 0px #fff;}            
  
.ShowSMSDetails {position:relative;top:0px; z-index:9999;width:200px;height:140px;
               background-color:White;opacity: 0.9; filter: alpha(opacity=90);display:table;
               vertical-align:middle;text-align:center;display:none;right:30px;
                } 
    GBanners {display:none;visibility:hidden;}
	.page-sidebarr, .page-sidebarl {display:none;visibility:hidden;}              
      
    .TopBanner1{display:none;visibility:hidden;}  	  
    	  
    	    	
    }         
    
    
    @media screen and (max-width: 1310px) {
  /* specific CSS */
  
  .page-sidebarr, .page-sidebarl {display:none;visibility:hidden;}
  	
}
