body {
    overflow: hidden;
    /*overflow-y: scroll;*/
}

#header_panel {
    margin-bottom: 0px;
}

#white_horizontal_line {
    font-size: 0px;
    width: 100%;
    height: 1px;
    background-color: white;
    overflow: hidden;
}

#container {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
}

#top_panel {
    position: absolute;
    left: 260px;
    top: 0px;
    width: 100%;
    height: 24px;
    z-index: 50;
}

#vertical_panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 100%;
    background: #D6DEEE url(selector_bg.gif) right repeat-y;
    z-index: 50;
}

#top_panel_left {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 260px;
    height: 20px;
    background-color: #D6DEEE;
    color: #4B6487;
    font-size: 70%;
    z-index: 50;
}

#tools_panel {
    position: absolute;
    left: 0px;
    top: 20px;
    width: 260px;
    height: 100%;
    background: white;
    z-index: 20;
}

#map_panel {
    width: 100%;
    height: 100%;
    background: #FDFBF6;
    margin-left: 260px;
    z-index: 10;
}

#vertical_shadow {
    position: absolute;
    float: left;
    top: 0px;
    left: 260px;
    width: 2px;
    height: 100%;
}

.png_images {
    behavior: url("./common/png.htc");
}

#map_view_description {
    position: absolute;
    left: 10px;
    margin: 2px 3px 2px 0px;
    font-size: 80%;
    text-shadow: #FFFFFF 0 0 3px;
}

#load_indicator {
    position: absolute;
    right: 280px;
    margin: 1px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    background-color: #FF4040;
}

#tools_selector {
    font-size: 100%;
    width: 100%;
    background-color: #D6DEEE;
    margin: 3px 0px 0px 0px;
}
#tools_selector ul {
    text-align: left;
    padding: 0px 0px 0px 20px;
}

#tools_selector ul li {
    display: inline;
    padding-right: 2px;
}
#tools_selector ul li a {
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    text-decoration: none;
    background-color: #D6DEEE;
    color: #303030;
}
#tools_selector ul li a:hover {
    background-color:#E4E9F4;
}
#tools_selector ul li.selected a,
#tools_selector ul li.selected a:hover {
    background-color: #FFFFFF;
    font-weight: bold;
    color: #000000;
}


#tools_selector_ex {
    position: absolute;
    right: 310px;
    font-size: 70%;
    text-align: right;
    margin: 3px 0px 0px 0px;
}
#tools_selector_ex ul li {
    display: inline;
    padding-right: 2px;

}
#tools_selector_ex ul li a {
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    text-decoration: none;
    background-color: #D6DEEE;
    color: #303030;
}
#tools_selector_ex ul li a:hover {
    background-color:#E4E9F4;
}
#tools_selector_ex ul li.selected a,
#tools_selector_ex ul li.selected a:hover {
    background-color: #FFFFFF;
    font-weight: bold;
    color: #000000;
}

.action {
    width: 210px;
    margin: 0px 20px 10px 20px;
    padding: 2px 3px 2px 7px;
    color: #303030;
    background: #EBEBEB url(action_bg.gif);
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    font-size: 80%;
}
#extra_selector .action{
    margin: -3px 5px 0px 5px;
    padding-top: 0px;
}


.action li {
    list-style-position: outside;
    list-style: none;
    background: url(li1.gif) left top no-repeat;
    padding: 3px 0px 3px 7px;
}
.action li a {
    color: #434037;
    text-decoration: none;
}
.action li a:hover {
    text-decoration: underline;
}
.action li.selected {
    font-weight: bold;
    color: #A2A2A2;
}



#search_control, #poi_selector, #search_poi_control, #route_control, #extra_selector {
    width: 100%;
    font-size: 95%;
    padding-top: 10px;
}

#search_control input,  #search_poi_control input {
    width: 220px;
    margin: 4px 20px 0px 20px;
    padding: 1px 3px 2px 3px;
    border: 1px solid #aaa;
    color: #303030;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 80%;
}

#link_control input {
    width: 98%;
    margin: 5px;
    padding: 1px 3px 2px 3px;
    border: 1px solid #aaa;
    color: #303030;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 80%;
}

.search_info {
    font-size: 80%;
    margin: 5px 20px 10px 20px;
}

.search_info li {
    padding: 1px 0px 0px 20px;
}

.search_info p {
    padding: 13px 0px 0px 0px;
}


#search_result_wrapper,  #search_poi_result_wrapper {
    padding: 10px 20px 10px 20px;
}

#search_result, #search_poi_result {
    width:220px;/*к ИЕ слабо доходит width:100%;*/
    overflow: auto;
    font-size: 80%;
}

#search_result .country {
    margin-top: 7px;
    margin-bottom: 13px;
    padding: 5px 2px 7px 2px;
    font-weight: bold;
    font-size: 87%;
    border-bottom: 1px dotted #AAAAAA;
}

#search_result .stl {
    padding: 5px 3px 5px 3px;
    font-weight: bold;
}
#search_result .stl a{
    display: block;
    color: #303030;
    text-decoration: none;
}
#search_result .stl a:hover{
    color: #000000;
    text-decoration: underline;
}
#search_result .stl a .desc {
    font-weight: normal;
    color: #646464;
    font-size: 85%;
}
#search_result .stl .str {
    padding: 2px 0px 2px 15px;
    font-weight: normal;
}
#search_result .stl .str a:hover {
    background-color: #FFFFFF;
}
#search_result .stl .str .bld {
    padding: 2px 0px 2px 15px;
    font-size: 85%;
}
#search_result .stl .str .bld a {
    padding: 0px 1px 0px 1px;
    display: inline;
}
#search_result .stl .str .bld a {
    padding: 0px 1px 0px 1px;
    display: inline;
}
#search_result .stl .str .bld a:hover {
    background-color: #F0F0F0;
}


