/* map control styles */

.mapLarge /* corresponds with #mapContainer */
{
    position: relative;
    margin: 12px; 
    width: 900px; height: 650px;
    border: 3px outset rgb(49,91,148);  
}

/* callout container */
.mapCallout
{
    position: relative;
    min-width: 300px; max-width: 600px;
    z-index: 1;
}
.mapCallout
{
    width /*:*/ 300px;
}
.mapCallout .closeWindow
{
    position: absolute;
    top: 8px; right: 8px;   
}
.mapCallout .callout
{
    margin: 0px; padding: 0px;
}
.callout p
{
    width: 100%;
    margin: 2px 0px; padding: 0px 10px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; line-height: 14px; 
    color: rgb(51,51,51);
}
.callout p strong
{
    font-weight: 700;
    color: rgb(186,0,0);
}
.callout td.topLeft
{
    margin: 0px; padding: 0px;
    width: auto; height: 4px;
    background: url(../images/cornerCalloutRedTopLeft.gif) top left no-repeat;  
}
.callout .topRight
{
    margin: 0px; padding: 0px;
    width: 5px; height: 4px;
}
.callout td.centerLeft
{
    margin: 0px; padding: 0px;
    width: 30px; 
    background: url(../images/borderCalloutRedLeft.gif) top left repeat-y;
}
.callout td.centerColumnLeft
{
    margin: 0px; padding: 4px;
    width: 136px;
    vertical-align: top;
    background: rgb(255,255,255);
}
.callout td.centerColumnLeft img
{
    margin: 0px; padding: 0px;
    width: 128px; height: 96px;
    border: none;
}
.callout td.centerColumnLeft p
{
    text-align: right;
    font-weight: normal;
    
}
.callout td.centerColumnRight
{
    margin: 0px; padding: 2px;
    vertical-align: top;
    background: rgb(255,255,255);
}
.callout .buttonContainer
{
    position: relative;
    margin: 0px; padding: 0px;
    height: 15px;  
}
.callout .buttonOffset
{
    position: absolute;
    top: 0px; right: 4px;            
}       
.callout td.centerRight
{
    margin: 0px; padding: 0px;
    width: 5px;
    background: url(../images/borderCalloutRedRight.gif) top left repeat-y;
}
.callout td.bottomLeft
{
    margin: 0px; padding: 0px;
    height: 35px;
    background: url(../images/cornerCalloutRedBottomLeft.gif) top left no-repeat; 
}
.callout .bottomRight
{
    margin: 0px; padding: 0px;
    width: 5px; height: 35px;        
}