/* Балун с информацией для карты, исходный
div.balloon{
 display: none;
 position: absolute;
 width: 531px;
 height: auto;
 opacity: 0;
}
*/
div.balloon{
 position: relative;
 width: 531px;                                
 margin-left: -265px;
}


div.balloon[class~="route"]{
 width: 430px;
 margin-left: -215px;
}


div.balloon_header{
 height: 24px;
 padding: 16px;
 overflow: hidden;
 background: #ff2f00;
/* background: url(../images/balloon_header_bg.png) no-repeat -1px 0px; */
}


.cecutient div.balloon_header{
 height: 43px;
 background: #000 none; 
}

.cecutient .mapsBox {
  padding-left: 335px;
}

div.balloon_content{
 overflow: hidden;
 text-align: left;
 font-size: 12px;
 /*max-height: 218px;*/
 max-height: 278px;
 padding: 12px;
 padding-bottom: 10px;
 background: url(../images/balloon_middle_bg.png) repeat-y; 
}

.cecutient .balloon_content *{
  font-size: 18px;
}

div.balloon[class~="route"] div.balloon_content{
 background: url(../images/balloon_middle_route_bg.png) repeat-y; 
}

div.balloon_bottom{
 height: 20px;
 overflow: hidden;
 background: url(../images/balloon_bottom_bg.png) no-repeat 50% 50%; 
}

div.balloon_title{
 float: left;
 padding-left: 38px;
 padding-top: 3px;
 padding-bottom: 20px;
 font-family: trebuchet ms;
 font-size: 18px;
 color: #FFF;
 background-repeat: no-repeat;
}

.cecutient div.balloon_title{
 font-size: 22px;
}

div.balloon_title span.num{
 margin-left: 10px;
 font-weight: normal;
 font-family: trebuchet ms;
 color: #FFF;
}

div.balloon_title[class~="station"]{
/* background-image: url(../images/icons/balloon/station_w.png);*/
 background-image: url(../images/icons/balloon/station_sh.png);
}

.cecutient div.balloon_title[class~="station"]{
 background-image: none;
}

div.balloon_title[class~="bus"]{
 background-image: url(../images/icons/balloon/bus_w.png);
}
div.balloon_title[class~="tp11"]{
 background-image: url(../images/icons/balloon/bus_w.png);
}

div.balloon_title[class~="trolleybus"]{
 background-image: url(../images/icons/balloon/trolleybus_w.png);
}
div.balloon_title[class~="tp12"]{
 background-image: url(../images/icons/balloon/trolleybus_w.png);
}

div.balloon_title[class~="tram"]{
 background-image: url(../images/icons/balloon/tram_w.png);
}
div.balloon_title[class~="tp13"]{
 background-image: url(../images/icons/balloon/tram_w.png);
}

div.balloon_title[class~="kiosk"]{
 background-image: url(../images/icons/balloon/kiosk_w.png);
}

div.balloon_title[class~="parking"]{
 background-image: url(../images/icons/balloon/parking_w.png);
}

div.balloon_title[class~="specLine"]{
 background-image: url(../images/icons/balloon/specLine.png);
}


.cecutient div.balloon_title{
 background-image: none;
}

div.balloon_icons{
 float: right;
 /*width: 70px;*/
/* height: 22px;*/
 margin-top: -10px;
 margin-right: 20px;
 padding: 3px;
 text-align: center;
/* background: #ff6600;*/
 /*background: #645188;*/
/* border-radius: 5px;*/
}

.cecutient div.balloon_icons{
 background: #000;
 margin-top: 1px;
}

div.balloon_icons div
{
  background: #000;
  float: left;
  margin: 5px 5px 0;
}

div.balloon_icons div.icon.route
{
 width: 14px;
 height: 14px;
 background: url(../images/icons/balloon/route.png) no-repeat;
}

.cecutient div.balloon_icons div.icon.route{
 width: 29px;
 height: 33px;
 background: url(../images/icons/balloon/route_black.png) no-repeat;
}

div.balloon_icons div.icon.favorite
{
 width: 28px;
 height: 28px;
 background: url(../images/icons/sidebar/favorite_normal_.png) no-repeat;
/* background: url(../images/icons/balloon/favorite.png) no-repeat;*/
}

.cecutient div.balloon_icons div.icon.favorite{
 width: 33px;
 height: 31px;
 background: url(../images/icons/balloon/favorite_black.png) no-repeat;
}


