#bst2 {
    z-index: 0;
}

body {
    background: url('/gfx/new/bk.gif') repeat-x left top;
}

#top-flash {
    width: 920px;
    height: 240px;
    margin: 0;
    padding: 0;
}
.wrapped {
    max-width: 1024px;
    min-width: 780px;
    margin: 0px auto;
}
div#sprite1 {
    text-align: right;
    width: 320px;
    height: 500px;
    position: absolute;
    right: 0px;
    top: -280px;
    overflow: hidden;
}
.bordered {
    border-style: solid;
    border-color: #000;
    border-width: 0px 5px;
}
div#top {
    background: url('/gfx/new/logo_bottom_part.jpg') no-repeat 0px 240px;
}
div#top div#title {
    padding-left: 220px;
    padding-top: 10px;
    padding-bottom: 4px;
    float: left;
    width: 48%;
}
div#top div#sponsor {
    float: right;
    width: 20%;
    padding-top: 20px;
}
div#top div#title h1 {
    margin-top: 12px;
    font-size: 3.2em;
    font-weight: normal;
    font-family: Impact, Tahoma, Arial, sans-serif;
}
div#top div#title h1 a {
    font-weight: normal;
}
div#top div#title h1 span {
    color: #9a0000;
}
div#top div#title h2 {
    margin-top: 0px;
    padding-bottom: 3px;
    font-size: 1.1em;
}
div#top div#title h3 {
    margin-bottom: -10px;
    margin-left: 3px;
    text-transform: uppercase;
    font-size: 1.1em;
}
div#top div#sponsor p {
    font-size: 0.85em;
    font-weight: bold;
}
div#menu {
    padding-top: 10px;
    height: 42px;
}
div#menu ul {
    display: block;
    list-style: none;
    text-align: center;
    z-index: 1;
    width: 90%;
    margin-left: 30px;
}
div#menu ul li {
    display: inline;
    margin: 0;
}
div#menu ul li a {
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 3px 10px;
}
div#menu ul li a:hover {
    color: #fcc;
}
div#middle {
    padding-top: 10px;
    position: relative;
}
div#left-column {
    float: left;
    width: 223px;
    overflow: hidden;
}
div.column div.item {
    background: url('gfx/new/left_b_bk.gif') no-repeat left bottom;
    padding-bottom: 11px;
    margin-bottom: 20px;
}
div.column div.item div.inside {
    padding: 1px 8px;
    color: #fff;
    font-size: 0.9em;
    background: url('gfx/new/left_c_bk.gif') repeat-y left top;
}
div.column div.item h1 {
    background: url('gfx/new/left_h_bk.gif') no-repeat left top;
    color: #fff;
    padding: 14px 5px 7px 10px;
    font-size: 1.1em;
}
div.column div.item a {
    color: #fff;
    text-decoration: none;
}
div.column div.item a.more {
    display: block;
    text-align: right;
    margin: 2px 5px 0px 0px;
}
div.column div.item a span {
    color: #f99;
}
div.column div.item a:hover {
    text-decoration: underline;
}
div#left-column div#message-board ul  {
    list-style: url('/gfx/new/doc.gif');
    margin-left: 4px;
    padding-left: 14px;
    font-size: 0.95em;
}
div#left-column div.item ul .small {
    font-size: 0.95em;
}
div#left-column div.item li  {
    margin-left: 0px;
    padding-left: 0px;
}
div#left-column div#highlights ul {
    font-size: 0.95em;
}

div#right-column {
    float: right;
    width: 223px;
}
div#top-player {
    text-align: center;
}
div#top-player img {
    margin-top: 5px;
    border: solid 1px #000;
}
div.column div.gray-item h1 {
    margin: 4px auto;
}
div.column div.gray-item {
    padding-bottom: 10px;
    text-align: center;
    margin-bottom: 10px;
}
div#contents {
    margin-left: 235px;
    margin-right: 235px;
    padding-bottom: 10px;
}
div#contents div#fixture {
    margin: 7px 10px 10px 10px;
}
div#contents div#fixture h2 {
    font-size: 1.1em;
}
div#contents div#fixture h2 .small {
    font-size: 0.8em;
    color: #668;
    text-transform: uppercase;
    font-weight: normal;
}
div#contents div#fixture table.match {
    margin: 5px auto;
    font-size: 1.1em;
    width: 90%;
}
div#contents div#fixture table.match td {
    vertical-align: bottom;
}
div#contents div#footer {
    padding: 6px 20px 6px 10px;
    font-size: 0.85em;
    color: #666;
    margin-top: 50px;
}
div#contents div#footer a {
    font-weight: normal;
    color: #666;
}

