/*---------------------------*/
/*HTML*/
/*---------------------------*/

html {

	height: 100%;

}

/*---------------------------*/
/*BODY*/
/*---------------------------*/

body {

	height: 100%;
	background-color: #333333;
	
}

/*---------------------------*/
/*TEXT*/
/*---------------------------*/

a {
	color: #EABD08;
	font-size: 14px;
	
}

p {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-size: 14px;
	
}

p.light {

}

p.small {
	font-size: 11px;
}

span {

}

span.light {

}

span.small {
	font-size: 11px;
}

h1 {
	font-size: 16px;
	color: #EABD08;
	
}

h2 {
	font-size: 16px;
	color: #EABD08;
	margin-top:	10px;
	
}

h3 {
	font-size: 14px;
	color: #EABD08;
	margin-top:	10px;
	
}

/*---------------------------*/
/*LAYOUT CONTAINER*/
/*---------------------------*/

.layoutcontainer{

	width: 900px;
	height: 100%;
	margin: 0px auto;
	background-image: url('/resource/static/image/layout/background1.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
	
}

/*---------------------------*/
/*LAYOUT GRID*/
/*---------------------------*/

.layoutgrid {

	width: 100%;

}

/*---------------------------*/
/*HEADER*/
/*---------------------------*/

.header {

	width: 100%;
	height: 120px;
	margin-top:	20px;
	vertical-align: middle;
	
}

/*---------------------------*/
/*MAIN NAVIGATION MENU*/
/*---------------------------*/

.menu {

	width: 100%;
	height: 70px;

}

.menunav{

	height: 100%;
	table-layout: auto;
	margin: auto;

}

.menunavcell{

	width: 150px;
	text-align: center;
	vertical-align: middle;
	background-image: url('/resource/static/image/menu/background.gif');
	background-repeat: no-repeat;
	
}

.menunavcell a{

	font-weight: bold;
	text-decoration: none;
	color: #333333

}

.menunavcell.highlight{

	background-image: url('/resource/static/image/menu/background_highlight.gif');
	background-repeat: no-repeat;
	
}

.menunavcell.highlight a{

	font-weight: bold;
	text-decoration: none;
	color: #000000;

}

.menunavcell.search {

}

.menunavcell.search input{

}

/*---------------------------*/
/*CANVAS*/
/*---------------------------*/

.canvas {

	width: 100%;
	margin-top: 40px;

}

.canvasgrid{

	width: 100%;
	table-layout: fixed;

}

.canvasgridcell{


}

.canvasgridcell.leftcolumn {

	width: 195px;
	vertical-align: top;
	padding: 10px 5px 10px 10px;

}

.canvasgridcell.middlecolumn {

	width: 100%;
	vertical-align: top;
	padding: 10px 5px 10px 5px;

}

.canvasgridcell.rightcolumn {

	width: 130px;
	vertical-align: top;
	padding: 10px 10px 10px 5px;

}

/*---------------------------*/
/*DISPLAY BOX*/
/*---------------------------*/

.displaybox {

	width: 100%;
	margin-bottom: 10px;

}

.displayboxcell.topleft{

	width: 4px;
	height: 29px;
	background-color: #CCCCCC;

}

.displayboxcell.top{
	
	height: 29px;
	background-color: #CCCCCC;

}

.displayboxcell.top h2{

	font-size: 12px;
	margin-left: 6px;

}

.displayboxcell.top.icon{

	width: 25px;

}

.displayboxcell.top.controls{

	text-align: right;

}

.displayboxcell.topright{

	width: 4px;
	height: 29px;
	background-color: #CCCCCC;

}

.displayboxcell.middleleft{

	width: 3px;
	border-left: 1px solid #CCCCCC;

}

.displayboxcell.middle{

}

.displayboxcell.middleright{

	width: 3px;
	border-right: 1px solid #CCCCCC;

}

.displayboxcell.bottomleft{

	width: 3px;
	height: 3px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	
}

.displayboxcell.bottom{

	height: 3px;
	border-bottom: 1px solid #CCCCCC;

}

.displayboxcell.bottomright{

	width: 3px;
	height: 3px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	
}

/*---------------------------*/
/*FORMS*/
/*---------------------------*/

.form{

}

.form.section{

}

.form.section.title{

	font-weight: bold;
	
}

.form.section.valid{

	background-color: #CFF0CE;

}

.form.section.invalid{

	background-color: #FFACAA;

}

.form.field{

	vertical-align: top;

}

.form.field.title{

}

.form.field.input{

}

.form.field.feedback{

}

.form.field.feedback ul{

}

/*---------------------------*/
/*SHOP*/
/*---------------------------*/

.shop.itemFilter{

	width: 100%;
	height: 40px;
	background-color: #DDDDDD;

}

.shop.itemFilterCell{

	vertical-align: middle;
	text-align: center;

}

.shop.itemListing{

	width: 100%;

}

.shop.itemListingCell{

	height: 100px;
	vertical-align: top;

}

.shop.itemListingCell.image{

	width: 102px;

}

.shop.itemListingCell.image img{

	width: 100px;
	height: 100px;
	border: 1px solid #000000;

}

.shop.itemListingCell.info{

	padding: 5px;

}

.shop.itemListingCell.details{

	width: 100px;
	padding: 5px;
	text-align: right;
	
}

.shop.itemListingSpacer{

	height: 10px;
	background-image: url('/resource/static/image/shop/listing_spacer.gif');
	background-repeat: repeat-x;

}

.shop.stock{

}

.shop.stock.value{

	font-weight: bold;

}

.shop.pricing{

}

.shop.pricing.cancelled{

	text-decoration: line-through;

}

.shop.pricing.special{

	color: #FF0000;

}

/*---------------------------*/
/*FORUM*/
/*---------------------------*/

.forum.boardListing{

}

.forum.boardListingCell{

	height: 40px;
	vertical-align: top;

}

.forum.boardListingCell.icon{

	width: 50px;
	text-align: center;
	vertical-align: middle;
	
}

.forum.boardListingCell.boardName{
	
}

.forum.boardListingCell.lastPost{
	
	width: 150px;

}

.forum.boardListingCell.threadCount{
	
	width: 75px;
	text-align: center;
	vertical-align: middle;

}

.forum.boardListingCell.postCount{
	
	width: 75px;
	text-align: center;
	vertical-align: middle;

}

/*---------------------------*/
/*DEVELOPER INFO*/
/*---------------------------*/

.developerinfo {

	text-align: right;

}

.developerinfo p{
	
	color: #666666;
	font-family: Verdana;
	font-size: 10px;

}

.developerinfo a{
	
	color: #EABD08;
	font-family: Verdana;
	font-size: 10px;

}