﻿             
  /* @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 : 300px) and (max-width : 568px) and (orientation : portrait) {*/
  /*html {width:300px;}*/
  body {background-image:none;background-color:#ffffff;}
.TB890{float: left;margin-left:0px;width:100%;}
  .TB890 img {float: none;width:100%;}
  #wrapper { margin: auto auto;  width: 100%;direction:rtl; padding:0px;}
  #header {margin: auto auto; width: 300px;direction:rtl; }
  #TopNavigation { width: 300px; height: 50px;margin: auto auto; }
  .Otherpage {width:300px;margin-right:0px;}
  #header {height: 80px;width: 300px;}
  #header .Logo {width:70px;}
  #header .Logo img {max-width: 70px;}
  #header .Menu {width:300px;}
  #header .Menu .MC1 {margin-right:10px;}
  #header .LogoT {margin-right:6px; margin-top: 35px;width:224px;}
  #header .LogoT span {font-size: 16px;}
  .BannerStyle{display:none;}
  .DSizeLang {display:none;visibility:hidden;}
  .TopPageImage img {width:300px;}
  .TM {background-color:Transparent;}
  .lineInfoMain{float:right;width:300px;}
  #content {  padding-top: 15px;
  width: 100%;
  height: auto;
  float: right;
  /* padding-left: 7px; */
  /*margin-right: 7px;*/}/*width: 310px;*/
    
  .MRL {margin: 0px 0px 0px 0px;}
  #DivNews,#DivOtherServices,#DivBannerRightSide,#Footer,
  .CallCenter,.BannerBox {display:none;visibility:hidden;}
  .FastSearch {display:none;visibility:hidden;height:0px;}
  #wrapper {width: 100%;}
  
  #SMSRes{margin-right:25px;}
  .Ctab .BoxTab {width: 280px;}
  .DivCPage {width: 280px;}
  .ContactC {width: 280px;text-align:right;}  
  .CBox {width:300px;}
  .CBox .rk {width:70px;}
  .ContactC_Normal {width: 280px;}
  .DOtherInformation, .C_OtherServices, .C_News, .C_HomeBanner {display:none;visibility:hidden;}
  .BLeft {width:295px;}
   
  .ddlS {height: 23px;Font-Size:14px;}
  
  .page .PTitle {height:28px;display:table-cell;}
  .page .PTitle h1 {font-size:20px;} 
  
    #RightMenu, #LeftMenu{
        max-width:640px !important;
    }
    .RightDivMenu,.LeftMenuDiv{
        width:100% !important;
    }
    .MenuSearch{
        margin-right:0px !important;
    }
  
 /* ------ Menu ------------------*/
    #LeftMenu {
        width: auto !important;
    }
 .DMenu {background-color: #ffffff;  height: 21px; color: #fff; width: 300px;margin: auto auto; display: table; 
        overflow:hidden; vertical-align: middle; direction: rtl; text-align: center;}/*width: 320px;*/
 .TopMenuul     { list-style-type: none; padding: 0;height:21px;} 
 .TopMenuul  li {float: right;padding-left: 13px;padding-right:13px;border-left: solid 2px #fff;
                height:21px;display: table;vertical-align:middle;list-style-type: none;margin:2px;background-color: #c9071d; }
 .TopMenuul  li a {display: block; color: White;font-size: 14px; display:table-cell;vertical-align:middle;}
 #TM_Portal, #SpecialTravel, #TM_AboutUs1, #TM_RavKav, #TM_FAQ, #TM_Info  {display:none;visibility:hidden;}
 
 .TopMenuul #TM_Default{width:65px;}
 .TopMenuul #TM_AboutUs{width:80px;}
 .TopMenuul #SpecialTravel{width:114px;}
 .TopMenuul #TM_AboutUs1{width:60px;}
 .TopMenuul #TM_RavKav{width:45px;}
 .TopMenuul #TM_Info{width:85px;}
 .TopMenuul #TM_FAQ{width:105px;}
 .TopMenuul #TM_Portal{width:80px;}
 .TopMenuul #TM_ContactUs{width:60px;}
 
.TopSecondMenu {margin: auto auto;clear:both;height:90px;margin-left:auto;margin-right:auto;display:table;text-align:center;
                margin-right:10px;margin-left:10px;width: 300px;margin-top:21px; }/*width: 310px;*/
                             
.TopSecondMenu p {width: 100%; text-align: center; position: relative; top: 70px; font-size: 14px;font-weight:bolder;color:#5e5e5e;}

.TopSecondMenu .byPlaces, .TopSecondMenu .byDate, .TopSecondMenu .byrealtime, .TopSecondMenu .bySMS, .TopSecondMenu .byNextBus, 
.TopSecondMenu .byPlacesA, .TopSecondMenu .byDateA, .TopSecondMenu .byrealtimeA, 
.TopSecondMenu .bySMSA, .TopSecondMenu .byNextBusA {float:right;cursor:pointer;margin-right:10px; width:65px;height:64px; } 

.TopSecondMenu .byLine, .TopSecondMenu .byLineA { float:right;cursor:pointer;width:65px;height:64px; }

.TopSecondMenu .byLine {background:url('../Images/M_IconByLine.png') no-repeat center;}/*T_AIconByLine.jpg*/
.TopSecondMenu .byPlaces {background:url('../Images/M_T_IconPlaces.jpg') no-repeat center;}
.TopSecondMenu .byDate {background:url('../Images/M_T_IconByDate.jpg') no-repeat center;}
.TopSecondMenu .byrealtime {display:none;visibility:hidden;}
.TopSecondMenu .bySMS {background:url('../Images/M_T_IconSMS.png') no-repeat center;}
.TopSecondMenu .byNextBus {display:none;visibility:hidden;}
.TopSecondMenu .byLine:hover, .byLineA {background:url('../Images/M_T_AIconByLine.jpg') no-repeat center;}
.TopSecondMenu .byPlaces:hover, .byPlacesA {background:url('../Images/M_T_AIconPlaces.jpg') no-repeat center;}
.TopSecondMenu .byDate:hover, .byDateA {background:url('../Images/M_T_AIconByDate.jpg') no-repeat center;}
.TopSecondMenu .byrealtime:hover, .byrealtimeA {background:url('../Images/M_T_AIconPRout.jpg') no-repeat center;}
.TopSecondMenu .bySMS:hover, .bySMSA {background:url('../Images/M_T_AIconSMS.png') no-repeat center;}
.TopSecondMenu .byNextBus:hover, .byNextBusA {background:url('../Images/M_T_AiconNextBus.png') no-repeat center;}


.CBodyPages {margin: auto auto; background-color: Transparent;margin-top: 0px;width:300px;height: 100%;}

  
  /* ----  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;}            

.btext {width: 281px;font-size:20px;height: 31px;}
.btext span {position:absolute;top:5px;}
.SMSContent {background:url('../Images/F_SMS1.jpg') no-repeat top center;width:300px;} 
.SMSContent img {width:303px;}
.SMSContent #imgLoading {width:50px;}
.ShowSMSDetails .SText {color:black;font-size:20px;}
.ShowSMSDetails {position:relative;top:0px; z-index:9999;width:303px;height:182px;
               background-color:White;opacity: 0.9; filter: alpha(opacity=90);display:table;
               vertical-align:middle;text-align:center;display:none;top:33px; right:0px;
               color:Black;
                }   
                
                
/* ---- Body Seach Control --------- */

.C_Search {width: 322px; text-align: right; float: right;}
.C_SearchB {width: 301px; background-color: #c9071d; border: solid 1px Black;}
.C_CntSearch {margin: 20px; height:auto;}
.C_BtnSearch {width: 301px; height: 25px; background-color: #5e5e5e; border-top: solid 1px Black;
                    display: table-cell; vertical-align: middle; text-align: center;}
.C_BtnSearch span {font-size: 18px; color: #ffffff;}                 
                

/* ---- 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;}

.C_LineDetail {float: right;width:300px;}
.C_LineDetail .C_LineDetail_DImage img {width:303px;}/*{display:none;visibility:hidden;}*/
.C_LineDetail .C_LineDetail_Title {width: 300px;}
.C_LineDetail_Controls {width:300px;}
.C_LineDetail_Controls .bPrint {display:none;visibility:hidden;}

.LineTopDetails .CFromTo ,.LineTopDetails .CKav{height:75px;}
.ACDDl, .ACDDl2{float:none;}
.ddlS,.DateStyle,.ACDDl, .ACDDl2{margin:0px !important;margin-top:10px !important;}
.C_LineDetail_DImage{display:none}
.cShowDay{height:auto !important;}
.LineTopDetails {width: 100%; height: 60px; text-align:center;}	
.LineTopDetails .CKav {float: right; width: 60px;padding-right:10px;}
.LineTopDetails .CKav .line_number_text1 {font-size:20px; font-family: Arial; color: #fff; float: right;margin-top:2px;}
.LineTopDetails .CKav img {display:none;visibility:hidden;}
.LineTopDetails .CKav .line_number {width: 60px;text-align: center;font-size:20px;}
.LineTopDetails .CKav .line_number_text {margin-top: 0px; margin-right: 15px; text-align: center;}
.LineTopDetails .CFromTo {width: 230px; 
                           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;}

.lineDetailsRight {float:right; width:200px;}
.lineDetailsLeft {float:right; width:300px;}
.MHalofot {width: 300px;margin-right:35px;}


/* ---- 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;
                                       ;height: 75px;}
.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;}            
           
.PageOtherService {display:none;visibility:hidden;}           
         .RightSearch{
             margin-top:-125px;
         }   
         .LeftMenuSearch{
                  margin-top:-90px;
         }
       
}
    
    /*@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;width:310px;}
   #wrapper {width: 100%;}
   .Ctab .BoxTab {width: 500px;}
   .DivCPage {width: 490px;}
   .ContactC {width: 490px;text-align:right;}  
   .CBox {width:500px;}
   .CBox .rk {width:70px;}
		
       	#LeftMenu{
                right:10px;
                margin-top:20px;
                position:relative;
          
            }
		
		
		/* ----  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;}

  .MenuSearch{
      margin-right:-5px;
  }

  .ui-state-active,
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
      color:white !important;
  }
  .custom-combobox .ui-state-default{
        color:black !important;
  }

  .C_BtnSearch{
      margin-left:0px;
      width:auto;
  }

  /*.BannerStyle{
      display:none;
  }*/
  /*input{
      color:black !important;
  }*/
      
}
      @media only screen and (min-width : 569px) and (max-width : 1025px) and (orientation : landscape) {
            .TM {
                width: 100%;
            }
            #wrapper{
                width:100%;
            }
            #header{
                width:100%;
            }
            .DMenu{
                width:100%;
            }
            .CBodyPages{
                width:100%;
            }
            .MenuSearch{
                margin-right:0px !important;
            }
            #RightMenu{
                margin-right:10px;
            }
            .TopMenuul #TM_RavKav{
                width:80px;
            }
            #LeftMenu{
                float:right !important;
            }
            .LeftMenuDiv{
                margin-top:20px;
                /*margin-right:10px;*/
            }
            /*#LeftMenu{
                right:10px;
                margin-top:20px;
                position:relative;
            }*/
        }
