@font-face {
	font-family: "TF2 Build";
	src: local("TF2 Build"), url(/tf2build.ttf);
}

.avatarHolder_default {
	background-image:url(http://steamcommunity.com/public/images/skin_1/avatarholder_default.jpg);
	border:0 none;
	height:192px;
	margin:0;
	padding:0;
	position:relative;
	width:192px;
}

.avatarFull {
	border:0 none;
	height:184px;
	left:4px;
	margin:0;
	padding:0;
	position:absolute;
	top:4px;
	width:184px;
}

.avatarFull img {
	border:0;
	padding:0;
	margin:0;
	width:184px;
	height:184px;
}


.mediumHolder_default
{
	position:relative;
	width:72px;
	height:72px;
	border:0;
	padding:0;
	margin:0;
	background-image:url('http://steamcommunity.com/public/images/skin_1/mediumholder_default.gif');
}

.avatarMedium {
	position:absolute;
	width:64px;
	height:64px;
	border:0;
	padding:0;
	margin:0;
	top:4px;
	left:4px;
}

.avatarMedium img {
	border:0;
	padding:0;
	margin:0;
	width:64px;
	height:64px;
}

.iconHolder_default,.iconHolder_online,.iconHolder_in-game,.iconHolder_offline,.iconHolder_ignored {
	position:relative;
	width:40px;
	height:40px;
	border:0;
	padding:0;
	margin:0;
}
.iconHolder_default {
	background-image:url('http://steamcommunity.com/public/images/skin_1/iconholder_default.jpg');
}
.iconHolder_offline {
	background-image:url('http://steamcommunity.com/public/images/skin_1/iconholder_offline.jpg');
}
.iconHolder_ignored {
	background-image:url('http://steamcommunity.com/public/images/skin_1/iconholder_offline.jpg');
}
.iconHolder_online {
	background-image:url('http://steamcommunity.com/public/images/skin_1/iconholder_online.jpg');
}
.iconHolder_in-game {
	background-image:url('http://steamcommunity.com/public/images/skin_1/iconholder_ingame.jpg');
}
.friendBlock_offline, .friendBlock_online, .friendBlock_in-game, .friendBlock_ignored {
	font-size: 11px;
}
.friendBlock_offline {
	color: #898989;
}
.friendBlock_online {
	color: #62a7e3;
}
.friendBlock_in-game {
	color: #8bc53f;
}
.friendBlock_ignored {
	color: #f26c4f;
}

.avatarIcon {
	position:absolute;
	width:32px;
	height:32px;
	border:0;
	padding:0;
	margin:0;
	top:4px;
	left:4px;
}
.avatarIcon img {
	border:0;
	padding:0;
	margin:0;
	width:32px;
	height:32px;
}

.invBox {
	position: relative;
	float: left;
	/*width: 98px;
	height: 79px;*/
	margin: 0px;
	background-position: center center;
	overflow: visible;


	width: 92px;
	height: 73px;
	margin-left: 4px;
	margin-right: 2px;
	margin-bottom: 6px;
	background-image: url(/cell.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.invBox.qualityoutline0 {
	background-image: url(/cells/celloutline_0.png);
}
.invBox.qualityoutline1 {
	background-image: url(/cells/celloutline_1.png);
}
.invBox.qualityoutline2 {
	background-image: url(/cells/celloutline_2.png);
}
.invBox.qualityoutline3 {
	background-image: url(/cells/celloutline_3.png);
}
.invBox.qualityoutline4 {
	background-image: url(/cells/celloutline_4.png);
}
.invBox.qualityoutline5 {
	background-image: url(/cells/celloutline_5.png);
}
.invBox.qualityoutline6 {
	background-image: url(/cells/celloutline_6.png);
}
.invBox.qualityoutline7 {
	background-image: url(/cells/celloutline_7.png);
}
.invBox.qualityoutline8 {
	background-image: url(/cells/celloutline_8.png);
}
.invBox.qualityoutline9 {
	background-image: url(/cells/celloutline_9.png);
}
.invBox.qualityoutline10 {
	background-image: url(/cells/celloutline_10.png);
}
.invBox.qualityoutline11 {
	background-image: url(/cells/celloutline_11.png);
}
.invBox.qualityoutline13 {
	background-image: url(/cells/celloutline_5.png);
}
.invBox.quality0 {
	background-image: url(/cells/cell_0.png);
}
.invBox.quality1 {
	background-image: url(/cells/cell_1.png);
}
.invBox.quality2 {
	background-image: url(/cells/cell_2.png);
}
.invBox.quality3 {
	background-image: url(/cells/cell_3.png);
}
.invBox.quality4 {
	background-image: url(/cells/cell_4.png);
}
.invBox.quality5 {
	background-image: url(/cells/cell_5.png);
}
.invBox.quality6 {
	background-image: url(/cells/cell_6.png);
}
.invBox.quality7 {
	background-image: url(/cells/cell_7.png);
}
.invBox.quality8 {
	background-image: url(/cells/cell_8.png);
}
.invBox.quality9 {
	background-image: url(/cells/cell_9.png);
}
.invBox.quality10 {
	background-image: url(/cells/cell_10.png);
}
.invBox.quality11 {
	background-image: url(/cells/cell_11.png);
}
.invBox.quality13 {
	background-image: url(/cells/cell_5.png);
}

.invBox img {
	top: -8px;
	left: 2px;
}

.cellHover {
	background-position: 0 -73px;
}

.cellSelected {
	background-position: 0 -146px;
}

.nobg {
	background-image: none;
}

.item {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 87px;
	width: 87px;
}
.invBoxSmall .item {
	position: static;
	width: 55px;
	height: 55px;
}
.invBoxLarge {
	position: relative;
	margin: 0px;
	background-position: center center;
	overflow: visible;

	width: 512px;
	height: 512px;
}
.tooltip {
	background-color: #000000;
	color: #FF0000;
	position: absolute;
	display: none;
	z-index: 9001;
	text-align: center;
	background-position: center center;
	border-radius: 10px;
	box-shadow: 0px 0px 22px black;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0px 0px 22px black;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 16px black;
}
.tooltipItemName {
	margin-top: 0.5em;
	font-size: large;
}
.tf2BuildFont {
	font-family: "TF2 Build", Arial, Helvetica, Verdana, sans-serif; 
}
.itemTitle {
	margin: 12px 6px 0 6px;
}
.pageButton {
	float: right;
	width: 43px;
	height: 43px;
	margin: 12px 0 0;
	background-position: center center;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -99999px;

	padding: 0;
	border: 0;
	cursor: pointer;
}
.pageButtonEnabled {
	background-position: 0 0;
}
.pageButtonHover {
	background-position: 0 -43px;
}
.pageButtonDisabled {
	background-position: 0 -86px;
}
.pageButtonNext {
	background-image: url(buttons/next_sprites.png);
	margin-right: 8px;
}
.pageButtonPrev {
	background-image: url(buttons/prev_sprites.png);
}
.pageButtonAll{
	background-image: url(buttons/showall.png);
}
.pageButtonPages {
	background-image: url(buttons/showpages.png);
}
.pageNumber {
	position: relative;
	float: right;
	width: 88px;
	height: 38px;
	margin: 0px;
	margin-top: 12px;
	padding-top: 5px;
	background-position: center center;

	font-family: "TF2 Build", Arial, Helvetica, Verdana, sans-serif; 
	font-size: 28px;
	text-align: center;
	color: #C94F39;
}

.backpackPage {
	margin-top:10px;
}

.equippedBubble {
	position:absolute;
	padding:0.1em 0.25em;
	min-width:4.5em;
	height:1.2em;
	font-family:arial, helvetica, sans-serif;
	color:#c94f39;
	font-size:11px;
	/*item boxes have 73 height, 92 width*/
	bottom:11%;
	right:5.4%;
	background:black;
	text-align:center;
	border-radius: 0.36em;
	-moz-border-radius: 0.36em;
	-webkit-border-radius: 0.36em;
	z-index:3;
}

.invBoxLarge .equippedBubble
{
	font-size:36px;
}

.quantityBubble, .crateSeriesBubble {
	position:absolute;
	padding:0.1em 0.25em;
	min-width:1em;
	height:1.2em;
	font-family:arial, helvetica, sans-serif;
	color:#c94f39;
	font-size:11px;
	/*item boxes have 73 height, 92 width*/
	top:6.8%;
	left:5.5%;
	background:black;
	text-align:center;
	border-radius: 0.36em;
	-moz-border-radius: 0.36em;
	-webkit-border-radius: 0.36em;
	z-index:3;
}

.crateSeriesBubble {
	background:#00281E;
	color:#C8B43C;
}

.invBoxLarge .quantityBubble, .invBoxLarge .crateSeriesBubble {
	font-size:36px;
}

.paintSplatter {
	position:absolute;
	top:11%;
	right:8.6%;
	width:26px;
	height:26px;
	z-index:3;
}

.invBoxLarge .paintSplatter {
	width:64px;
	height:64px;
}

.customItemTexture {
	position:absolute;
	top:17%;
	right:18%;
	z-index:4;
}

.customItemTexture > img {
	width:26px;
	height:26px;
}

.invBoxLarge .customItemTexture {
	top:25%;
	right:19.5%;
}

.invBoxLarge .customItemTexture > img {
	width:128px;
	height:128px;
}

.particleEffect img {
	position:absolute;
}

.invBoxLarge .particleEffect img {
	width:512px;
	height:512px;
}

.customNameDesc {
	position:absolute;
	bottom:11%;
	left:8.7%;
	width:26px;
	height:26px;
	z-index:3;
}

.invBoxLarge .customNameDesc {
	width:64px;
	height:64px;
}

.invBoxLarge .customNameDesc img {
	width:64px;
	height:64px;
}

.redX {
	position:absolute;
	top:12px;
	left:21px;
	z-index:3;
	width:50px;
	height:50px;
	background-image:url('/buttons/redx.png');
}