.tab-stat , .tab-stat  li, 
.title-character , .title-character  li, 
.title-stat, .title-stat li, 
.mobile-tab-stat, .mobile-tab-stat li,  
.gauge-row, .stat-item, .stat-category, .stat-category-content, .stat
{
	text-align: left; 
	margin: 0px; 
	padding: 0px; 
	list-style-type: none; 
	list-style-position: inside; 
	-webkit-text-shadow: 2px 2px 3px rgb(0, 0, 0); 
	text-shadow: 2px 2px 3px rgb(0, 0, 0); 
}

.tab-stat , .tab-stat  li, 
.title-character , .title-character  li, 
.title-stat, .title-stat li, 
.mobile-tab-stat, .mobile-tab-stat li,  
.gauge-row, .stat-item, 
.stat-category-label, .stat-category-arrow, 
.stat
{
	font-size: 0.9em; 
}

.global-stat 
{ 
	position: absolute; 
	left: 50%; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
	overflow: hidden; 
	border-left: 1px solid rgb(65, 65, 65); 
}

/* Panneau des états du personnages */

.character-panel
{
	position: absolute; 
	left: 0px; 
	right: 50%; 
	top: 0px; 
	bottom: 0px; 
	overflow-x: hidden; 
	overflow-y: auto; 
	border-right: 1px solid rgb(0, 0, 0); 
}

.title-character
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	height: 25px; 
	white-space: nowrap; 
	border-top: 1px solid rgb(65, 65, 65); 
	border-bottom: 1px solid rgb(0, 0, 0); 
	overflow: hidden; 
	
	background-image: -webkit-linear-gradient(top, rgb(30, 30, 30) 0%, 
												rgb(20, 20, 20) 100%);
												
	background-image: linear-gradient(to bottom, rgb(30, 30, 30) 0%, 
												rgb(20, 20, 20) 100%);
}

.title-character li 
{
	cursor: pointer; 
	display: inline-block; 
	height: 100%; 
	position: relative; 
	top: -1px; 
	border-radius: 0 10px 0 0;
	border-top: 1px solid rgb(65, 65, 65); 
	border-left: 1px solid rgb(65, 65, 65); 
	border-left: none; 
	border-right: 1px solid rgb(0, 0, 0); 
	z-index: 10; 
	
	box-shadow: 0px 0px 3px rgb(0, 0, 0); 
	
	background-image: -webkit-linear-gradient(top, rgb(30, 30, 30) 0%, 
												rgb(20, 20, 20) 100%);
												
	background-image: linear-gradient(to bottom, rgb(30, 30, 30) 0%, 
												rgb(20, 20, 20) 100%);
}	
	
.title-character li div
{ 
	margin: 10px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
}

.title-character li 
{
	border-radius: 10px 10px 0 0;
	border-top: 1px solid rgb(65, 65, 65); 
	border-left: 1px solid rgb(65, 65, 65); 
	border-right: 1px solid rgb(0, 0, 0); 
	z-index: 20; 
	
	background-image: -webkit-linear-gradient(top, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);
												
	background-image: linear-gradient(to bottom, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);
}

.block-character
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 27px; 
	bottom: 0px; 
	overflow-x: hidden; 
	overflow-y: auto; 
}

.gauges-table 
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	bottom: 0px; 
	width: 100%; 
}

.gauge-row
{
	cursor: pointer; 
	position: relative; 
	padding: 2px; 
	white-space: nowrap; 
	background-color: rgb(20, 20, 20); 
	border-left: 1px solid rgb(0, 0, 0); 
	border-bottom: 1px solid rgb(0, 0, 0); 
	border-top: 1px solid rgb(65, 65, 65); 
}

.gauge-row-name
{
	padding-left: 5px;
	padding-right: 5px;  
	max-width: 120px; 
}

.gauge-row-bar
{
	position: relative; 
	border-left: 1px solid rgb(0, 0, 0); 
	border-top: 1px solid rgb(0, 0, 0); 
	border-right: 1px solid rgb(65, 65, 65); 
	border-bottom: 1px solid rgb(65, 65, 65); 
	background-color: rgb(0, 0, 0); 
	min-width: 100px; 
}

.gauge-bar
{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	bottom: 0px; 
	background-image: linear-gradient(to bottom, 	rgba(255, 255, 255, 0.5) 0%, 
													rgba(0, 0, 0, 0) 0%, 
													rgba(0, 0, 0, 0.5) 100%);
}

.gauge-row-value
{
	padding-left: 5px; 
	padding-right: 5px; 
	width: 60px; 
	text-align: right; 
}

/* Panneau des stat */

.tab-stat, .title-stat
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	height: 25px; 
	white-space: nowrap; 
	border-top: 1px solid rgb(65, 65, 65); 
	border-bottom: 1px solid rgb(0, 0, 0); 
	overflow: hidden; 
	
	background-image: -webkit-linear-gradient(top, rgb(30, 30, 30) 0%, 
												rgb(20, 20, 20) 100%);
												
	background-image: linear-gradient(to bottom, rgb(30, 30, 30) 0%, 
												rgb(20, 20, 20) 100%);
}

