@charset "utf-8";
/* 
// CSS Document - Article Nr. 0001
// Project: [klijent]
// Developed by [ime_autora] / www.kode-designs.com
// Copyright 2008/2010. All rights reserved.

COLOR SCHEME:
#2d6eb0 - Blue
#707070 - Gray
*/
.clear_left { clear:left; }
.clear_both { clear:both; }

.bold { font-weight:bold; }

.row1 { background-color:#f1f1f1; border-bottom:1px solid #cccccc; border-top:1px solid #ffffff; padding:2px; }
.row2 { background-color:#ffffff; border-bottom:1px solid #cccccc; border-top:1px solid #ffffff; padding:2px; }

.ROW1 { background-color:#f1f1f1; border-bottom:1px solid #cccccc; border-top:1px solid #ffffff; padding:2px; }
.ROW2 { background-color:#ffffff; border-bottom:1px solid #cccccc; border-top:1px solid #ffffff; padding:2px; }

#wrap { width:1000px; margin:0 auto; }
#header { background:url(design/header.jpg); height:135px; }
#advertisment { padding:40px 44px 0 488px; }
#content { background:url(design/content_bg.png) repeat-y; }

#top_content { padding:0 4px 0 4px; }

#navigation { height:45px; overflow:hidden; background:url(design/navigation/bg.jpg) repeat-x; }
#navi_left { background:url(design/navigation/start.jpg) no-repeat; overflow:hidden; width:4px; height:45px; float:left; }
#navi_right { background:url(design/navigation/end.jpg) no-repeat; overflow:hidden; width:4px; height:45px; float:right; }
#navigation .navi_content ul { margin:auto; padding:0; }
#navigation .navi_content ul li { background:url(design/navigation/separator.jpg) no-repeat right; display:inline; float:left; height:45px; padding:0; }
#navigation .navi_content ul li a { color:#FFFFFF; display:block; font-size:12px; font-weight:bold; margin:0; padding:15px 28px; }
#navigation .navi_content ul li a:hover { background:url(design/navigation/bg_hover.jpg) repeat-x; }

#sponsors { width:250px; background:url(design/sponsors/bg.jpg) repeat-y; }
.sponsor_bg { padding:0 4px 0 4px; }
#sponsors hr { margin:3px 0 3px 0; padding:0; height:1px; background:#e4e4e4; }
#sponsors h4 { margin:0; padding:0; color:#707070; font-size:11px; }

#left_side { float:left; width:713px; margin-left:14px; }
#right_side { float:left; width:250px; margin-left:10px; }

#mid_block { width:472px; float:left; }
#mid_left { width:231px; float:left; margin-left:10px; }

#last_matches { width:231px; float:left; margin:5px 0 0 10px; }
#last_topics { width:231px; float:left; margin:5px 0 0 10px; }
#topmatch { width:231px; float:left; margin:5px 0 0 10px; }
#last_topics { width:231px; float:left; }
#top_users { width:231px; float:left; margin:5px 0 0 0; }
#new_features { width:231px; float:left; margin:5px 0 0 10px; }
#new_downloads { width:231px; float:left; margin:5px 0 0 10px; }
#login { float:left; width:260px; margin:0 0 0 4px; background:url(design/login/login_bg.jpg) no-repeat top; height:110px; }

.topmatch_vs { font-size:30px; font-style:italic; font-weight:bold; }
.topmatch_shadow { background:url(design/tm_shadow.jpg) no-repeat bottom; height:150px; }

.logged a, .logged a:visited, .logged a:active { color:#e3e3e3; }
.logged a:hover { color:#ffffff; text-decoration:none; }

.block_top { background:url(design/top_box.png) no-repeat top; height:31px; }
.block_top h4 { font-weight:bold; color:#d8d8d8; padding:8px 0 0 60px; margin:0; font-size:11px; }

.block_cnt_left { float:left; width:20px; text-align:center; }
.block_cnt_right { float:right; }

.white_block { }
.white_block h4 { margin:0; padding:0; color:#707070; font-size:11px; }
.white_block hr { margin:3px 0 3px 0; padding:0; height:1px; background:#e4e4e4; }
.white_bg { background:url(design/box_white_bg.jpg) repeat-y; padding:0 5px 0 5px; }

.news_post { background:url(design/news/news_bg.jpg) repeat-y; }
.news_post h1 { padding:0; margin:0; color:#2d6eb0; }
.news_post h1 a { color:#2d6eb0; font-size:12px; font-weight:bold; }
.news_post h1 a:hover { color:#707070; font-size:12px; text-decoration:none; }
.news_post hr { margin:3px 0 3px 0; padding:0; height:1px; background:#e4e4e4; }
.news_bg { padding:0 4px 0 4px; }
.headline { float:left; }
.headline a { color:#707070; }
.news_comments { float:right; }
.news_rubric { float:left; width:120px; margin-left:3px; }
.news_content { float:right; width:335px; }

#login_form { padding-left:16px; padding-top:5px; }
#login_form input { border:none; color:#939393; }
.login_form_input { height:27px; border:none; padding:0; background:url(design/login/form_login_right.png) no-repeat; width:158px; color:#939393; font-size:11px; }

#footer { background:url(design/footer.png) no-repeat; height:58px; }

.social { overflow:hidden; clear:left; padding:5px; }
.social img { margin-left:25px; float:left; }

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 713px; height: 140px; position: relative; margin: 0 auto; }
.anythingSlider .wrapper                { width: 681px; overflow: auto; height: 140px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background:url(design/slider/bg.jpg) repeat-x top;; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding-top: 9px; height: 140px; width: 681px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 140px; width: 32px; background: url(design/slider/sliders.jpg) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: 0px; }
.anythingSlider .back                   { background-position: -32px 0; left: 0px; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider2                         { width: 713px; height: 140px; position: relative; margin: 0 auto; }
.anythingSlider2 .wrapper                { width: 681px; overflow: auto; height: 140px; position: absolute; top: 0; left: 0; }
.anythingSlider2 .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background:url(design/slider/bg.jpg) repeat-x top;; margin: 0; }
.anythingSlider2 ul li                   { display: block; float: left; padding-top: 9px; height: 140px; width: 681px; margin: 0; }
.anythingSlider2 .arrow                  { display: block; height: 140px; width: 32px; background: url(design/slider/sliders.jpg) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }
.anythingSlider2 .forward                { background-position: 0 0; right: 0px; }
.anythingSlider2 .back                   { background-position: -32px 0; left: 0px; }

/*
  Prevents
*/
.anythingSlider2 .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider2 .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/// News from HLTV

.newsContentBox {
	font-family: verdana;
	font-size: 10px;
  margin-left:auto;
  margin-right:auto;
  width:303px;
  background-image: url('http://static.hltv.org//images/inside_teh_news_bottom.gif');
}

.newsContentBoxTitle {
  text-align:right;
  color:white;
  position:relative;
  left:-10px;
  top:7px;
}

.newsContentBoxTeamName {
  text-align:left;
  color:black;
  position:relative;
  left:10px;
  top:-5px;
}

.newsContentBoxPadding {
  padding-left:10px;
  padding-right:10px;  
}

.newsContentBoxContent {
  border-bottom:1px dashed #999999;  
}

.newsContentBoxPlayerName {
  float:left;
  color:#0066CC;  
}

.newsContentBoxImage {
  vertical-align:-3px;
  margin-top:2px;
  margin-bottom:1px;  
}

.newsContentBoxFormerTeams {
  float:right;
  margin-top:2px;  
}

.newsContentBoxResultWon {
  float:right;
  margin-top:2px;  
  color: green;
}

.newsContentBoxResultLost {
  float:right;
  margin-top:2px;  
  color: red;
}

.newsContentBoxResultTie {
  float:right;
  margin-top:2px;  
  color: blue;
}

.newsContentBoxBottom {
  margin-left:auto;
  margin-right:auto;
  background-repeat: no-repeat;
  height:10px;
  clear:both;
  width:303px;
  background-image: url('http://static.hltv.org//images/inside_teh_news_bottom.gif');
}

.st.sortable thead {
    cursor: pointer;
}

/* Contentslider */
.sliderwrapper{
position:relative; /*leave as is*/
overflow:hidden; /*leave as is*/
border:none;
width:424px; /*width of featured content slider*/
height:61px;
padding:0px;
margin:0px;
}
.sliderwrapper .contentdiv{
visibility:hidden; /*leave as is*/
position:absolute; /*leave as is*/
padding:0px;
margin:0px;
background-color:transparent;
width:424px;
height:61px;
}
.pagination{
	width:0px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	height:0px;
	background-color:transparent;
	margin:0px;
	padding:0px;
}
.pagination a img{
	margin:0px;
	text-decoration:none;
	padding:0px;
}
.pagination a img:hover, .pagination a img.selected{
	border:none;
}

#random_gallery_head {
	width: 604px;
	height: 15px;
	background: url(Bilder/slice_43.png) top left no-repeat;
}

#random_gallery_content {
	width: 593px;
	padding: 17px 0 0 11px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#random_gallery_content a {
	display: block;
	float: left;
	width: 150px;
	height: 112px;
	margin: 0 30px 0 0;
	padding: 2px 0 0 0;
	border: 1px solid #9b9b9b;
	text-align: center;
	vertical-align:middle;
}

#random_gallery_content img {
	max-width: 144px;
	max-height: 110px;
	vertical-align:middle;
}