#map { position:relative; z-index:10}

#noteOnCreate {height:100px; width:300px; position:absolute; border:solid 2px #0a0088; background:#686fff; text-align:center; display:block}
#noteOnCreate div {vertical-align:middle; display:inline; line-height:100px; font-weight:bold; font-size:12pt}

#noteOnFailure {height:100px; width:300px; position:absolute; border:solid 2px #ae0000; background:#ff7777; text-align:center; display:block}
#noteOnFailure div {vertical-align:middle; display:inline; line-height:33px; font-weight:bold; font-size:12pt}

#noteOnProcessing {display:block; border:solid 2px #0a0088; background:#686fff url("img/map_loader.gif") repeat; position:absolute; right:5px; bottom:20px; height:16px; text-align:center}
#noteOnProcessing div {display:inline; vertical-align:middle; line-height:16px; margin-left:5px; margin-right:5px; font-size:12px; font-weight:bold; color:#000}

#noteOnOverflow {display:block; border:solid 1px #A00; background:#FFF; position:absolute; bottom:20px; left:5px; text-align:center; width:280px; height:48px}
#noteOnOverflow div {display:inline; vertical-align:middle; line-height:16px; margin-left:5px; margin-right:5px; font-size:10px; color:#A00}

#noteOnLD {position:absolute; right:5px; bottom:15px; height:16px }
#noteOnLD p {z-index:99; position:absolute; left:5px; font-weight:bold; color:#000}
#noteOnLDprogress {z-index:1; position:absolute; left:0px; top:0px; height:16px; width:0px; border:none; opacity:0.4}

#infoWindow {background:url("img/box_blue_infowindow_bg.png") repeat-y; width:300px}
#infoWindowHead {background:url("img/box_blue_infowindow_header.png") no-repeat; height:36px; padding-left:20px; font-size:11pt; color:#FFF; font-weight:bold; line-height:30px}
#infoWindowContent {background:url("img/box_blue_infowindow_bottom.png") no-repeat bottom left; padding:10px; overflow:hidden; font-size:11px}
#infoWindowContentImageLink {display:block; float:left; width:107px; border:1px solid #49F;  margin:0px 10px 10px 0px}
#infoWindowContentImageSource {border:none; width:107px; height:123px}
#infoWindowContentScroll {height:100px; overflow:auto}
#infoWindowContent a {display:block; margin-left:5px; margin-right:5px; color:#16C; font-size:9px; text-decoration:none}
#infoWindowContent a span {color:#8BF; font-style:italic}
#infoWindowContent a#knock_inactive { color:#aaa; text-decoration:none; }
#infoWindowContentDescription a {color:#49F; font-weight:bold; font-size:13px; cursor:pointer}
#infoWindowContent .address {margin-top:5px; font-style:italic}
#infoWindowContent .description {margin-top:5px}
#infoWindowContent .footer {margin-top:5px; font-size:9px}
#infoWindowContent .footer a {display:inline; font-size:9px; cursor:pointer}
#infoWindowContent .footer a img {position:relative; top:4px; }
#infoWindowContent span {font-style:italic; color:#999999}

