/* Map */
.map {
    position: relative;
    height: 464px;
}
.map .top,
.map .bottom,
.map .left,
.map .right { 
    z-index: 999;
    position: absolute;
}

.map .top {   
    width: 703px;
    height: 26px;
    background: url(../../images/google_map/map_frame_top.png) 0 0 no-repeat;
}
    
.map .bottom { 
    bottom: 0;  
    width: 703px;
    height: 25px;
    background: url(../../images/google_map/map_frame_bottom.png) 0 0 no-repeat;
}

.map .left { 
    top: 26px;  
    width: 26px;
    height: 413px;
    background: url(../../images/google_map/map_frame_left.png) 0 0 no-repeat;
}
    
.map .right { 
    top: 26px;
    right: 0;  
    width: 25px;
    height: 413px;
    background: url(../../images/google_map/map_frame_right.png) 0 0 no-repeat;
}

.map .content {
    height: 464px;
    background-color: #efefef;
    overflow: hidden;
}

.instructions { 
    /*display: none;*/ 
    position: absolute;
    top: 0px;
    left: 0;  
    z-index: 10;
    width: 667px;
    height: 430px; 
    background: url(../../images/google_map/bg_transparent.png);
}

.instructions .content {
    position: relative;
    margin: 36px 0 0 36px; 
    padding: 10px;
    width: 605px;
    height: 365px; 
    text-align: center; 
    border: 2px solid #fff;
    background: #f6f3ef url(../../images/google_map/bg_instructions.gif) 0 100% repeat-x;
}

.instructions h2 {
    font-size: 2em;
    text-align: center;
    margin: 0;
}

.instructions h3 {
    text-align: center; 
    margin: .5em 0 0 0;
}

.instructions .step1,
.instructions .step2,
.instructions .step3 {
    float: left;
    margin: 5px;    
    width: 140px;  
    text-align: center;
}

.instructions .step3 {
    width: 290px;
}

.instructions p { 
    font-size: .9em;
    text-align: center;
}

.instructions hr {
    margin-bottom: 5px;
}

.toggle {
    position: absolute;
    bottom: 15px;
    right: 20px;
}
    
.instructions a.start {
    width: 134px;
    height: 36px;
    background: url('/assets/images/google_map/btn_get_started.gif') left top no-repeat;
    display: block;
    margin: 0 auto;
}
    
.instructions a:hover.start {
	background: url('/assets/images/google_map/btn_get_started.gif') right top no-repeat;
}
    


/* Markers */
.cluster, .single {
    height:30px;
    width:27px;
    text-align:center;
    color:#fff;
}

.result_single {
    background-image:url(../../images/google_map/icon_result_blank.png);
}

.result_single_rasite {
    background-image:url(../../images/google_map/icon_search_result_rasite.png);
}

.selected_single {
    background-image: url(../../images/google_map/icon_search_result.png);
    height: 40px !important;
    width: 36px !important;
}

.hotspot_single {
    background-image: url(../../images/google_map/icon_hotspot.png);
}

.fac_single {
    background-image:url(../../images/google_map/icon_facility.png);
}

.rasite_single {
    background-image:url(../../images/google_map/icon_facility_rasite.png) !important;
}

.bof_single {
    background-image:url(../../images/google_map/icon_water.png);
}

.hot_single {
    background-image:url(../../images/google_map/icon_hotspot.png);
}

.fac_cluster {
    background-image:url(../../images/google_map/icon_facility.png);
}

.bof_cluster {
    background-image:url(../../images/google_map/icon_water.png);
}

.hot_cluster {
    background-image:url(../../images/google_map/icon_hotspot.png);
}

.marker_body_label {
    position:absolute;
    top: 6px;
    left: 9px;
    overflow: hidden;
    height: 12px;
    line-height: 12px;
    padding: 1px !important;
    margin: 0 !important;
    font-size: 13px;
    color: #fff;
}

.cluster .marker_top_label {
    font-size: 12px;
    position:absolute;
    top: -14px;
    left: -3px;
    overflow: hidden;
    height: 15px;
    line-height: 18px;
    padding: 0 !important;
    border: 1px solid #FFF;
    margin: 0 !important;
    width: 30px;
}

