body { background: url('body_back.gif'); }
a { color: black; }
a:hover { text-decoration: none; color: inherit; }
.cleaner { clear: both; }
.center { text-align: center; }
.spacer-5 { height: 5px; }
.spacer-10 { height: 10px; }
.spacer-15 { height: 15px; }
tbody tr:nth-child(even) td, tbody tr.even td { background: none; }

a.button { display: block; font-size: 11px; border: 1px solid silver; padding: 0 5px; line-height: 20px; font-weight: bold; text-decoration: none; background: url('tabs1_tab_selected_back.png'); }
a.button:hover { color: rgb(30,30,30); }

.float-right { float: right; }
.float-left { float: left; }


#ubertop-banner { text-align: center; }
#ubertop-banner a.close { font-size: .8em; display: block; color: black; margin-bottom: 5px; }
#ubertop-banner a.close:hover { text-decoration: none; }
#ubertop-banner div.separator { border-bottom: 2px solid rgb(220,220,220); width: 976px; margin: auto; margin-bottom: 0; margin-top: 5px; }

#uberleft-banner,
#uberright-banner
	{ position: absolute; top: 0px; width: 120px; }
#uberleft-banner
	{ left: -130px; }
#uberright-banner
	{ right: -130px; }

.container { background: white; padding: 0 11px; border: 2px solid rgb(220,220,220); border-top: 0; border-bottom: 0; width: 950px; position: relative; }
	#nav0 { background: url('nav0_back.gif') no-repeat; height: 35px; margin: 0 -10px; padding: 0; }
		ul#nav0 li { float: left; height: 35px; line-height: 35px; list-style-type: none; }
		ul#nav0 li a { display: block; color: white; text-decoration: none; padding: 0 8px; font-size: 10px; font-family: arial; font-weight: bold; }
		ul#nav0 li a:hover { text-decoration: underline; }
	#header { background: url('header_back.gif') no-repeat; height: 90px; margin: 0 -10px; }
		a#header-logo-link
			{ display: block; height: 100%; float: left; width: 260px; }
		ul#header-posts { padding: 8px 0 0 20px; float: left; width: 380px; height: 82px; margin: 0; }
			ul#header-posts li { list-style-type: none; font-size: .8em; }
			ul#header-posts li a { color: black; font-weight: bold; text-decoration: underline; }
			ul#header-posts li a:hover { text-decoration: none; }
		div#header-login { position: relative; float: left; width: 309px; background: url('header_login_back.gif'); border-left: 1px solid rgb(200,200,200); }
			div#header-login h1 { font-size: .8em; color: silver; position: absolute; top: 6px; left: 10px; }
			div#header-login input#login_field_username,
			div#header-login input#login_field_password
				{ background: url('header_login_field_back.gif'); width: 96px; height: 16px; position: absolute; padding: 2px; left: 55px; border: 0; font-size: .9em; margin: 0; }
			div#header-login span#login_label_username,
			div#header-login span#login_label_password
				{ position: absolute; left: 10px; font-size: .8em; color: gray; display: block; width: 39px; height: 20px; line-height: 20px; text-align: right; }
			div#header-login input#login_field_username,
			div#header-login span#login_label_username
				{ top: 22px; }
			div#header-login input#login_field_password,
			div#header-login span#login_label_password
				{ top: 46px; }
			div#header-login input#login_field_submit
				{ position: absolute; left: 160px; top: 22px; border: 1px solid silver; font-size: 2em; font-weight: bold; padding: 0; margin: 0; line-height: 42px; border: 0; color: black; cursor: pointer; background: none;}
			div#header-login input#login_field_submit:hover
				{ color: red; }
			div#header-login input#login_field_remember
				{ position: absolute; left: 55px; top: 70px; margin: 0; width: 10px; height: 10px; border: 1px solid silver; }
			div#header-login span#login_label_remember
				{ position: absolute; left: 70px; top: 70px; font-size: .8em; color: gray; display: block; height: 10px; line-height: 10px; cursor: pointer;}
			div#header-login a#login_link_forgotten_password,
			div#header-login a#login_link_registration
				{ color: black; left: 190px; font-size: .9em; position: absolute; }
			div#header-login a#login_link_forgotten_password:hover,
			div#header-login a#login_link_registration:hover
				{ text-decoration: none; }
			div#header-login a#login_link_forgotten_password
				{ top: 45px; }
			div#header-login a#login_link_registration
				{  top: 60px; font-weight: bold; }
			div#header-login p
				{ margin: 15px; font-size: .9em; line-height: 20px; }
			div#header-login p a
				{ text-decoration: none; }
			div#header-login p a:hover
				{ text-decoration: underline; }
		table#header-league-teams { width: 100%; margin: 0; }

	#top-banner { /*height: 100px; border-top: 1px solid white; */text-align: center; background: black; margin: 0 -10px; padding: 0px;}
		
	#content {  }
	#sidebar1 { /*border-left: 1px dotted black; width: 309px; */padding: 5px 0; }
		.sidebar-banner { text-align: center; }
		.sidebar-segment { margin-bottom: 10px; }

	ul#nav1 { background: url('nav1_back.gif') no-repeat; height: 30px; padding: 0; margin: 0 -10px; }
		ul#nav1 li { float: left; height: 30px; line-height: 30px; list-style-type: none; border-right: 1px solid white; }
		ul#nav1 li a { display: block; color: white; text-decoration: none; padding: 0 8px; font-size: 10px; font-family: arial; font-weight: bold; }
		ul#nav1 li a.nav1-selected { color: black; background: white; }
		ul#nav1 li a:hover { text-decoration: underline; }
		ul#nav1 li.search { float: right; margin-right: 5px; border: 0; }
			ul#nav1 li.search input.submit { background: url('../../../img/silk/magnifier.png'); border: 0; width: 16px; height: 16px; cursor: pointer; }

	ul#nav2 { height: 25px; border-bottom: 1px dotted black; padding: 0; margin: 0 -10px; }
		ul#nav2 li { float: left; height: 15px; line-height: 15px; margin-top: 5px; list-style-type: none; }
		ul#nav2 li a { display: block; color: black; text-decoration: none; padding: 0 8px; border-right: 1px solid rgb(200,200,200); font-size: 10px; font-family: arial; font-weight: bold; }
		ul#nav2 li a:hover { text-decoration: underline; }
		ul#nav2 li a span.new { color: red; }

	div#footer { border-top: 2px solid rgb(150,150,150); width: 930px; padding: 20px; margin: 0 -10px; font-size: .8em; color: rgb(100,100,100); background: rgb(220,220,220); margin-top: 10px; }
		div#footer a { color: black; text-decoration: none; }
		div#footer a:hover { text-decoration: underline; }
		div#footer table { width: 100%; table-layout: fixed; }
		div#footer td { padding: 0; vertical-align: top; border-left: 1px solid silver; padding-left: 10px; }
		div#footer td p { margin: 0; }



