#map_canvas {
    border: 1px solid white;
    height: 616px;
    position: relative;
    width: 914px;
}

#map_canvas img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#print_button2 {
    text-align: right;
    padding-top: 5px;
}

.shadow_right {
    background: url(/img/v2_shadow_right.gif) repeat-y top;
    width: 9px;
}

.shadow_bottom {
    background: url(/img/v2_shadow_bottom.gif) repeat-x top;
    height: 7px;
}

.vertical_bar {
    background: url(/img/distance/bar.png) repeat-y center;
    /*padding-left: 5px;
    padding-right: 5px;*/
}

.city_input_gray {
    color: #878787;
    width: 485px;
    margin-top: 5px;
    margin-bottom: 5px;
}

input.city_input {
    color: #000;
    margin: 0;
    width: 440px;
    display: block;
}

input.city_input.wide_page {
    margin: 0;
    width: 420px;
    display: block;
}

input.city_input.large_x {
    width: 590px;
}

input.city_input.large {
    width: 540px;
}

input.button {
    background: #ebf5fc url(/img/mp_classic/button_gradient.gif) repeat-x 0 0;
    border: 1px solid #A2A2A2;
    color: #4b79b2;
    cursor: pointer;
    display: block;
    font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    height: 23px;
    line-height: 12px;
    padding-bottom: 1px;
    text-align: center;
    vertical-align: middle;
}
@-moz-document url-prefix() {
    input.button {
        padding-bottom: 3px;
    }
}
#function_button {
    float: right;
    margin-top: 12px;
    width: 130px;
}

#function_button.dist_add{
    width: 150px;
    height:30px;
    font-size:13px;
    background-color:#deebf9;
}

.add_city_div {
    clear: left;
    color: #878787;
    float: left;
    margin-top: 3px;
    margin-bottom: 14px;
}
.add_city_div.last {
    margin-bottom: 0;
}

.add_city_span {
    border-bottom: 1px dashed #878787;
    cursor: pointer;
    font-size: 11px;
    margin-left: 10px;
    position: relative;
    z-index: 1;
}

.select_city_label {
    cursor: pointer;
}

.ambiguous_city_options {
    float: left;
    margin-bottom: 10px;
}

.delete_city_button {
    background: url("/img/distance/delete_dest_gray.png") no-repeat 50% 50%;
    cursor: pointer;
    height: 22px;
    width: 20px;
}
.delete_city_button:HOVER {
    background: url("/img/distance/delete_dest_red.png") no-repeat 50% 50%; /* img is pre-loaded in JS */
}

.common_distance_link {
    color: #276A99;
    margin-left: 20px;
}

.footer_text_distance {
    text-align: left;
    vertical-align: top;
    color: #000000;
    font: 11px Verdana;
    line-height: 18px;
}
.footer_text_distance .footer_title_distance {
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    padding-left: 10px;
}
.footer_text_distance table {
    margin-right: auto;
}
.footer_text_distance table td {
    text-align: left;
    white-space: nowrap;
}

tr.ambiguous_city_label td {
    text-align: left;
}

div.direction {
    color: #9099a8;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 5px;
    width: 50px;
}

td.marker {
    height: 21px;
    vertical-align: top;
    width: 21px;
}

td.marker img {
    position: relative;
}

td.distance {
    font-size: 11px;
    padding-right: 10px;
    padding-bottom: 8px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 0;
}

td.input {
    padding-bottom: 25px;
    text-align: left;
    vertical-align: top;
    width: 485px;
}

td.delete {
    vertical-align: top;
    width: 40px;
}

#totalDistance {
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
    white-space: nowrap;
}

div.ambiguous_city_options {
    padding: 2px 0 5px;
}

.closed_request {
    font-size: 14px;
    color: #c16666;
    font-style: italic;
    font-weight: bold;

    padding-top: 27px;
    padding-bottom: 25px;
}

.show_topical {

    font-weight: bold;
    padding-bottom: 8px;
}

.free_cargo_transport {
    padding-bottom: 40px;
    font-size: 12px;
    line-height: 20px;
}

.interesting_request_header {
    border-bottom: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    margin: 0 auto;
    padding: 1px 0;
}

#request_txt {
    background-color: #f1f1f1;
    color: #31719d;
    font-weight: bold;
    line-height: 24px;
    padding-left: 20px;
    text-align: left;
}

.border_silver {
    border: 1px solid silver;
    text-align: left;
}

