﻿.pageTop {
        border-bottom: 1px solid #000000;
    }

    .pageHeader {
        font-size: 20px;
        font-family: "HelveticaNeueW01-77BdCn 692722", 'Helvetica Neue LT Std', Arial, sans-serif;
        margin: 15px 0px 15px -45px; /*Breaks out to the left of the main content div*/
    }

    .mainChartTitle {
        font-family: "HelveticaNeueW01-77BdCn 692722", 'Helvetica Neue LT Std', Arial, sans-serif !important;
        font-size: 18px;
        margin: 0px 0px 10px 0px;
    }

    .mainChartGrid {
        width: 100%;
        height: 300px;
    }

    .small5ChartRegion {
        width: 1250px !important;
        overflow: visible !important;
    }

    .small4ChartRegion {
        width: 1000px !important;
    }

    .small3ChartRegion {
        width: 750px !important;
    }

    .mainChart {
        float: left;
        width: 60%;
        height: 100%;
    }

    .mainChartDescription {
        float: left;
        width: 40%;
    }

    .pageBottom {
        text-align: center;
        width: 100%;
        margin: 0px auto;
    }

    .smallChartRegion {
        height: 100px;
        width: 775px;
        margin: 5px auto;
    }

    .smallChartGrid {
        position: relative;
        width: 200px;
        float: left;
        margin: 5px 25px 0px 25px;
        cursor: pointer;
        z-index: 100;
    }

    .smallChartOverlap {
        position: relative;
        width: 200px;
        height: 125px;
        float: left;
        margin: 5px 25px 0px -225px;
        cursor: pointer;
        z-index: 100;
    }
    .smallChartTitle {
        font-size: 14px;
        font-family: "HelveticaNeueW01-77BdCn 692722", 'Helvetica Neue LT Std', Arial, sans-serif;
    }

    .smallChart {
        height: 100px;
        width: 200px;
    }
    .selectedSmallChart {
        opacity: .20;
        background-color: #f6f6f6;
        border: 1px solid #000000;
    }
    .titleSelect {
        font-size: 16px;
    }