.listed-post { padding: 0; margin: 0; margin-bottom; 10px; font-size: .9em; border: 1px solid silver; border-top: 0; }
.listed-post span.title { display: block; font-weight: bold; padding: 5px; text-decoration: underline; line-height: 1.2em; }
.listed-post span.date { display: none; }
.listed-post p { padding: 0; margin: 0; text-align: justify; }


.content-article { overflow: auto; }
.content-article h1 { font-size: 2em; font-weight: bold; margin: 10px 0; }
.content-article p { font-size: 1.2em; text-align: justify; }
.content-article div.perex p { font-weight: bold; }
.content-article div.meta { border: 1px dotted black; border-left: 0; border-right: 0; font-size: .9em; margin: 10px 0; padding: 5px; }
.content-article div.main-image { float: left; margin: 0 10px 10px 0; position: relative; width: 320px; height: 240px; }
.content-article div.main-image div { position: absolute; right: 0; bottom: 0; background: black; color: white; padding: 2px; font-size: .8em; }
.content-article div.ad { float: right; }
ul.related-pages { padding-left: 25px; }


.listed-article { padding-top: 10px; overflow: hidden; border-bottom: 1px solid silver; }
.listed-article img { float: left; margin-right: 10px; margin-bottom: 5px; }
.listed-article a h3 { font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: 10px; color: black; text-decoration: underline; line-height: 1.2em; }
.listed-article a:hover h3 { text-decoration: none; }
.listed-article p { margin: 0; padding-left: 190px; text-align: justify; }
.listed-article div.meta { font-size: .9em; color: rgb(50,50,50); margin: 0; padding-left: 0px; margin: 5px 0; clear: both; }
.listed-article div.meta a { color: rgb(100,100,100); }
.listed-article div.meta a:hover { color: black; }
.listed-article div.meta span { padding: 0 5px; }
.listed-article div.meta span.date { text-transform: uppercase; font-weight: bold; color: black; }
.listed-article div.meta span.custom_label { text-transform: uppercase; font-weight: bold; background-color: black; color: white; margin: 0 5px; }
.listed-article div.meta span.first { padding-left: 0; }

