@import 'reset.css';
@import 'rss.css';
html { background: #ddecf3 url(../images/bg.png) repeat-x; }
body { color: #5e5e5e; font-size: 12px; font-family: Arial; width: 1000px; margin: 0 auto; border-left: 1px #83d9ff solid; border-right: 1px #83d9ff solid; }
a { color: #166586; }
a:hover, a.active { color: #514134; }
#header { position: relative; height: 312px; background: url(../images/header.jpg) no-repeat top right; margin: 0 0 10px 0; }
    #banner-small, #banner-h { overflow: hidden; position: absolute; text-align: center; }
    #banner-small { width: 468px; height: 60px; right: 25px; top: 9px; background: #000; }
    #banner-h { width: 761px; height: 106px; right: 17px; top: 150px; background: url(../images/banner-h.png) no-repeat top right; padding: 0 11px 0 0; }
    .menu { position: absolute; bottom: 0; right: 0; overflow: hidden; background: url(../images/menu-left.png) no-repeat; padding: 0 0 0 8px; }
    .menu ol { display: block; overflow: hidden; width: 763px; background: url(../images/menu.png) repeat-x; padding: 0 0 0 16px; }
    .menu li { float: left; margin: 7px 5px 0 0; height: 43px; font-size: 16px; text-align: center; }
    .menu li.bonus { width: 121px; background: url(../images/bonus.jpg) no-repeat; margin: 0; }
    .menu li.bonus a { background: none; line-height: 50px; padding: 0; color: #fff; }
    .menu li a, .menu li b { line-height: 38px; height: 43px; display: block; background-position: 0 43px; color: #77a025; font-weight: bold; cursor: pointer; }
    .menu a { background: url(../images/menu-l.png) no-repeat; padding: 0 0 0 12px; position: relative; }
    .menu b { backgrounds: url(../images/menu-r.png) no-repeat; padding: 0 11px 0 0; }
    .menu span { position: absolute; left: 11px; top: -1px; color: #fff; }
    .menu li a:hover, .menu li a.active { color: #cbeff4; background-position: 0 0; }
    .menu li a:hover b, .menu li a.active b { background-position: top right; }
    #header .logo { display: block; width: 275px; height: 71px; position: absolute; left: 0; top: 11px; overflow: hidden; text-indent: -999em; background: url(../images/logo.png) no-repeat; }
    #header fieldset { top: 117px; width: 302px; right: 0; position: absolute; display: block; }
    #header fieldset * { float: left; background: none; border: none; }
    #header label { color: #166586; font-weight: bold; width: 84px; padding: 4px 0 0 0; }
    #header label + input { margin: 3px 10px 0 0; width: 148px; }
    #header label + input + input { width: 26px; height: 26px; cursor: pointer; }
    #top-left { position: absolute; top: 93px; left: 13px; width: 198px; }
    #tv > div { height: 145px; position: relative; }
    #types table, #tv ol { margin: 0 -8px 8px -8px; width: 185px; }
    #types td { font-weight: bold; color: #166586; padding: 0 3px; text-align: center; height: 21px; }
    #types td:first-child { padding: 0 0 0 7px; text-align: left; }
    #types td:last-child { color: #3f6700; padding: 0 7px 0 0; text-align: right; }
    #types td a { font-weight: normal; display: block; height: 21px; overflow: hidden; line-height: 21px; white-space: nowrap; width: 110px; }
    #types .odd, #tv .odd { background: #fff url(../images/type.gif) no-repeat; }
    #tv li { text-align: left; height: 21px; line-height: 21px; padding: 0 0 0 7px; }
    #tv ol + a { bottom: 8px; position: absolute; }
#content { overflow: hidden; }
.panel h2 { top: 0; } /* IE */
#side-left { width: 198px; float: left; margin: 0 10px 0 13px; }
    #side-left .panel { margin: 0 0 8px 0; background: #ebf3d4 url(../images/panel-body.gif) repeat-y; overflow: hidden; }
    #side-left .panel > h2 { height: 36px; line-height: 36px; background: url(../images/panel-top.png) no-repeat; font-size: 14px; font-weight: bold; color: #fff; padding: 0 0 0 14px; }
    #side-left .panel > h2 + div { background: url(../images/panel-bottom.gif) no-repeat bottom left; padding: 16px; }
    #side-left ol { margin: -11px -15px -10px -15px; border-top: 1px #badb5f solid; }
    #side-left ol li a { padding: 0 0 0 20px; height: 29px; line-height: 29px; display: block; border-top: 1px #fff solid; border-bottom: 1px #badb5f solid; background: url(../images/navigation.gif) repeat-x; color: #3b6e0e; }
    #side-left ol li:last-child a { border-bottom: none; }
    #side-left ol li a:hover { background-position: left bottom; color: #fff; }
    .partners { text-align: center; }
    .bet { display: block; text-align: center; }
#side-center { width: 554px; float: left; }
    #side-center .panel { background: url(../images/table.gif) repeat-y; position: relative; margin: 29px 0 10px 0; float: left; width: 554px; }
    #side-center .panel > h2 { float: left; position: absolute; top: -29px; height: 37px; line-height: 30px; background: url(../images/table-t.gif) repeat-x; }
    #side-center .panel > h2 b { display: block; height: 37px; background: url(../images/table-tl.gif) no-repeat; padding: 0 0 0 18px; }
    #side-center .panel > h2 b b { background: url(../images/table-tr.gif) no-repeat top right; padding: 0 20px 0 0; }
    #side-center .panel > div { clear: both; background: url(../images/table-top.png) no-repeat; padding: 14px 16px; overflow: hidden; }
    #side-center .panel > div + div { padding: 0; background: url(../images/table-bottom.png) no-repeat; position: absolute; bottom: 0; left: 0; height: 9px; width: 100%; }
    #side-center .no-top { margin: -29px 0 35px 0; background-image: url(../images/table-no-top.gif); }
    #side-center ul, #side-center ul li { overflow: hidden; text-align: center; width: 522px; }
    #side-center ul li { margin: 0 0 20px 0; }
    #side-center ul span { display: block; margin: 5px 0 0 0; }
    #side-center h3 { padding: 0 0 10px 0; }
    #side-center h1 { position: absolute; top: -20px; right: 200px; font-size: 12px; color:#166586; }
    .list ol { overflow: hidden; margin: -12px -14px -14px -14px; display: block; }
    .list li { height: 71px; float: left; width: 260px; padding: 8px 0 0 15px; border-bottom: 1px #cbd6dc solid; }
    .list .ex { background: #e8f3fa; }
    .list img { width: 60px; height: 60px; float: left; border: 1px #fff solid; margin: -8px 8px 0 0; }
    .list a { font-weight: bold; display: block; width: 250px; float: left; overflow: hidden; padding: 8px 0 0 0; }
    .list a strong { overflow: hidden; display: block; height: 15px; padding: 0; }
    .list a span { padding: 2px 0 0 0; color: #5e5e5e; font-weight: normal; display: block; }
    .list em { font-style: normal; display: block; height: 15px; overflow: hidden; }
#side-right { width: 198px; float: right; margin: 0 17px 0 0; }
    #side-right .panel, #tv { margin: 0 0 8px 0; background: #caecfd; border-left: 1px #83d9ff solid; border-right: 1px #83d9ff solid; }
    #side-right .panel > div > h2, #tv > div > h2 { height: 36px; line-height: 36px; background: url(../images/panel-r-top.png) no-repeat; font-weight: bold; color: #166586; padding: 0 0 0 14px; margin: -15px -16px 0 -15px; }
    #side-right .panel > div, #tv > div { overflow: hidden; background: url(../images/panel-r-bottom.png) no-repeat bottom left; padding: 15px; margin: 0 -1px; }
    #tv ol a { white-space: nowrap; overflow: hidden; width: 170px; display: block; }
    .bonus100 { display: block; height: 36px; width: 199px; background: url(../images/100.png) no-repeat; overflow: hidden; text-indent: -999em; margin: 0 0 8px 0; }
#footer { background: url(../images/footer.gif) repeat-x; height: 59px; line-height: 59px; clear: both; margin: 5px 17px 0 13px; color: #166586; padding: 0 0 82px 0; }
    #footer p { float: right; height: 59px; line-height: 59px; display: block; background: url(../images/footer-r.png) no-repeat top right; padding: 0 30px; }
    #footer p:first-child { float: left; background: url(../images/footer-l.png) no-repeat; }
    #footer a { color: #166586; font-weight: bold; }
.pagenav { color: #166586; text-align: center; font-weight: bold; }
.pagenav a, .pagenav span { margin: 0 1px; }
.pagenav a, .pagenav span, .pagenav b { padding: 0 0 0 5px; height: 19px; line-height: 19px; background: url(../images/nav-left.gif) no-repeat; display: inline-block; }
.pagenav b { padding: 0 5px 0 0; background: url(../images/nav-right.gif) no-repeat top right; }
#float { position: fixed; bottom: 0; left: 0; width: 100%; }
    #float iframe { width: 1000px; }
    #float div { margin: 0 auto; width: 1000px; border: none; position: relative; }
    #float img { position: absolute; right: 0; top: 0; cursor: pointer; }