td.left {
    text-align: left;
}
td.right {
    text-align: right;
}
div#contents div#fixture table.match td.team {
    width: 45%;
    text-align: center;
    font-weight: bold;
}
div#contents div#fixture table.match td.sep {
    font-weight: bold;
    text-align: center;
}
div#contents div#fixture table.match td.result {
    padding: 0px 8px;
    font-size: 1.3em;
    font-weight: bold;
}
div#contents div#fixture div.inside {
    text-align: center;
}
div.column div.gray-item h1 {
    font-size: 1.1em;
}
div#contents div.art {
    margin: 5px 10px;
}
div#contents div.art p {
    margin-bottom: 5px;
}
div#contents h1 {
    margin-top: 10px;
    margin-bottom: 5px;
}
div.art div.news-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ccc;
}
div.art div.first-news-item {
    font-size: 1.1em;
    font-weight: bold;
}

div.news-img-bk {

}

div.news-img-bk h2 {
    padding: 10px 5px 1px 5px;
}
div.news-img-bk h5 {
    padding: 1px 5px 5px 5px;
}
div.news-img-bk h2, div.news-img-bk h5 {
    margin: 0px;
    background:url('gfx/headerbk.png');
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='gfx/headerbk.png');

}
/**********  rounded-corners ************/

div.rounded-corners {
    position: relative;
    background: #ececec;
}
div.rounded-corners div.inside {
    padding: 4px 12px;
}
div.rounded-corners div.lt, div.rounded-corners div.lb, div.rounded-corners div.rt, div.rounded-corners div.rb  {
    width: 12px;
    height: 12px;
    position: absolute;
}
div.rounded-corners div.lt {
    background: url('gfx/box_lt_bk.gif') no-repeat left top;
    left: 0px;
    top: 0px;
}
div.rounded-corners div.rt {
    background: url('gfx/box_rt_bk.gif') no-repeat left top;
    right: 0px;
    top: 0px;
}
div.rounded-corners div.rb {
    background: url('gfx/box_rb_bk.gif') no-repeat left bottom;
    right: 0px;
    bottom: 0px;
}
div.rounded-corners div.lb {
    background: url('gfx/box_lb_bk.gif') no-repeat left bottom;
    left: 0px;
    bottom: 0px;
}

/******* stylized *******/
table.stylized {
    width: 100%;
}
div#left-column table#league {
    font-size: 0.95em;
}
div#left-column table#league tr.highlight {
    background: #500;
}
div#left-column table#league tr.highlight td {
    font-weight: bold;
}
tr.odd {
    background: #eee;
}
table.stylized tr.odd {
    background: #900;
}
table.stylized th {
    text-align: center;
    font-weight: bold;
}
table.stylized td, table.stylized th {
    padding: 1px;
}
table.stylized td a {
    font-weight: normal;
}
td.num {
    text-align: right;
    padding-right: 3px;
}
/************ thumbs ********************/

img.thumb, div.gal-item img {
    border: solid 1px #666;
    margin: 5px;
    padding: 5px;
    background: #ccc;
    margin: 1px;
}
div.cat div.gal-item {
    font-size: 1em;
    font-weight: bold;
}
div.cat div.gal-item img {
    margin-top: 5px;
}
div.gal-item {
    float: left;
    margin: 3px 4px;
    width: 160px;
    height: 190px;
    text-align: center;
    padding: 1px;
    border: solid 1px #eee;
}

div.mediaplayer {
    margin: 5px auto;
    width: 320px;
    border: solid 2px #ccc;
}

/************* matches and tables crap ... ********/

table.matches-tab tr.main {
    background: #eee;
}
table.matches-tab tr.main td {
    font-size: 1.2em;
}

