﻿
		#SuperTuesdayScorecard
		{
			width: 900px;
		}

		#SuperTuesdayScorecard .ChartHeader { font-size: 125%; text-align: center; display: inline-block; width: 100%; }
		
		#SuperTuesdayScorecard .StateBlock > td
		{
			
		}
		
		#SuperTuesdayScorecard .StateBlock > td:first-child
		{
			/* font-size: 18px;			 */
		}
		
		#SuperTuesdayScorecard .StateBlock > td:not(:first-child)
		{
			font-size: 95%;
			font-family: "Lucida Console", Monaco, monospace;			
		}
		/*
		#SuperTuesdayScorecard .StateBlock div { padding: 2px; }
		*/
		#SuperTuesdayScorecard div > span { display: inline-block; padding-top: 6px; padding-bottom: 3px; }

		#SuperTuesdayScorecard .StateLabel { background-color: #F0F0F0; }
		#SuperTuesdayScorecard .StateLabel > span { padding-left: 0.25em; padding-right: 1em; }
		#SuperTuesdayScorecard .HeaderRow,
		#SuperTuesdayScorecard .HeaderRow > td
		{ background-color: rgb(200, 191, 231) !important;  font-weight: bold; color: black; height: 30px; }
		

		#gopProbabilities 
		{
			float: left;
			width: 480px;
			min-height: 250px;
		}


		#SuperTuesdayScorecard .ScorecardHeader { width: 100%; border: 1px solid black; background-color: rgb(238, 236, 225); font-size: 200%; text-align: center; margin-bottom: 10px; }
		#SuperTuesdayScorecard .ScorecardFooter { clear: both; width: 90%; padding-top: 5px; }

		#demProbabilities{
			/* display: inline-block; */
			width: 342px;
			float: right;
			
		}

		#gopProbabilities table,
		#demProbabilities table
		{
			border-color: #C0C0C0 !important;
		}

		@-webkit-keyframes redFade {
		  0%   { background-color: #FFFFFF; }
		  10%  { background-color: #FF6666; }
		  100% { background-color: #FFFFFF; }
		}
		@-moz-keyframes redFade {
		  0%   { background-color: #FFFFFF; }
		  10%  { background-color: #FF6666; }
		  100% { background-color: #FFFFFF; }
		}
		@-o-keyframes redFade {
		  0%   { background-color: #FFFFFF; }
		  10%  { background-color: #FF6666; }
		  100% { background-color: #FFFFFF; }
		}
		@keyframes redFade {
		  0%   { background-color: #FFFFFF; }
		  10%  { background-color: #FF6666; }
		  100% { background-color: #FFFFFF; }
		}
		
		@-webkit-keyframes greenFade {
		  0%   { background-color: #FFFFFF; }
		  10%  { background-color: #90F090; }
		  100% { background-color: #FFFFFF; }
		}
		@-moz-keyframes greenFade {
		  0%   { background-color: #FFFFFF; }
		  10%  { background-color: #90F090; }
		  100% { background-color: #FFFFFF; }
		}
		@-o-keyframes greenFade {
		  0%   { background-color: #FFFFFF; }
		  10%  { background-color: #90F090; }
		  100% { background-color: #FFFFFF; }
		}
		@keyframes greenFade {
		  0%   { background-color: #FFFFFF; }
		  10%  { background-color: #90F090; }
		  100% { background-color: #FFFFFF; }
		}

		@-webkit-keyframes grayFade {
		  0%   { background-color: #FFFFFF; }
		  20%  { background-color: #CCCCCC; }
		  100% { background-color: #FFFFFF; }
		}
		@-moz-keyframes grayFade {
		  0%   { background-color: #FFFFFF; }
		  20%  { background-color: #CCCCCC; }
		  100% { background-color: #FFFFFF; }
		}
		@-o-keyframes grayFade {
		  0%   { background-color: #FFFFFF; }
		  20%  { background-color: #CCCCCC; }
		  100% { background-color: #FFFFFF; }
		}
		@keyframes grayFade {
		  0%   { background-color: #FFFFFF; }
		  20%  { background-color: #CCCCCC; }
		  100% { background-color: #FFFFFF; }
		}

		.gainingAnimation{    
			background-image:none !important;
			-webkit-animation: greenFade 45s ease-in-out; 
			   -moz-animation: greenFade 45s ease-in-out; 
				 -o-animation: greenFade 45s ease-in-out; 
					animation: greenFade 45s ease-in-out; 
		}
		.losingAnimation{    
			background-image:none !important;
			-webkit-animation: redFade 45s ease-in-out; 
			   -moz-animation: redFade 45s ease-in-out; 
				 -o-animation: redFade 45s ease-in-out; 
					animation: redFade 45s ease-in-out; 
		}

		.neutralAnimation{    
			background-image:none !important;
			-webkit-animation: grayFade 5s ease-in-out; 
			   -moz-animation: grayFade 5s ease-in-out; 
				 -o-animation: grayFade 5s ease-in-out; 
					animation: grayFade 5s ease-in-out; 
		}

		.lock
		{
			float: right;
			margin-top: -2px;
			margin-left: -16px;
			margin-right: -16px;
			margin-bottom: -1px;
			width: 16px;
			height: 16px;
		}