@charset "UTF-8";
.clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }

html {
    height: 100%;
}

body {
	height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-color:#2a2725;
	
	/*gradient*//*
	background: #2b2724;
	background: -moz-linear-gradient(top,  #5b4c49 0%, #2b2724 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b4c49), color-stop(100%,#2b2724));
	background: -webkit-linear-gradient(top,  #5b4c49 0%,#2b2724 100%);
	background: -o-linear-gradient(top,  #5b4c49 0%,#2b2724 100%);
	background: -ms-linear-gradient(top,  #5b4c49 0%,#2b2724 100%);
	background: linear-gradient(to bottom,  #5b4c49 0%,#2b2724 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b4c49', endColorstr='#2b2724',GradientType=0 );
	*/
	background: #2a2725;
	

	/*size restrictions, stop it from touching the top.*/
	padding-top:10px;
	
}

#wrapper {
	width: 1000px;
	height: auto;
    margin: auto;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #d7dee2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d7dee2));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d7dee2 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#d7dee2 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#d7dee2 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#d7dee2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d7dee2',GradientType=0 );

	margin-bottom: 20px; 
    text-align: left;
	padding-bottom:20px;
	clear: both;
	-moz-border-radius: 10px;
	border-radius: 10px;
	clear:both;
}


#title {
	padding:0px 0px 0px 10px; 
}

#banner {
	clear:both;
	border-radius: 10px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	text-align:left;
	display:block;
	width: 1000px;
	height:275px;
	background-image:url(/img/banner.jpg);
	background-repeat: no-repeat;
	color:#FFF;
	font:  normal 30px "Arial Black", Gadget, sans-serif;
	position: relative; 
}
#banner font{
	font-size:12px;
}

#banner-menu { 
	border-top-left-radius: 15px;
	font:  normal 12px "Arial Black", Gadget, sans-serif;
	position: absolute;
	float: left;
 	bottom: 0; 
	right: 0; 
	background-color : rgba(0, 0, 0, 0.4);

 }
 


#banner-menu ul {list-style-type : none ; background-color:rgba(0, 0, 0, 0.8); padding : 0px 10px 0px;}
#banner-menu ul li {padding : 0px 10px 0px; float:left;}
#banner-menu ul a { text-decoration : none; }
#banner-menu ul li:hover {background-color: rgba(0, 0, 0, 0.4);}
#banner-menu ul li ul {display : none;}
#banner-menu ul li:hover ul {display : block;}
#banner-menu ul li ul {position : absolute; margin-left : -50px;}
#banner-menu ul li ul li {display : block; clear:both;}

#banner-menu a:link    {color:#FFF; font-size:150%}
#banner-menu a:visited {color:#FFF;}
#banner-menu a:hover   {color:#FFF;}
#banner-menu a:active  {color:#FFF;} 

#news{ 
	text-align:center;
	background: #FFC;
}

#loginButton{
	position: absolute;
 	top:5px; 
	right:5px;
	color: #FFF;
	font: normal 12px "Arial Black", Gadget, sans-serif;
}

.crossbar {
	background: #641912;
	background: -moz-linear-gradient(-45deg,  #641912 0%, #d05637 35%, #641912 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#641912), color-stop(35%,#d05637), color-stop(100%,#641912));
	background: -webkit-linear-gradient(-45deg,  #641912 0%,#d05637 35%,#641912 100%);
	background: -o-linear-gradient(-45deg,  #641912 0%,#d05637 35%,#641912 100%);
	background: -ms-linear-gradient(-45deg,  #641912 0%,#d05637 35%,#641912 100%);
	background: linear-gradient(135deg,  #641912 0%,#d05637 35%,#641912 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#641912', endColorstr='#641912',GradientType=1 );

	height: 30px;
	width 100%;
	font:  normal 24px "Arial Black", Gadget, sans-serif;
	color:#FFF;
	padding: 0px 0px 7px 10px; 
}
#MyListedItems{
   position:absolute;
   right:0px;
   bottom:200px;
   background-color:#f2f2f2;
   padding: 4px;
}


#preferenceList li {
	display: inline-block;
}
#preferenceList div {
	display: inline-block;
}

.panel {
	position:fixed;
		
}

.target-info{
	width:200px;
}

#left-content {
	width: 800px;
	float:left;
}

p {
	padding-right:20px;
	padding-left:20px;
	padding-bottom: 20px;
}

.center{
		margin-left: auto ;
	  	margin-right: auto ;
}

#content {
	text-padding:10px;
	clear:both;
	margin-bottom: -65px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px;
}

#content:after {
  content: "";
  display: block;
}
footer, #content:after {
  /* .push must be the same height as footer */
  height: 65px; 
}



span.playerItem{float:left;}	

footer {
	clear:both;
	position: relative;
	margin-top: 20px;
	margin-left: auto ;
  	margin-right: auto ;
	text-align:center;
	vertical-align:middle;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:60%;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #d7dee2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d7dee2));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d7dee2 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#d7dee2 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#d7dee2 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#d7dee2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d7dee2',GradientType=0 );
}

.imageColumn{
	width: 100px;
	height: 110px;
	float: left;
	/*line-height: 1.5em;*/
    /*height: 3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    text-align: center;
}

#item_row span span{
	width: 100px;
	height: 60px;
	float: left;
	line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

textarea{
	width: 95%;
	margin-left:auto +10px;
    margin-right:auto;
	background:rgb(255, 255, 255) none   ;
	border:solid 1px #888;
	padding:4px 5px;
	outline:0;
	margin-left: auto ;
  	margin-right: auto ;
}
.playeritem{
display: inline-block;
}
span.playeritem {
	position:relative;
	float: left;
}
span.warn {
    position:absolute;
    top: 0;
    left: 0;
}
/*
.PlayerBackpackHeader{
	display: table-cell;
	width: 100%;
	float: left;;
	vertical-align: middle;
	text-align: center;
}

.playerBackpackInfo {
  display: inline-block;
  text-align: left;
  margin-left: 10px;
}
*/
#playerBackpackViewer{
	width: 790px;
}
#playerBackpackViewer span{
margin: 3px;
width: auto;
}

.normal{background-color:#ecf0f1;}
.genuine{background-color:#4D8062;}
.vintage{background-color:#6EAFDB;}
.quality4{}
.unusual{background-color:#9b59b6;}
.unique{background-color:#f1c40f;}
.community{}
.developer{}
.self-made{background-color:#1abc9c;}
.customized{}
.strange{background-color:#e67e22;}
.completed{}
.haunted{background-color:#73E6BF;}
.collector{background-color:#B33E3E;}