.global-stat  .tab-stat  { top: 27px; }

.tab-stat  .stat-arrow
{
	cursor: pointer; 
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
	text-align: right; 
	-webkit-text-shadow: 2px 2px 3px rgb(0, 0, 0); 
	text-shadow: 2px 2px 3px rgb(0, 0, 0); 
	z-index: 30; 
	padding: 3px; 
}

.tab-stat  li:hover
{
	background-image: -webkit-linear-gradient(top, rgb(50, 50, 50) 0%, 
												rgb(20, 20, 20) 100%);
												
	background-image: linear-gradient(to bottom, rgb(50, 50, 50) 0%, 
												rgb(20, 20, 20) 100%);
}

.tab-stat  li, .title-stat li 
{
	cursor: pointer; 
	display: inline-block; 
	height: 100%; 
	position: relative; 
	top: -1px; 
	border-radius: 0 10px 0 0;
	border-top: 1px solid rgb(65, 65, 65); 
	border-left: 1px solid rgb(65, 65, 65); 
	border-left: none; 
	border-right: 1px solid rgb(0, 0, 0); 
	z-index: 10; 
	
	box-shadow: 0px 0px 3px rgb(0, 0, 0); 
	
	background-image: -webkit-linear-gradient(top, rgb(30, 30, 30) 0%, 
												rgb(20, 20, 20) 100%);
												
	background-image: linear-gradient(to bottom, rgb(30, 30, 30) 0%, 
												rgb(20, 20, 20) 100%);
}

.tab-stat  li div, .title-stat li div
{ 
	margin: 10px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
}

.tab-stat .selected, .title-stat li 
{
	border-radius: 10px 10px 0 0;
	border-top: 1px solid rgb(65, 65, 65); 
	border-left: 1px solid rgb(65, 65, 65); 
	border-right: 1px solid rgb(0, 0, 0); 
	z-index: 20; 
	
	background-image: -webkit-linear-gradient(top, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);
												
	background-image: linear-gradient(to bottom, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);
}

.tab-stat .selected:hover 
{
	background-image: -webkit-linear-gradient(top, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);
												
	background-image: linear-gradient(to bottom, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);
}

.mobile-tab-stat 
{
	margin: 0px; 
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 54px; 
	min-height: 20px; 
	background-color: rgb(20, 20, 20); 
	border-left: 1px solid rgb(0, 0, 0); 
	border-bottom: 1px solid rgb(0, 0, 0); 
	border-top: 1px solid rgb(65, 65, 65); 
	box-shadow: 0px 2px 5px rgb(0, 0, 0); 
}

.mobile-tab-stat li
{
	cursor: pointer; 
	border-top: 1px solid rgb(65, 65, 65); 
	border-bottom: 1px solid rgb(0, 0, 0); 
	padding: 5px; 
}

.mobile-tab-stat  li:hover { background-color: rgb(50, 50, 50); }

.block-stat 
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 27px; 
	bottom: 0px; 
	overflow-x: hidden; 
	overflow-y: auto; 
}

.global-stat  .block-stat  { top: 54px; }

.stat-category .selected
{
	background-image: -webkit-linear-gradient(top, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);
												
	background-image: linear-gradient(to bottom, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);	
}

.stat-category-content
{
	
}

.stat-category-label
{
	text-align: center; 
	position: relative; 
	padding: 5px; 
	white-space: nowrap; 
	font-weight: bold; 
	border-bottom: 1px solid rgb(0, 0, 0); 
	border-top: 1px solid rgb(65, 65, 65); 
	
	background-image: -webkit-linear-gradient(top, rgba(40, 40, 40, 1.0) 0%, 
														rgba(0, 0, 0, 0.0) 50%, 
														rgba(0, 0, 0, 1.0) 100%);
												
	background-image: linear-gradient(to bottom, rgba(40, 40, 40, 1.0) 0%, 
												rgba(0, 0, 0, 0.0) 50%, 
												rgba(0, 0, 0, 1.0) 100%);
}

.stat-category-arrow
{
	cursor: pointer;
	position: absolute; 
	left: 0px; 
	top: 0px; 
	padding: 5px; 
}

.stat-item
{
	position: relative; 
	padding: 4px; 
	white-space: nowrap; 
	background-color: rgb(20, 20, 20); 
	border-left: 1px solid rgb(0, 0, 0); 
	border-bottom: 1px solid rgb(0, 0, 0); 
	border-top: 1px solid rgb(65, 65, 65); 
}

.stat-item *, .stat-item-count *
{
	display: inline-block; 
	vertical-align: middle; 
}

.stat-item-count
{
	position: absolute; 
	right: 2px; 
	top: 0px; 
	bottom: 0px; 
	padding: 2px; 
	white-space: nowrap; 
}