@import url(fix.css);

body { background: #d4d4d4 url(../gfx/top_bg.jpg) repeat-x; font: normal 11px Tahoma; }
a { color: #0E98A5; }

#construct { width: 970px; margin: 0 auto; }
.clear, .clearfix { clear: both; }

#top { position: relative; }
#top #logo { width: 973px; height: 103px; background: url(../gfx/top_logo.jpg); display: block; margin-left: -3px; }
#top #logo span { display: none; }
#top form { display: block; color: #fff; }
#top form fieldset { border: 0; }
#top form label, #top form div { float: left; }
#top form label { margin: 5px 4px 5px 10px; }
#top form div, #top form div input { height: 23px; }
#top form div { background: url(../gfx/bar.gif) repeat-x top left; }
#top form div input { background: transparent  url(../gfx/bar_r.gif) no-repeat top right; border: 0; width: 100px; padding: 5px 4px; font: normal 11px Tahoma; color: #fff; }
#top #login { position: absolute; top: 0; right: 0; color: #fff; }
#top #login a { color: #fff; }
#top div#login { padding: 12px 10px; width: 370px; }
#top form#login { width: 390px; }
#top form#login input.submit { background: url(../gfx/top_login_submit.jpg); border: 0; width: 21px; height: 21px; margin: 1px 0 0 10px; }
#top form#login fieldset { padding-left: 40px; margin-top: 5px; }
#top form#login ul { float: right; width: 190px; height: 23px; margin: -1px 1px 0 0; background: #00B4C5; }
#top form#login ul li { float: left; padding: 3px 10px; }
#top form#login ul li a { text-decoration: none; color: #fff; }
#top form#cse-search-box { width: 280px; float: right; padding: 15px 0; }
#top form#cse-search-box div input { width: 150px; }
#top form#cse-search-box input.submit { background: url(../gfx/top_search_submit.jpg); border: 0; width: 21px; height: 21px; margin: 1px 0 0 10px; }

#top ul#menu { display: block; width: 700px; padding-top: 4px; height: 62px; }
#top ul#menu li { float: left; width: auto; padding: 12px 10px 12px 10px; font: bold 12px Tahoma; background: url(../gfx/top_menu_sep.jpg) no-repeat center right; }
#top ul#menu li a { display: block; color: #fff; text-decoration: none; }
#top ul#menu li a span { display: block; padding: 8px 5px; }
#top ul#menu li a:hover, #top ul#menu li.active a { background: url(../gfx/top_menu_active.jpg) center left; }
#top ul#menu li a:hover span, #top ul#menu li.active a span { background: url(../gfx/top_menu_active_r.jpg) no-repeat center right; }

#top #submenu, #top #submenu ul { display: block; width: 100%; height: 25px; }
#top #submenu ul { display: none; }
#top #submenu ul li { float: left; width: auto; padding: 2px 8px; }
#top #submenu ul li a { padding: 0 0 2px 10px; background: url(../gfx/top_submenu.jpg) no-repeat center left; color: #fff; text-decoration: none; }
#top #submenu ul li a:hover { text-decoration: underline; }

#foot { background: url(../gfx/foot.jpg) repeat-x; height: 41px; padding: 20px 20px 0 20px; }
#foot div, #foot div p { height: 23px; }
#foot div, #foot div a { color: #fff; }
#foot div { background: url(../gfx/bar.gif) repeat-x top left; color: #fff; }
#foot div p { display: block; background: transparent  url(../gfx/bar_r.gif) no-repeat top right; padding: 5px 10px; }
#foot #copyrights { float: left; width: 330px; }
#foot #sign { float: right; width: 120px; color: #bdf7fd; }
#foot #sign a { text-decoration: none; font-weight: bold; }

/**
 * utils
 */
#content { padding: 0 10px 10px 10px; background: #fff; }
#content #page, #content #sidebar { float: left; }
#content #page { width: 600px; margin-right: 10px; padding-top: 10px; }
#content #page .item { width: 270px; float: left; padding: 10px 15px; }
#content #page .item-a { background: #ffffff; }
#content #page .item-b { background: #e5eded; }
#content #page .item h1 { margin-bottom: 10px; letter-spacing: normal; }
#content #page .item h1 a { color: #000; text-decoration: none; font: bold 12px Tahoma; }
#content #page .item p { background: url(../gfx/item_line.gif) repeat-x bottom left; padding: 10px 0; margin-bottom: 5px; }
#content #page .item p a { text-decoration: none; color: #000; }
#content #page .item p a .more { color: #00bfd3; margin-left: 5px; }
#content #page .item div { width: 132px; float: left; }
#content #page .item .comm { text-align: right; }
#content #page .item .comm a { font-weight: bold; color: #000; text-decoration: none; }
#content #page .item .time a, #content #newslist li a { color: #666; text-decoration: none; }
.moreblock { display: block; font-weight: bold; color: #0e98a5; background: url(../gfx/more.gif) no-repeat center left; padding-left: 10px; float: right; text-decoration: none; margin: 10px 0; }

#content #page .content_large p { margin: 10px 0; }
#content #page .content_large ol { list-style-type: decimal; padding-left: 20px; }
#content #page .content_large ul { list-style-type: disc; padding-left: 20px; }

#content #sidebar { width: 330px; }
#content #sidebar .box { padding: 10px 0; border: 1px solid #cccccc; border-top: none; border-bottom: none; }
#content #sidebar .foot { clear: both; background: url(../gfx/sidebar_foot.gif); height: 7px; }
#content #sidebar .foot-end { border-bottom: 3px solid #d9f1f3; }
#content #sidebar .head, #content .box .head { padding: 9px; height: 21px; }
#content #sidebar .head { background: url(../gfx/sidebar_head.jpg) no-repeat center right; border-top: 13px solid #d9f1f3; }
#content .box .head { background: url(../gfx/content_head.jpg) repeat-x; }
#content #sidebar .head h2, #content #sidebar .head a,
#content .box .head h2, #content .box .head a { width: auto; color: #fff; font-weight: bold; text-decoration: none; }
#content #sidebar .head h2, #content #sidebar .head .tab span,
#content .box .head h2, #content .box .head .tab span { padding: 5px; }
#content #sidebar .head .tab, #content .box .head .tab { cursor: pointer; margin-right: 10px; display: block; height: 23px; float: left; }
#content #sidebar .head .tab span, #content .box .head .tab  span { display: block; height: 13px; }
#content .box .head .tab_active, #content .box .head .tab:hover,
#content #sidebar .head .tab_active, #content #sidebar .head .tab:hover { background: url(../gfx/sidebar_tab.jpg) no-repeat top left; }
#content .box .head .tab_active span, #content .box .head .tab:hover span,
#content #sidebar .head .tab_active span, #content #sidebar .head .tab:hover span { background: url(../gfx/sidebar_tab_r.jpg) no-repeat top right; }

#content .bar { background: url(../gfx/sidebar_head_full.jpg) repeat-x center left; padding: 9px; height: 21px; }
#content .bar h2, #content .bar a { color: #fff; font-weight: bold; text-decoration: none; padding: 5px; }

#content #newslist { clear: both; padding-top: 20px; }
#content #newslist li { background: url(../gfx/item_line.gif) repeat-x bottom left; padding: 7px; color: #616161; }
#content #newslist li.a, #content .box .body ul li.a { background-color: #ebf1f2; }
#content #newslist li .title, #content .box .body ul li .title { padding-left: 7px; background: url(../gfx/item_bull.gif) no-repeat center left; }
#content #newslist li .title, #content #newslist li .title a,
#content .box .body ul li .title, #content .box .body ul li .title a { font-weight: bold; color: #000; text-decoration: none; }

#content .box .head { margin-top: 20px; }
#content .box .body { border: 1px solid #cccccc; border-top: none; border-bottom: none; padding: 10px; margin-top: -1px; }
#content .box .foot { background: url(../gfx/content_foot.gif); height: 4px; }
#content .box .body ul { width: 280px; float: left; }
#content .box .body ul.a { background: url(../gfx/content_sep.gif) repeat-y top right; margin-right: 10px; }
#content .box .body ul li { padding: 5px; color: #616161; }

#content .info { background: url(../gfx/content_sep2.gif) repeat-x bottom left; padding: 5px 0; margin: 0 0 10px 0; color: #999; }
#content .source { color: #999; }

.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: #333; border: 1px solid #444; color: #666; }
.pager:hover { background-color: #444; border: 1px solid #666; color: #666; }
.pager_active { background-color: #222; border: 1px solid #333; color: #444; }
.pager_dot { color: #555; }

#ofday { margin-bottom: 10px; }
#ofday a { position: relative; height: 300px; width: 598px; display: block; border: 1px solid #000; text-decoration: none; }
#ofday img { position: absolute; display: block; border: 0; }
#ofday span { position: absolute; display: block; width: 578px; bottom: 0; padding: 10px; border-top: 1px solid #000; color: #fff; background: url(../gfx/offday_desc.png); }
#ofday span h2 { font-size: 20px; margin: 0; font-weight: normal; }

#shoutbox iframe, #shoutbox #shoutbox_message, #shoutbox p { width: 323px; }
#shoutbox iframe { display: block; height: 150px; border: 1px solid #eaeaea; }
#shoutbox form fieldset { border: 0; padding: 0; }
#shoutbox #shoutbox_message, #shoutbox p { margin: 0; border: 2px solid #999; display: block; }
#shoutbox #shoutbox_submit { width: 0px; height: 0px; border: 0px; }
#shoutbox p { text-align: center; padding: 3px 0; color: #555; }

#poll label, #poll h3 { display: block; margin: 5px 30px; }
#poll h3 { margin-bottom: 20px; }
#poll label input { vertical-align: middle; margin-right: 5px; }
#poll .submit { display: block; margin: 10px auto; }

#pollresult { padding: 10px 20px; }
#pollresult h3 { margin: 0 0 20px 0; }
#pollresult .row { margin: 5px 0; }
#pollresult .row span { display: block; font: bold 12 Arial; margin-bottom: 5px; }
#pollresult .row .bar { background: url(../gfx/pollbar.jpg) repeat-x; height: 20px; position: relative; }
#pollresult .row .bar div { background: url(../gfx/pollbar_r.jpg) no-repeat;  height: 20px; position: absolute; right: -110px; width: 100px; text-align: left; padding: 3px 0 0 10px; color: #999; }
#pollresult .summary { margin: 20px 0 0 0; font-weight: bold; }

#stats { width: 200px; list-style-type: square; margin: 10px auto; }

.match h2 { font: bold 12px Tahoma; color: #027b88; margin-bottom: 5px; }
.match img { float: left; margin: 0 10px 5px 0; }
.match div { clear: both; padding: 5px; background: #ebf1f1; border: 1px dotted #949696; border-left: 0; border-right: 0; text-align: center; width: 90%; margin: 5px auto; }
.match .more { background: url(../gfx/more.gif) no-repeat center left; color: #027b88; margin-left: 10px; padding-left: 10px; }

.scores table { width: 100%; }
.scores table.scores_padding td { padding: 4px; }
.scores tr.a td { background: #e5f2f3; }
.scores tr.b td { background: #027b88; color: #fff; }
.scores th { font-weight: bold; text-align: left; color: #aaa; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.scores td.logo img { width: 16px; height: 20px; display: block; }
.scores td.matches, .scores td.points, .scores td.logo { width: 30px; }
.scores td.team { text-align: center; }
.scores td.goals { width: 50px; }
.scores td.date { width: 100px; }
.scores td.pos { width: 20px; text-align: right; }
.scores .more { float: right; }

#comment textarea { display: block; width: 500px; font-family: Arial; font-size: 12px; height: 80px; clear: both; margin: 10px auto; border: 1px solid #aaa; }
#comment .submit { display: block; width: 100px; margin: 5px auto; padding: 3px; }
.comment { padding: 5px 0; background: url(../gfx/content_sep2.gif) repeat-x bottom left; }
.comment_odd { background-color: #eaf0f0; }
.comment .avatar { margin: 0 10px; display: block; float: left; padding: 3px; border: 1px solid #999; width: 50px; height: 50px; background: #fff; }
.comment .handler { height: 30px; }
.comment .handler .time { float: right; color: #aaa; }
.comment p { float: left; width: 520px; }

/*
.comment { border-bottom: 1px dotted #eaeaea; }
.comment strong { color: #000; }
.comment span { display: block; background: #fafafa; border-bottom: 1px solid #eaeaea; padding: 5px; }
.comment img { display: block; float: left; padding: 3px; border: 1px solid #eaeaea; width: 50px; height: 50px; margin-right: 10px; }
*/
.content h1 { font-family: 'Trebuchet MS',Verdana,Sans-Serif; font-size: 24px; letter-spacing: -1px; font-weight: normal; }
.content p { margin: 10px 0; }
.content_image { float: left; margin: 0 10px 10px 0; }
.content_large { font: normal 11px Tahoma; font: normal 12px Arial; color: #000; line-height: 150%; }

.match_header h1, .match_header h2 { text-align: center; }
.match_header h2 { font-weight: normal; }
.match_header img { width: 85px; margin: 10px; }
.match_header img.team1 { float: left; }
.match_header img.team2 { float: right; }

#scores_match .loading { height: 150px; background: url(../gfx/loading.gif) center center no-repeat; }
#scores_match select, #transfer_panel select { border: 1px solid #88d6ec; padding: 3px; width: 150px; font: normal 11px Tahoma; margin: 0 10px; }
.transfers .transfer { margin-top: 10px; }
.transfers img { float: left; margin: 0 10px; }
.transfers ul { width: 228px; float: left; margin-right: 10px; }
.transfers ul li { border-bottom: 1px dotted #949696; padding: 2px 10px; }
.transfers ul li.a { background: #ebf1f1; }
.transfers ul li a { padding-left: 10px; background: url(../gfx/more.gif) no-repeat left center; color: #0e98a5; }
.transfers .avatar { padding: 3px; border: 1px solid #88d6ec; }
.transfers ul.profile_info { width: 300px; }
.content .transfers ul { margin-bottom: 20px; }

.queue td.team1, .queue td.team2 { width: 113px; }
.queue_big td.team1, .queue_big td.team2 { width: 243px; }
.queue td.team1, .queue_big td.team1 { text-align: right; }
.queue td.team2, .queue_big td.team2 { text-align: left; }
.queue td.logo, .queue_big td.logo { width: 20px; text-align: center; }
.queue td.score, .queue_big td.score { width: 30px; text-align: center; font-weight: bold; }
.queue_big td.typer { border-bottom: 1px solid #bbb; padding: 20px 50px; }
.queue_big td.typer label { display: block; margin: 5px 0; }
.queue_big td.typer label input { vertical-align: middle; margin-right: 5px; }

.innercolumn_half { float: left; }
.innercolumn_half { clear: none !important; width: 300px; }

.relation { width: 100%; }
.relation th { text-align: left; }
.relation .time { width: 50px; text-align: right; }
.relation .type { width: 20px; }

#queue_big td.logo { width: 90px; text-align: center; }
#queue_big td.logo h3 { margin: 0; }
#queue_big td.score { font-family: "Arial Black"; font-size: 60px; color: #000; text-align: center; }