body
{
    height: 100%;
    background-repeat: repeat-y;
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 10px;
}

body.main
{
    background-color: #446688;
}

a { text-decoration: none }

a:hover { text-decoration: underline }

a.reportHeader
{
    color: blue;
    text-decoration: none;
}

a.reportHeader:hover
{
    color: purple;
}

p.headerText
{
    color: white;
    background: transparent;
}

div.map
{
    position: relative;
    height: 550px;
    width: auto;
    border: 1px silver solid;
}

div.tooltip
{
    z-index: 9999;
    position: absolute;
    background-color: #ffffe1;
    padding: 2px;
    border: 1px solid #000000;
}
img.tool
{
    height: 28px;
    width: 28px;
    vertical-align: middle;
    border: 1px dashed white;
}
div.help
{
    width: 200px;
    z-index: 9999;
    position: absolute;
    background-color: #ffffe1;
    padding: 2px;
    border: 1px solid #000000;
}

div.sidebar
{
    width: 32%; /* Must modify div.content width when modifying this width */
    float: left;
    border: 0px none white;
}

div.content
{
    position: relative;
    width: 65%; /* Must modify div.sidebar width when modifying this width */
    float: left;
    border: 0px none white;
}

div.myChartsListDelete
{
    width: 20px;
    float: left;
    border: 0px none white
}
div.MyChartsList
{
    overflow:auto;
    height:275px;
}

div.myChartsListContent
{
    width: 80%;
    word-wrap: break-word;
    float: left;
    padding-right: 0px;
    border: 0px none white;
}

div.placeNameResults
{
    position: absolute;
    width: 38%;
    z-index: 99999;
    background: #ffffe1;
    padding: 3px;
    border: 1px solid #000000;
}

div.placeNameResultsContents
{
    height: 200px;
    width: 96%;
    float: left;
    overflow: auto;
}

div.toolbar
{
    position: relative;
    border: 0px none white;
}

div.sidebarHeading
{
    width: 97%;
    position: relative;
    padding: 2px;
    background-color: #f0f0f0;
    border: 1px solid silver;
    display: inline-block;

}

div.sidebarHeadingIcon
{
    width: 15px;
    float: left;
}

div.sidebarHeadingText
{
    cursor: "url";
    width: 80%;
    float: left;
    text-align: left
}

div.sideBarContent
{
    position: relative;
    padding: 2px;
    text-align: left;
    vertical-align: top;
    border: 0px none white;
}

div.clear
{
    height: 0px;
    clear: both;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0px;
}

table.details
{
    width: 100%;
}

table.placeNameResults
{
    width: 96%;
}

th
{
    font-weight: bold;
    background-color: silver;
}

img.sidebarHelp
{
    vertical-align: middle;
    float: right;
}

img.tool
{
    height: 28px;
    width: 28px;
    vertical-align: middle;
    border: 1px dashed white;
}

img.splitter
{
    height: 28px;
    vertical-align: middle;
    border: 0px none white;
}

img.button:hover
{
    border: 1px solid silver;
}

.close
{
    vertical-align: top;
    text-align: right;
    border: 0px none white;
}

.alignLeftTop
{
    text-align: left;
    vertical-align: top;
}

.button
{
    padding: 0px 4px 0px 4px;
    overflow: visible;
}

.messageBox
{
    padding: 3px 15px 3px 10px;
    font-weight: bold;
    background-color: #fad163;
}

#divPrintChartInfo
{
    display: none;
}

@media print
{
    #imgPrint, #imgHelpLegend, #divToolbar, #divSidebarZoomToRegion, #divSidebarZoomToPlacename,
    #divSidebarFilterChart, #divSidebarMyChartsList, div.foot1, #breadcrumb, div.tooltip, #btnAddChart,
    #imgCloseDetails, #imgSave
    {
        display: none;
    }

    #map
    {
        width: 100%;
        float: right;
    }

    #divPrintChartInfo
    {
        display: block;
    }
}