@import url(fix.css);

body { background: #000; font: normal 12px Arial; }
a { color: #fff; }
a:hover { text-decoration: none; }

#construct { width: 1000px; margin: 0 auto; }
.clear { clear: both; }

#top { background: url(../gfx/top.png) no-repeat;/* height: 268px; */ height: 284px; position: relative; }
#top #logo { display: block; width: 500px; height: 230px; position: absolute; }
#top #logo span { display: none; }

#top #menu_bar { width: 780px; position: absolute; top: 110px; left: 220px; }
#top #menu_bar #menu { list-style-type: none; padding: 0; }
#top #menu_bar #menu li { float: left; }
#top #menu_bar #menu li a { display: block; width: auto; margin: 0 2px 0 0; background: url(../gfx/menu.png) no-repeat top left; text-decoration: none; height: 32px; border-bottom: 1px solid #000; }
#top #menu_bar #menu li a span { display: block; background: url(../gfx/menu_r.png) no-repeat top right; color: #a29f9f; font: bold 13px Arial; text-transform: uppercase; padding: 7px 15px 0 15px; }
#top #menu_bar #menu li.special a { background-image: url(../gfx/menu_gold.png); color: #fff; }
#top #menu_bar #menu li.special2 a { background-image: url(../gfx/menu_red.png); color: #fff; }
#top #menu_bar #menu li.special a span { background-image: url(../gfx/menu_gold_r.png); color: #fff; }
#top #menu_bar #menu li.special2 a span { background-image: url(../gfx/menu_red_r.png); color: #fff; }
#top #menu_bar #menu li.active a, #top #menu_bar #menu li a:hover { border-color: #212121; }
#top #menu_bar #menu li.active a span, #top #menu_bar #menu li a:hover span { color: #ebe6e6; }
#top #menu_bar #submenu { clear: both; background: url(../gfx/submenu.png) left top no-repeat; }
#top #menu_bar #submenu #submenu_wrap { background: url(../gfx/submenu_r.png) right top no-repeat; height: 32px; padding: 7px 0 0 7px; }
#top #menu_bar #submenu .submenu { display: none; }
#top #menu_bar #submenu .submenu li { float: left; margin: 0 7px; }
#top #menu_bar #submenu .submenu li a { color: #fff; font: normal 12px Arial; text-decoration: none; background: url(../gfx/submenu_bull.png) no-repeat left center; padding-left: 8px; }
#top #menu_bar #submenu .submenu li a:hover { text-decoration: underline; }
#top #top_ad { position: absolute; top: 38px; right: 0; }
#top #top_tools { position: absolute; top: 0; right: 0; padding: 7px 10px; background: #111; border: 1px solid #222; border-top: 0; }
#top #top_tools, #top #top_tools a { color: #747474; text-decoration: none; margin: 0 5px; }
#top #top_tools a:hover, #top #top_tools strong { color: #fff; }
#top #top_tools #tools_register { font-weight: bold; border-right: 1px solid #303030; padding-right: 10px; }
#top #top_box { position: absolute; top: 185px; left: 216px; }
#top #top_box .box { border: 1px solid #222; background: #111; padding: 5px; color: #fff; width: 244px; margin-left: 5px; float: left; }
#top #top_box .box .head { display: block; background: url(../gfx/top_box.png) repeat-x; height: 34px; margin: -5px -5px 5px -5px; font-weight: bold; padding: 3px 0 0 5px; }

#typerline { position: relative; }
#typerline .link { display: block; position: absolute; top: 0; right: 305px; width: 295px; height: 180px; z-index: 101; }
#typerline .link span { display: none; }
#typerline .wrap { float: left; clear: none !important; margin-left: 10px; overflow: visible !important; }
#typerline .wrap_start { margin-left: 0; }
#typerline .wrap_info .body { height: 110px; }
#typerline .wrap_ticket .body { height: 100px; }
#typerline .wrap_info { width: 190px; }
#typerline .wrap_ticket, #typerline .wrap_banner { width: 295px; position: relative; }
#typerline .wrap_ticket .body { padding: 10px 0 30px 0; }
#typerline .wrap_ticket div.win { position: absolute; z-index: 10; bottom: -5px; right: -5px; font: bold 13px Arial; letter-spacing: -1px; color: #fff; width: 39px; height: 28px; text-align: center; padding-top: 11px; background: url(../gfx/typer_wincloud.png) }
#typerline .wrap_ticket table { width: 100%; border-collapse: collapsed; }
#typerline .wrap_ticket table td { padding: 2px; }
#typerline .wrap_ticket table .odd { background: #161616; }
#typerline .wrap_ticket table .teams { padding-left: 15px; }
#typerline .wrap_ticket table .teams div { width: 195px; height: 15px; overflow: hidden; }
#typerline .wrap_ticket table .bet { width: 20px; text-align: center; }
#typerline .wrap_ticket table .rate { width: 40px; text-align: right; padding-right: 15px; }
#typerline .wrap_ticket p { font-weight: bold; color: #fff; }
#typerline .wrap_ticket p.rate { position: absolute; bottom: 9px; left: 15px; }
#typerline .wrap_ticket p.win { position: absolute; bottom: 9px; right: 40px; }

#login, #login fieldset { margin: 0; padding: 0; border: 0; }
#login { background: #111; border: 1px solid #222; }
#login fieldset { padding: 8px; }
#login .row { clear: both; padding-bottom: 5px; }
#login .row label { width: 40px; float: left; color: #fff; text-align: right; padding: 4px 5px 0 0; }
#login .row input { width: 100px; border: 1px solid #252525; background: #0d0d0d; padding: 3px; color: #aaa; }
#login .row_mini { color: #aaa; text-align: right; margin: 3px 0; }
#login .row_mini input { margin-left: 5px; }
#login ul { padding: 0 5px 5px 0; }
#login ul li { padding: 2px 0; text-align: right; font-weight: bold; }
#login ul li, #login ul li a { color: #747474; text-decoration: none; }
#login ul li a:hover { color: #fff; }

.role { margin: 10px 0; }
.role .head { background: url(../gfx/role.png) left top no-repeat; }
.role .head h1 { font: bold 14px Arial; color: #fff; background: url(../gfx/role_r.png) right top no-repeat; height: 27px; padding: 10px 0 0 10px; }
.role ul { border: 1px solid #222; }
.role ul li { color: #fff; padding: 6px 10px; }
.role ul li.odd { background: #111; }
.role ul li span { display: block; }
.role ul li h2 { margin-bottom: 4px; }
.role .place a { color: #b79353; text-decoration: none; }
.role .place a:hover { text-decoration: underline; }
.role li .info, .role .more { float: right; position: relative; color: #555; padding-left: 0; }
.role .more_fr { color: #fff; font-weight: bold; }

#comment textarea { display: block; width: 505px; height: 80px; border: 1px solid #222; background: #0d0d0d; color: #fff; }

.more { padding: 0 15px; background: url(../gfx/more.png) no-repeat right center; }
.submit_mini { float: right; background: url(../gfx/submit_login.png) no-repeat; border: 0; color: #fff; font: bold 12px Arial; text-align: center; padding: 1px 0 0 0; width: 55px; height: 20px; }

.column { float: left; }
.column-a { width: 542px; margin-right: 10px; }
.column-b { width: 266px; margin-right: 10px; }
.column-c { width: 172px; }
.column-d { width: 266px; margin-right: 10px; height: 220px; }

.entry { clear: both; margin-bottom: 10px; position: relative; }
.entry .head, .entry .head a { color: #fff; text-decoration: none; font: bold 17px Arial; }
.entry .head a:hover { text-decoration: underline; }
.entry .head .bet_status  { margin-left: 10px; vertical-align: middle; }
.entry .head { background: url(../gfx/box.png) left top no-repeat; }
.entry .head span { display: block; background: url(../gfx/box_r.png) right top no-repeat; height: 30px; padding: 10px 0 0 15px; }
.entry .body { background: #111; border: 1px solid #222; border-top: 0; padding: 15px; color: #fff; }
.entry .body_news .avatar { border: 1px solid #252525; padding: 1px; float: left; margin: 0 15px 5px 0; position: relative; }
.entry .body_news .info { margin: -5px 0 25px 0; }
.entry .body_news .info, .entry .body_news .info a { color: #484747; }
.entry .body_news .info span { width: 50%; float: left; position: relative; }
.entry .body_news .info .r { text-align: right; }

.entry .body_news .news_bet { width: 100%; border-spacing: 0; border-collapse: collapsed; }
.entry .body_news .news_bet td { padding: 3px 5px; font-weight: bold; text-align: center; }
.entry .body_news .news_bet .odd { background: #222; }
.entry .body_news .news_bet .param { text-align: right; font-weight: normal; }
.entry .body_news .news_bet .stat { width: 150px; }

.entry .body_comment .comment { border-bottom: 1px dotted #222; padding: 10px 0; }
.entry .body_comment .comment .avatar { padding: 1px; float: left; position: relative; width: 32px; height: 32px; margin: -7px 5px 0 0; border: 1px solid #222; }
.entry .body_comment .comment span, .entry .body_comment .comment span a { color: #444; }
.entry .body_comment .comment span { display: block; font: normal 10px Arial; padding: 3px 10px; margin-bottom: 10px; border-bottom: 1px solid #222; background: #1a1a1a; }
.entry .body_comment .comment p { border-left: 4px solid #222; padding: 0 0 0 5px; }

.entry .body_news_archive ul { list-style: square inside; margin: 0 -15px 10px -15px; }
.entry .body_news_archive ul li { padding: 3px 30px; }
.entry .body_news_archive ul li.odd { background: #000; }
.entry .body_news_archive a { text-decoration: none; }

.entry .body_menu { padding: 0; }
.entry .body_menu .item { display: block; color: #ffffff; font-weight: normal; text-decoration: none; height: 22px; padding: 8px 0 0 10px; background: url(../gfx/shade.jpg) repeat-x; }
.entry .body_menu .item:hover, .entry .body_menu_categories ul a:hover { color: #fff; text-decoration: underline; }
.entry .body_menu ul, .entry .body_menu .item { border-top: 1px solid #242424; }
.entry .body_menu ul { padding: 5px 0; list-style-type: square; list-style-position: inside; }
.entry .body_menu ul li { padding: 3px 10px; }
.entry .body_menu_categories_flags a { text-decoration: none !important; }
.entry .body_menu_categories_flags h3 a img { width: 16px; height: 11px; border: 0px; margin: 0 7px 3px 5px; vertical-align: middle; }
.entry .body_menu_categories ul li { font: normal 11px Arial; }
.entry .body_menu ul li.odd { background: #161616; }
.entry .body_menu ul li em { color: #666; font-style: normal; margin-left: 4px; }
.entry .body_menu ul, .entry .body_menu ul a { color: #cbcbcb; text-decoration: none; }
.entry .body_menu_categories .item, .entry .body_menu_panel ul a,
.entry .body_menu ul li.active a, .entry .body_menu ul li.active { color: #b79353; }
.entry .body_menu_panel ul a:hover { color: #fff; }

.entry .body_bets { padding-top: 0; }
.entry .body_bets h4 { height: 22px; padding: 8px 0 0 10px; margin: 0 -15px; background: url(../gfx/shade.jpg) repeat-x; border: 1px solid #242424; border-left: 0; border-right: 0; }
.entry .body_bets h2 { color: #b79353; font-weight: normal; margin: 10px 0; }
.entry .body_bets .bets { background: #0d0d0d; padding: 3px 15px; margin: 0 -15px 10px -15px; }
.entry .body_bets table { width: 100%; border-collapse: separated; border-spacing: 2px; }
.entry .body_bets a { border: 1px solid #252525; padding: 3px; display: block; text-decoration: none; }
.entry .body_bets a:hover, .entry .body_bets a.hover, .entry .body_bets_popular .majority { background: #171717; color: #b69552; }
.entry .body_bets .team { width: 200px; }
.entry .body_bets .team_2 { width: 170px !important; }
.entry .body_bets .summarize { text-align: right; color: #b69552; font-weight: bold; }
.entry .body_bets em { float: right; font-style: normal; padding-right: 3px; }
.entry .body_bets_popular td, .entry .body_bets_popular td a { color: #C5C5C5; }
.entry .body_bets_popular .majority { color: #b69552; }
.entry .body_bets .x { width: 50px; }
.entry .body_bets .none { display: block; text-align: center; color: #777; }

.body_shout { padding: 0 !important; /*border-top: 1px solid #222 !important;*/ }
.body_shout iframe { width: 100%; height: 240px; border: 0; }
.body_shout form, .body_shout form fieldset { padding: 0; margin: 0; border: 0; }
.body_shout #shoutbox_submit { width: 1px; height: 0px; border: 0; }
.body_shout #shoutbox_message, .body_shout p { background: transparent; margin: 0 -1px -1px -1px; width: 206px; border: 2px solid #555; font: normal 11px Tahoma; color: #ccc; padding: 4px 2px 3px 2px; }
.body_shout p { text-align: center; }
.column-b .body_shout #shoutbox_message, .column-b .body_shout p { width: 258px; }

.wrap { clear: both; overflow: hidden; margin-bottom: 10px; position: relative; }
.wrap .head, .wrap .body { border: 1px solid #222; }
.wrap .head, .wrap .head a { color: #fff; text-decoration: none; font: bold 12px Arial; }
.wrap .head { background: url(../gfx/wrap.png) left top repeat-x; height: 25px; padding: 12px 0 0 15px; height: 25px; overflow: hidden; }
.wrap .body { background: #111; border-top: 0; padding: 15px; color: #fff; }
.wrap .body_promo .avatar, .entry .body_promo .avatar { float: left; margin: 0 5px 0px 0; position: relative; }
.wrap .body_poll h3 { display: block; margin-bottom: 10px; }
.wrap .body_poll .row, .wrap .body_poll .row label { margin-top: 3px; }
.wrap .body_poll .row strong, .wrap .body_poll .row label { display: block; }
.wrap .body_poll .row .line { float: left; position: relative; background: url(../gfx/poll.png) top left no-repeat; margin-right: 10px; }
.wrap .body_poll .row .line div { background: url(../gfx/poll_r.png) top right no-repeat; height: 20px; }
.wrap .body_poll .row label input { vertical-align: middle; margin-right: 10px; }
.wrap .body_poll .submit_mini { display: block; margin: 10px auto; float: none; }

.entry .body_news, .entry .body, .wrap .body { color: #c5c5c5; }

#shoutbox { padding: 5px; }
#shoutbox #shoutbox_frame { margin-bottom: 5px; width: 252px; height: 200px; border: 0; }
#shoutbox #shoutbox_message, #shoutbox p { border: 2px solid #222; background: #0d0d0d; display: block; width: 250px; color: #555; }
#shoutbox p { font-size: 10px; text-align: center; }
#shoutbox #shoutbox_submit { width: 1px; height: 0px; border: 0; }
#shoutbox form, #shoutbox fieldset { border: 0; padding: 0; margin: 0; }

#foot { background: url(../gfx/foot.png) no-repeat top left; margin: 10px 0 20px 0; }
#foot_wrap { background: url(../gfx/foot_r.png) no-repeat top right; height: 33px; padding: 15px 30px 0 30px; color: #fff; }
#foot #creation { float: right; }
#foot #creation a { font-weight: bold; text-decoration: none; color: #b79353; }

#underfooter { margin: 0 0 0 0; height: 25px; }
#underfooter li { float: left; border-right: 1px dotted #111; color: #333; }
#underfooter li.in { padding: 0px 10px; }
#underfooter li a { color: #555; text-decoration: none; padding: 3px 10px; }
#underfooter li a:hover { color: #fff; background: #111; }

#infotext { color: #333; margin: 10px 0 50px 0; }
#infotext a { color: #555; }

#shareit p { font: bold 10px Arial; margin: 3px 0; }
#shareit .input { display: block; padding: 0 3px; background: #111; border: 1px solid #222; color: #999; }
#shareit #field-code { width: 100%; }
#shareit #shareit-customize input, #shareit #shareit-customize select { width: 100px; }
#shareit #shareit-customize .node { padding: 10px 0; clear: both; }
#shareit #shareit-customize .node label { display: block; float: left; width: 150px; text-align: right; font-weight: bold; padding: 0 10px 0 0; }
#shareit #shareit-customize .node input, #shareit #shareit-customize .node select { display: block; float: left; }

.pagination { margin: 10px 0; }
.pager, .pager_active, .pager_dot { float: left; display: block; padding: 3px; margin: 2px; text-decoration: none !important; font: normal 11px Tahoma; }
.pager { background-color: #111; border: 1px solid #222; color: #666; }
.pager:hover { background-color: #333; border: 1px solid #444; color: #666; }
.pager_active { background-color: #111; border: 1px solid #555; color: #666; }
.pager_dot { color: #555; }

.body_fullranking table { width: 100%; border-collapse: separate; border-spacing: 1px; margin: 10px 0; }
.body_fullranking table td, .body_fullranking table th { padding: 3px; }
.body_fullranking table .odd td { background: #191919; }
.body_fullranking table th { background: #222; text-align: center; }
.body_fullranking table th.count, .body_fullranking table td.count { width: 50px; }
.body_fullranking table th.count { font-size: 9px; }
.body_fullranking table td.position { width: 30px; text-align: right; }
.body_fullranking table td.points { width: 40px; text-align: center; }
.body_fullranking table td.count { text-align: center; }