.featured-slideshow { position: relative; width: 680px; height: 250px; }

.featured-slideshow div.detail { width: 375px; }
	.featured-slideshow div.detail a { display: block; }
		.featured-slideshow div.detail a img
			{  }
		.featured-slideshow div.detail a div.title,
		.featured-slideshow div.detail a div.perex
			{ width: 365px; position: absolute; background: url('transparency-black-50.png'); padding: 5px; color: white; }
		.featured-slideshow div.detail a div.title
			{ top: 0; line-height: 1.3em; font-size: 1.2em; font-weight: bold; color: white; text-decoration: none; }
			.featured-slideshow div.detail a:hover div.title { text-decoration: underline; }
		.featured-slideshow div.detail a div.perex
			{ bottom: 0; line-height: 1.2em; font-size: .9em; text-align: justify; }
			.featured-slideshow div.detail a div.perex p { margin: 0; }

.featured-slideshow .selector { background: url('featured_slideshow_unselected_item_back.png'); position: absolute; top: 0; left: 375px; width: 255px; height: 250px; }
.featured-slideshow .selector a { display: block; height: 60px; margin: 2px 0; padding: 0 2px; text-decoration: none; }
.featured-slideshow .selector a.selected { background: url('featured_slideshow_selected_item_back.png'); }
	.featured-slideshow .selector a div.title { display: block; margin-left: 90px; padding: 3px 5px; color: white; font-weight: bold; text-decoration: none; }
	.featured-slideshow .selector a img { float: left; }
		.featured-slideshow .selector a:hover div.title { text-decoration: underline; }

.featured-article {  }
.featured-article img { float: left; margin-right: 10px; }
.featured-article h3 { line-height: 1.3em; }
.featured-article p { font-size: 1.1em; text-align: justify; }


.listed-comment { padding-top: 10px; }
.listed-comment .user span { text-decoration: none; font-weight: bold; font-size: 1.2em; line-height: 40px; }
.listed-comment .user img { float: left; margin-right: 10px; }
.listed-comment .relation { font-size: .8em; color: rgb(100,100,100); }
.listed-comment p { margin: 5px 0; font-size: .9em; text-align: justify; }
.listed-comment { margin: 0; }


img.float-left { float: left; margin: 0 10px 10px 0; }
img.float-right { float: right; margin: 0 0 10px 10px; }



/* -------------- PAGINATOR ----------------- */
.paginator { text-align: center; border-top-size: 1px; border-top-style: solid; padding: 10px 0; }
.paginator a { padding: 10px; font-weight: bold; }
.paginator span.current, .paginator span a { background-repeat: no-repeat; background-position: center center; width: 21px; height: 28px; line-height: 40px; padding: 10px; color: white; text-decoration: none; font-weight: bold; font-size: .9em; }

.pagination { margin-top: 5px; text-align: center; padding-bottom: 3px; border-bottom: 1px solid silver; }
.pagination span { color: silver; }
.pagination span,
.pagination a
	{ text-decoration: none; padding: 0 8px; font-weight: bold; }
.pagination a:hover
	{ text-decoration: underline; }
/* -------------- PAGINATOR ----------------- */



/* -------------------- FLASH MESSAGE --------------------------*/
#flashMessage
	{
		border-bottom: 1px solid rgb(200,200,200);
		background-color: rgb(255,230,230);
		color: rgb(255,0,0);
		font-size: 0.85em;
		font-weight: bold;
		padding: 10px;
		margin: 0 -11px;
	}
/* -------------------- FLASH MESSAGE --------------------------*/



