

/* --- BEGIN: Predict/Results Styles ------------------------- --- */

#tbl_card {
 }

#tbl_card tr.card-detail td table.tbl_card-detail {
	border: 3px solid silver;
	padding: 10px 10px 10px 10px;
	background-color: black;
	color: white;
 } 
 
#tbl_card tr.item {
	background-color: #9486FF;
 }

#tbl_card tr.item td {
	color: white; 
	font-weight: bold; 
	padding: 2px 2px 2px 2px;
 }	
 
#tbl_card tr.item-predict {
 }

#tbl_card tr.item-predict td.left {
	width: 65px; 
	padding: 5px 5px; 
 }

#tbl_card tr.item-predict td.right {
	padding: 5px 5px; 
 }

#tbl_card tr.break td {
	border-top: 1px dotted silver; 
 }
 
.pointCell {
	border: 2px solid silver;
	background-color: gray;
	color: #DEDBFF;
	font-size: 12pt;
	text-align: center;
	width: 70px;
 }

.pointCell-Correct {
	background-color: #DEDBFF;
	color: black;
	font-weight: bold;
 } 
 
.pointCell-Total {
	background-color: red;
	color: white;
	font-weight: bold;
	height: 50px;
 }	

.pointCell-TotalPossible {
	background-color: black;
	color: white;
	font-weight: bold;
	height: 50px;
 }	
 
.rankCell {
	background-color: gray;
	height: 40px;
	color: yellow;
	font-size: 13pt;
 }	
 
/* --- End: Predict/Results Styles --------------------------- --- */

.pb_toggle {
	cursor: pointer;
 }
 
.pb_on {
	font-weight: bold;
 }
 
.pb_off {
	font-weight: normal;
 }
 
.percent_breakdown {
	border: 1px solid black; 
	margin-right: 10px;
 }

.percent_breakdown table.pb_table {
	background-color: white;
 }
 
.percent_breakdown table.pb_table tr td {
	padding: 5px;
 }

.percent_breakdown table.pb_table tr td.divider {
	padding: 0;
	margin: 0;
	background-color: silver;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	height: 4px;
	line-height: 4px;
 }
 
.percent_breakdown tr.toggle {
	background-color: black;
	margin: 0;
	padding: 0;
 }

.percent_breakdown tr.toggle td {
	color: white;
 }
 
.percent_breakdown tr.correct {
	background-color: #DEDBFF;
 }
 
.percent_breakdown tr.incorrect {

 }
 
.percent_breakdown tr.user {

 }

.percent_breakdown tr.user td {
	font-weight: bold;

 } 
