/* BLUE_FRAME */

/***********************/
/* north */
.mqNw-n-ne , .mqWest , .mqSw-s-se , .mqEast
{
    cursor: pointer;
    font-size: 8px;
   
}
.mqNw-n-ne div.mqNxnw
{
    float: left;
    background: transparent url(../images/mqo_blue/nxnw.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNa, .mqNw-n-ne div.mqNb
{
    float: left;
    background: transparent url(../images/mqo_blue/nsp.gif) repeat-x top left;
}
.mqNw-n-ne div.mqN
{
    float: left;
    background: transparent url(../images/mqo_blue/n.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNxne
{
    float: left;
    background: transparent url(../images/mqo_blue/nxne.gif) no-repeat top left;
}


/* north west */
.mqNw-n-ne div.mqNxnwc
{
    float: left;
    background: transparent url(../images/mqo_blue/nxnw.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNw
{ 
    float: left;
    background: transparent url(../images/mqo_blue/nw.gif) no-repeat top left;
}
.mqWest div.mqWnw
{    
    background: transparent url(../images/mqo_blue/wnw.gif) no-repeat top left;
}
.mqWest div.mqWxnwc
{
    background: transparent url(../images/mqo_blue/wxnw.gif) no-repeat top left;
}


/* west */

.mqWest div.mqWxnw
{
    background: transparent url(../images/mqo_blue/wxnw.gif) no-repeat top left;
}

.mqWest div.mqWa, .mqWest div.mqWb
{
    background: transparent url(../images/mqo_blue/wsp.gif) repeat-y top left;
}
.mqWest div.mqW
{
    background: transparent url(../images/mqo_blue/w.gif) no-repeat top left;
}
.mqWest div.mqWxsw
{
    background: transparent url(../images/mqo_blue/wxsw.gif) no-repeat top left;
}

/* south west */
.mqWest div.mqWxswc
{
    background: transparent url(../images/mqo_blue/wxsw.gif) no-repeat top left;
}
.mqWest div.mqWsw
{
    background: transparent url(../images/mqo_blue/wsw.gif) no-repeat top left;
}
.mqSw-s-se div.mqSw
{
    float: left;
    background: transparent url(../images/mqo_blue/sw.gif) no-repeat top left;
}
.mqSw-s-se div.mqSxswc
{
    float: left;
    background: transparent url(../images/mqo_blue/sxsw.gif) no-repeat top left;
}

/* south */

.mqSw-s-se div.mqSxsw
{
    float: left; 
    background: transparent url(../images/mqo_blue/sxsw.gif) no-repeat top left;
}
.mqSw-s-se div.mqSa, .mqSw-s-se div.mqSb
{
    float: left;
    background: transparent url(../images/mqo_blue/ssp.gif) repeat-x top left;
}
.mqSw-s-se div.mqS
{
    float: left;
    background: transparent url(../images/mqo_blue/s.gif) no-repeat top left;
}
.mqSw-s-se div.mqSxse
{
    float: left;
    background: transparent url(../images/mqo_blue/sxse.gif) no-repeat top left;
}

/* south east */

.mqSw-s-se div.mqSxsec
{
    float: left;
    background: transparent url(../images/mqo_blue/sxse.gif) no-repeat top left;
}
.mqSw-s-se div.mqSe
{
    float: right;
    background: transparent url(../images/mqo_blue/se.gif) no-repeat top left;
}
.mqEast div.mqEse
{
    background: transparent url(../images/mqo_blue/ese.gif) no-repeat top left;
}
.mqEast div.mqExsec
{
    background: transparent url(../images/mqo_blue/exse.gif) no-repeat top left;
}

/* east */
.mqEast div.mqExse
{
    background: transparent url(../images/mqo_blue/exse.gif) no-repeat top left;
}
.mqEast div.mqEa, .mqEast div.mqEb
{
    background: transparent url(../images/mqo_blue/esp.gif) repeat-y top left;
}
.mqEast div.mqE
{
    background: transparent url(../images/mqo_blue/e.gif) no-repeat top left;
}
.mqEast div.mqExne
{
    background: transparent url(../images/mqo_blue/exne.gif) no-repeat top left;
}

/* north east */

.mqEast div.mqExnec
{
    background: transparent url(../images/mqo_blue/exne.gif) no-repeat top left;

}
.mqEast div.mqEne
{
    background: transparent url(../images/mqo_blue/ene.gif) no-repeat top left;

}
.mqNw-n-ne div.mqNe
{
    float: right;
    background: transparent url(../images/mqo_blue/ne.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNxnec
{ 
    float: left;
    background: transparent url(../images/mqo_blue/nxne.gif) no-repeat top left;
}

/**********************/


/**
 * =CSS PRELOAD MAP ART
 */
/* north */
.mqNw-n-ne div.mqNxnw_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/nxnw-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNa_hover, .mqNw-n-ne div.mqNb_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/nsp-on.gif) repeat-x top left;
}
.mqNw-n-ne div.mqN_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/n-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNxne_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/nxne-on.gif) no-repeat top left;
}


/* north west */
.mqNw-n-ne div.mqNxnwc_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/nxnwc-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNw_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/nw-on.gif) no-repeat top left;
   
}
.mqWest div.mqWnw_hover
{    
    background: transparent url(../images/mqo_blue/wnw-on.gif) no-repeat top left;
}
.mqWest div.mqWxnwc_hover
{
    background: transparent url(../images/mqo_blue/wxnwc-on.gif) no-repeat top left;
}


/* west */

.mqWest div.mqWxnw_hover
{
    background: transparent url(../images/mqo_blue/wxnw-on.gif) no-repeat top left;
}

.mqWest div.mqWa_hover, .mqWest div.mqWb_hover
{
    background: transparent url(../images/mqo_blue/wsp-on.gif) repeat-y top left;
}
.mqWest div.mqW_hover
{
    background: transparent url(../images/mqo_blue/w-on.gif) no-repeat top left;
}
.mqWest div.mqWxsw_hover
{
    background: transparent url(../images/mqo_blue/wxsw-on.gif) no-repeat top left;
}

/* south west */
.mqWest div.mqWxswc_hover
{
    background: transparent url(../images/mqo_blue/wxswc-on.gif) no-repeat top left;
}
.mqWest div.mqWsw_hover
{
    background: transparent url(../images/mqo_blue/wsw-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSw_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/sw-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSxswc_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/sxswc-on.gif) no-repeat top left;
}

/* south */

.mqSw-s-se div.mqSxsw_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/sxsw-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSa_hover, .mqSw-s-se div.mqSb_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/ssp-on.gif) repeat-x top left;
}
.mqSw-s-se div.mqS_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/s-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSxse_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/sxse-on.gif) no-repeat top left;
}

