/* - - - - - - - - - - - - - - - - - - - - -
2008 TopCoder Open Stylesheet

Author : oton (Arif Widianto)
Description : CSS file for 2008 TopCoder Open Website

Created : 2007-10-27 00:52 AM
Modified : 2007-11-15 19:22 PM

- - - - - - - - - - - - - - - - - - - - - */

/* ------------------
GENERAL RULES
------------------- */

/* General elements reset to reduce cross-browser bugs */
body, h1, h2, h3, h4, h5, h6, form, ul, ol, li, p, dl, dt, dd, img  { 
    margin:0; 
    padding:0; 
    border:none; 
}

body { 
    font-family: arial, helvetica, sans-serif; 
    font-size: 12px; 
    background: #000000; 
    color: #fff; 
}

/* ------------------
LAYOUT
------------------- */
#wrapper { width: 1000px; }

/* ------------------
HEADER
------------------- */

#header { 
    background: url(/i/tournament/tco08/bg_header.png) no-repeat; 
    height: 178px; 
}

#header h1 { 
    position: absolute; 
    top: 16px; 
    left: 755px; 
}

/* -- SWITCHER -- */

#switcher { list-style-type: none; }
#switcher li { position: absolute; }
#switcher a { 
    text-decoration: none; 
    display:block; 
    font-weight: bold; 
    font-size: 12px; 
    color: #fff; 
}

#switcher_tournament { 
    top: 21px; 
    left: 314px; 
}

#switcher_symposium { 
    top: 21px; 
    left: 477px; 
}

#switcher_tournament a { 
    width: 160px; 
    height: 37px; 
    background: url(/i/tournament/tco08/switch_tournament.png) no-repeat; 
}

#switcher_symposium a { 
    width: 210px; 
    height: 37px; 
    background: url(/i/tournament/tco08/switch_symposium.png) no-repeat; 
}

#switcher a.active, #switcher a:hover { background-position: 0 -37px; }

#switcher span { 
    display: block; 
    padding: 8px 0 0 45px; 
}

/* -- POWERED -- */

#powered { 
    position: absolute; 
    top: 23px; 
    left: 30px; 
}

/* -- NAV -- */

#nav { list-style-type: none; }
#nav a { 
    position: absolute; 
    text-decoration: none; 
    color: #a6999a; 
    padding-top: 54px; 
    font-size:11px; 
    font-weight: bold; 
    text-align: center; 
    display: block; 
    width: 86px; 
    height: 32px; 
}

#nav a:hover { 
    color: #fff; 
    background-position: 0 -86px; 
}

#nav a.on { 
    color: #FFF; 
    background-position: 0 -172px; 
}

#nav_overview a { 
    top: 63px; 
    left: 106px; 
    background: url(/i/tournament/tco08/menu_tournament.png) no-repeat; 
}

#nav_algo a { 
    top: 63px; 
    left: 237px; 
    background: url(/i/tournament/tco08/menu_algo.png) no-repeat; 
}

#nav_comp a { 
    top: 63px; 
    left: 370px; 
    background: url(/i/tournament/tco08/menu_component.png) no-repeat; 
}

#nav_mm a { 
    top: 63px; 
    left: 500px; 
    background: url(/i/tournament/tco08/menu_mm.png) no-repeat; 
}

#nav_studio a { 
    top: 63px; 
    left: 631px; 
    background: url(/i/tournament/tco08/menu_studio.png) no-repeat; 
}

/* ------------------
MAIN CONTENT
------------------- */

/* -- SIDEBAR -- */

#sidebar { 
    float: right; 
    margin-right: 35px; 
}

/* IE bugs fix */
html > body #sidebar { 
    float: right; 
    margin-right: 65px; 
}

#sponsors { 
    list-style-type: none; 
    margin: 0; 
    padding:0; 
}

#sponsors li { 
    display: block; 
    margin: 0 0 8px 0; 
    padding:0; 
}

#sponsors img { border: 1px solid #b7b3b3; }

#date { margin-bottom: 20px; }

#date h3 { 
    text-align: center; 
    font-size: 12px; 
}

#date h3 span { color: #ed1c24; }

/* -- SECONDARY & TERTIARY NAV MENU -- */

#menuwrap { 
    margin: 0 auto; 
    text-align: center; 
    height: 43px; 
    background: url(/i/tournament/tco08/bg_menu.png) no-repeat top left; 
    padding: 3px;
    width: 619px; 
}

#menunav2 {
    position: relative;
    float: left;
    margin-bottom: 3px;
    width: 619px; 
}

#menunav3 {
    position: relative;
    float: left;
    width: 619px; 
}
/* Kills the 2nd/3rd menu in IE6
#menu { position: relative; }
*/
#menu ul { 
    list-style-type:none; 
    margin:0; 
    padding:0; 
}

#menu ul li { 
    float:left; 
    position:relative; 
    display: inline; 
    margin:0; 
    padding:0; 
}

#menu ul li ul { 
    display: none; 
    position:absolute; 
    top: 21px; 
    left: 0; 
}

#menu a { 
    float: left; 
    display: block; 
    padding: 3px 10px; 
    margin: 0 1px 1px 0; 
    text-decoration: none; 
    background: #333; 
    color: #FFF; 
}

#menu li ul a { 
    display: block; 
    width: 101px; 
    margin: 0 0 1px 0; 
}

