/* Main Layout */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color:#5e6c7b;
  background-image:url(img/back.jpg);
  background-repeat:repeat-x;
  color: #000000;
}

#container {
	background-color:#FFF;
	width:916px;
	margin:0 auto;
	padding-top:4px;
	padding-left:2px;
}

#header {
	background-image:url(img/header.png);
	width:914px;
	height:196px;
}

#navi {
	width:900px;
	height:39px;
 	background-image:url(img/navi.png);
	padding-left:14px;
}

#navi .content {
	float:left;
	padding-top:10px;
	padding-left:5px;
	color:#fff;
  	clear:right;
}

#navi .content a {
	text-decoration:none;
	color:#fff;
	margin-left:15px;
	font-size:12px;	
}

#box_left {
	margin-top: 1px;
	float:left;
	width:629px;
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#ccc;
}

#box_left .slider {
	float:left;
  padding-top:15px;
}

#box_left .contentslider {
	float:left;
}

#top {
	width:629px;
	height:133px;
	background-image:url(img/contentslide_bg.png);
	float:left;
}

#topmatch {
	width:290px;
	height:107px;
	margin-top:26px;
	float:right;
	padding-left:10px;
}

#mediaspace {
  width:222px;
  height:154px;
  background-image:url(img/player.png);
  padding-left:29px;
  padding-top:38px;
  margin-right:20px;
  margin-top:5px;
  float:right;
}


#content {
	width:629px;
	float:left;
  padding-top:4px;
  background-image:url(img/content_back.png);
  background-repeat:repeat-y;
  border-right-width:1px;
  border-right-color:#ccc;
  border-right-style:solid;
}

#head {
	background-image:url(img/content_head.png);
	width:630px;
	height:18px;
  margin-top:1px;
  float:left;
}

#content .login {
	background-image:url(img/login_bg.png);
	width:344px;
	height:95px;
	margin:0 auto;
	margin-top:150px;
	padding-left:30px;
	padding-top:30px;
}

#content .text {
	width:140px;
}

#news {
	border-color:#dddddd;
	border-style:solid;
	border-width:1px;
	padding:3px 3px 3px 3px;
	width:596px;
	margin-left:15px;
	margin-bottom:0px;
  margin-top:20px;
  background-color:#fff;
}

#news .top {
	text-align:center;
	border-color:#d4d4d4;
	border-style:solid;
	border-width:1px;
	padding:3px 3px 2px 2px;
}

#news .headline a, a:hover, a:visited, a:active  {
	color:#25587d;
	font-size:9pt;
	text-decoration:none;
}
#news a.titlelink, a.titlelink:visited, a.titlelink:active {
	margin-left:3px;
	color:#ffffff;
	font-size:9pt;
	text-decoration:none;
}

#news .headline .date {
	color:#737373;
	font-size:7pt;
	text-decoration:none;
	margin-top:-2px;
}

#news .headline .date a {
	color:#737373;
	font-size:7pt;
	text-decoration:none;
}

#news .content {
	margin-top:-5px;
	margin-left:2px;
	margin-right:2px;
	text-align:justify;
}

#news .buttons {
	margin-bottom:5px;
  text-align:right;
}

#news .buttons img {
	margin-right:10px;
}

#box_right {
	float:left;
	width:282px;
	margin-top:1px;
	margin-left:3px;
  background-image:url(img/box_back.png);
  background-repeat:repeat-y;
}

#box_right .sponsors_top {
	background-image:url(img/box_sponsors.png);
	width:282px;
	height:38px;
}

#box_right .sponsors {
	background-repeat:no-repeat;
	width:282px;
	padding-bottom:10px;
	text-align:center;
}

#box_right .partner_top {
	background-image:url(img/box_partner.png);
	width:282px;
	height:38px;
}

#box_right .partner {
	background-repeat:no-repeat;
	width:282px;
	text-align:center;
}


#box_right .server_top {
	background-image:url(img/server_head.png);
	width:282px;
	height:38px;
}

#box_right .server {
	width:282px;
	text-align:center;
  margin-bottom:45px;
}

#box_right .buttons {
  margin-left:13px;
  margin-top:15px;
}

#box_right .click {
	background-image:url(img/server_button.png);
  text-align:center;
  line-height:22px;
  width:125px;
  height:22px;
  color:#fff;
  font-size:9pt;
  font-family:Arial;
  float:left;
  margin-right:7px;
  margin-bottom:4px;
}

#box_right .latest_top {
	background-image:url(img/latest_head.png);
	width:282px;
	height:38px;
}

#box_right .latest {
	width:282px;
}

#box_right .latest a {
	color:#777;
}

#box_right .board_link a {
	color:#086e8c;
  font-size:7pt;
}

#server_banner {
  margin-top:7px;
}

#footer {
	width:923px;
	height:44px;
	margin:0 auto;
	margin-top:-4px;
	background-image:url(img/footer.png);
}

#footer img {
	 margin-left:12px;
	 margin-top:5px;
}

#footer .right {
	color:#f2f2f2;
	float:right;
	margin-right:15px;
	margin-top:15px;
}

#footer .right a {
	font-family:Arial;
	color:#f2f2f2;
	font-size:9pt;
}






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, a:hover, a.category, a.category:visited, a.category:active, a.category:hover{
	font-size:9pt;  
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

.prof_title {
  background-image:url(img/profile_bar.png);
  background-repeat:repeat-x;
}

.prof_title a.titlelink, a.titlelink:visited {
  color:#FFFFFF;
}

/* 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-image:url(img/bar.png);
}

.title small {
  color:#FFFFFF;
}

.title a {
  color:#FFFFFF;
}
.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: #FFFFFF;
  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;
}