/***************************************************************************************************
	
	Player details
	
****************************************************************************************************/

#playerDetails { margin-bottom: 20px; }
#playerDetails ul { margin-bottom: 6px; }
#playerDetails ul li { clear: both; font-weight: bold; line-height: 1.1; padding-bottom: 4px; }
#playerDetails ul li span { float: left; width: 140px; font-weight: normal; }



/***************************************************************************************************
	
	Stats grid
	
****************************************************************************************************/



.stats-grid table td div.main-stat { width: 100%; }
.stats-grid table td div.main-stat div.bar { float: left; width: 150px; height: 34px; margin-top: 10px; }
.stats-grid table td div.main-stat div.bar div { height: 34px; background: transparent url("/zakumi/img/pages/player-main-stat.gif") repeat-x left top; }
.stats-grid table td div.main-stat span.number { float: right; color: #f7470b; font-family: Arial; font-size: 4.5em; font-weight: bold; }
.stats-grid table td div.main-stat span.number span { background: #f7470b; display: inline-block; margin: 0 7px; text-indent: -2000em; width: 5px; }
.stats-grid table td div.main-stat span.name { clear: both; display: block; width: 100%; padding-top: 10px; color: #f7470b; font-weight: bold; font-size: 0.9em; }
div.main-stat span.desc { clear: both; display: block; width: 100%; padding-top: 10px; font-size: 0.9em; }


.stats-grid table td div.sub-stat { width: 100%; }
.stats-grid table td div.sub-stat div.bar { float: left; width: 150px; height: 8px; overflow: hidden; margin: 5px 0 5px 0; }
.stats-grid table td div.sub-stat div.bar div { height: 8px; background: transparent url("/zakumi/img/pages/player-sub-stat.gif") repeat-x left top; }
.stats-grid table td div.sub-stat span.number { float: right; width: 60px; text-align: right; color: #346633; font-family: Arial; font-size: 2.8em; font-weight: bold; }
.stats-grid table td div.sub-stat span.number.long { width: 120px; }
.stats-grid table td div.sub-stat span.number span { background: #346633; display: inline-block; margin: 0 5px; text-align: left; text-indent: -2000em; width: 4px; }
.stats-grid table td div.sub-stat span.name { font-size: 0.9em; }