div.balloon_icons div.icon.favorite.active {
 width: 28px;
 height: 28px;
 background: url(../images/icons/sidebar/favorite_active_.png) no-repeat;
 //background: url(../images/icons/popup_block/favorite_active.png) no-repeat;
}

.cecutient div.balloon_icons div.icon.favorite.active{
 width: 33px;
 height: 31px;
 background: url(../images/icons/balloon/favorite_black.png) no-repeat;
}

div.balloon_icons img{
 margin: 3px;
 margin-left: 5px;
 margin-right: 5px;
}

div.balloon_icons img.print{
 position: relative;
 top: 1px;
}


div.balloon_close{
 position: absolute;
 top: 10px;
 right:10px;
 /*float: right;*/
 width: 10px;
 height: 10px;
 margin-top: 6px;
 padding: 3px;
 cursor: pointer;
 background: url(../images/icons/balloon/balloon_close.png) no-repeat 50% 50%;
}

.cecutient div.balloon_close{
 width: 33px;
 height: 33px;
 background: url(../images/icons/balloon/balloon_close_black.png) no-repeat 50% 50%;
}


div.balloon_back{
 position: absolute;
 top: 70px;
 left: 20px; 
 width: 30px;
 height: 23px;
 background: url(../images/balloon_arrow_left.png) no-repeat; 
 cursor: pointer;
 cursor: hand;
}

.cecutient div.balloon_back{
 width: 21px;
 margin-top: 30px;
 height: 35px;
 background: url(../images/icons/balloon/link_left_black.png) no-repeat; 
}

/* Расписание */
div.balloon_shedule{
 width: 360px;
 float: left;
 color: #000;
}

div.balloon_shedule_inner{
 float: left;
 /*width: 380px;*/
 width: 335px;
 /*height: 160px;*/
 height: 182px;
}

.cecutient div.balloon_shedule_inner{
 width: 260px;
    
}

div.balloon_shedule_calendar_link{
 margin-top: 10px;
 margin-bottom: 30px; 
 text-align: center;
 font-family: calibri; 
 font-size: 12px;
 color: #755e9f;
}

.cecutient div.balloon_shedule_calendar_link{
 font-size: 20px;
 width: 345px;
 color: #000;
}

input.shedule_date_picker{
 position: relative;
 width: 150px; 
 height: 15px; 
 margin-right: -150px;
 cursor: pointer; 
 cursor: hand;
 opacity: 0;
 filter: alpha(opacity=0);
 -moz-opacity: 0;
}

.cecutient input.shedule_date_picker{
 height: 36px;
 margin-right: -145px;
 font-size: 20px;
}

div.balloon_shedule_item{
 float: left;
 width: 72px;
 height: 24px;
 margin-bottom: 8px;
 margin-left: 10px;
 overflow: hidden;
}

.cecutient div.balloon_shedule_item{
/* width: 145px;*/
 width: 230px;
 height: 166px;
}

div.balloon_shedule div.inactive{
 color: #bcbcbc;
}

div.balloon_shedule_item div.hour{
 float: left;
 width: 26px;
 text-align: right;
 font-family: calibri, arial;
 font-size: 27px;
 line-height: 20px;
 letter-spacing: -1px;
}


.cecutient div.balloon_shedule_item div.hour{
 font-size: 50px;
 width: 50px;
 color: #000;
 line-height: 33px;
}

div.balloon_shedule_item div.minute{
 float: left;
 width: 8px;
 margin-left: 3px;
 text-align: right;
 font-family: arial;
 font-size: 8px;
 line-height: 11px; 
}

.cecutient div.balloon_shedule_item div.minute{
  font-size: 20px;
  line-height: 20px;
  width: 28px;
  color: #000;
}

/* Список транспорта для отображения расписания */
div.balloon_shedule_transport_list{
 position: absolute; 
 width: 159px; /*120*/
 height: auto; 
 top: 84px; 
 bottom: 38px;  
 right: 25px;
}

.cecutient div.balloon_shedule_transport_list{
  width: 225px; /*120*/
}

.mCSB_container
{
  margin-right: 16px !important;
}

div.balloon_shedule_transport_list_item{
 width: 91px; /*38*/
 height: 35px; /*16px*/
 padding: 5px 10px 5px 40px;
 /*
 padding: 10px;
 padding-left: 40px;
 */
 font-family: trebuchet ms;
/* font-size: 13px; 18px;*/
 font-size: 14px; /*18px;*/
 
/* font-size: 0.75em;*/
 
 line-height: 12px; /*20px;*/
 background-repeat: no-repeat;
 background-position: 12px 50%;
 border: 1px solid transparent;
 cursor: pointer;
 cursor: hand;
}

