/**
 * Points Viewer -- Main Components of Section
 */

.pointsSection {
    margin: 0px;
    padding: 0px;
    float: left;
    color: white;
    background-color: transparent;
}

@media screen { /* >>>>>>>>>> START Screen */
#LogoContainer {
    margin: 0px auto 10px auto;
    padding: 0px;
    border: none;
    background-color: transparent;
}
#LogoImage {
    margin: 0px;
    padding: 0px;
    border: 2px solid DarkGoldenRod;
}


.pointsContainer {
    margin: 0px;
    padding: 0px;
    color: black;
    border: 2px solid DarkGoldenRod;
}

.pointsHeader {
    width: 100%;
    height: 114px;
    background-color: #ffff55; /* Lighter shade of normal yellow */
    text-align: center;
}

.pointsBody {
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-color: FireBrick;
}

.pointsFooter {
    width: 100%;
    height: 26px;
    line-height: 26px;
    background-color: yellow;
}
} /* >>>>>>>>>> END Screen */

@media print { /* >>>>>>>>>> START Print */
#LogoContainer {
    display: none;
}

.pointsContainer {
    margin: 0px;
    padding: 0px;
    width: 100%;
    color: black;
    border: none;
}

.pointsHeader {
    width: 100%;
    height: 114px;
    background-color: white;
    text-align: center;
}

.pointsBody {
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-color: white;
}

.pointsFooter {
    width: 100%;
    height: 26px;
    line-height: 26px;
    background-color: white;
}
} /* >>>>>>>>>> END Print */

.pointsFooter .left {
    float: left;
}

.pointsFooter .right {
    float: right;
}


/**
 * Points Viewer -> Inside Header
 */

.MenuBarTitle {
    font-size: 1.5em;
    color: gold;
}


/**
 * Points Viewer -> Inside Body
 */

@media screen { /* >>>>>>>>>> START Screen */
.PointsButtons {
    height: 22px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
} /* >>>>>>>>>> END Screen */

@media print { /* >>>>>>>>>> START Print */
.PointsButtons {
    display: none;
}
} /* >>>>>>>>>> END Print */

#FinalRaceButton {
    margin: 0px 2px 0px 0px;
    width: 200px;
    float: right;
}


.pgbrk {
    page-break-before: always;
}


/**
 * ----- Point Results by Class -----
 */

.rcClassName {
    margin: 25px 0px 3px 4px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    color: gold;
}

.rcClassContainer {
    font-size: .6em;
    margin: 0px 4px 0px 4px;
    padding: 0px;
}


.tblClassPoints {
    background-color: white;
    border: 5px double black;
}

.lblClassHeadings {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: black;
}

.dataDriverNames {
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    color: black;
}

.lblNumOfDrivers {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: black;
}

.dataClassTotals {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: DarkRed;
}

.PointsValue {
    font-size: 1.2em;
    font-weight: normal;
    text-align: center;
    color: black;
}

.BehindValue {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    color: black;
}

.PointsCustom {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    color: DarkBlue;
}


/**
 * ----- Point Results by Class: Grand Totals -----
 */

.tblGrandTotals {
    margin: 20px 0px 0px 0px;
}

.lblClassGrandTotals {
    font-size: .8em;
    font-weight: bold;
    text-align: center;
    color: black;
}

.dataClassGrandTotals {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: white;
}


/**
 * ----- Point Results: Summary -----
 */

.tblClassSummary {
    margin: 50px 0px 0px 12px;
    font-size: 1.6em;
}

.lblClassSummaryHeadings {
    font-size: .6em;
    font-weight: bold;
    text-align: center;
    color: black;
}
.lblClassSummaryName {
    font-size: .8em;
    font-weight: normal;
    text-align: left;
    color: gold;
}
.lblClassSummaryStatName {
    font-size: .8em;
    font-weight: normal;
    text-align: right;
    color: black;
}

.dataClassSummaryValue {
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    color: black;
}

.dataClassSummaryTotals {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: white;
}

/**
 * ----- Point Results: Calculation Methods -----
 */

.PointMethod {
    margin: 10px;
    padding: 0px;
    font-size: 1.5em;
}

.PointMethod ul {
    list-style-position: outside;
    list-style-type: disc;
    list-style-image: url('../styles/bullet1.gif');
}
.PointMethod ul ul {
    list-style-image: url('../styles/bullet2.gif');
}
.PointMethod ul ul ul {
    list-style-image: url('../styles/bullet3.gif');
}

.lblGridPositions {
    font-size: .8em;
    font-weight: normal;
    text-align: left;
    color: black;
}

.GridValue {
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    color: white;
}


/**
 * Final Race
 */

#FinalNameOfSeries {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    color: black;
    line-height: 10px;
}