.markerLabel {display:block; position:absolute; height:13px}
.markerLabel div {position:relative }
.markerLabel p {display:block; height:13px}
.markerLabel p.l {position:absolute; left:0px; top:0px; width:4px; background:url("img/mlabel_left.png") no-repeat top left }
.markerLabel p.c {margin-left:4px; margin-right:4px; text-align:center; background:url("img/mlabel_center.png") repeat-x; font-size:11px; font-weight:bold; color:#000}
.markerLabel p.r {position:absolute; right:0px; top:0px; width:4px; background:url("img/mlabel_right.png") no-repeat top right }

#mapMenu { position:absolute; width:80px; border:solid 2px #0a0088; background:#aaafff; opacity:0.8; cursor:pointer; text-align:center }
#mapMenu a { text-decoration:none; display:block; width:80px; font-size:12px; color:blue }
#mapMenu a:hover { text-decoration:none; background:#d5e1ff; font-weight:bold }
#mapMenu a:visited { color:blue }
#mapMenuTip { position:absolute; width:150px; bottom:40px; right:5px; border:solid 2px #0a0088; background:#aaafff; opacity:0.8; font-size:12px; text-align:center }

#bigMap_objects {background:url('img/box_big_std_left_bg.png') repeat-y; padding-top:3px; margin-bottom:22px}
#bigMap_objects_footer {background:url('img/objects_big_footer.png') no-repeat}
#bigMap_box {height:600px; width:894px; margin:0 auto;}
#bigMap_span {display:block; width:840px; height:26px; line-height:26px; background:url('img/objects_big_location.png') no-repeat top left; margin:10px 0 0 19px; position:relative; overflow:hidden}
#bigMap_location {border:none; background-color:transparent; width:790px; margin-left:10px; font-size:13px; color:#333}
#bigMap_set_location {border:none; display:block; width:24px; height:26px; position:absolute; top:0; right:0; padding-top:50px; background-color:transparent; cursor:pointer}
#bigMap_gmc_t {display:block; height:15px; width:100%; position:absolute; top:-3px; left:0; background:url('img/gmap_big_corners_top.gif') no-repeat; z-index:10}
#bigMap_gmc_b {display:block; height:15px; width:100%; position:absolute; bottom:0; left:0; background:url('img/gmap_big_corners_bottom.gif') no-repeat; z-index:10}

#test { position:absolute; width:200px; height:200px; background:red; top:200px; left:200px }

#mapTypeControl { width:189px; height:24px; position:relative; margin:0px; cursor:pointer}
#mapTypeControl #typeMap { display:block; width:50px; height:24px; position:absolute; left:0px; top:0px; background:url('../skin/default/mapicons/controls/map_static.png') no-repeat; }
#mapTypeControl #typeMap:hover, #mapTypeControl #typeMap.active {background:url('../skin/default/mapicons/controls/map_active.png') no-repeat;}
#mapTypeControl #typeSatellite { display:block; width:69px; height:24px; position:absolute; left:50px; top:0px; background:url('../skin/default/mapicons/controls/satelit_static.png') no-repeat; }
#mapTypeControl #typeSatellite:hover, #mapTypeControl #typeSatellite.active {background:url('../skin/default/mapicons/controls/satelit_active.png') no-repeat;}
#mapTypeControl #typeHybrid { display:block; width:70px; height:24px; position:absolute; left:119px; top:0px; background:url('../skin/default/mapicons/controls/hybrid_static.png') no-repeat; }
#mapTypeControl #typeHybrid:hover, #mapTypeControl #typeHybrid.active {background:url('../skin/default/mapicons/controls/hybrid_active.png') no-repeat;}
#smallZoomControl { width:18px; height:40px; position:relative; margin:0px}
#smallZoomControl #zoomIn { display:block; width:18px; height:18px; position:absolute; left:0px; top:0px; background:url('../skin/default/mapicons/controls/zoom_in.png') no-repeat; cursor:pointer }
#smallZoomControl #zoomOut { display:block; width:18px; height:18px; position:absolute; left:0px; bottom:0px; background:url('../skin/default/mapicons/controls/zoom_out.png') no-repeat; cursor:pointer }
#panelControl { width:52px; height:24px; position:relative; margin:0px }
#panelControl div {display:block; height:24px; width:24px; position:absolute; top:0px; cursor:pointer }
#panelControl #mapCenter {left:0px; background:url('../skin/default/mapicons/controls/map_center.png') no-repeat; }
#panelControl #mapCenter:hover {background:url('../skin/default/mapicons/controls/map_center_active.png') no-repeat;}
#panelControl #addComm {left:28px; background:url('../skin/default/mapicons/controls/add_comm.png') no-repeat; }
#panelControl #addComm:hover, #panelControl #addComm.active {background:url('../skin/default/mapicons/controls/add_comm_active.png') no-repeat;}

#map_center { position: absolute; right: 5px; top: 5px; }
#map_center img { border-width: 0px; }

#objects_type_list { margin:10px 15px 10px 15px; position:relative; display:none;}
#objects_type_list_select_all {display:block; position:relative; left:-6px; top:2px; height:16px; width:89px; font-size:9px; color:#6AA91E; cursor:pointer}
#objects_type_list_select_all:hover {text-decoration:underline}
#objects_type_list_deselect_all {display:block; position:absolute; left:170px; top:2px; height:16px; width:89px; font-size:9px; color:#6AA91E; cursor:pointer}
#objects_type_list_deselect_all:hover {text-decoration:underline}
#objects_type_list ul {list-style-type:none; line-height:13px; position:relative; height:13px;}
#objects_type_list ul li {display:block; width:150px; position:absolute; top:2px; font-size:9px; color:#06C; text-align:left; cursor:pointer}
#objects_type_list ul li:hover {text-decoration:underline;}
#objects_type_list ul li.first {left:20px}
#objects_type_list ul li.second {left:196px}
#objects_type_list ul li.third {left:372px}
#objects_type_list ul li.fourth {left:548px}
#objects_type_list ul li.fifth {left:724px}
#objects_type_list ul li.inactive {color:#BBB}


