﻿

#rainbowMap
{
    position:absolute; left:0; top:0; width:190px; height:40px; z-index: 300; margin:0; padding:0;
}

#rainbowMap li
{
    width:38px; height:40px; display:inline-block; margin:0; padding:0; border: solid 0px #ffffff;
}

#rainbowMap li a
{
    width:36px; height:40px; display:inline-block; margin:0; padding:0; border: solid 0px #ffffff; 
}

#rainbowMap li a:hover
{
    border: solid 1px #ffffff;
}

#tooltip
{
    background-color: #ffffff;
}

#tooltip h3
{
    font-size: 80%;
}

/* These styles are used for jquery qtip and image map highlight. We do not use this currently.
#rainbowMap-container img.map
{
    position: relative;
    z-index: 100;
}

#rainbowMap-container li.region
{
    display: none;
}

#rainbowMap-container img.region
{
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 20;
}

.qtip-content
{
    width: auto;
    border: solid 1px #00ff00;
}

.qtip-title
{
    display: none;
}
*/