.cecutient div.balloon_shedule_transport_list_item{
  padding: 5px 5px 5px 9px;
  background: none !important;
  height: 75px;
  color: #000;
  width: 190px;
  line-height: 24px;
  font-size: 26px;
}

div.balloon_shedule_transport_list div.active{
 background-color: #ebe7e1;
 border: 1px solid #c8c0b8;
 border-radius: 6px;
}

div.balloon_shedule_transport_list div.bus{
 color: #545fb2;
 background-image: url(../images/icons/balloon/bus_icon.png);
}

div.balloon_shedule_transport_list div.tram{
 color: #fe683a;
 background-image: url(../images/icons/balloon/tram_icon.png);
}




/* Список транспорта */
div.balloon_transport_list{
 height: 150px;
}

div.balloon_transport_list div.list_item{
/* height: 18px;*/
 padding: 10px;
 padding-left: 40px;
 background-repeat: no-repeat; 
 background-position: 12px 50%; 
 border-top: 1px solid #e9e9e9;
 cursor: pointer;
 cursor: hand;
}

.cecutient div.balloon_transport_list div.list_item{
/* height: 55px;*/
 border-bottom: 3px dotted #000;
 padding-left: 0px;
 background: none;
}

.cecutient .tt_minus div.list_item{
/* height: 55px;*/
 border-bottom: 3px dotted #FFF !important;
}


div.balloon_transport_list div.list_item:first-child{
 border-top: 0px;
}

div.balloon_transport_list div.bus{
 color: #545fb2;
 background-image: url(../images/icons/balloon/bus_icon.png);
}

div.balloon_transport_list div.tram{
 color: #fe683a;
 background-image: url(../images/icons/balloon/tram_icon.png);
}


div.balloon_transport_list div.list_item div.number{
/* float: left;*/
/* width: 137px;*/
 overflow: hidden;
 font-size: 1em;
/* 
 font-family: trebuchet ms;
 font-size: 18px;
*/
 line-height: 20px;
}

.cecutient div.balloon_transport_list div.list_item div.number{
  font-size: 20px;
  line-height: 22px;
}

div.balloon_transport_list div.list_item div.title{
 float: left;
 width: 212px;
 overflow: hidden;
 margin-top: -4px;
 padding-top: 0px;
 font-family: trebuchet ms, arial;
 font-size: 11px;
 color: #000;
}

.cecutient div.balloon_transport_list div.list_item div.title{
  font-size: 14px;
  font-weight: bold;
}

div.balloon_transport_list div.list_item div.title p{
 margin: 0px;
 line-height: 12px;
}

.cecutient div.balloon_transport_list div.list_item div.title p{
 line-height: 35px;
}


div.balloon_transport_list div.list_item div.time{
 float: left;
 margin-right: -50px;
 padding-top: 5px;
 font-family: trebuchet ms, arial;
 font-size: 10px;
 color: #000;
 font-weight: bold;
}

div.balloon_transport_list div.list_item div.time span.gr{
 font-weight: normal;
}

div.balloon_transport_list div.list_item div.link{
 float: right;
 width: 26px;
 height: 22px;
 margin-left: 18px;
 background: url(../images/icons/balloon/link.png);
}

.cecutient div.balloon_transport_list div.list_item div.link{
 width: 21px;
 height: 35px;
 background: url(../images/icons/balloon/link_right_black.png);
}


/* Начальная и конечная остановки */
div.balloon_route_info{
 margin: -10px;
 margin-bottom: 0px; 
 padding: 12px;
 background: #ebebeb;
}

div.balloon_route_info div.termius{
 margin-bottom: 5px;
 font-size: 12px;
 font-family: calibri;
 color: #5E5849;
}

.cecutient div.balloon_route_info div.termius{
 font-size: 20px;
}

div.balloon_route_info div.termius span.small{
 display: inline-block;
 font-size: 10px;
 font-weight: bold;
 width: 22px;
}

.cecutient div.balloon_route_info div.termius span.small{
 font-size: 18px;
 padding: 0 13px 0 0;
}

div.balloon_route_stations_list{
 height: 154px;
 margin-top: 12px;
}

div.balloon_route_stations_list div.item{
 width: 100%;
 display: table;
 height: 34px;
 margin-bottom: -4px;
 margin-left: 8px;
}

div.balloon_route_stations_list div.item:last-child{
 margin-bottom: 0px;
}

