/* Main Layout */
body 
{
	margin: 5px 0px 10px 0px; 
	padding: 0px;
	font: 10px Verdana, Arial, Tahoma, Helvetica, sans-serif; 
	color: #000000;
	background-color: #000000;
}


img { border: none; }

hr {
  color: #666666;
  background-color: #666666;
  border: 0px;
  border-top: transparent;
  border-bottom: transparent;
  margin: 2px 0;
  height: 1px;
}

/* Links */
a, a:visited, a:active {
  color: #265B84;
  text-decoration: none;
  font-weight: normal;
}

a:hover {
  color: #000000;
  text-decoration: underline;
  font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

a.titlelink:hover {
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: bold;
}

a.category, a.category:visited, a.category:active {
  color: #333333;
  text-decoration: none;
}

a.category:hover {
  color: #000000;
  text-decoration: underline;
}

/* Font types */
h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
}

small {
  color: #383838;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #247502;
}

.category_big, .category_big a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

.category {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
}

/* Forms */
form {
  border: none;
  margin: 0px;
  padding: 0px;
}

input, textarea, select {
  border: 1px solid #989898;
  background-color: #F0F0F0;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}

input:active, textarea:active, select:active, input:focus, textarea:focus, select:focus {
  border: 1px solid #CCCCCC;
  background-color: #F6F6F6;
  color: #2C2C2C;
}

input[type="radio"], input[type="checkbox"], 
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
  border: 0px;
}

.input {
  background-color: transparent;
  border: none;
  margin: 2px;
}

/* Infomessages - Miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 100;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px dashed #D60000;
  color: #666666;
  font-size: 10px;
  width: 350px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

/* BBCode Tags */
.quote {
  color: #383838;
  text-align: left;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 3px;
}

.list {
	list-style-type: disc;
	list-style-position:outside;
}
.list_num {
	list-style-type: decimal;
	list-style-position:outside;
}

.list_alpha {
	list-style-type: lower-latin;
	list-style-position:outside;
}

