.tab-inventory , .tab-inventory  li, 
.title-inventory , .title-inventory  li, 
.mobile-tab-inventory, .mobile-tab-inventory  li, 
.inventory, .inventory-item
{
	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); 
	font-size: 0.9em; 
}

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

.chest-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); 
}

.tab-inventory, .title-inventory
{
	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-inventory  .tab-inventory  { top: 27px; }

.tab-inventory  .inventory-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-inventory  li, .title-inventory 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-inventory  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-inventory  li div, .title-inventory li div
{ 
	margin: 10px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
}

.tab-inventory .selected, .title-inventory 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-inventory .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-inventory 
{
	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-inventory  li
{
	cursor: pointer; 
	border-top: 1px solid rgb(65, 65, 65); 
	border-bottom: 1px solid rgb(0, 0, 0); 
	padding: 5px; 
}

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

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

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

.inventory-item
{
	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); 
}

.inventory-item:hover { background-color: rgb(50, 50, 50); }
.block-inventory  .selected { background-color: rgb(65, 65, 65); }
.block-inventory  .selected :hover { background-color: rgb(65, 65, 65); }

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

.inventory-item img
{
	width: 25px; 
	height: 25px; 
}

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