/* -------------------- ADMINISTRATORI --------------------------*/
.lookEditationLinkContainer {  }
a.lookEditationLink { display: block; position: absolute; width: 100%; height: 100%; text-decoration: none; background: red; opacity: .3; }
a.lookEditationLink:hover { opacity: .7; }
/* -------------------- ADMINISTRATORI --------------------------*/




/* -------------------- PRIDANI KOMENTARE - FORMULAR --------------------------*/
.addCommentForm
{
	border: 1px solid rgb(200,200,200);
	padding: 10px;
	background: rgb(245,245,245);
	margin-bottom: 10px;
	width: 605px;
}

.addCommentForm textarea,
.addCommentForm input.singleline,
.addCommentForm div.bLabel
{
	border: 1px solid rgb(200,200,200);
	padding: 5px;
	width: 370px;
	height: 80px;
	font-family: arial;
	font-size: 1em;
	margin: 2px 0;
	background-color: white;
	height: 15px;
	line-height: 15px;
}

.addCommentForm textarea
{
	height: 150px;
	width: 525px;
	line-height: auto;
}

.addCommentForm div.rightCell
{
	width: 55px;
	float: right;
	margin: 5px;
	margin-right: 0;
}

.addCommentForm input.singleline
{
	height: auto;
	border-left: 0;
	width: 475px;
}

.addCommentForm div.bLabel
{
	height: auto;
	border-right: 0;
	width: 40px;
	font-weight: bold;
	float: left;
}

.addCommentForm p.disclamer
{
	margin: 0;
	margin-bottom: 5px;
	font-size: .9em;
	font-style: italic;
}
/* -------------------- PRIDANI KOMENTARE - FORMULAR --------------------------*/
 


/* -------------------- ANKETA --------------------------*/
.pool { font-size: .9em; }
.pool p { margin: 5px 0; }
.pool .progressbar { border: 1px solid black; }
.pool .progressbar div { background: black; overflow: hidden; height: 5px; }
/* -------------------- ANKETA --------------------------*/



/* -------------------- TABS --------------------------*/
.tabs_title, .tabs1 { padding: 0 5px; border-bottom: 1px solid rgb(200,200,200); height: 20px; background: url('tabs1_tab_selected_back.png') repeat-x; margin: 0; margin-bottom: 5px; }
.tabs_title li, .tabs1 li { display: block; float: left; padding: 0 7px; line-height: 19px; height: 20px; margin: 0; border-top: 2px solid white; font-size: .8em; font-weight: bold; color: black; text-decoration: none; }
.tabs_title li.right, .tabs1 li.right { float: right; }
.tabs_title li:hover, .tabs1 li:hover { cursor: pointer; text-decoration: underline; }
.tabs_title li.active,
.tabs1 li.active,
.tabs1 li.selected
	{ background: white; border: 1px solid rgb(200,200,200); border-bottom: 0; }
.tabs_title a, .tabs1 a { text-decoration: none; }
.tabs_title a:hover, .tabs1 a:hover { text-decoration: underline; }
.tabs_panel { display: none; }
.tabs_panel.active { display: block; }
.tabs1 img { float: left; margin-right: 5px; }
/* -------------------- TABS --------------------------*/



/* -------------------- LEAGUE HEADER --------------------------*/
.big-header { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px dotted black; border-top: 1px dotted black; }
.big-header img { float: left; margin-right: 20px; }
.big-header h2 { line-height: 50px; font-weight: bold; margin: 0; }
/* -------------------- LEAGUE HEADER --------------------------*/


/* -------------------- STATISTICS TABLES --------------------------*/
table.stats { width: 100%; border-spacing: 0; }
table.stats td { border-bottom: 1px solid rgb(200,200,200); }
table.stats thead th { background: rgb(245,245,245); border-bottom: 1px solid rgb(170,170,170); border-top: 1px solid rgb(170,170,170); }
table.stats th,
table.stats td
	{ vertical-align: middle; padding: 5px; text-align: center; }
table.stats td.align_left, table.stats th.align_left { text-align: left; }
table.stats td.align_right, table.stats th.align_right { text-align: right; }
table.stats td.align_center, table.stats th.align_center { text-align: center; }
table.stats td.min_width, table.stats th.min_width { width: 30px; }
table.stats td.max_width, table.stats th.max_width { width: 100%; }
.sidebar-segment table.stats td { font-size: .8em; }
/* -------------------- STATISTICS TABLES --------------------------*/