.code {
  color: #000000;
  text-align: left;
  margin: 0 auto;
  padding: 3px;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
  color: #000000;
  font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
	background-color: #F3F3F3;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

.codeline1 {
	background-color: #FFFFFF;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

/* The real stuff */

div#center
{
	width: 1110px;
	background-color: #FFFFFF;
	margin: 0px auto 0px auto; 
	padding: 0px; 

}
div#container
{
	width: 1108px; 
	margin: 0px;
	padding: 1px 1px 1px 1px;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
}

div#head 
{ 
	width: 1108px; 
	height: 138px;
	background-image: url(layout/header-beta.png);
	float: left;
}
div#mediasites
{
	height: 16px;
	margin-left: 975px;
	margin-top: 102px;
	float: left;
}
div#sponsorpanel
{
	width: 1108px;
	height: 128px;
	float: left;
	background-image: url(layout/sponsors_bg.png);
}
div#sponsors
{
	margin-left: 190px;
	margin-top: 30px;
	float: left;
}
div.sponsor
{
	float: left;
	height: 70px;
	vertical-align: text-bottom;
	margin-right: 170px;
}


div#navi
{ 
	width: 1108px; 
	height: 83px;
	background-image: url(layout/navi_bg.png);
	float: left;
	margin-top: 1px;
	margin-bottom: 1px;
}
div#midpanel
{ 
	width: 1108px; 
	height: 170px;
	float: left;
}
div#loginpanel
{
	width: 232px;
	height: 170px;
	float: left;
}
div#logintitle
{
	width: 220px;
	height: 26px;
	background-image: url(layout/login_panel_title.png);
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	size: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 12px;
	text-transform: uppercase;
}
div#login
{
	width: 230px;
	height: 133px;
	border-bottom: 1px solid #101010;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	float: left;

}
div#headlinespanel
{
	width: 480px;
	height: 168px;
	border: 1px solid #101010;
	float: left;
	margin-left: 2px;
	margin-right: 3px

}
div#topmatchpanel
{
	width: 388px;
	height: 170px;
	float: left;

}
div#topmatchtitle
{
	width: 388px;
	height: 35px;
	background-image: url(layout/top_match_title.png);
	float: left;

}
div#topmatch
{
	width: 386px;
	height: 134px;
	border-bottom: 1px solid #101010;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	float: left;
}
div#topmatchbg 
{ 
	width: 282px; 
	height: 90px;
	float: left;
	margin-left: 21px;
	margin-top: 13px;
}
div.topmatchlogo
{ 
	float: left;
	height: 90px;
	width: 90px;
	margin: 0px;
	padding: 0px;
}
div#versus
{
	width: 49px;
	height: 17px;
	float: left;
	margin: 35px 33px 16px 20px;
}
div#topmatchnames 
{ 
	width: 282px;
	height: 20px;
	float: left;
	margin-left: 21px;
	margin-top: 5px;
}
div.topmatchname
{ 
	float: left;
	width: 90px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
div#versusspace
{
	width: 49px;
	height: 17px;
	float: left;
	margin: 35px 33px 16px 20px;
}

div#content
{
	width: 1108px;
	float: left;
	margin-top: 2px;
}
div#contentleft
{
	width: 340px;
	float: left;
}
div.lefttitle
{
	width: 328px;
	height: 25px;
	float: left;
	background-image: url(layout/left_title_bg.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	size: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 12px;
}
div.leftdata
{
	width: 338px;
	border-bottom: 1px solid #101010;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	float:left;
	margin-bottom: 2px;
}
div.leftline
{
	width: 338px;
	height: 34px;
	background-image: url(layout/items_bg.png);
	background-repeat: repeat-x;
	float: left;
}
div#contentright
{
	width: 765px;
	float: left;
	margin-left: 3px;
}
div#righttitle
{
	width: 753px;
	height: 25px;
	float: left;
	background-image: url(layout/right_title_bg.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	size: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 12px;
}
div#rightdata
{
	width: 763px;
	float: left;
	border-bottom: 1px solid #101010;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	margin-bottom: 2px;
}
div.newscontent
{
	width: 748px;
	margin-left: 6px;
	margin-right: 9px;
	margin-top: 5px;
	float: left;	
}
div.newstop
{
	width: 748px;
	height: 5px;
	background-image: url(layout/news_top.png);
	background-position: left;
	background-repeat: no-repeat;
	float: left;	
}
div.newscenter
{
	width: 731px;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
	float: left;
	padding-left: 15px;
	padding-top: 11px;
	padding-bottom: 10px;
}
div.newspic
{
	width: 146px;
	height: 146px;
	border: 1px solid #b5b5b5;
	float: left;
	padding: 3px;
	margin-right: 3px;
}
div.newsdata
{
	margin-right: 3px;
	margin-bottom: 5px;
}
div.newsbottom
{
	width: 748px;
	height: 40px;
	background-image: url(layout/news_bottom.png);
	background-position: left;
	background-repeat: no-repeat;
	float: left;
}

div.commentcontent
{
	width: 748px;
	margin-left: 6px;
	margin-right: 9px;
	margin-top: 5px;
	float: left;	
}
div.commenttop
{
	width: 748px;
	height: 5px;
	background-image: url(layout/news_top.png);
	background-position: left;
	background-repeat: no-repeat;
	float: left;	
}
div.commentcenter
{
	width: 731px;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
	float: left;
	padding-left: 15px;
	padding-top: 11px;
	padding-bottom: 10px;
}
div.commentpic
{
	width: 93px;
	height: 93px;
	border: 1px solid #b5b5b5;
	float: left;
	padding: 3px;
	margin-right: 3px;
}
div.commentdata
{
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
}
div.commentbottom
{
	width: 748px;
	height: 40px;
	background-image: url(layout/news_bottom.png);
	background-position: left;
	background-repeat: no-repeat;
	float: left;
}
div.commentuserround
{
	width: 728px;
	height: 20px;
	float: left;
	margin-left: 20px;
	margin-top: 12px;
	margin-bottom: 8px;
}
div.commentuser
{
	width: 580px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #308f04;
	
}
div.commentactions
{
	height: 20px;
	float: right;
}

input.username, input.username:active, input.username:focus
{
	background-image: url(layout/username.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;
  	border: none;
	width: 140px;
	height: 25px;
	padding-left: 70px;
	padding-top: 3px;	
  	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  	color: #5b5b5b;
}
input.password, input.password:active, input.password:focus
{
	background-image: url(layout/password.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;
  	border: none;
	width: 140px;
	height: 25px;
	padding-left: 70px;
	padding-top: 3px;	
  	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  	color: #5b5b5b;
}
input.login, input.login:active, input.login:focus
{
	background-image: url(layout/login.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;
  	border: none;
	width: 49px;
	height: 25px;	
  	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  	color: #5b5b5b;
}
div#username
{
	width: 210px;
	height: 25px;
	float: left;
	margin: 10px 14px 4px 6px;
}
div#password
{
	width: 210px;
	height: 25px;
	float: left;
	margin: 2px 14px 6px 6px;
}
div#loginparameters
{
	width: 210px;
	height: 25px;
	float: left;
	margin: 10px 14px 4px 6px;
}
div#loginbutton
{
	width: 49px;
	height: 25px;
	float: left;
}
div#registerbutton
{
	width: 69px;
	height: 25px;
	float: left;
	margin-left: 11px;
}
div#lostpassbutton
{
	width: 70px;
	height: 25px;
	float: left;
	margin-left: 11px;
}
div#logged
{
	margin-top: 15px;
	margin-left: 10px;
}
div.loginline
{
	width: 200px;
	height: 16px;
	float: left;
	margin: 0px 14px 4px 6px;
}
div.loginkolom
{
	width: 100px;
	height: 16px;
	float: left;
}
div.loginicon
{
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 2px;
}
div.logintext
{
	height: 13px;
	float: left;
	padding-top: 3px;
}
a.newsbutton
{
	width: 49px;
	height: 20px;
	margin: 3px 2px 6px 3px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	float: left;
	background-image: url(layout/button.png);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

a.newsbutton:hover, a.newsbutton:active
{
	background-image: url(layout/h_button.png);
}

a.newstitle, a.newstitle:hover, a.newstitle:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	text-transform: uppercase;
	color: #308f04;
	text-decoration: none;
	margin-bottom: 5px;
}

div.rubricpic
{
	width: 20px;
	height: 20px;
	margin-left: 5px;
	margin-right: 3px;
	margin-top: 6px;
	float: left;
}
div.headline
{
	margin-top: 8px;
	float: left;
}
a.headlines, a.headlines:hover, a.headlines:active
{
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.usercomment, a.usercomment:hover, a.usercomment:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #308f04;
	text-decoration: none;
}
a.tabslink, a.tabslink:visited, a.tabslink:active {
  color: #FFFFFF;
  text-decoration: none;
}