﻿/*
 * The page has a fixed width of 900
 */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-size: 78%;
	font-family: Tahoma,Verdana,"Lucida Grande","Bitstream Vera Sans",Arial,sans-serif;
	color: #272f35;
	
}

div.content {
	margin-left:0px;
}

div.match_form { 
	width: 902px;
}

div.match_form table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	color: #3d4951;
	font-family: Tahoma,Verdana,"Lucida Grande","Bitstream Vera Sans",Arial,sans-serif;
}

div.match_form td {
	vertical-align: top;
}

div.match_form td#left_column {
	padding: 13px;
	width: 184px;
	background-color: #f2f2f2;
}

div.match_form td#middle_column {
	padding: 10px;
}

div.match_form td#right_column {
	padding: 13px;
	width: 184px;
	background-color: #f2f2f2;
}

.trans {
	
}

div.footer {
	background-color: #dfe1e2;
	text-align: center;
	width: 882px;
	padding: 10px;
	font-size: 85%;
}

div.footer p {
	margin: 1em;
}

div.footer p.warning {
	color: #8897a0;
}




/* The heading at the top of the page */

h1 {
	background-color: #2797e6;
	color: #ffffff;
	width: 880px;
	text-align: left;
	padding: 10px 10px 10px 13px;
	background-position: right;
	font-size: 24px;
	font-family: Helvetica,Tahoma,Verdana,"Lucida Grande","Bitstream Vera Sans",Arial,sans-serif;
	line-height: 16px;
}

h1 span#byline {
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	font-family: Tahoma,Verdana,"Lucida Grande","Bitstream Vera Sans",Arial,sans-serif;
}

h2 span#byline {
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	font-family: Tahoma,Verdana,"Lucida Grande","Bitstream Vera Sans",Arial,sans-serif;
}

/* The menu system */

div.menu {
	background-color: #272f35;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	width: 885px;
	padding: 5px 5px 5px 13px;
	font-size: 11px;
}

div.menu span {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

div.menu span.selected-white {
	background-color: #ffffff;
	color: #272f35;
}

div.menu span.selected-offwhite {
	background-color: #f2f2f2;
	color: #272f35;
}

div.menu span a {
	text-decoration: none;
}

div.menu span.bar {
	border-left: 1px solid #8897a0;
}

/* The match lists on the left and right column */

table.match {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	line-height: 13px;
	clear: right;
}

table.match tr td {
	padding-top: 2px;
	padding-bottom: 3px;
}

table.match tr.overline {
	border-top: 1px solid #dfe1e2;
}

table.match tr.underline {
	border-bottom: 1px solid #dfe1e2;
}

table.match td.left   { text-align: right; font-size:12px; padding-left: 5px; width: 35%;}
table.match td.eeleft   { text-align: left; font-size:12px; padding-left: 5px; width: 5%;}
table.match td.eeleftlive   { color:Red; text-align: left; font-size:12px; padding-left: 5px; width: 5%;}
table.match td.center { text-align: center; font-size:12px; white-space: nowrap;width: 10%;}
table.match td.right  { text-align: left; font-size:12px; padding-right: 5px; width: 35%;}
table.match td.eeright  { text-align: center; font-size:12px; padding-right: 5px; width: 15%;}
table.match td.eerightlive  {  color:Red; text-align: center; font-size:12px; padding-right: 5px; width: 15%;}
table.match td.headhead  {background-color: #8897a0;color: #ffffff; padding: 0.3em 0.5em; font-size: 11px;}



/* The recent matches in the middle */

table.recent_matchs {
	width: 100%;
	border-collapse: collapse;
	line-height: 24px;
	font-size: 12px;
}

table.recent_matchs tr.overline {
	border-top: 1px solid #dfe1e2;
}

table.recent_matchs tr.underline {
	border-bottom: 1px solid #dfe1e2;
}

table.recent_matchs td.left   { text-align: left; padding-left: 5px;}
table.recent_matchs td.center { text-align: left; white-space: nowrap;}
table.recent_matchs td.right  { text-align: right; padding-right: 5px;}

table.league {
	width: 100%;
	border-collapse: collapse;
	line-height: 24px;
	font-size: 12px;
}

table.league tr {
	border-bottom: 1px solid #dfe1e2;
}

table.league tr td {
	text-align: left; 
	padding-left: 5px;
	font-family: Tahoma,Verdana,"Lucida Grande","Bitstream Vera Sans",Arial,sans-serif;
}

table.league tr th {
	text-align: left; 
	padding-left: 5px; 
	font-size: 11px;
	color: #272f35;
}

p.heading {
	background-color: #272f35;
	color: #d8d2df;
	border-bottom: 2px solid #2797e6;
	padding: 0.3em 0.5em;
	font-weight: bold;
}

p.headingmain {
	background-color: #272f11;
	color: #d8d2df;
	border-bottom: 2px solid #279711;
	padding: 0.3em 0.5em;
	font-weight: bold;
}

p.subheading {
	color: #272f35;
	border-bottom: 2px solid #2797e6;
	padding-left: 5px;
	padding-bottom: 0.3em;
	font-weight: bold;
	font-size: 12px;
	background-color:Gray;
}

p.league_name {
	border-bottom: 1px solid #dfe1e2;
	padding: 0.5em;
	padding-top: 3px;
	padding-bottom: 3px;
}

p.navheading {
	background-color: #8897a0;
	color: #ffffff;
	padding: 0.3em 0.5em;
	font-size: 11px;
}



p.clearheading {
	color: #272f35;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
}

a, a:visited {
	text-decoration: underline;
	color: #000000;
	text-decoration:none;
}

a.menu_link {
	text-decoration: underline;
	color: #ffffff;
}


/* This gets the WDL text on the right */
span.right {
	float: right;
	width: 5px;
}

th.left {
	text-align: left;
}

.note {
	font-size: 11px;
	font-weight: normal;
}

p.indented {
	font-size: 11px;
	padding: 0.3em;
	line-height: 150%;
}

p.people {
	padding: 2px;
	font-size: 11px;
	line-height: 18px;
}

p.overline {
	border-top: 1px solid #dfe1e2;
	line-height: 14px;
	height: 14px;
}

/* The link on the bottom of the league table */

p.table_link {
	text-align: right;
	padding-left: 5px;
	font-size: 11px;
}

p.table_link a {
	color: #272f35;
	text-decoration: none;
}

p.table_link span.underline {
	text-decoration: underline;
}

p.facts_link {
	text-align: right;
	font-size: 11px;
}

p.facts_link img {
	vertical-align: -4px;
}

img.link {
	vertical-align: -1px;
}

/* How the match facts are displayed */

div#facts_block {
	padding-bottom: 13px;
}

ul#facts {
	list-style: none;
	border-bottom: 1px solid #dfe1e2;
	line-height: 15px;
	padding-top: 7px;
}

