/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
    img.image
{ 
        display: none; 
}

    h1.title
{
        font-size: 115%;
        color: white;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px 0 0 5px;
}

    dl#worldMap
    {
        margin: 0 0 0 0px;
        margin-left: -15px;
        padding: 0;
        background: #ffffff url('/en/images/world.gif') top left no-repeat;
        height: 230px;
        width: 440px;
        border: 0px;
        position: relative;
    }

    div#map
    {
        /*border: 1px solid red;*/
        text-align: left;
        width: 440px;
        height:250px;
        float: left;
    }
    dt
    { 
        margin: 0; 
        padding: 0; 
        position: absolute; 
        font-size: 85%; 
        display: none; 
    }
    dd
    { 
        margin: 0; 
        padding: 0; 
        position: absolute;  
        font-size: 85%; 
    }

    dl#worldMap dt.title
    {
        color: white;
        display: block;
        font-size: 115%;
        padding: 10px 0 0 5px;
    }

dd a
{
        position: absolute; 
        width: 10px; 
        height: 10px; 
        text-decoration: none;     
}

div#scrollable
{
    overflow: auto; 
    width: 124px;
    height: 210px;
    text-align: left;
    padding: 0px 0 0 0;
    margin-top: 15px;
}
#scrollable span
{
    padding: 0;
}
#scrollable ul#items {
    margin: 0;
    padding: 0;
} 
#scrollable ul#items li {
    margin-left: 0;
    margin-bottom: 0;
    padding: 1px 0px 0px 0px;
    font-size: 10px;
    list-style: none;
}
a.next {
    text-align: center;
    width: 18px;
    height:18px;
}
a.prev {
    width: 18px;
    height:18px;
    text-align: center;
}
#scrollable ul#items li {
    border-bottom: 1px solid #ffffff;
}
#scrollable ul#items li:hover {
}
#scrollable ul#items li a:hover {
    font-weight: bold;
    color: red;
}

    dd#au
    { 
        top: 172px; 
        left: 385px; 
    }
    dd#as
    {
        top: 160px; 
        left: 435px; 
    }
    dd#ar
    {
        top: 189px; 
        left: 124px; 
    }
    dd#at
    {
        top: 60px; 
        left: 217px; 
    }
    dd#bs
    {
        top: 93px; 
        left: 99px; 
    }
    dd#bb
    {
        top: 108px; 
        left: 93px; 
    }
    dd#be
    {
        top: 53px; 
        left: 212px; 
    }
    dd#bg
    {
        top: 66px; 
        left: 237px; 
    }
    dd#ca
    {
        left: 74px; 
        top: 44px; 
    }
    dd#cr
    {
         left: 90px;
         top: 122px;
    }
    dd#cy
    {
         left: 239px;
         top: 77px;
    }
    dd#cz
    {
        left: 226px;
        top: 57px;
    }
    dd#hr
    {
         left: 226px;
         top: 65px;
    }
    dd#hu
    {
         left: 224px;
         top: 61px;
    }    
    dd#ee
    {
         left: 232px;
         top: 42px;
    }
    dd#fi
    {
        left: 232px;
        top: 38px;
    }
    dd#fr
    {
         left: 207px;
         top: 59px;
    }
    dd#de
    {
         left: 213px;
         top: 55px;
    }
    dd#dk
    {
         left: 212px;
         top: 44px;
    }
    
    dd#gu
    {
         left: 411px;
         top: 113px;
    }
    dd#hk
    {
         left: 360px;
         top: 101px;
    }
    dd#is
    {
         left: 199px;
         top: 29px;
    }
    dd#ie
    {
         left: 195px;
         top: 51px;
    }
    
    dd#il
    {
         left: 252px;
         top: 82px;
    }
    
    dd#it
    {
         left: 220px;
         top: 66px;
    }
    
    dd#jp
    {
         left: 380px;
         top: 80px;
    }
    dd#kw
    {
         left: 263px;
         top: 82px;
    }    
    
    dd#lv
    {
         left: 232px;
         top: 46px;
    }
    dd#li
    {
         left: 217px;
         top: 62px;
    }
    dd#lt
    {
         left: 215px;
         top: 51px;
    }
    dd#lu
    {
         left: 212px;
         top: 52px;
    }
    
    dd#mt
    {
         left: 220px;
         top: 77px;
    }
    dd#my
    {
         left: 346px;
         top: 126px;
    }
    dd#mx
    {
         left: 69px;
         top: 106px;
    }
    dd#nz
    {
         left: 429px;
         top: 189px;
    }
    dd#mp
    {
         left: 400px;
         top: 111px;
    }
    dd#no
    {
         left: 213px;
         top: 40px;
    }
    dd#om
    {
        left: 278px;
        top: 100px;
    }
    dd#pa
    {
         left: 94px;
         top: 121px;
    }
    dd#ph
    {
         left: 377px;
         top: 121px;
    }
    dd#pl
    {
         left: 211px;
         top: 55px;
    }
    dd#pt
    {
         left: 194px;
         top: 72px;
    }
    dd#pr
    {
         left: 114px;
         top: 106px;
    }
    dd#cya
    {
         left: 274px;
         top: 94px;
    }
    dd#sg
    {
         left: 349px;
         top: 130px;
    }
    dd#rs
    {
         left: 234px;
         top: 67px;
    }
    dd#ro
    {
         left: 229px;
         top: 61px;
    }
    
    dd#sl
    {
         left: 227px;
         top: 64px;
    }
    dd#es
    {
         left: 198px;
         top: 74px;
    }
    dd#se
    {
         left: 221px;
         top: 41px;
    }
    dd#sc
    {
         left: 272px;
         top: 147px;
    }
    dd#ch
    {
        left: 213px;
        top: 63px;
    }
    dd#tw
    {
        left: 370px;
        top: 97px;
    }
    dd#nl
    {
        left: 214px;
        top: 51px;
    }
    dd#tr
    {
        left: 243px;
        top: 76px;
    }
    dd#th
    {
        left: 341px;
        top: 116px;
    }

    dd#vi
    {
        left: 115px;
        top: 105px;
    }
    dd#sk
    {
        left: 226px;
        top: 57px;
    }
    dd#sa
    {
        left: 266px;
        top: 94px;
    }
    dd#ae
    {
        left: 280px;
        top: 96px;
    }
    dd#qa
    {
        left: 275px;
        top: 96px;
    }
    dd#ua
    {
        left: 241px;
        top: 64px;
    }
    dd#uk
    {
        left: 203px;
        top: 53px;
    }
    dd#us
    {
        left: 71px;
        top: 72px;
    }

dd a span
{
        display: none; 
}

dd a
{ 
        padding: 0px;
/*         background: transparent url('/en/images/dot.png') top left no-repeat; */
        width: 6px;
        height: 6px;
        
}
dd a.notselected
{
        background: none;
}

dd a.selected
{
    background: transparent url('/en/images/bigdot.png') top left no-repeat;
    width: 10px;
    height: 10px;
    
    position: absolute;
    
}
    
    dd span
    {
        display: none;
    }

span.selected
{
        display: block;
        text-indent: 0;
        vertical-align: top;
        color: #000;
        background-color: #F4F4F4;
        font-weight: bold;
        position: absolute;
        border: 1px solid #BCBCBC;
        bottom: 100%;
        margin: 0;
        padding: 5px;
        z-index: 90;
}

    * html dd#oceanDef a:hover {
        background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hover.png',sizingMethod='scale');
}