.single .marker_top_label {
    position:absolute;
    top: -14px;
    left: -30px;
    background-color: #FFF;
    overflow: hidden;
    height: 12px;
    line-height: 15px;
    padding: 1px !important;
    margin: 0 !important;
    width: 80px;
}

.bof_cluster .marker_top_label {
    background-color: #4F92B4;
}

.fac_cluster .marker_top_label {
    background-color: #A48B2F;
}

.hot_cluster .marker_top_label {
    background-color: #D66B25;
}

.bof_single .marker_top_label,
.fac_single .marker_top_label,
.hot_single .marker_top_label {
    color: #000;
    font-size: 11px;
}

.bof_single .marker_top_label {
    border: 1px solid #4F92B4;
}

.fac_single .marker_top_label {
    border: 1px solid #A48B2F;
}

.rasite_single .marker_top_label {
    border: 1px solid #C2621F !important;
}

.hot_single .marker_top_label {
    border: 1px solid #D66B25;
}




.marker_content { 
    text-align: center;    
    width: 30px;
    height: 30px;       
    text-align: center;
    line-height: 28px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
} 
.marker_top_label {
    display: block; 
    width: 90px; 
    font-size: 10px;
    text-align: center;
    padding: 3px;
    background-color: #fff;
    position: absolute;
    bottom: 25px;
    left: -35px;
}
.marker_content.cluster .marker_top_label {
    width: 20px; 
    left: 1px;
    border: 2px solid #fff;
    color: #fff; 
    font-weight: bold;
}

.marker_content.water_single {
    left: 100px; /*remove*/
    background-image: url(../../images/google_map/icon_water.png);
}
    
.marker_content.water_single .marker_top_label {
    border: 2px solid #14508F;
}
    
.marker_content.water_cluster {
    background-image: url(../../images/google_map/icon_water.png);
}
    
.marker_content.water_cluster .marker_top_label {
    background-color: #14508F; 
}
    
.marker_content.loc_single {
    left: 500px; /*remove*/
    background-image: url(../../images/google_map/icon_result_single.png);
}
    
.marker_content.loc_single .marker_top_label {
    bottom: 28px;
    border: 2px solid #A3000C;
} 
    
.marker_content.facility_single {
    left: 380px; /*remove*/
    background-image: url(../../images/google_map/icon_facility.png);
}
    
.marker_content.facility_single .marker_top_label {
    border: 2px solid #6D5910;
}
    
.marker_content.facility_cluster {
    left: 380px; /*remove*/
    top: 200px; /*remove*/
    background-image: url(../../images/google_map/icon_facility.png);
}
    
.marker_content.facility_cluster .marker_top_label {
    background-color: #6D5910; 
}



/* Custom Info Window */
#custom_window {
  width: 209px;
}

#custom_window_beak{
  height: 3px;
}

#custom_window_contents ul li { 
    background: url(../../images/sections/bullet_state.gif) no-repeat 0 0.4em;
    margin: 0;
    padding-left: 10px;
}

#custom_window_tl, #custom_window_tr, #custom_window_bl, #custom_window_br,
#custom_window_t,#custom_window_l,#custom_window_r,#custom_window_b{
  height: 0px;
  width: 0px;
}

#custom_window_contents_wrapper .corner {
    width: 14px;
    height: 14px;
}

#custom_window_contents_wrapper .tl {
    background: url(../../images/google_map/info_window/tl.png) no-repeat top left;
}

#custom_window_contents_wrapper .tr {
    background: url(../../images/google_map/info_window/tr.png) no-repeat top right;
}

#custom_window_contents_wrapper .bl {
    background: url(../../images/google_map/info_window/bl.png) no-repeat bottom left;
}

#custom_window_contents_wrapper .br {
    background: url(../../images/google_map/info_window/br.png) no-repeat bottom right;
}

#custom_window_contents_wrapper .hborder {
    height: 14px;
}

#custom_window_contents_wrapper .bb {
    background: url(../../images/google_map/info_window/bb.png) repeat-x bottom left;
}
    
#custom_window_contents_wrapper .tb {
    background: url(../../images/google_map/info_window/tb.png) repeat-x bottom left;
}
    
#custom_window_contents_wrapper .lb {
    background: url(../../images/google_map/info_window/lb.png) repeat-y top left;
}
    