ul#facts li {
	padding-left: 5px;
	padding-bottom: 0.5em;
}

div#league_block {
	padding-bottom: 13px;
}

/* Get round IE adding a border to images in <a /> elements */

a img {
	border: 0;
}

/* Now the live scores */

table#match_details_table {
	width: 100%;
	border-collapse: collapse;
}

table#match_details_table tr th {
	background-color: #272f35;
	color: #d8dcdf;
	border-bottom: 2px solid #2797e6;
	padding-left: 0.5em;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}

table#match_details_table tr td {
	border-bottom: 1px solid #dfe1e2;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
}

table#match_details_table tr td.row_label {
	font-weight: bold;
	font-size: 17px;
	font-family: Helvetica,Tahoma,Verdana,"Lucida Grande","Bitstream Vera Sans",Arial,sans-serif;
}

table#match_details_table tr td.row_label img {
	vertical-align: -5px;
}

table#match_details_table tr th.stat {
	padding-left: 20px;
	text-align: left;
}

table#match_details_table tr td.stat {
	padding-left: 20px;
	
}

table#match_details_table tr td.middle {
	border-left: 1px solid #dfe1e2;
	border-right: 1px solid #dfe1e2;
	padding-right: 35px;
}

table#match_details_table div.player_name { margin-bottom: 5px; }

table#match_details_table div.event_time { float: right; }

table#match_details_table div.sub_in  { color: #00a600; margin-bottom: 2px; }

table#match_details_table div.sub_out { color: #e70000; margin-bottom: 10px; }

/* Make the ajax powered links look like links */

a.hoverhere {
	cursor: pointer; 
}

p.not_met_before {
	padding-left: 5px;
	
	padding-top: 0.3em;
}

#league_link {
	font-size: 11px;
	line-height: 18px;
}

h2.big_error {
	padding: 20px;
	color: #ff0000;
	text-align: center;
}

p.small_error {
	padding: 20px;
	text-align: center;
}

.tabulka, .box {background:#ddd; width:100%; font-family: 'Berlin Sans FB'; font-size:12px; text-align:center; margin-bottom:8px}
.hlavicka {font-weight:bold; text-align:left; background-color: #8897a0;color: #ffffff;border:1px solid #fff; font-size:11px; padding:4px}
.hlavicka2 {color:#000; text-align:left; padding-left:4px; font-size:11px;}
.boxh {font-weight:bold; font-size:10px; color:#fff; text-align:left; background:#006699; border-top:1px solid #fff; padding:4px; border-bottom:1px solid #004477}
td {padding:2px}
.tmava {background:#eee}
.svetla {background:#fff}
.live {color:Red; vertical-align:baseline;}


.inplay {color:#c00}
.winner {font-weight:bold}
.goal {color:#c00; font-weight:bold}
.slabe {color:#aaa}
.redcard {color:#c00; font-weight:bold}
.podanie {color:#aaa; font-weight:bold}

.tabulka input {height:13px; margin:0px}
.tabulka .button {height:25px}


#main {font-family:verdana; font-size:11px; text-align:center; width:875px}
#headka {width:875px; height:134px; background:url("head.jpg")}
#right, #left, .bottom {width:136px; background:#ddd}
.bottom {width:132px}
#stred {background:#eee; width:603px}
#patka {background:#eee; color:#aaa; width:589px}
#allzapasy {width:587px}




.menu, .other {width:100%; font-family:verdana; font-size:11px}
.menu td {background:#ddd; border-top:1px solid #fff; border-bottom:1px solid #bbb; padding:3px; padding-left:8px;}

.other td {background:#ddd; text-align:center; padding:3px}
.other {border-bottom:1px solid #bbb; border-top:1px solid #fff;}

select {font-size:11px;font-family:verdana;width:120px}