#search_poi_control {
    padding-top: 0px;
}
#search_poi_result_data {
    padding: 5px 3px 5px 3px;
}
#search_poi_result_data .poi_rubric {
    font-size: 87%;
    font-weight: bold;
    padding: 5px 2px 7px 2px;
    border-bottom: 1px dotted #AAAAAA;
}
#search_poi_result_data ul li ul li {
    padding: 7px 2px 7px 10px;
}
#search_poi_result_data .desc {
    font-size: 85%;
    padding: 0px 0px 0px 10px;
}
#search_poi_result_data .highlight {
    font-weight: bold;
}

#search_poi_result_data a {
    display: block;
    color: #303030;
    text-decoration: none;
}
#search_poi_result_data a:hover {
    color: #000000;
    text-decoration: underline;
}
#search_poi_pager {
    font-size: 87%;
    margin: 0px 2px 0px 2px;
    padding: 3px 0px 3px 0px;
    text-align: center;
    background-color: #EBEBEB;
}
#search_poi_pager a{
    color: #303030;
    text-decoration: none;
}
#search_poi_pager a:hover{
    color: #000000;
    text-decoration: underline;
}


#route_control .route_point {
    width: 220px;
    font-size: 80%;
    margin: 7px 10px 0px 20px;
    border-bottom: 1px dotted #AAAAAA;
}
#route_control .route_point img {
    float: left;
    margin: 0px 3px 20px 0px;
}
#route_control .add_point, #route_control .del_point {
    padding: 1px 0px 2px 0px;
    font-size: 87%;
}
#route_control .add_point {
    text-align: right;

}
#route_control .del_point {
    text-align: left;
    float: left;
}
#route_control .route_point a {
    color: #303030;
    text-decoration: none;
}
#route_control .route_point a:hover {
    color: #303030;
    text-decoration: underline;
}
#route_control .add_point a {
    color: #808080;
    text-decoration: none;
}
#route_control .del_point a {
    color: #B0B0B0;
    text-decoration: none;
}
#route_control .add_point a:hover,
#route_control .del_point a:hover {
    color: #000000;
    text-decoration: underline;
}



#topics_tree_wrapper {
    padding: 0px 20px 10px 20px;
}
#topics_tree {
    width:100%;
    overflow: auto;
    font-size: 80%;
}
#topics_tree ul {
    padding: 5px 3px 5px 3px;
    font-weight: bold;
}
#topics_tree ul li ul {
    margin-left: 15px;
}
#topics_tree ul li {
    font-weight: bold;
}
#topics_tree ul li ul li {
    font-weight: normal;
}
#topics_tree a{
    color: #303030;
    text-decoration: none;
}
#topics_tree a:hover{
    color: #000000;
    text-decoration: underline;
}
#topics_tree ul li .selected {
    margin-left: -13px;
    padding-left: 7px;
    border-left: 6px solid  #005BF0;
}



#footer_panel_left {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 260px;
    color: #4B6487;
    z-index: 50;
}
.footerlink {
    font-size: 70%;
}
.footerlink .left {
    text-align: left;
    padding: 2px 0px 4px 20px;
}
.footerlink .right {
    text-align: right;
    padding: 2px 20px 4px 0px;
}
.footerlink a {
    color: #808080;
    text-decoration: none;
}
.footerlink a:hover {
    text-decoration: underline;
}


#iw_wrapper {
    font-size: 110%;
    margin: 3px 5px 5px 5px;
}

.iw_name {
    font-size: 110%;
    font-weight: bold;
    margin: 0px 10px 0px 0px;
}

.iw_rubric {
    padding: 0px 0px 0px 0px;
}

.iw_attribute {
    padding: 7px 0px 0px 0px;
}
.iw_item {
    padding: 5px 0px 0px 0px;
}

.iw_attribute img {
    margin: 0px 5px 3px 0px;
    padding: 3px;
    border: 1px solid #aaa;
    float: left;
}

.iw_attribute .iw_cam {
    margin: 0px;
    padding: 0px;
    border: none;
    float: none;
}

.iw_attribute a{
    color:#0045A2;
    text-decoration: none;
}

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

#iw_tools_wrapper {
    margin: 7px 0px 0px 0px;
    border-top: 1px dotted #AAAAAA;
}


.iw_tools {
    display: inline;
    float: left;
    margin: 3px 3px 0px 0px;
    padding: 2px 5px 2px 2px;
    font-size: 89%;
    text-align: left;
    background-color: #EBEBEB;
}

.iw_tools a{
    text-decoration: none;
}
.iw_tools a:hover{
    color: #000000;
    text-decoration: underline;
}

.cam_hint {
    max-width: 300px;
    height: 50px;
    padding: 2px 7px 2px 2px;
    font-size: 70%;
    border: 1px solid #808080;
    background-color: #FFFFE1;
}

.cam_hint img {
    float: left;
    padding: 3px 5px 3px 3px;
}