html
{
	/*overflow-x:hidden;*/
}

img
{
	border: none;
}

table, select
{
	font-family: Verdana, Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
}

body
{
	
	margin: 0;
	
}

td#main_content_column 
{
  width: 815px;
}

td.button2 
{
  text-align: center;
}

.button2 > a 
{
  background: #000000;
  width: 82px;
  text-transform: uppercase;
  border: 0px solid #eee;
  height: 25px;
  font-family: Verdana, Helvetica, "Lucida Grande", Arial, sans-serif;
  font-weight:bold;
  display: block;
  text-align: center;
  line-height: 25px;
  color: #FFFFFF;
  font-size:12px;

  /*Rounded Corners*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 
  /*Gradient*/
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 
  /*Shadow*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  
    /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;

}

.button2 > a:hover {
  background-color: #000000;
  color: #E41B17;
  font-weight:bold;
}

a 
{
	color: #9f7401;
	text-decoration: none;
	font-family: Verdana, Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

a:hover 
{
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	font-weight: normal;
}

ol, ul 
{
	list-style: none;
	padding: 0px;
	padding-left: 15px;

}

.status_online { text-transform: uppercase; color: green; }
.status_offline { text-transform: uppercase; color: red; }

div#breadcrumb
{
	position: relative; 
	top: 5px; 
	left: 10px;
	/*height: 25px;*/
}

div.content, div.content-container
{
	margin-top: 10px;
	padding-top: 45px;
	margin-bottom: 10px; /* note, on larger pages the gradient fades into the bg colour, so no bottom border will be noticeable */
	margin-left:auto;
	margin-right:auto;
	width: 98%;
}

div.news-content
{
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
}

div.inner-content
{
	margin: 10px;
}

div.partner-container, div.news-container, div.event-container
{
	padding-top: 45px;
	margin-left: 10px;
	width: 98%;
}
div.news-container
{
	padding-top: 50px;
}

div#index-container
{
	margin: 5px;
}

div.index-left-container
{
	float: left;
	width: 500px;
	height: 242px;
}

div.index-right-container
{
	float: right;
	width: 300px;
}

div.index-container-break
{
	height: 5px;
	clear: both;
}

table#news-table
{
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

table#news-table > tbody > tr > td
{
	padding: 4px;
}

table#news-table > tbody > tr > td.news-table-subject
{
	padding-left: 15px;
	width: 60%;
}

table#news-table > tbody > tr > td.news-table-type
{
	text-align: right;
	width: 10%;
}

table#news-table > tbody > tr > td.news-table-date
{
	width: 15%;
}

div.partner-container
{
	padding-top: 60px;
}

.col-valign-hack
{
	position: relative; 
	top: -5px;
}

.top { vertical-align: top; }


.reg_error
{
	margin-left: 5px;
	font-size: 10pt;
	font-style: italic;
}

span.zoneName { font-style: italic; }

div#news-title
{
	position: relative;
	padding-left: 30px;
	top: 15px;
	height: 34px;
	text-transform: uppercase;
}

div#inventory
{
	width: 158px; 
	height: 260px; 
	padding-left: 15px; 
	padding-top: 16px; 
	overflow: hidden;
}	

div#inventory > div
{
	
	width: 50px;
	height: 50px;
	clear: none;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}


#tooltip, .tooltip
{
	display: none;
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 11px;
	position: absolute;
	z-index: 9999;
}

.transparent
{
	filter: alpha(opacity=50);
	opacity: 0.5;
	moz-opacity: 0.5;
}

.sealed { background-color: #3333CC; }
.broken { background-color: #CC3333; }

.stack-count
{
	position: absolute;
	left: 3px;
	bottom: 2px;
	color: white;
	font-size: 8pt;
	font-weight: bold;
}

.blue { color: rgb(128, 128, 255); }
.gold { color: rgb(220, 199, 124); }
.ivory { color: rgb(200, 124, 199); }
.green { color: rgb(128, 255, 0); }
.white { color: rgb(255, 255, 255); }
.red { color: rgb(255, 60, 60); }
.bold { font-weight: bold; }

.general-item { color: #FFFFFF; }
.rare-item { color: rgb(255, 255, 0); }
.magic-item { color: rgb(128, 128, 255); }
.craft-item { color: rgb(128, 255, 0); }
.unique-item { color: rgb(220, 199, 124); }
.upgrade-item { color: rgb(200, 124, 199); }

.iteminfo { font-size: 10pt; }
.invalid-req { color: rgb(255, 60, 60); }
.text-left { text-align: left; }
.item-name { font-weight: bold; font-size: 12pt; }