table.matches-tab td.more a {
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
table.matches-tab td.more a:hover {
    text-decoration: underline;
}
table.matches-tab td.more a span {
    color: #f99;
}
td.more {
    text-align: center;
    padding-left: 2px;
}
/********* MATCHITEMS ************/
table.right-contents {
    width: 100%;
}
table .num {
    text-align: right;
    padding: 0px 3px;
}
table .label {
    text-align: left;
    padding: 0px 1px;
}
.label a, .team1 a, .team2 a {
    font-weight: normal;
    text-decoration: none;
}
table.short-tab, table.matches-tab {
    width: 95%;
    margin: 0px auto 20px auto;
    font-size: 0.95em;
}
table.matches-tab tr.main .small {
    font-size: 0.9em;
    color: #666;
}
table.full-tab {
    width: 85%;
    margin: 5px auto 20px auto;
}
table.full-tab td.label {
    width: 50%;
}
table.stats-tab, table.full-tab, table.leaders-tab {
    border: 1px solid #666;
    border-collapse: collapse;
}
table.stats-tab td, table.stats-tab th, table.full-tab td, table.full-tab th, table.leaders-tab td, table.leaders-tab th {   
    border: 1px solid #ccc;
}
table.full-tab th, table.short-tab th, table.stats-tab th, table.leaders-tab th {
    background: #333;
    color: #fff;
    font-weight: normal;
    padding: 1px;
}
tr.centered th, tr.centered td {
    text-align: center;
}
table.short-tab td, table.matches-tab td, table.right-contents th, table.right-contents td {
    vertical-align: bottom;
}
table.right-contents tr.even {
    background: #ddd;
}

td.contents table tr.even {
    background: #eee;
}
td.team1, td.team2, td.more {
    font-size: 0.95em;
    vertical-align: top;
}
table.matchitem td.centered {
    vertical-align: top;
}
td.team1, td.team2 {
    vertical-align: top;
    padding-top: 2px;
}
td.more {
    text-align: center;
    padding-left: 2px;
}
td.team1, td.res1 {
    text-align: right;
}
td.team2, td.res2 {
    text-align: left;
}
td.res1, td.res2 {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0px 5px;
}
td.date {
    padding-bottom: 4px;
}
table.short-tab td a, table.matches-tab td a {
    font-weight: normal;
}
table.matchitem {
    width: 85%;
    margin: 10px auto;
    font-size: 1.2em;
}
.stats-tab {
    width: 95%;
    margin: 5px auto;
    font-size: 0.85em;
}
/*
td.border {
    border-style: solid;
    border-color: #666;
    border-width: 0px 1px 0px 0px;
}*/
table.leaders-tab {
    width: 70%;
    margin: 5px auto;
}
table.leaders-tab td.thumb {
    width: 100px;
    text-align: center;
    vertical-align: top;
}
tr.avg th {
    font-size: 0.95em;
}
/********* COMMENTS **************/

div.comments {
    margin-left: 30px;
}
div.comments div.item {
    background: #f7f7f7;
    margin-bottom: 14px;
    font-size: 8pt;
    font-weight: normal;

}
div.comments div.item div.header {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #999;
    padding: 1px;
}
div.comments div.item img.avatar {
    border: solid 1px #999;
    margin-right: 3px;
    width: 80px;
}
div.comments div.header a {
  text-decoration: underline;
}
div.comments div.moder div.header {
    background: #333;
    color: #eee;
    font-weight: bold;
    border: none;
}
div.comments div.moder div.header a {
  color: #fff;
}
div.comments div.reg, div.comments div.moder {
    color: #000;
}
div.comments div.unreg {
    color: #aaa;
}
/********* TOOLTIP **************/
#tooltip {
    font-size: 0.9em;
    background: #eee;
    padding: 1px;
}
#tooltip h3 {
    font-weight: bold;
    color: #000;
}
#tooltip div.body {
    font-weight: normal;
    color: #333;
}
#tooltip div.url {

}

/********* FORMS **************/

input.btn {
    width: 150px;
    font-weight: bold;
    margin-left: 10px;
}
input, textarea, select {
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
input.num, input.text, textarea {
    background: #eee;
    padding: 1px;
    color: #000;
    border: solid 1px #000;
    width: 90%;
    font-size: 1em;
    margin-bottom: 2px;
}
textarea {

}
input.num {
  width: 38px
}
select {
    background: #eee;
    color: #000;
    border: solid 1px #000;
    width: 40%
    font-size: 1em;
    margin-bottom: 2px;
}

/************ NO-feature patterns *********/
img.avatar {
    border: solid 1px #000;
    margin-right: 5px;
    height: 50px;
}
a.no-bold {
    font-weight: normal;
}


div#sponsors img {
    display: block;
    margin: 5px auto;
}


div#survey #survey_form {
    padding: 5px 10px;
}
div#survey #survey_form input.btn {
    display: block;
    margin: 5px auto;
    width: 50%;
}


/******************************/
.ladder {
    position: relative;
    height: 330px;
    font-size: 8pt;
    font-family: Tahoma;
    text-align: center;
    
}
.ladder h2 {
    font-size: 8pt;
    margin: 0;
    padding: 0;
}
.ladder .round {
    width: 66px;
    position: absolute;
    top: 0px;
}
.ladder .pair {
    height: 70px;
}
.ladder .players {
    background: #900;
}
.ladder .highlight {
    background: #500;
    font-weight: normal;
}

#quarter-finals {
    left: 0px;
}
#quarter-finals .pair {
    margin-bottom: 10px;
}
#semi-finals {
    left: 66px;
}
#semi-finals h2 {
    margin-bottom: 45px;
}
#semi-finals .pair {
    margin-bottom: 90px;
}
#final {
    left: 132px;
}
#final h2 {
    margin-bottom: 120px;
}