.GOP { color: #EE3333; /* color: #CC0000; */ }
.Tie { color: #404040; }
.DEM { color: #3399EE; /* color: #0000CC; */ }

#DistributionChartFrame { position: relative; width: 800px !important; height: 500px !important; border-radius: 16px; border: 2px solid #C0C0C0; }
#DistributionChartFrame > .DynamicChartContent { width: 750px !important; height: 450px !important; }
#DistributionBarChart { width: 750px !important; height: 450px !important; }

#SenateDistributionChartFrame,
#HouseDistributionChartFrame,
#ElectoralCollegeDistributionChartFrame
{ display: inline-block; position: relative; width: 650px !important; height: 420px !important; border-radius: 16px; border: 2px solid #C0C0C0; }
#SenateDistributionChartFrame > .DynamicChartContent,
#HouseDistributionChartFrame > .DynamicChartContent,
#ElectoralCollegeDistributionChartFrame > .DynamicChartContent { width: 620px !important; height: 450px !important; }
#SenateDistributionBarChart,
#HouseDistributionBarChart,
#ElectoralCollegeDistributionBarChart { width: 620px !important; height: 380px !important; }


#HistorySenateChartFrame,
#HistoryHouseChartFrame,
#HistoryElectoralCollegeChartFrame
 { display: inline-block; position: relative; width: 650px !important; border-radius: 16px; border: 2px solid #C0C0C0; }
#HistoryElectoralCollegeChartFrame > .DynamicChartContent,
#HistorySenateChartFrame > .DynamicChartContent,
#HistoryHouseChartFrame > .DynamicChartContent
 { width: 650px !important; height: 450px !important; }
#HistoryElectoralCollegeLineChart,
#HistorySenateLineChart,
#HistoryHouseLineChart 
 { width: 650px !important; height: 420px !important; }

.LPRChart > .DynamicChartContent { margin-top: 30px; }
.LPRChart > .TimeStamp { position: absolute; right: 1em; bottom: 0.2em; font-size: small; color:#909090; font-family: "Verdana, Geneva, Tahoma, sans-serif"; }
.LPRChart > .Watermark { position: absolute; left: 2em; bottom: 0.5em; font-size: small; color:#909090; }
.LPRChart > .Summary { position: absolute; top: 1em; margin-left: 10%; font-size: 16px; text-align: center;  }
.LPRChart > .Summary > div { display: inline-block; padding-left: 1em; padding-right: 1em; }
.LPRChart > .ChartIcon { position: absolute; top: 0.5em; right: 1em; color: #404090; font-size: 80%; width: 32px; height: 32px; cursor: pointer; }
.LPRChart .Zoom { background-image: url(../img/zoom.png); }

#LeadProbabilityRow {
    width: 1200px;
}
.LPRDoughnut {  
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    height: 150px;    
}
.LPRDoughnut div.Breakout {
    position: absolute;
    display: inline-block;
    margin-top: 50px;
    margin-left: -9em;
}
.LPRDoughnut div.Breakout > .BreakoutLabel {
    display: block;
    font-size: 70%;
    font-family: "Calibri", "Arial", sans-serif;
}
.LPRDoughnut div.Breakout > .BreakoutValue {
    display: inline-block;
    font-size: 90%;
}
.LPRDoughnut > span.Value {
    position: absolute;
    display: inline-block;
    margin-top: 130px;
    margin-left: -1em;
    text-align: center;
    font-weight: bold;
    font-size: 110%;;
}
.LPRDoughnut .BidenDoughnut {
    background-image: url(../img/kamala_neutral.png);
    background-position: center;
}
.LPRDoughnut .TrumpDoughnut {
    background-image: url(../img/trump_happy.png);
    background-position: center;
}
.LPRDoughnut .MitchDoughnut {
    background-image: url(../img/mitch_happy.png);
    background-position: center;
}
.LPRDoughnut .ChuckDoughnut {
    background-image: url(../img/chuck_happy.png);
    background-position: center;
}
.DetailWrapper {  }
.DetailWrapper table { display: inline-block; font-family: Arial, Helvetica, sans-serif; border: 1px solid #C0C0C0; min-width: 155px; vertical-align: top; }
.DetailWrapper table th, .DetailWrapper table td { font-size: 80%; }