body.popup{
    background: #FFFFFF;
    font: normal 11px/14px Arial, Helvetica, sans-serif;
    overflow: hidden;
}
#plan #content{
    position: relative;
    width: 580px;
    height: 428px;
    padding: 0;
    text-align: left;
    color: #1D1D1D;
}
#plan #map{
    float: left;
    border: 1px solid #404040;
    width: 578px;
    height: 426px;
}
#plan #legend{
    position: absolute;
    bottom: 0px;
    left: 0px;
    float: left;
    width: 568px;
    height: 48px;
    padding: 5px 5px 0 5px;
    background: #FFFFFF;
    border: 1px solid #370707;
    display: none;
}

#plan #print{ float: right; padding: 7px 7px 0 0; }
#plan #plus{ float: right; padding: 7px 12px 0 0; }
#plan #minus{ float: right; padding: 7px 12px 0 0; }

#plan .print-btn{ display: block; width: 30px; height: 30px; background: url(../images/plan/print-btn-bg.jpg) no-repeat 0 0; }
#plan a.print-btn:hover{ background-position: 0 -30px; }

#plan .zoom-in-btn, #plan .zoom-in-disabled-btn{ display: block; width: 30px; height: 30px; background: url(../images/plan/zoom-in-btn-bg.jpg) no-repeat 0 0; }
#plan .zoom-in-btn:hover{ background-position: 0 -30px; }
#plan .zoom-in-disabled-btn{ background-position: 0 -60px; cursor: default; }

#plan .zoom-out-btn, #plan .zoom-out-disabled-btn{ display: block; width: 30px; height: 30px; background: url(../images/plan/zoom-out-btn-bg.jpg) no-repeat 0 0; }
#plan .zoom-out-btn:hover{ background-position: 0 -30px; }
#plan .zoom-out-disabled-btn{ background-position: 0 -60px; cursor: default; }


#plan #info{ float: left; padding: 0 10px; }
#plan #info-print{ display: none; clear: both;}

@media print{
    body.popup{
        background: #FFFFFF;
        font: normal 16px/22px Arial, Helvetica, sans-serif;
    }
    #plan-top{
        display: none;
    }
    #plan #info-print{
        display: block !important;
    }
    #plan #content{
        width: auto;
        height: auto;
    }
    #plan #legend{
        display: none !important;
    }
    #plan #map{
        border: 3px solid #000;
    }
}