* {
margin: 0;
padding: 0;
}

html, body {
/* background: #6666CC url(img/back.jpg) 40%; */
background-color: #000;
font-family: Tahoma, Geneva, sans-serif;
width: 100%;
min-width: 800px;
overflow: hidden;
height: 100%;
}

/***** HEADING *****/

.head-bar {
height: 40px;
width: 100%;
background: #FFFFFF url(img/tv_headback.png) 0 0 repeat-x;
text-align: right;
overflow: hidden;
position: relative;
z-index: 99;
}

.head-bar-int {
vertical-align: middle;
line-height: 40px;
}

.time {
width: 160px;
height: 40px;
margin: auto;
background: transparent url(img/tv_clockback.png);
text-align: center;
font-size: 21pt;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
vertical-align: middle;
line-height: 40px;
}

.head-logo {
float: left;
height: 40px;
width: 177px;
background: transparent url(img/tv_marcstats.png) 0 0 no-repeat;
}

.head-update {
float: right;
text-align: right;
vertical-align: middle;
line-height: 40px;
height: 40px;
width: 275px;
margin-top: -40px;
margin-right: 10px;
font-variant: small-caps;
}

.head-update img {
margin-right: 5px;
}

#error-box {
width: 500px;
height: 200px;
background: url(img/tvwarning.png) 0 0 no-repeat;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border-top: 1px solid #FF0000;
border-left: 1px solid #FF0000;
border-bottom: 1px solid #660000;
border-right: 1px solid #660000;
position: absolute;
top: 40%;
left: 50%;
margin-top: -100px;
margin-left: -250px;
}

#error-box p {
color: #FFF;
font-size: 30px;
width: 300px;
margin-top: 58px;
margin-left: 175px;
}

#preload1 {
background: url(img/tvwarning.png) no-repeat -9999px -9999px;
}

#preload2 {
background: url(img/reload.gif) no-repeat -9999px -9999px;
}

/***** RANKING *****/

.table-container {
position: absolute;
top: 40px;
bottom: 100px;
width: 100%;
min-width: 800px;
background: #444444 url(img/table-cont-back.png) 0 100% no-repeat;
}

.table-data {
background-color: #444444;
display: none;
height: 100%;
width: 100%;
overflow: auto;
}

table {
width: 50%;
height: 100%;
border-right: 1px solid #000;
}

.highlight {
color: #ffff00;
font-weight: bold;
}

td, th {
text-align: center;
width: 20%;
}

td {
color: #cccccc;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
font-size: 29px;
}

th {
background: #000 url(img/tv_match_head.png) 0 0 repeat-x;
color: #fff;
height: 25px;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #000;
padding: 2px;
}

tr.even {
background-color: #555555;
}

.left {
float: left;
}

.right {
float: right;
}

/***** MATCH BAR *****/

* html .matches {
margin-top: -100px;
}

.matches {
width: 100%;
min-width: 800px;
height: 100px;
margin-top: -100px;
color: #FFFFFF;
background: #000 url(img/matches-bg.png) 0 0 repeat-x;
position: absolute;
top: 100%;
overflow: hidden;
}

.matches-int {
display: none;
width: 100%;
height: 100px;
margin: auto;
background: #000 url(img/tv_matches_bg1.png) 0 0 no-repeat;
}

.matches-bg2 {
width: 100%;
height: 100px;
margin: auto;
background: transparent url(img/tv_matches_bg2.png) 100% 0 no-repeat;
}

.matches-head {
width: 100%;
height: 22px;
margin: auto;
background: transparent url(img/tv_match_head.png) 0 0 repeat-x;
font-weight: bold;
text-align: center;
padding-top: 5px;
}

.score-container {
width: 650px;
height: 73px;
margin: auto;
}

.team-container {
width: 80px;
height: 73px;
float: left;
}

.team-red, .team-blue {
height: 20px;
width: 80px;
margin-bottom: 4px;
text-align: center;
line-height: 19px;
vertical-align: middle;
}

.team-red {
background: transparent url(img/tv_red_capsule.png) 0 0 no-repeat;
}

.team-blue {
background: transparent url(img/tv_blue_capsule.png) 0 0 no-repeat;
height: 19px;
padding-top: 1px;
}

.redscore, .bluescore {
font-size: 36pt;
height: 73px;
width: 123px;
margin: auto;
text-align: center;
display: inline-block;
float: left;
font-weight: bold;
vertical-align: middle;
line-height: 73px;
}

.penalty {
color: #ff0000;
font-size: 26pt;
padding-top: 25px;
text-align: center;
width: 120px;
height: 48px;
background: url(img/tv_pen.png) 50% 10px no-repeat;
float: left;
}

.redscore {
background: url(img/tv_score_red.png) 0 0 no-repeat;
border-top: 1px solid #ff7b7b;
border-left: 1px solid #ff7b7b;
border-bottom: 1px solid #b60000;
border-right: 1px solid #b60000;
}

.bluescore {
background: url(img/tv_score_blue.png) 0 0 no-repeat;
border-top: 1px solid #7b7bff;
border-left: 1px solid #7b7bff;
border-bottom: 1px solid #0000b6;
border-right: 1px solid #0000b6;
}

.content-cont {
width: 100%;
height: 100%;
}