.map_frame map_size_2{
position: absolute;
top; 0; left: 0;
}

.map_size_2, .map_size_2 #map {
width: 100%;
height: 100%;
}

.menu_map{
font-size: 12px;
position: absolute;
z-index: 2;
top: 40px;
right: 40px;
width: 155px;
background: url('p.png');
border: 2px solid #ddd;
border-radius: 2px;
}

.menu_header{
color: #ff0000;
margin-left: 10px;
margin-top: 10px;
font-size: 14px;
display: block;
}

.menu_header_date{
color: #ff0000;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 6px;
font-size: 14px;
display: block;
}

#menu1 {
border-top: 1px solid #ddd;
list-style: none;
}


#menu1 a {
text-decoration: none;
border-bottom: dashed 1px;
line-height: 24px;
margin-left: 10px;
}

#menu1 a.active {
color: #11ac01;
font-weight: bold;
}

#menu1 a:hover {
color: #13ca00;
}

.menu_datepick_ch a{
display: inline;
}

.menu_datepick_ch a:hover{
text-decoration: none;
color: #13ca00;
}

.menu_datepick_ch a{
text-decoration: none;
border-bottom: dashed 1px;
line-height: 24px;
margin-left: 10px;
}

.menu_datepick_ch.active a{
color: #11ac01;
font-weight: bold;
}

#menu2 {
border-top: 1px solid #ddd;
list-style: none;
}

#menu2 a {
text-decoration: none;
border-bottom: dashed 1px;
line-height: 24px;
margin-left: 10px;
}

#menu2 a.active {
color: #11ac01;
font-weight: bold;
}

.datepick{
border-top: 1px solid #ddd;
list-style: none;
}

.datepicker_ch{
border-bottom: 1px dashed #00679D;
text-decoration: none;
padding-top: 10px;
margin: 2px 4px 2px 4px;
}

.datepicker_ch.active{
color: #11ac01;
font-weight: bold;
}

.datepicker_ch.inactive{
color: #848484;
}


.menu_datepick_show{
margin-top: 10px;
text-align: center;
}

.menu_datepick_show.active a{
color: #11ac01;
font-weight: bold;
}

.menu_datepick_show a{
border-bottom: 1px dashed #00679D;
text-decoration: none;
}

.menu_datepick_show.inactive{
color: #848484;
}


.menu_datepick_show a:hover{
text-decoration: none;
}


.ballon{
max-width: 560px;
color: #000;
}


.ballon_header{
font-weight: bold;
font-size: 15px;
padding-bottom: 5px;
}


.ballon_description{
padding-bottom: 30px;
line-height: 18px;
padding-left: 5px;
}


.ballon_image{
border: 0px solid red !important;
max-width: 200px;
max-height: 500px;
padding-bottom: 20px !important;
padding-right: 10px !important;
}

.ballon_info{
margin-top: 10px;
font-size: 12px;
}

.ballon_info_mini{
margin-top: 10px;
font-size: 11px;
}



.ballon_mini{
width: 210px;
color: #000;
}

.ballon_header_mini{
font-size: 13px;
margin-bottom: 5px;
}



.info_date{
padding-left: 20px;
}
.info_name{
padding-left: 5px;
}

.info_name_mini{
padding-left: 0px;
}

.info_comment_mini{
padding-left: 18px;
margin-left: 6px;
background: url("/templates/skin/socgrad/images/map/comments_map.png") 0px 0px no-repeat transparent;
}

.info_comment{
padding-left: 18px;
margin-left: 20px;
background: url("/templates/skin/socgrad/images/map/comments_map.png") 0px 0px no-repeat transparent;
}




.map_date{
padding-left: 23px;
margin-bottom: 5px;
background: url("/templates/skin/socgrad/images/map/clock_20.png") 0px 0px no-repeat transparent;
font-size: 12px;
line-height: 15px;
}


.map_date_mini{
padding-left: 13px;
margin-bottom: 5px;
background: url("/templates/skin/socgrad/images/map/clock.png") 0px 0px no-repeat transparent;
font-size: 10px;
line-height: 12px;
}

.legend{
cursor: pointer;
position: absolute;
opacity:0.8;
bottom: 5px;
left: 5px;
z-index: 9999;
background: #e2e2e2;
border: 1px solid #c0c0c0;
padding: 2px 2px 0px 2px;
border-radius: 4px;
}

.legend:hover{
opacity: 1;
}