/* GENERAL STUFF */
html, body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background: #F5B24D url(/i/tournament/tchs07/bg.png) top center repeat;
padding: 0px;
margin: 0px;
}
H1, H2, H3
{
color: #336699;
font-weight: bold;
text-decoration: none;
letter-spacing: 3px;
text-transform: uppercase;
white-space: nowrap;
padding: 0px;
margin: 0px 0px 10px 0px;
}
H1 { font-size: 150%; }
H2 { font-size: 125%; }
H3 { font-size: 110%; }
A:link
{
color: #FF9900;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
A:visited
{
color: #DD7700;
font-weight: bold;
text-decoration: none;
}
A:hover
{
color: #336699;
font-weight: bold;
text-decoration: none;
}
A:active
{
color: #FF9900;
font-weight: bold;
text-decoration: none;
}
img { border: none; }
div, span, td, th
{
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #333333;
text-decoration: none;
font-size: 12px;
line-height: 1.4;
}
ul
{
margin-left: 10px;
padding-left: 10px;
}
li
{
margin-left: 0px;
padding-top: 2px;
padding-bottom: 2px;
}

/* LAYOUT STUFF */
div.tourneyLogo{
position: absolute;
top: 30px;
left: 35px;
}
div.headline{
position: absolute;
top: 60px;
left: 370px;
}
div.topcoderLogo{
position: absolute;
top: 30px;
left: 696px;
}
div.content{
position: relative;
width: 832px;
background: #F5B24D url(/i/tournament/tchs07/contentBG.png) top center repeat-y;
border-bottom: 0px solid #336699;
}
div.contentSpacer{
text-align: left;
margin: 116px 36px 0px 151px;
padding: 10px 0px 40px 10px;
border-top: 1px solid #336699;
border-left: 1px solid #336699;
}

#leftnav
{
position: absolute;
top: 200px;
left: 31px;
}
#leftnav a:link, #leftnav a:visited{ color: #000000; }
#leftnav a:hover, #leftnav a:active{ color: #FF9900; }
#leftnav a
{
width: 120px;
display: block;
float: left;
clear: both;
font-size: 11px;
font-weight: bold;
text-align: left;
padding: 4px 0px 4px 0px;
margin: 0px 0px 0px 0px;
border-top:    0px;
border-right:  0px;
border-bottom: 1px solid #FFFFFF;
border-left:   0px;
}
#leftnav a.on:link, #leftnav a.on:visited{ color: #336699; }
#leftnav a.on:hover, #leftnav a.on:active{ color: #FF9900; }
#leftnav a.on
{
border-top:    0px;
border-right:  0px;
border-bottom: 1px solid #336699;
border-left:   0px;
}
div.footer
{
display: block;
font-size: 11px;
color: #000000;
padding: 40px 0px 20px 0px;
}

/* PAGE CONTENT STUFF */
.error
{
color: #F54500;
font-weight: bold;
}
.small
{
font-size: 9px;
}

.indent
{
margin-left: 20px;
}

.sidebarBox { border: 1px solid #336699; }

.sidebarTitle
{
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
background-color: #FF9900;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-bottom-width: 1px;
}
.sidebarText
{
color: #000000;
font-size: 11px;
font-weight: normal;
line-height: 14px;
background-color: #F7BB62;
white-space: normal;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-bottom-width: 1px;
}
span.bigRed{ color: #FF0000; font-size: 12px; font-weight: bold; text-decoration: none; }
A.bigRed:link, A.bigRed:visited, A.bigRed:active { color: #FF0000; text-decoration: underline; }
A.bigRed:hover { color: #000000; text-decoration: underline;}
span.bigGreen{ color: #009900; font-size: 12px; font-weight: bold; text-decoration: none; }
A.bigGreen:link, A.bigGreen:visited, A.bigGreen:active { color: #009900; text-decoration: underline; }
A.bigGreen:hover { color: #000000; text-decoration: underline;}

/* STAT TABLE */
table.stat {
border: none;
padding: 0px;
}

table.stat td, table.stat th {
padding: 4px 4px 4px 4px;
line-height: normal;
}

table.stat th.title, table.stat td.title {
color: #336699;
background: transparent;
font-size: 12px;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
padding: 4px 0px 4px 0px;
}

table.stat th, table.stat td.header,table.stat td.headerC,table.stat td.headerR {
color: #FFFFFF;
background: #ff9900;
font-size: 12px;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
}

table.stat thead a:link, table.stat thead a:visited { color: #FFFFFF; } 
table.stat thead a:hover, table.stat thead a:active { color: #FFFFFF; text-decoration: underline; } 

table.stat td.headerC { text-align: center; }

table.stat td.headerR { text-align: right; }

table.stat tr.light td { background-color: #F5F5F5; }

table.stat tr.dark td { background-color: #EFEFEF; }

table.stat td.value, table.stat td.valueC, table.stat td.valueR{
font-size: 11px;
vertical-align: top;
border-top: 1px solid #ffffff;
}

table.stat td.valueC { text-align: center; }

table.stat td.valueR { text-align: right; }

table.stat td.field {
color: #000000;
font-weight: bold;
font-size: 11px;
vertical-align: top;
}