.buildRoutePanel                        {width: 375px;background-color: white;overflow-y: hidden; overflow-x: hidden; position: absolute; z-index: 10000; left: 0px; top: 79px;}
  .buildRoutePanelOptions                 {width:100%;display:inline-block;}

  .buildRoutePanelResult                  {width:100%;overflow-y: auto; overflow-x: hidden;}

  .routeVariant                  {background-color: #ffffff}
  .routeVariant.active                 {background-color: #EFEFEF}

  .route_results h2                  {margin: 0px;}
  .route_results h3                  {margin: 0px;}

  .routeIconA                       {margin-top: 10px;position: relative;top: 4px;left: 0px;font-size: 18px;content:'А'}
  .routeIconB                       {margin-top: 10px;position: relative;top: 4px;left: 0px;font-size: 18px;content:'Б'}


.routesPanel                        {width: 375px;background-color: white;overflow-y: hidden; overflow-x: hidden; position: absolute; z-index: -10000; left: 0px; top: 79px;display:none}
  
  .routesPanelMenu                          {width:100%;display:none;}
    .routesPanelMenuButton                  {margin-right:16px;margin-left:6px;margin-top:6px;float:left;color: #333333;font-family: trebuchet MS;cursor:pointer;font-size: 16px;}
    .routesPanelMenuButton.isDown           {background-color: silver;}
    
      .routesPanelMenuFilterButtonText              {float:left;}
      .routesPanelMenuFilterCountText               {float: left;margin-left: 3px;margin-top: 5px;font-family: trebuchet MS;font-size: 10px;background-color: gray;color: white;width: 15px;text-align: center;}
      .routesPanelMenuFilterCountText.notActive     {display:none;}      
      .routesPanelMenuFilterClearButton             {margin-left: 6px;margin-top: 3px;width: 16px;height: 16px;float:left;background-image: url('img/close16.png'); background-repeat: no-repeat;}
      .routesPanelMenuFilterClearButton.notActive   {display:none;}
      .routesPanelMenuSaveButton                 {-webkit-font-smoothing: antialiased !important;font-smooth: always;margin-right:6px;margin-left:8px;margin-top:6px;float:right;color: #333333;font-family: trebuchet MS;font-size: 16px;border-bottom:1px dashed #333333;cursor:pointer;}      
      .routesPanelMenuSaveButton.notActive       {color: #aaaaaa;border-bottom:1px dashed #aaaaaa;}
      .routesPanelMenuLinkButton                 {background-image: url(./img/link.png);width:16px;height:16px;margin-right:6px;margin-left:8px;margin-top:8px;float:right;color: #333333;font-family: trebuchet MS;font-size: 16px;cursor:pointer;}
      

  
  .routesPanelContainer                     {width:100%;padding-top: 15px;}


.routesList                             {width:100%;display:none;}

  .routesListMenu                       {width:100%;display:inline-block;}
    .routesListMenuViewButton           {margin-right:8px;margin-left:6px;margin-top:2px;float:left;color: #333333;font-family: trebuchet MS;cursor:pointer;font-size: 16px;cursor:pointer;}
    .routesListMenuViewButton.isDown    {background-color: silver;}

    .routesListMenuActionButton                 {margin-right:6px;margin-left:8px;margin-top:6px;float:right;color: #333333;font-family: trebuchet MS;font-size: 12px;border-bottom:1px dashed #333333;cursor:pointer;}
    .routesListMenuActionButton.notActive       {color: #aaaaaa;border-bottom:1px dashed #aaaaaa;}

  .routesListShowAllMenu                        {font-family: trebuchet MS;font-size: 12px;font-weight: normal;  width:100%;display:inline-block;margin-left:10px;}
    .routesListShowAllMenuText                  {margin-left: 4px;margin-top: 8px;float: left;color: #333333;font-family: trebuchet MS;font-size: 16px;font-weight:normal;}    
    .routesListShowAllMenuCheck                 {cursor: pointer;  margin-top: 8px; float: left; width: 20px; height: 20px;}  
    .routesListShowAllMenuCheck.checked       {background-image: url(./img/check_yes.png);}
    .routesListShowAllMenuCheck.unchecked     {background-image: url(./img/check_no.png);}
    .routesListShowAllMenuCheck.grayed        {background-image: url(./img/check_gray.png);}

  .routesListBlocksContainer          {overflow-y: auto; overflow-x: hidden;}
  .routesListBlock                    {display: inline-block; width: 100%;margin-bottom:15px;}

    .routesListBlockHeader              {font-family: trebuchet MS;font-size: 18px;display:block;width: 100%; height:40px;background-image: url('img/block_header_x.png'); background-repeat: repeat-x;}
    .routesListBlockHeader.troll        {color: #33abc4;}
    .routesListBlockHeader.bus          {color: #d73b3b;}
    .routesListBlockHeader.marsh        {color: #f4b418;}
    .routesListBlockHeader.tram         {color: #6eb80a;}

      .routesListBlockHeaderIco             {width: 27px;height: 27px;float:left;margin-left:10px;margin-top:6px;}
      .routesListBlockHeaderIco.bus         {background-image: url('img/block_bus_ico.png'); background-repeat: no-repeat;}
      .routesListBlockHeaderIco.troll       {background-image: url('img/block_troll_ico.png'); background-repeat: no-repeat;}
      .routesListBlockHeaderIco.marsh       {background-image: url('img/block_marsh_ico.png'); background-repeat: no-repeat;}
      .routesListBlockHeaderIco.tram        {background-image: url('img/block_tram_ico.png'); background-repeat: no-repeat;}
      
      .routesListBlockHeaderName            {float:left;margin-left:10px;margin-top:8px;}


      .routesListBlockHeaderCheck               {cursor: pointer;  margin-top: 10px;margin-left:10px; float: left; width: 20px; height: 20px; background-image: url(img/check_yes.png);}
      .routesListBlockHeaderCheck.checked       {background-image: url(./img/check_yes.png);}
      .routesListBlockHeaderCheck.unchecked     {background-image: url(./img/check_no.png);}
      .routesListBlockHeaderCheck.grayed        {background-image: url(./img/check_gray.png);}

    
    .routesListBlockItems                   {margin-left:10px;padding-top:10px; overflow:hidden;margin-right:10px;}

      .routesShortListBlockOneItem          {display: inline-block; width: 65px; text-align: center;vertical-align: middle;}
      .routesShortListBlockOneItem.wide     {width: 80px;}
      .routesShortListBlockOneItem.fullwidth{width: 340px;}
        .routesShortListRouteNum            {margin-left: 0px;margin-top: 4px;float: left;color: #333333;font-family: trebuchet MS;font-size: 20px;font-weight:bold;}
        
        .routesShortListRouteCheck               {cursor: pointer;  margin-top: 8px; float: left; width: 20px; height: 20px; background-image: url(img/check_yes.png);}
        .routesShortListRouteCheck.checked       {background-image: url(./img/check_yes.png);}
        .routesShortListRouteCheck.unchecked     {background-image: url(./img/check_no.png);}
        .routesShortListRouteCheck.grayed        {background-image: url(./img/check_gray.png);}


    .routesFullListSearch                   {width:100%;margin-left: 10px; margin-top: 10px; display:inherit;clear:both;height:24px;}

      .routesFullListBlockOneItem           {display: inherit; margin-left: 0px; margin-bottom: 3px; width: 100%; height: 36px;}
        .routesFullListRouteTag             {margin-left: -1px; float: left; width: 7px; height: 36px;}
        .routesFullListRouteTag.bus         {background-image: url(./img/line_bookmark_bus.png);}
        .routesFullListRouteTag.troll       {background-image: url(./img/line_bookmark_troll.png);}
        .routesFullListRouteTag.marsh       {background-image: url(./img/line_bookmark_marsh.png);}
        .routesFullListRouteTag.tram        {background-image: url(./img/line_bookmark_tram.png);}
         
        .routesFullListRouteContainer       {margin-left:-14px;margin-right:0px;float:left;width:100%;height:36px;}
          .routesFullListRouteContent         {position:relative;margin-left:14px;height:36px;background-image: url('img/line_back_x.png'); background-repeat: repeat-x;}

            .routesFullListRouteCheck               {cursor: pointer;margin-left:4px;margin-top: 8px; float: left; width: 20px; height: 20px; background-image: url(img/check_yes.png);}
            .routesFullListRouteCheck.checked       {background-image: url(./img/check_yes.png);}
            .routesFullListRouteCheck.unchecked     {background-image: url(./img/check_no.png);}
            .routesFullListRouteCheck.grayed        {background-image: url(./img/check_gray.png);}

            .routesFullListRouteName               {font-family: trebuchet MS;font-size: 20px;font-weight:bold;float:left;margin-left:4px;margin-top:5px;width:36px;}

            .routesFullListInfoContainer        {float:left;position:relative;z-index:9;top:0px;left0px;margin-left:20px;margin-top:0px;}

              .routesFullListFromLabel              {position:absolute;left:2px;top:0px;font-family:trebuchet MS;font-size:12px;color:#999999}            
              .routesFullListFromStation            {width:192px;overflow:hidden;white-space: nowrap;position:absolute;left:20px;top:0px;font-family:trebuchet MS;font-size:14px;font-weight:bold;color:#333333}
              .routesFullListToLabel                {position:absolute;left:0px;top:16px;font-family:trebuchet MS;font-size:12px;color:#999999}
              .routesFullListToStation              {width:192px;overflow:hidden;white-space: nowrap;position:absolute;left:20px;top:16px;font-family:trebuchet MS;font-size:14px;font-weight:bold;color:#333333}

        .routesFullListRouteLine                    {cursor:pointer;margin-top:6px;float:right;width:27px;height:26px;background-image: url('img/route_line_button_up.png');}
        .routesFullListRouteLine.isDown.bus         {background-image: url('img/route_line_button_down_bus.png');}
        .routesFullListRouteLine.isDown.troll       {background-image: url('img/route_line_button_down_troll.png');}
        .routesFullListRouteLine.isDown.marsh       {background-image: url('img/route_line_button_down_marsh.png');}
        .routesFullListRouteLine.isDown.tram        {background-image: url('img/route_line_button_down_tram.png');}

        .routesFullListRouteEndTag                  {float:left;width:7px;height:36px; background-image: url('img/line_endbookmark.png');}



.routesFilter                               {width:100%;display:inline-block;}
    .routesFilterMenu                       {width:100%;display:inline-block;}
      .routesFilterInfoText                 {margin-right:6px;margin-left:8px;margin-top:6px;float:left;color: #333333;font-family: trebuchet MS;font-size: 12px;}

  .routesFilterBlocksContainer          {overflow-y: auto; overflow-x: hidden;}

    .routesFilterBlock                      {float: left;width: 100%;margin-bottom: 20px;}
      .routesFilterBlockHeader              {color: #333333;font-family: trebuchet MS;font-size: 18px;display:block;width: 100%; height:40px;background-image: url('img/block_header_x.png'); background-repeat: repeat-x;}
        .routesFilterBlockHeaderName        {float:left;margin-left:10px;margin-top:6px;}

      .routesFilterBlockOneItem              {float:left;display: inline-block; width: 50%; vertical-align: middle;}
        .routesFilterBlockOneItemName        {width: 147px;white-space: nowrap;overflow-x: hidden;margin-left: 8px;margin-top: 9px;float: left;color: #333333;font-family: trebuchet MS;font-size: 14px;font-weight:bold;}
        .routesFilterBlockOneItemCheck               {cursor: pointer;margin-left:4px;margin-top: 8px; float: left; width: 20px; height: 20px; background-image: url(img/check_yes.png);}
        .routesFilterBlockOneItemCheck.checked       {background-image: url(img/check_yes.png);}
        .routesFilterBlockOneItemCheck.unchecked     {background-image: url(img/check_no.png);}
        .routesFilterBlockOneItemCheck.grayed        {background-image: url(img/check_gray.png);}

    .routesFilterItemButton                 {margin-right:6px;margin-left:8px;margin-top:6px;float:left;color: #333333;font-family: trebuchet MS;font-size: 12px;cursor:pointer;}
    .routesFilterItemButton.active          {background-color: silver;}



.mapMarker 							{width: 50px;height: 50px;text-align: center;vertical-align: middle;display: table-cell;position: relative;
  	                transform: scaleX(1.0) scaleY(1.0);
	                -webkit-transform: scaleX(1.0) scaleY(1.0);
	    			-o-transform: scaleX(1.0) scaleY(1.0);
	    			-moz-transform: scaleX(1.0) scaleY(1.0);
	    			
	                transition: transform 0.4s ease;
	                -webkit-transition:-webkit-transform 0.4s ease;
	    			-o-transition: -o-transform 0.4s ease;
	    			-moz-transition: -moz-transform 0.4s ease;}
.mapMarker.hidden				{
  	                transform: scaleX(0.0) scaleY(0.0);
	                -webkit-transform: scaleX(0.0) scaleY(0.0);
	    			-o-transform: scaleX(0.0) scaleY(0.0);
	    			-moz-transform: scaleX(0.0) scaleY(0.0)
	    		}	    			    			
  .mapMarkerRouteNum				{font-size: 20px;font-family: sans-serif;text-align: center;-webkit-font-smoothing: antialiased !important;font-smooth: always;position:absolute;z-index: 100;}
  .mapMarkerRouteNum.short			{top: 10px;left: 20px;}
  .mapMarkerRouteNum.medium			{top: 10px;left: 14px;}
  .mapMarkerRouteNum.wide			{top: 10px;left: 7px;}

  .mapMarkerIco 					{width: 50px;height: 50px;position: absolute;left: 0px;top: 0px;}  
  .mapMarkerIco.bus					{background-image: url('img/bus.png'); background-repeat: norepeat;}
  .mapMarkerIco.bus.selected		{background-image: url('img/hi_bus.png'); background-repeat: norepeat;}
  .mapMarkerIco.bus.isOld    {background-image: url('img/old_veh.png'); background-repeat: norepeat;}
  .mapMarkerIco.troll				{background-image: url('img/troll.png'); background-repeat: norepeat;}
  .mapMarkerIco.troll.selected		{background-image: url('img/hi_troll.png'); background-repeat: norepeat;}
  .mapMarkerIco.troll.isOld    {background-image: url('img/old_veh.png'); background-repeat: norepeat;}
  .mapMarkerIco.marsh				{background-image: url('img/marsh.png'); background-repeat: norepeat;}
  .mapMarkerIco.marsh.selected		{background-image: url('img/hi_marsh.png'); background-repeat: norepeat;}
  .mapMarkerIco.marsh.isOld    {background-image: url('img/old_veh.png'); background-repeat: norepeat;}
  .mapMarkerIco.tram				{background-image: url('img/tram.png'); background-repeat: norepeat;}
  .mapMarkerIco.tram.selected		{background-image: url('img/hi_tram.png'); background-repeat: norepeat;}




.forecastMapMarker   					{width: 35px;height: 41px;text-align: center;vertical-align: middle;display: table-cell;position: relative;
  	                transform: scaleX(1.0) scaleY(1.0);
	                -webkit-transform: scaleX(1.0) scaleY(1.0);
	    			-o-transform: scaleX(1.0) scaleY(1.0);
	    			-moz-transform: scaleX(1.0) scaleY(1.0);
	    			
	                transition: transform 0.4s ease;
	                -webkit-transition:-webkit-transform 0.4s ease;
	    			-o-transition: -o-transform 0.4s ease;
	    			-moz-transition: -moz-transform 0.4s ease;}
.forecastMapMarker.hidden				{
  	                transform: scaleX(0.0) scaleY(0.0);
	                -webkit-transform: scaleX(0.0) scaleY(0.0);
	    			-o-transform: scaleX(0.0) scaleY(0.0);
	    			-moz-transform: scaleX(0.0) scaleY(0.0)
	    		}	    			
  .forecastMapMarkerArrTime				{font-weight:bold;font-size: 16px;font-family: sans-serif;text-align: center;-webkit-font-smoothing: antialiased !important;position:absolute;z-index: 100;}
  .forecastMapMarkerArrTime.short		{top: 4px;left: 14px;}
  .forecastMapMarkerArrTime.medium		{top: 4px;left: 9px;}
  .forecastMapMarkerArrTime.wide		{top: 4px;left: 4px;}

  .forecastMapMarkerMinutes				{top: 17px;left: 8px;font-size: 10px;font-family: sans-serif;text-align: center;-webkit-font-smoothing: antialiased !important;position:absolute;z-index: 100;}

  .forecastMapMarkerIco					{width: 35px;height: 41px;background-image: url('./img/forecast.png'); background-repeat: norepeat;position: absolute;left: 0px;top: 0px;}




.stationForecastWindowTemplate 		{width: 454px; height: 310px; float: left;}

  .stationForecastContainer 		{width: 454px;overflow:hidden;border: 1px solid #b8bdc3; height:100%;}

    .stationForecastHeader			{height:27px;width:100%; background-image: url('./img/forecast_table_header_x.png');background-repeat: repeat-x;display:block;}
      .stationForecastHeaderName	{color:#fff;font-family: trebuchet MS;font-size: 16px;font-weight:bold;overflow:hidden;white-space:nowrap;width:418px;width: expression( this.scrollWidth : 418 ? '418px' : 'auto' );margin-left:8px;float:left;}
      .stationForecastHeaderClose	{margin-top:2px;margin-right:3px;cursor:pointer;height:22px;width:22px;float:right; background-image: url('./img/close.png');			background-repeat: no-repeat;}

    .stationForecastColumnsHeaders	{width:100%;height:27px;display:block;font-family: trebuchet MS;font-size: 14px;color:#a3a8ad;}
      .stationForecastColumnHeaderRouteName 	{width:78px;height:27px;float:left;text-align: center;overflow: hidden;}
      .stationForecastColumnHeaderArrTime1		{width:82px;height:27px;float:left;border-left: 1px solid #b8bdc3;text-align: center;overflow: hidden;}
      .stationForecastColumnHeaderArrTime2		{width:82px;height:27px;float:left;border-left: 1px solid #b8bdc3;text-align: center;overflow: hidden;}
      .stationForecastColumnHeaderWhereGo		{width:180px;height:27px;float:left;border-left: 1px solid #b8bdc3;text-align: center;overflow: hidden;}

    .stationForecastLines				{max-height:256px;height: expression( this.scrollHeight : 200 ? '200px' : 'auto' );width:100%;display:block;overflow-y:auto;overflow-x:hidden;}
      .stationForecastLine				{font-family: trebuchet MS;font-size: 16px;color:#454545;height:27px;width:100%;display:block;}
      	
      	.stationForecastRouteNameSpan 		{font-weight:bold;color:#fff;position:relative;top:-2px;left:0px;padding:5px;}
        .stationForecastRouteNameSpan.bus	{background-color:#e74949;}
        .stationForecastRouteNameSpan.troll	{background-color:#32c0d9;}
        .stationForecastRouteNameSpan.marsh	{background-color:#f5b823;}
        .stationForecastRouteNameSpan.tram	{background-color:#6eb80a;}


        .stationForecastLineColomnRouteName		{height:27px;width:78px;float:left;text-align: center;overflow: hidden;}
        .stationForecastLineColomnArrTime1		{height:27px;width:82px;float:left;border-left: 1px solid #b8bdc3;text-align: center;overflow: hidden;}
        .stationForecastLineColomnArrTime2		{height:27px;width:82px;float:left;border-left: 1px solid #b8bdc3;text-align: center;overflow: hidden;}
        .stationForecastLineColomnWhereGo		{height:27px;width:180px;float:left;border-left: 1px solid #b8bdc3;text-align: center;overflow: hidden;}




.stationsPanel                        	{width: 375px;background-color: white;overflow-y: hidden; overflow-x: hidden; position: absolute; z-index: 10000; left: 0px; top: 79px;}

  .stationsPanelSearch 					{width:100%;margin-left: 10px; margin-top: 10px; display:block;clear:both;height:46px;}
    .stationsPanelSearchCaption         {margin-right:16px;float:left;color: #333333;font-family: trebuchet MS;font-size: 16px;}
    .stationsPanelSearchFieldHolder		{width: 282px;height: 25px;background: url("img/input.png") no-repeat;float: left;}  
      .stationsPanelSearchField			{width: 261px;height: 20px;background: none;border: none;color: #999999;margin-top: 2px;margin-left: 5px;font-family: trebuchet MS;font-size: 14px;}

    .stationsPanelSearchPanelButton		{margin-left:3px;margin-top:0px;width: 29px;height: 25px;background: url("./img/search.png") no-repeat;float: left;}

  .stationsListBlocksContainer          {overflow-y: auto; overflow-x: hidden; width:100%;margin-top:21px;}

  .stationsListBlock                    	{display: inline-block; width: 100%;margin-bottom:15px;}
    .stationsListBlockHeader              	{font-family: trebuchet MS;font-size: 18px;display:block;width: 100%; height:40px;background-image: url('img/block_header_x.png'); background-repeat: repeat-x;}

      .stationsListBlockHeaderIco             {width: 26px;height: 33px;float:left;margin-left:10px;margin-top:5px;}
      .stationsListBlockHeaderIco.bus         {background-image: url('img/block_station_ico.png'); background-repeat: no-repeat;}
      .stationsListBlockHeaderIco.tram        {background-image: url('img/block_rail_station_ico.png'); background-repeat: no-repeat;}
      
      .stationsListBlockHeaderName            {float:left;margin-left:10px;margin-top:6px;}
      .stationsListBlockHeaderName.bus      	{color: #8f60ba;}
      .stationsListBlockHeaderName.tram      	{color: #6eb80a;}


    
    .stationsListBlockItems                   {margin-left:10px;padding-top:10px; overflow:auto;overflow-x:hidden;margin-right:10px;}


      .stationsListBlockOneItem           {margin-left:0px;margin-top:3px; display:block;width:100%; height:36px;}
        .stationsListRouteTag             {float: left; width: 17px; height: 36px;}
        .stationsListRouteTag.bus         {background-image: url(./img/item_tag_station.png);}        
        .stationsListRouteTag.tram        {background-image: url(./img/item_tag_rail_station.png);}
         
        .stationsListRouteContainer       		{margin-left:-24px;margin-right:0px;float:left;width:100%;height:36px;}
          .stationsListRouteContent         	{position: relative; margin-left: 24px; height: 36px;background-image: url('img/line_back_x.png'); background-repeat: repeat-x;}

            .stationsListRouteName              {font-family: trebuchet MS;font-size: 20px;font-weight:bold;float:left;margin-left:4px;margin-top:5px;width:36px;}

            .stationsListInfoContainer        	{float:left;position:relative;top:0px;left0px;margin-left:6px;margin-top:0px;}

              .stationsListStationName          {width:175px;overflow:hidden;white-space: nowrap;position:absolute;left:0px;top:0px;font-family:trebuchet MS;font-size:14px;font-weight:bold;color:#333333}            
              .stationsListStationDescription   {width:175px;overflow:hidden;white-space: nowrap;position:absolute;left:0px;top:16px;font-family:trebuchet MS;font-size:12px;color:#999999}              
			
			.stationsListFavButton          		{cursor: pointer; margin-right: 1px; margin-top: 6px; float: right; width: 27px; height: 26px; background-image: url('img/left_fav_button_up.png');}
      .stationsListFavButton.isDown       {background-image: url('img/left_fav_button_down.png');}

			.stationsListForecastButton        	{cursor: pointer; margin-right: 4px; margin-top: 6px; float: right; width: 80px; height: 26px; background-image: url('img/station_forecast_button_up.png');}

        .stationsListRouteEndTag                {float: left; width: 7px; height: 36px; background-image: url('img/line_endbookmark.png');}




.favPanel                        	{width: 375px;background-color: white;overflow-y: hidden; overflow-x: hidden; position: absolute; z-index: 10000; left: 0px; top: 79px;}

  .favListBlocksContainer          {overflow-y: auto; overflow-x: hidden; width:100%;margin-top:21px;}        

    .favListBlock                    	{display: inline-block; width: 100%;margin-bottom:15px;}
    .favListBlockHeader              	{font-family: trebuchet MS;font-size: 18px;display:block;width: 100%; height:40px;background-image: url('img/block_header_x.png'); background-repeat: repeat-x;}

      .favListBlockHeaderIco            {width: 26px;height: 31px;float:left;margin-left:10px;margin-top:5px;}
      .favListBlockHeaderIco.stations	{background-image: url('img/fav_station.png'); background-repeat: no-repeat;}
      .favListBlockHeaderIco.routes      {background-image: url('img/fav_route.png'); background-repeat: no-repeat;}
      
      .favListBlockHeaderName           {float:left;margin-left:10px;margin-top:6px;color: #888d96;}

    .favListBlockItems                   {margin-left:10px;padding-top:10px; overflow:auto;overflow-x:hidden;margin-right:10px;}
      

      .favRoutesListBlockOneItem           {display: inherit; margin-left: 0px; margin-bottom: 3px; width: 100%; height: 36px;}
        .favRoutesListTag             {margin-left: -1px; float: left; width: 7px; height: 36px;background-image: url(./img/line_bookmark_routes.png);}
         
        .favRoutesListContainer       {margin-left:-14px;margin-right:0px;float:left;width:100%;height:36px;}
          .favRoutesListContent         {position:relative;margin-left:14px;height:36px;background-image: url('img/line_back_x.png'); background-repeat: repeat-x;}

            .favRoutesListCheck               	{cursor: pointer;margin-left:4px;margin-top: 8px; float: left; width: 20px; height: 20px; background-image: url(img/check_yes.png);}
            .favRoutesListCheck.checked       	{background-image: url(./img/check_yes.png);}
            .favRoutesListCheck.unchecked     	{background-image: url(./img/check_no.png);}
            .favRoutesListCheck.grayed        	{background-image: url(./img/check_gray.png);}

            .favRoutesListName               	{font-family: trebuchet MS;font-size: 18px;float:left;margin-left:4px;margin-top:5px;}
            .favRoutesListRemove				{cursor:pointer;margin-right:0px;margin-top:8px;float:right;width:21px;height:22px;background-image: url('img/remove.png');}

        .favRoutesListEndTag                  {float:left;width:7px;height:36px; background-image: url('img/line_endbookmark.png');}

     .favStationsListBlockOneItem           {margin-left:0px;margin-top:3px; display:block;width:100%; height:36px;}
        .favStationsListRouteTag             {float: left; width: 17px; height: 36px;}
        .favStationsListRouteTag.bus         {background-image: url(./img/item_tag_station.png);}        
        .favStationsListRouteTag.tram        {background-image: url(./img/item_tag_rail_station.png);}
         
        .favStationsListRouteContainer           {margin-left:-24px;margin-right:0px;float:left;width:100%;height:36px;}
          .favStationsListRouteContent           {position: relative; margin-left: 24px; height: 36px;background-image: url('img/line_back_x.png'); background-repeat: repeat-x;}

            .favStationsListRouteName              {font-family: trebuchet MS;font-size: 20px;font-weight:bold;float:left;margin-left:4px;margin-top:5px;width:36px;}

            .favStationsListInfoContainer          {float:left;position:relative;top:0px;left0px;margin-left:6px;margin-top:0px;}

              .favStationsListStationName          {width:175px;overflow:hidden;white-space: nowrap;position:absolute;left:0px;top:0px;font-family:trebuchet MS;font-size:14px;font-weight:bold;color:#333333}            
              .favStationsListStationDescription   {width:175px;overflow:hidden;white-space: nowrap;position:absolute;left:0px;top:16px;font-family:trebuchet MS;font-size:12px;color:#999999}              
      
      .favStationsListRemoveButton              {cursor: pointer; margin-right: 1px; margin-top: 8px; float: right; width: 21px; height: 22px; background-image: url('img/remove.png');}
      
      .favStationsListForecastButton         {cursor: pointer; margin-right: 4px; margin-top: 6px; float: right; width: 80px; height: 26px; background-image: url('img/station_forecast_button_up.png');}

        .favStationsListRouteEndTag                {float: left; width: 7px; height: 36px; background-image: url('img/line_endbookmark.png');}

  .cameraIco           {width: 32px;height: 32px;position: absolute;left: 0px;top: 0px;background-image: url('img/camera.png'); background-repeat: norepeat;}


  .tooltip::after {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px 8px 8px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #454545;
    content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
    margin-top: -24px;
    opacity: 0; /* Наш элемент прозрачен... */
    padding: 3px 7px;
    position: absolute;
    visibility: hidden; /* ...и скрыт. */
            
    transition: all 0.3s ease-in-out; /* Добавить плавности по вкусу */
}
        
.tooltip:hover::after {
    opacity: 1; /* Показываем его */
    visibility: visible;
}