﻿#simple_example_window_country, #simple_example_window_city, #simple_example_window_interest{
    width: 300px;
    text-align:left;
}
#simple_example_window_country_contents, #simple_example_window_city_contents, #simple_example_window_interest_contents{
    background-color: #FFF;
}

#simple_example_window_country_beak{
    width: 28px;
    height: 26px;
    background: url('images/red_beak.png') top left no-repeat transparent;
}
* html #simple_example_window_country_beak{
    /* Alpha transparencies hack for IE */
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/red_beak.png', sizingMethod='crop');
}

#simple_example_window_city_beak{
    width: 28px;
    height: 26px;
    background: url('images/orange_beak.png') top left no-repeat transparent;
}
* html #simple_example_window_city_beak{
    /* Alpha transparencies hack for IE */
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/orange_beak.png', sizingMethod='crop');
}

#simple_example_window_interest_beak{
    width: 28px;
    height: 26px;
    background: url('images/purple_beak.png') top left no-repeat transparent;
}
* html #simple_example_window_interest_beak{
    /* Alpha transparencies hack for IE */
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/purple_beak.png', sizingMethod='crop');
}
                        
#simple_example_window_country_tl, #simple_example_window_country_tr, #simple_example_window_country_bl, #simple_example_window_country_br,
#simple_example_window_country_t,#simple_example_window_country_l,#simple_example_window_country_r,#simple_example_window_country_b{
    background-color: #F0110E;
    height: 3px;
    width: 3px;
}
#simple_example_window_city_tl, #simple_example_window_city_tr, #simple_example_window_city_bl, #simple_example_window_city_br,
#simple_example_window_city_t,#simple_example_window_city_l,#simple_example_window_city_r,#simple_example_window_city_b{
    background-color: #FF9A00;
    height: 3px;
    width: 3px;
}
#simple_example_window_interest_tl, #simple_example_window_interest_tr, #simple_example_window_interest_bl, #simple_example_window_interest_br,
#simple_example_window_interest_t,#simple_example_window_interest_l,#simple_example_window_interest_r,#simple_example_window_interest_b{
    background-color: #7E6793;
    height: 3px;
    width: 3px;
}                        

.mapHeader {
    background-color: #000;
    width:718px;
    text-align: right;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: .8em;
}

.mapChecks {
    padding: 1px 1px 0px 0px;
    height: 31px;
}

.mapHeadImage {
    float:left;
}

#sitePage ul {
    margin: 0px 0px 0px 0px;
}

#sitePage ul li {
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

input[type="checkbox"]{
   background: transparent;
   border: 0;
   padding:0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

ul.mapChecksList {
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
    padding: 6px 5px 5px 0px;
    margin: 0px 0px 0px 0px;
    float:right;
    font-size: 11px;
}

.mapChecksList li {
    display: inline;
    list-style-type: none;
}

.mapChecksList li.normalList {
    color:#BBB;
    font-weight:normal;
}

.mapChecksList a {
   padding:2px 4px 2px 2px;
}

.mapChecksList a:link, .mapChecksList a:visited, .mapChecksList a:hover {
    text-decoration:none;
    color: #000;
}

.redCheckBox {
    background-color: #F0110E;                
}

.orangeCheckBox {
    background-color: #FF9A00;
}

.purpleCheckBox {
    background-color: #7E6793;
}

/* popup window */
.windowInnerBorder {
    background-color: #DDD;
    padding: 8px 8px 8px 8px;
}

.windowInner {
    background-color: #FFF;
    padding: 4px 4px 4px 4px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;    
    /*make it scroll with a lot of entries*/
    height: expression( this.scrollHeight > 149 ? "150px" : "auto" );
    max-height:150px;
    overflow:auto;    
}

.windowHeader_country, .windowHeader_city, .windowHeader_interest {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 3px 0px 5px 8px; 
}
.windowHeader_country {
    background-color:#F0110E;
}
.windowHeader_city {
    background-color:#FF9A00;
}        
.windowHeader_interest {
    background-color:#7E6793;
}             