.interesting_request_content {
    font-size: 12px;
    margin: 3px auto 15px auto;
}

.ul_circle {
    padding-left: 55px;
    padding-bottom: 15px;
}
.ul_circle td {
    vertical-align: top;
}

a.link_distance, a.link_distance:hover {
    text-decoration: none;
    color: black;
    cursor: pointer;
    line-height: 20px;
}

a.link_distance:hover {
    text-decoration: underline;
}

.link_distance_li {
    margin-left: 13px\9;
}

.links_header {
    font-size: 12px;
    font-weight: bold;
    color: #313131;
    text-align: left;
    line-height: 22px;
    padding-left: 11px;
    padding-right: 6px;
    background: #F6F5F5;
    margin-bottom: 15px;
    margin-top: 10px;
}

#map_print {
    width:100%;
}

#geo_links {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 7px;
    text-align: center;
    vertical-align: top;
}
#link_under_request {
    padding: 5px 25px 12px;
    text-align: center;
}
#della_in_other_countries {
    color: #256A9A;
    text-align: left;
    width: 934px;
}
#local_distance_links {
    text-align: center;
    margin: 15px 0;
    width: 970px;
}

#print_page_header, #print_page_footer {
    display: none;
    margin: 0 auto;
    text-align: center;
}
#print_page_header {
    width: 900px;
}
#print_page_footer {
    padding-left: 4px;
    width: 918px;
}
#print_page_header_text {
    color: #31719D;
    font: bold 24px Tahoma, sans-serif;
    padding-left: 13px;
    padding-top: 53px;
}

#request_closed_msg {
    padding: 5px 15px 10px 15px;
    text-align: center;
}

@media print {
    .header, iframe, .footer_t, .footer, #main_menu_bottom, #main_menu_bottom *, #main_menu_bottom_spacer, .l_t,
    .distance_header, #cities_table, #geo_links, #print_button2, #link_under_request, #della_in_other_countries, #local_distance_links,
    #request_closed_msg, #request_closed_links,
    .shadow_right, .shadow_bottom, .shadow_corner,
    .izm_razm, .comp_inf, .contact_stars, #footer_distance, .ADV_POS {
        display: none;
    }

    #print_page_header, #print_page_footer {
        display: block;
    }

    #companies_container {
        padding: 10px 27px 0 !important;
    }
    #map_print {
        border-spacing: 0;
    }

    .interesting_request_header {
        width: 918px;
    }

    #distanceSummaryDiv, .gray_border {
        border: none;
    }

    .shadow_box {
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        filter: none;
    }

    #map_canvas img {
        z-index: 5;
    }
}

.new_distance_header {
    padding: 20px 35px 12px;
    background: #fafafa;
    font-size: 18px !important;
    font-weight: 400;
    outline: none;
}

input.city_input.new_city_input {
    border: none;
    outline: none;
    border-bottom: 1px solid #d7d7d7;
    font-size: 14px;
    padding-bottom: 6px;
}

div.add_city_div.new_add_city_div {
    color: #67b3d9;
}

span.add_city_span.new_add_city_span {
    margin: 0;
    color: #67b3d9;
    border-bottom: 1px solid #67b3d9;
}

#function_button.dist_add.new_dist_add {
    float: none;
    width: 213px;
    background: #ffffff;
    outline: none;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 12px 1px rgba(127, 142, 159, 0.35);
    box-shadow: 0 0 12px 1px rgba(127, 142, 159, 0.35);
    font-weight: 400;
    color: #0095cc;
}

.city_marker {
    position: relative;
    top: 23px;
    margin: 0 20px 0 10px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 12px 1px rgba(127, 142, 159, 0.35);
    box-shadow: 0 0 12px 1px rgba(127, 142, 159, 0.35);
}
.city_marker-inside {
    position: relative;
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #6554c0;
    color: #ffffff;
    text-align: center;
}

.city_marker_first .city_marker-inside {
    background: #4bb989;
}

.city_marker_last .city_marker-inside {
    background: #1485c9;
}

.city_marker::after {
    content: '';
    position: absolute;
    top: 50px;
    left: 7px;
    width: 10px;
    height: 29px;
    background: url("/img/checked_gray.svg") no-repeat top, url("/img/checked_gray.svg") no-repeat center, url("/img/checked_gray.svg") no-repeat bottom;
    background-size: 70%;
}
.city_marker_last::after {
    width: 0;
    height: 0;
}