#custom_window_contents_wrapper .rb {
    background: url(../../images/google_map/info_window/rb.png) repeat-y top right;
}

#custom_window_contents_wrapper {
    position: relative;
}

#custom_window_contents_wrapper.wide {
    width: 250px;
}
    
#custom_window_contents_wrapper.narrow {
    width: 200px;
}

#custom_window_contents_wrapper table {
    width: 100%;
}

#custom_window_contents_wrapper .beak {
    width: 14px;
    height: 14px;
    background: url(../../images/google_map/info_window/beak.png) no-repeat top left;
    position: absolute;
    bottom: -4px; 
}

#custom_window_contents_wrapper.wide .beak {
    left: 120px;
}

#custom_window_contents_wrapper.narrow .beak {
    left: 90px;
}

#custom_window_contents_wrapper .form_hint {
    color: #888;
}


/* "Add a Hotspot" info window views */
#hotspot_balloon_wrapper {
    margin-right: 5px;
    margin-bottom: 5px;
}

#hotspot_balloon_wrapper h3.hotspot_balloon_header {
    background: transparent url(../../images/google_map/bg_nav_header_line.gif) repeat-x scroll 0 50%;
    font-size: 1em;
    margin: 0;
    padding: 0 0 5px 0;
    position: relative;
    text-transform: uppercase;
}

#hotspot_balloon_wrapper h3.hotspot_balloon_header span.icon {
    background-position:0 50%;
    background-repeat:no-repeat;
    padding:7px 5px 7px 30px;
    background-color:#FFF;
}

#hotspot_balloon_wrapper h3.hotspot_balloon_header span.hot {
    background-image:url(../../images/google_map/icon_hotspot.png);
}

#hotspot_balloon_wrapper h3.hotspot_balloon_header span.bof {
    background-image:url(../../images/google_map/icon_water.png);
}

#hotspot_balloon_wrapper h3.hotspot_balloon_header span.fac {
    background-image:url(../../images/google_map/icon_facility.png);
}

#hotspot_balloon_wrapper p {
    padding: 0;
}

#hotspot_balloon_wrapper p.step {
    margin-top: 8px;
}

#hotspot_balloon_wrapper form {
    margin-top: 10px;
}
    
#hotspot_balloon_wrapper input[type=text] {
    background: #FFFFFF url(../../images/bg_textarea.gif) no-repeat scroll 0 0;
    border: 1px solid #C4C4C4;
    padding: 0.4em;
}

#hotspot_balloon_wrapper input.narrow {
    width: 74px;
}

#hotspot_balloon_wrapper input.wide {
    width: 93px;
}

#hotspot_balloon_wrapper input.wider {
    width: 114px;
}

#hotspot_balloon_wrapper input.widest {
    width: 205px;
}

#hotspot_balloon_wrapper select.widest {
    width: 215px;
}
    
#hotspot_balloon_wrapper label {
    font-weight: bold;
    text-align: left;
    font-size: 0.8em;
}

#hotspot_balloon_wrapper label.over {
    display: block;
}

#hotspot_balloon_wrapper div.actions {
    margin-top: 10px;
    text-align: right;
    position: relative;
}

#hotspot_balloon_wrapper p.form-line {
    padding: 15px 0 0 0;
}

#cancel_add_hotspot {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

#hotspot_balloon_wrapper div.form-line-item {
    width: 108px;
    float: left;
}


/* Location info window view */
#resource_balloon_wrapper a.close_info_window {
    display: block;
    position: absolute;
    right: 15px;
    top: 13px;
}

#resource_balloon_wrapper {
    color: #442F1B;
    font-family: Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    line-height: 13px;
}

#resource_balloon_wrapper .info_window_title {
    border-bottom: 1px solid #C7C7C7;
    font-size: 10px;
    font-weight: bold;
    margin-right: 10px;
    padding: 0 0 2px;
}

#resource_balloon_wrapper .info_window_content {
    font-size: 11px;
    font-weight: normal;
    padding: 10px 0 0 2px;
    max-height: 150px;
    overflow: auto;
    margin-bottom: 7px;
    margin-top: -1px;
}

#custom_window_contents ul.amenities {
    list-style:none;
}

#custom_window_contents ul.amenities li {
    list-style:none;
    background:transparent;
    float:left;
    margin:0;
    padding:0 5px 0 0;
}