/**
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * MapQuest Maps Stylesheet 
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * @ map presentation styles
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * TOC
 * - general layout
 * - map widget container
 * - map controls
 * - map options
 * - css preload map art
 *
 */
 
/**
 * =GENERAL LAYOUT
 */
/* pull out drawer */
.drawer
{
    float: right;
}
/* mac ie hide \*/
.drawer
{
    min-width: 205px;
}
* html .drawer
{
    width: 205px;
}
/* end hide */
.drawer .content,  .mainwrapper .drawer .content
{
    margin-left:    10px;
}

table.mapgrinder
{
    margin-bottom: 10px;
}
table.mapgrinder .mainwrapper .content .main
{
    margin-top: 0;
}


/* =page wrapper to control width of flex containers */
#mqpage
{
    width:    825px;
    /* mac ie hide \*/
    width:    765px;
    /* end hide */
}

/* =right column ads and offers */ 
#rightcolumn .offers
{
    border: none;
}

#rightcolumn .offers
{   
    height:     100%;
}
#rightcolumn
{
    border: 1px solid #ccc;
}
/* mac ie hide \*/
td#rightcolumn, td#rightcolumn .offers
{   
    min-width:      193px;

}
td#rightcolumn .offers
{
    margin:         0;
    padding-top:    10px;
    padding-bottom: 10px;
}
* html td#rightcolumn, * html td#rightcolumn .offers
{   
    width:      195px;
    height:     100%;
    margin:     0;
}
/* end hide */

td.drawer
{
    float:      none;
}

/**
 * =MAP WIDGET CONTAINER
 * @ mapoptions + mapcontrols + panel padding
 */
.mapwidget
{   
    width:  543px;
}
.mapwidget .panel, #maps .mapwidget .panel
{
    margin:     0;
    padding:    3px;
    border:     1px solid #ccc;
    background: #f4f6e5;
}

/**
 * =MAP CONTROLS 
 * @ pan controls, map
 */
.mapcontrols
{   
    float:  right;
    width:  491px;
}
.mapcontrols form
{
    margin-bottom:  2px;
    font-size:      1.1em;
    text-align:     center;
}
.mapcontrols img, .mapoptions img, .map
{
    cursor: pointer;
    cursor: hand;
}
.mapcontrols input
{
    margin: 0 2px -2px 6px;
}
.mapcontrols label
{
    font-size: 1em;
}

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

/* win IE5.x has 3px float bug \*/
* html .w-map-e div, * html .w-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
 */
.mapoptions
{
    width: 41px;
    margin-top: 10px;
}
.mapoptions .zoom
{
    margin:         63px 0 32px;
}
.mapoptions .zoom div
{   /* zoom stack*/
    padding-left:   8px; /*width of zlabel image*/
    background:     transparent url(http://img.mqcdn.com/mqmap/zlabel-en) 0 0 no-repeat;
}
.mapoptions img
{
    display:    block;
}
.mapoptions .revert
{
    display: none;
}

/**
 * =CSS PRELOAD MAP ART
 */
/* north */
.nw
{
    background: transparent url(http://img.mqcdn.com/mqmap/nw-on) no-repeat top left;
}
.nxnw
{
    background: transparent url(http://img.mqcdn.com/mqmap/nxnw-on) no-repeat top left;
}
.nxnwc
{
    background: transparent url(http://img.mqcdn.com/mqmap/nxnwc-on) no-repeat top left;
}
.na, .nb
{
    background: transparent url(http://img.mqcdn.com/mqmap/nsp-on) repeat-x top left;
}
.n
{
    background: transparent url(http://img.mqcdn.com/mqmap/n-on) no-repeat top left;
}
.nxne
{
    background: transparent url(http://img.mqcdn.com/mqmap/nxne-on) no-repeat top left;
}
.nxnec
{
    background: transparent url(http://img.mqcdn.com/mqmap/nxnwc-on) no-repeat top left;
}
.ne
{
    background: transparent url(http://img.mqcdn.com/mqmap/nw-on) no-repeat top left;
}
/* west */
.wnw
{
    background: transparent url(http://img.mqcdn.com/mqmap/wnw-on) no-repeat top left;
}
.wxnw
{
    background: transparent url(http://img.mqcdn.com/mqmap/wxnw-on) no-repeat top left;
}
.wxnwc
{
    background: transparent url(http://img.mqcdn.com/mqmap/wxnwc-on) no-repeat top left;
}
.wa, .wb
{
    background: transparent url(http://img.mqcdn.com/mqmap/wsp-on) repeat-y top left;
}
.w
{
    background: transparent url(http://img.mqcdn.com/mqmap/w-on) no-repeat top left;
}
.wxsw
{
    background: transparent url(http://img.mqcdn.com/mqmap/wxsw-on) no-repeat top left;
}
.wxswc
{
    background: transparent url(http://img.mqcdn.com/mqmap/wxswc-on) no-repeat top left;
}
.wsw
{
    background: transparent url(http://img.mqcdn.com/mqmap/wsw-on) no-repeat top left;
}
/* east */
.ene
{
    background: transparent url(http://img.mqcdn.com/mqmap/ene-on) no-repeat top left;
}
.exne
{
    background: transparent url(http://img.mqcdn.com/mqmap/exne-on) no-repeat top left;
}
.exnec
{
    background: transparent url(http://img.mqcdn.com/mqmap/exnec-on) no-repeat top left;
}
.ea, .eb
{
    background: transparent url(http://img.mqcdn.com/mqmap/esp-on) repeat-y top left;
}
.e
{
    background: transparent url(http://img.mqcdn.com/mqmap/e-on) no-repeat top left;
}
.exse
{
    background: transparent url(http://img.mqcdn.com/mqmap/exse-on) no-repeat top left;
}
.exsec
{
    background: transparent url(http://img.mqcdn.com/mqmap/exsec-on) no-repeat top left;
}
.ese
{
    background: transparent url(http://img.mqcdn.com/mqmap/ese-on) no-repeat top left;
}

/* south */
.sw
{
    background: transparent url(http://img.mqcdn.com/mqmap/sw-on) no-repeat top left;
}
.sxsw
{
    background: transparent url(http://img.mqcdn.com/mqmap/sxsw-on) no-repeat top left;
}
.sxswc
{
    background: transparent url(http://img.mqcdn.com/mqmap/sxswc-on) no-repeat top left;
}
.sa, .sb
{
    background: transparent url(http://img.mqcdn.com/mqmap/ssp-on) repeat-x top left;
}
.s
{
    background: transparent url(http://img.mqcdn.com/mqmap/s-on) no-repeat top left;
}
.sxse
{
    background: transparent url(http://img.mqcdn.com/mqmap/sxse-on) no-repeat top left;
}
.sxsec
{
    background: transparent url(http://img.mqcdn.com/mqmap/sxsec-on) no-repeat top left;
}
.se
{
    background: transparent url(http://img.mqcdn.com/mqmap/se-on) no-repeat top left;
}