/* south east */
.mqSw-s-se div.mqSxsec_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/sxsec-on.gif) no-repeat top left;
}
.mqSw-s-se div.mqSe_hover
{
    float: right;
    background: transparent url(../images/mqo_blue/se-on.gif) no-repeat top left;
}
.mqEast div.mqEse_hover
{
    background: transparent url(../images/mqo_blue/ese-on.gif) no-repeat top left;
}
.mqEast div.mqExsec_hover
{
    background: transparent url(../images/mqo_blue/exsec-on.gif) no-repeat top left;
}

/* east */
.mqEast div.mqExse_hover
{
    background: transparent url(../images/mqo_blue/exse-on.gif) no-repeat top left;
}
.mqEast div.mqEa_hover, .mqEast div.mqEb_hover
{
    background: transparent url(../images/mqo_blue/esp-on.gif) repeat-y top left;
}
.mqEast div.mqE_hover
{
    background: transparent url(../images/mqo_blue/e-on.gif) no-repeat top left;
}
.mqEast div.mqExne_hover
{
    background: transparent url(../images/mqo_blue/exne-on.gif) no-repeat top left;
}

/* north east */
.mqEast div.mqExnec_hover
{
    background: transparent url(../images/mqo_blue/exnec-on.gif) no-repeat top left;
}
.mqEast div.mqEne_hover
{
    background: transparent url(../images/mqo_blue/ene-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNe_hover
{
    float: right;
    background: transparent url(../images/mqo_blue/ne-on.gif) no-repeat top left;
}
.mqNw-n-ne div.mqNxnec_hover
{
    float: left;
    background: transparent url(../images/mqo_blue/nxnec-on.gif) no-repeat top left;
}
/**********************/

/* zoom levels */
.mqZoom 
{
   cursor: pointer;
   
}
.mqZoom div.mqZin
{
    background: transparent url(../images/mqo_blue/zin.gif) no-repeat top left;
}
.mqZoom div.mqZ10
{
    background: transparent url(../images/mqo_blue/z10.gif) no-repeat top left;
}
.mqZoom div.mqZ9
{
    background: transparent url(../images/mqo_blue/z9.gif) no-repeat top left;
}
.mqZoom div.mqZ8
{
    background: transparent url(../images/mqo_blue/z8.gif) no-repeat top left;
}
.mqZoom div.mqZ7
{
    background: transparent url(../images/mqo_blue/z7.gif) no-repeat top left;
}
.mqZoom div.mqZ6
{
    background: transparent url(../images/mqo_blue/z6.gif) no-repeat top left;
}
.mqZoom div.mqZ5
{
    background: transparent url(../images/mqo_blue/z5.gif) no-repeat top left;
}
.mqZoom div.mqZ4
{
    background: transparent url(../images/mqo_blue/z4.gif) no-repeat top left;
}
.mqZoom div.mqZ3
{
    background: transparent url(../images/mqo_blue/z3.gif) no-repeat top left;
}
.mqZoom div.mqZ2
{
    background: transparent url(../images/mqo_blue/z2.gif) no-repeat top left;
}
.mqZoom div.mqZ1
{
    background: transparent url(../images/mqo_blue/z1.gif) no-repeat top left;
}
.mqZoom div.mqZout
{
    background: transparent url(../images/mqo_blue/zout.gif) no-repeat top left;
}
.mqMapoptions div.mqRevert
{
   background: transparent url(../images/mqo_blue/revert-off.gif) no-repeat top left;
   padding:0px;
}
.mqMapoptions div.mqReverton
{
    cursor: pointer;
    margin-top:30px;
    padding:0px;
    background: transparent url(../images/mqo_blue/revert.gif) no-repeat top left;
}

/* zoom levels-on images */

.mqZoom div.mqZin_hover
{
    background: transparent url(../images/mqo_blue/zin-on.gif) no-repeat top left;
}
.mqZoom div.mqZ_hover
{
    background: transparent url(../images/mqo_blue/z-on.gif) no-repeat top left;
}
.mqZoom div.mqZout_hover
{
    background: transparent url(../images/mqo_blue/zout-on.gif) no-repeat top left;
}
.mqMapoptions div.mqReverton_hover
{
    cursor: pointer;
    margin-top:30px;
    background: transparent url(../images/mqo_blue/revert-on.gif) no-repeat top left;
}


/* For popup */
div.mqDummycss
{
   background: transparent url(../images/popup/infobubble-top.png) no-repeat left top;
}
.mqPopupLink
{
   position: relative;
   color:  #00f;

}
div.mqPopuptop-NS{
   background: transparent url(../images/popup/infobubble-top.png) no-repeat left top;
   width: 251px;
   height: 14px;
   
   float: right;
}
div.mqPopupmiddle-NS {
   background: transparent url(../images/popup/infoboxcntr.png) ;
   width: 251px;
   float: right;
}
div.mqPopupbottom-NS{
   background: transparent url(../images/popup/infoboxbtm.png) no-repeat left;
   width: 251px;
   float: right;
}
div.mqPopuppointer-NS{
   background: transparent url(../images/popup/infobubble-pointer.png) no-repeat;
   float: left;
}


div.mqPopuptop-IE{
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup/infobubble-top.png');
   width: 251px;
   height: 14px;
   float: right;
}
div.mqPopupmiddle-IE {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup/infoboxcntr.png',sizingMethod='scale');
   width: 251px;
   float: right;
}
div.mqPopupbottom-IE{
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup/infoboxbtm.png');
   width: 251px;
   float: right;
}
div.mqPopuppointer-IE{
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup/infobubble-pointer.png');
   float: left;
}

div.mqPopupclose {
  background: transparent url(../images/x-close.gif) no-repeat;
  position: absolute;
  width: 18px;
  height: 17px;
  left: 225px;
  top: 5px;    
}
/**
 * =GENERAL LAYOUT
 */
/* pull out drawer */
table.mapgrinder
{
    margin-bottom: 10px;
}

.mqMapwidget /*, #maps .mapwidget .mqPanel*/
{
    margin:     0px;
    padding:    3px;
}

/**
 * =MAP CONTROLS 
 * @ pan controls, map
 */
.mqMapcontrols
{   
    float:  right;
}
.mqMapcontrols form
{
    margin:  0px;
    font-size:      11px;
    text-align:     center;
}
.mqMapcontrols img, .mqMapoptions img, .map
{
    cursor: pointer;
    
}
.mqMapcontrols input
{
    margin: 0 2px -2px 6px;
}
.mqMapcontrols label
{
    font-size: 11px;
}

.mqW-map-e div
{
    float: left;
    width: 12px;
}
div .mqW-map-e .mqMiddle
{
    display:        block;
    visibility:     visible;
    position:       relative;
    left:           0px;
    /* mac IE5.2x has problems with displaying \*/
    clip:           rect(0px, 0px, 0px, 0px);
    overflow:       hidden;
    /* end of hide */
    float:          left;
}
.mqW-map-e div.mqEast
{
    float:  right;
    width:  16px;
}
.mqW-map-e img
{
    float: left;
}

/* win IE5.x has 3px float bug \*/
* html .mqW-map-e div, * html .mqW-map-e img
{
    display:        inline;
    float:          none;
    margin:         0;
    voice-family:   "\"}\""; 
    voice-family:   inherit;
    display:        block;
    float:          left;
    margin:         0;
}

/* end hack */

/**
 * =MAP OPTIONS
 * @ zoom, revert
 */
.mqMapoptions
{
    width: 41px;
    margin-top: 10px;
}
.mqMapoptions .mqZoom
{
   background-color: transparent;
    margin:         63px 0 0px;
}
.mqZoom div
{   
    /*padding-left:   8px; width of zlabel image*/
   padding-left:   8px; 
   background:     transparent url(../images/mqo_blue/zlabel-en.gif) 0 0 no-repeat;
}
*html body .mqZoom div
{   
    /*padding-left:   8px; width of zlabel image*/
   padding-left:   8px; 
   background:     transparent url(../images/mqo_blue/zlabel-en.gif) no-repeat;
}
.mqMapoptions img
{
    display:    block;
}
.mqMapoptions .mqRevert
{
    display: none;
    margin-top:30px;
    padding:0px;
}