#menu li a.on, #menu li ul li a.on, #menu a:hover, #menu li ul li a:hover { 
    background: #ed1c24; 
}

#menu li ul a.on { background: #333; }

#menu li:hover ul, li.over ul { display: block !important; } 

/* ------------------
MAIN CONTENT
------------------- */

#mainmiddle { background: url(/i/tournament/tco08/bg_content_middle.png) repeat-y; }

#page_home #main { background: url(/i/tournament/tco08/bg_content_upper_front_home.png) no-repeat top left; }

#main { background: url(/i/tournament/tco08/bg_content_upper_front.png) no-repeat top left; }

#mainwrapper { background: url(/i/tournament/tco08/bg_content_lower.png) no-repeat bottom left; }

/* special case for main width */
#content { 
    min-height: 900px; 
    height: auto !important;
    height: 900px; }

#front_pic { margin-left: 91px; }

#content { 
    padding: 0 0 0 100px; 
    width: 615px; 
}

#content h2 { 
    color: #ed1c24; 
    font-size: 22px; 
    height: 40px; 
    margin-top: 18px; 
    background: url(/i/tournament/tco08/bg_title.png) no-repeat 0 28px; 
}

#content h3 { 
    padding-left: 10px; 
    color: #ed1c24; 
    font-size: 16px; 
    background: url(/i/tournament/tco08/bg_subtitle.png) no-repeat 0 50%; 
}

#content h4 {
    font-size: 14px;
}

#content p { padding: 0 0 1em; }

.sub_content { margin-left: 13px; }

.sub_content ul, .sub_content ol { margin: 0px 0px 10px 27px; }

a {
    text-decoration: none;
    color: #806666;
}

a:visited {
    text-decoration: none;
    color: #ac1414;
}

a:hover, a:active {
    text-decoration: underline;
    color: #FFF;
}

span.bigRed { color: #FF0000; 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-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;}

.small { font-size: 10px; }

p.grayedOut {
    color: #999999;
}

a.button:link, a.button:visited {
    background: #d2d2d2 url(/i/interface/buttonBg.png) top center repeat;
    color: #333333;
    border: 1px solid #999999;
    text-decoration: none;
}

a.button:hover, a.button:active {
    background: #6a6a6a url(/i/interface/buttonBg_on.png) top center repeat;
    color: #8da0ec;
    border: 1px solid #999999;
    text-decoration: none;
}

div.button {
    background: #EEEEEE url(/i/interface/buttonBg_off.png) top center repeat;
    color: #BBBBBB;
    border: 1px solid #CCCCCC;
}

#sample_table { width: 400px; }

#sample_handles { 
    width: 160px; 
    float: right; 
}

/* -- TABLE -- */

table { font-size: 12px; }

#content { border-collapse: collapse; }

#content table.stat th, #content table.stat td {  
    padding: 5px 10px; 
    border-bottom: 1px solid #000; 
}

#content table.stat th { 
    background: #ed1c24; 
    text-align: left; 
}

#content table.stat th a:link, #content table.stat th a:visited {
    color: #ffffff;
    text-decoration: underline;
}
#content table.stat th a:hover, #content table.stat th a:active { 
    color: #ff9900;
    text-decoration: none;
}

#content table.stat tr.dark td { 
    background: #0d0d0d; 
}

#content table.stat tr.light td { background: #2b292a; }

table.stat td.headerC { text-align: center; }

table.stat td.headerR { text-align: right; }

table.stat td.valueC, table.stat td.valueCE, table.stat td.valueCA { text-align: center; }

table.stat td.valueR, table.stat td.valueRE, table.stat td.valueRA { text-align: right; }

table.stat td.valueE, table.stat td.valueCE, table.stat td.valueRE {
    color: #FF0000;
    font-weight: bold;
}

table.stat td.valueA, table.stat td.valueCA, table.stat td.valueRA{
    color: #009900;
    font-weight: bold;
}

table.stat td.field {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}

table.stat a:link, table.stat a:visited { text-decoration: none; }

table.stat a:hover, table.stat a:active { text-decoration: underline; }

a.button, div.button {
    display:block;
    padding: 3px 6px 3px 6px;
    margin: 0px;
    font-size:11px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
}

/* -- HANDLE -- */

.handle_01 { font-weight: bold; color: #FF9900; }
.handle_02 { font-weight: bold; color: #EE0000; }
.handle_03 { font-weight: bold; color: #DDCC00; }
.handle_04 { font-weight: bold; color: #6666FF; }
.handle_05 { font-weight: bold; color: #00A900; }
.handle_06 { font-weight: bold; color: #999999; }
.handle_07 { font-weight: bold; color: #FFFFFF; }

/* ------------------
FOOTER
------------------- */

#footer { 
    height: 80px; 
    padding: 120px 0 0 0; 
    background: url(/i/tournament/tco08/bg_footer.png) no-repeat top left; 
    text-align: center; 
    font-size: 12px; 
}

#footer a { 
    text-decoration: none; 
    color: #FFF; 
    font-weight: bold; 
}

#footer a:hover { color: #ff0000; }

#copyright { 
    margin-top: 1em; 
    font-size: 11px;
    color: #ccc;
}

/* ------------------
MISC
------------------- */

.clear { clear: both; }
.clearleft { clear: left; }