/* -------------------- SCOREBOARD --------------------------*/
.scoreboard { text-align: center; }
.scoreboard .score { font-size: 5em; font-weight: bold; }
.scoreboard .smaller-score { font-size: 2em; }
.scoreboard .team-names { font-size: 2.1em; font-weight: bold; margin: 10px 0; clear: both; }
.scoreboard .date { font-size: 2em; font-weight: bold; margin: 15px 0; }
.scoreboard .team1, .scoreboard .team2 { font-size: 5em; width: 100px; height: 100px; }
.scoreboard .team1 { float: left; margin-left: 30px; }
.scoreboard .team2 { float: right; margin-right: 30px; }
/* -------------------- SCOREBOARD --------------------------*/



/* -------------------- COMMENT --------------------------*/
div.discussion_comment {  }
div.discussion_comment div.meta { background: rgb(240,240,240); border-top: 1px solid rgb(200,200,200); padding: 5px; font-size: .9em }
div.discussion_comment a.reply-link { float: right; font-weight: bold; margin-right: 5px; }
div.discussion_comment p { padding: 5px; }
div.discussion_comment img.avatar { float: left; margin-right: 10px; }
/* -------------------- COMMENT --------------------------*/

/* -------------------- TV SCHEDULE --------------------------*/
table.tvschedule-channels-panel { width: 100%; }
table.tvschedule-channels-panel td { padding: 0; text-align: center; }
/* -------------------- TV SCHEDULE --------------------------*/


/* -------------------- PLAYERS --------------------------*/
div.players-icon { float: left; margin-right: 20px; width: 50px; height: 50px; background: url('dres.png'); font-size: 1.5em; color: white; text-align: center; line-height: 50px; font-weight: bold; }
div.players-sidebar { float: left; width: 120px; margin-right: 10px; }
img.players-photo { margin-bottom: 10px; width: 120px; height: 160px; }
div.players-ground { background: white; border: 1px solid black; position: relative; width: 120px; height: 160px; }
div.players-ground div { background: black; width: 10px; height: 10px; position: absolute; }
/* -------------------- PLAYERS --------------------------*/


/* -------------------- DETAILS TABLE --------------------------*/
table.details { width: auto; }
table.details tr { border-bottom: 1px solid silver;  }
table.details th,
table.details td
	{ vertical-align: top; }
/* -------------------- DETAILS TABLE --------------------------*/


/* -------------------- FIELDSET --------------------------*/
fieldset { padding: 0; }
fieldset legend { font-size: 1em; padding: 0 10px; }
/* -------------------- FIELDSET --------------------------*/



/* -------------------- NEWSTATS --------------------------*/
table.stats_new { width: 100%; table-layout: fixed; }

/* pagination */
table.stats_new tfoot tr { }
table.stats_new tfoot th div.pagination { border: 0; border-top: 1px solid rgb(200,200,200); padding: 5px 0; font-style: normal; }
table.stats_new tfoot th div.pagination span { padding: 0 8px; margin: 0; color: red; }
table.stats_new tfoot th div.pagination a { padding: 0; margin: 0; color: black; }

table.stats_new td, th { font-size: 11px; }

table.stats_new th,
table.stats_new td
	{ text-align: center; word-wrap: normal; vertical-align: top; }

table.stats_new th.middle,
table.stats_new td.middle
	{ vertical-align: middle; }

table.stats_new th.align_left,
table.stats_new td.align_left
	{ text-align: left; }

table.stats_new th.big,
table.stats_new td.big
	{ font-size: 1.2em; font-weight: bold; }

table.stats_new th.align_right,
table.stats_new td.align_right
	{ text-align: right; }
/* -------------------- NEWSTATS --------------------------*/
/* POPUP BANNER */
#popup-banner { position: absolute; top: 50%; left: 50%; margin: -300px 10px 10px -400px; width: 800px; text-align: center; height: 600px; padding: 40px 0 0 0; background: white; z-index: 9; border: 5px solid rgb(20,20,20); }
#popup-background { position: fixed; width: 100%; height: 100%; background: black; top: 0; left: 0; z-index: 8; opacity: .8; }
#popup-hide { margin: 0; padding: 0; margin-top: -5px; }