div.balloon_route_stations_list div.item div.line{
 display: table-cell;
 width: 30px;
 height: 34px;
 background: #e2e1e0;
 border-radius: 4px;
}

.cecutient div.balloon_route_stations_list div.item div.line{
 width: 30px;
 height: 38px;
 background: #fff;
}

div.balloon_route_stations_list div.item div.line_inner{
 width: 30px;
 height: 34px;
 background: url(../images/balloon_scheme_bg.png) repeat-y 14px 0px;
}

.cecutient div.balloon_route_stations_list div.item div.line_inner{
 height: 48px;
}

div.balloon_route_stations_list div.item:first-child  div.line_inner{
 margin-top: 17px;
 width: 30px;
 height: 17px;
 background: url(../images/balloon_scheme_bg.png) repeat-y 14px 0px;
}

.cecutient div.balloon_route_stations_list div.item:first-child  div.line_inner{
 height: 27px;
}

div.balloon_route_stations_list div.item:last-child  div.line_inner{
 margin-bottom: 17px;
 width: 30px;
 height: 17px;
 background: url(../images/balloon_scheme_bg.png) repeat-y 14px 0px;
}

div.balloon_route_stations_list div.item  div.icon{
 position: relative;
 width: 30px;
 height: 34px;
 background: url(../images/icons/balloon/scheme_s.png) no-repeat 50% 50%;
}

.cecutient div.balloon_route_stations_list div.item  div.icon{
 background: url(../images/icons/popup_block/scheme_l_bl.png) no-repeat;
}

div.balloon_route_stations_list div.item:first-child div.icon{
 top: -17px;
 width: 30px;
 height: 34px;
 background: url(../images/icons/balloon/scheme_l.png) no-repeat 50% 50%;
}

.cecutient div.balloon_route_stations_list div.item:first-child div.icon{
 background: url(../images/icons/popup_block/scheme_l_bl.png) no-repeat;
}



div.balloon_route_stations_list div.item:last-child div.icon{
 top: 0px;
 width: 30px;
 height: 34px;
 background: url(../images/icons/balloon/scheme_l.png) no-repeat 50% 50%;
}

.cecutient div.balloon_route_stations_list div.item:last-child div.icon{
 background: url(../images/icons/popup_block/scheme_l_bl.png) no-repeat;
}


div.balloon_route_stations_list div.item div.title{
 display: table-cell;
 
 padding-left: 12px;
 vertical-align: middle; 
 font-family: calibri;
 font-size: 12px;
 color: #6e7172;
}

.cecutient div.balloon_route_stations_list div.item div.title{
 color: #000;
 font-size: 20px;
}

div.balloon_route_stations_list div.item  div.time{
 display: table-cell;
 width: 45px;
 vertical-align: middle;
 font-size: 10px;
 font-weight: bold;
}

div.balloon_route_stations_list div.item:first-child div.title,
div.balloon_route_stations_list div.item:last-child div.title{
 font-size: 14px;
}

.cecutient div.balloon_route_stations_list div.item:first-child div.title,
.cecutient div.balloon_route_stations_list div.item:last-child div.title{
 font-size: 20px;
}

/* Информация под шапкой */
div.balloon_info{
 margin: -10px;
 margin-bottom: 0px; 
 padding: 12px;
 background: #ebebeb;
}

div.balloon_info div.item{
 margin-bottom: 5px;
 font-size: 12px;
 font-family: calibri;
 color: #525eaf;
}

div.balloon_info div.item[class~="small"]{
 font-size: 10px;
}

div.balloon_text{
 font-weight: 18p;
 padding-top: 10px;
}

.balloon_icons a{
 width: 15px;
 height: 15px;
 display: block;
 float:left;
}

.balloon_icons a.closeHint{
 background: url(../images/icons/balloon/balloon_close.png) no-repeat;
}

.balloon_icons a.favorite{
 background: url(../images/icons/balloon/favorite.png) no-repeat;
}

.balloon_icons a.printW{
 background: url(../images/icons/balloon/print.png) no-repeat;
}

.cecutient .balloon_icons a{
 width: 40px;
 height: 36px;
 display: block;
 float:left;
}

.cecutient .balloon_icons a.closeHint{
 background: url(../images/icons/balloon/balloon_close_black.png) no-repeat 50% 50%;
}

.cecutient .balloon_icons a.favorite{
 background: url(../images/icons/balloon/favorite_black.png) no-repeat  50% 50%;
}

.cecutient .balloon_icons a.printW{
 background: url(../images/icons/header/print_black.png) no-repeat  50% 50%;
}