/* Coded Infographic Table */	

.infographic_live {
	border-top: 3px solid #185083;
	border-right: 1px solid #d4d3d3;
	border-bottom: 3px solid #95bede;
/*	border-left: 1px solid #555555; */
	border-left: 1px solid #d4d3d3;
	padding: 24px 14px 17px 14px;
	width: 500px; /* 528 */
}
		.infographic_live table {
			margin-bottom: 20px;
		}
		.infographic_live h1 {
			/* main chart title */
			font-size:23px;
			font-weight:normal;
			color:#185083;
			margin: 0 0 17px;
		}
		.infographic_live h2 {
			/* chart subtitle */
			font-size:14px;
			line-height: 1.4;
			color:#625551;
			text-transform: none;
			margin: 15px 0 25px;
			font-weight: normal;
		}
		.infographic_live h1,
		.infographic_live h2 {
			padding-left: 2px;
		}
		.infographic_live .footnote,
		.infographic_live .footnote p {
			/*
			* footnote text below the main chart
			* @see "Source: This is where..."
			*/
			font-size: 11px;
			line-height: 1.3;
			color: #8d8593;
			margin: 15px 0;
		}
				.infographic_live .footnote ol {
					list-style: decimal outside none;
					margin-left: 20px;
				}
				.infographic_live .footnote li {
					padding-left: 5px;
					margin: 0 0 12px;
				}

		.infographic_live .logo {
			/* logo image below the chart */
			margin:15px 0;
		}

		.infographic_live tr {
			/* basic chart row style */
			color:#000;
			padding:3px 5px 2px;
			margin:0;
		}
		.infographic_live thead tr {
			border-top: none;
		}
		.infographic_live td {
			/*
			* styling of an individual row cell
			* @note: may align left or center.
			*/
			border-left: 1px solid #ddd;
			padding: 3px 5px 2px;
		}
		.infographic_live .rowheader {
			/*
			* extention of basic row:
			* header is a dark blue bar with white text
			* @see "boys more likely to play"
			*/
			background-color:#4F82B1;
			font-weight:bold;
			color:#FFF;
			border:none;
			margin-top: 12px;
			font-size: 11px;
			padding: 6px 13px 6px 13px;
			border-right: 1px solid white;
			border-bottom: 1px solid white;
			text-align: left;
		}
		.infographic_live .rowsuperheader {
			/*
			* extention of basic row:
			* superheader is the light gray text above a header
			* @see "% boy gamers"
			*/
			color:#958d93;
			border:none;
			font-weight: normal;
			font-size: 11px;
			padding: 0 10px 6px;
			text-align: center;
			vertical-align: bottom;
		}
		.infographic_live .rowsuperheader-wide {
			width: 150px;
		}
    	.infographic_live tbody th,
 		.infographic_live tbody td {
			font-weight: normal;
			font-size: 11px;
			padding-top: 4px;
			padding-bottom: 5px;
			vertical-align: middle;
			border-top:1px solid #ddd;
			text-align: left;
		}
		.infographic_live tbody th {
			padding-right: 24px;
			padding-left: 13px;
			line-height: 1.3;
		}
		.infographic_live tbody td {
			text-align: center;
		}
		.infographic_live tbody td a {
			color:#2D72B9;
			text-decoration: none;
		}
		.infographic_live tbody td a:hover {
			text-decoration: underline;
			color: #6D99CE;
		}
		.infographic_live img {
			display: block;
			margin-top: 25px;
		}