@charset "utf-8";
body {font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: justify; padding: 0; margin: 0; background: #ccc url(../images/layout/general/bg-page.png) top repeat-x;}
p, ul, li, h1, h1, h3, fieldset, input, textarea, select {padding: 0; margin: 0; border: 0;}
ul {list-style: none;}
h1 {font: bold 16px/16px Arial, Helvetica, sans-serif; color: #b30000; text-align: left;}
a {text-decoration: underline; color: #333; outline: none;}
a:hover {color: #000;}
input, textarea, select {font: 11px Tahoma; padding: 3px 0 3px 5px;}

#page {width: 1000px; margin: 0 auto; background: #fff; position:relative;}

.clear {clear: both; height: 0; line-height: 0; font-size: 0;}
.h {display: none;}

#header {background: #c0daf4 url(../images/layout/general/bg-header.png) top repeat-x; padding: 0 10px;}

.logo {overflow: hidden; margin-bottom: 5px;}
.logo p {float: left; padding: 5px 20px 0 0;}
.logo .date {padding-top: 22px; font-size: 12px;}

#menu-site {color: #fff; position: absolute; right: 0; top: 5px;  margin-right: -255px;}
.menuitem {margin: 0 5px; text-decoration: none; color: #fff;}
.menuitem.current {color: #0c2778;}
a.menuitem:hover {text-decoration: underline; color: #fff;}
a.menuitem.current:hover {text-decoration: underline;}


#headerleft {float: left; width: 728px; position: relative;}
#headerleft .banner {margin-bottom: 5px;}
#headerright {float: right; width: 250px; position: relative; top: 25px; right: 0;}
#headerright .banner {margin: 0;}

#menu-top {background: #6c92ca; padding: 0 5px; color: #fff; margin-bottom: 5px; overflow: hidden; clear: both;}
.menutopitem {display: block; float: left; margin-top: 5px;}

#menu-main {padding-top: 5px; clear: both;}
#menu-main ul, #menu-main li {list-style-type: none; margin: 0; padding: 0;}
#menu-main li {float:left; position: relative; z-index: 100;}
#menu-main .menu-main-btn {float:left; margin: 0 2px 0 0; padding:0 0 0 9px; text-decoration:none; background:url(../images/layout/navigation/tab-left.png) no-repeat left top;}
#menu-main span {float:none; display: block; padding: 7px 10px 8px 1px; font: bold 11px Tahoma; color:#fff; background:url(../images/layout/navigation/tab-right.png) no-repeat right top;}
#menu-main a:hover span, #menu-main .selected span {color: #fff;}
#menu-main a:hover, #menu-main .selected a {background-position:0% -55px;}
#menu-main a:hover span, #menu-main .selected span {background-position:100% -55px;}
#menu-main .selected a span {background-position:100% -55px; color: #fff;}
#menu-main .current span {color: #b30000; background-position:100% -110px;}
#menu-main .current {background-position:0% -110px;}
.menu-sub {position:absolute; top: 28px; left: 0; font: normal 11px Tahoma; line-height:20px; z-index:101; background-color: #888; width: 200px; padding-top: 15px; display: none;}
.menu-sub a {width: auto; display: block; padding: 5px 10px; line-height: 13px; text-align: left; font-weight: bold; text-decoration: none; color: #fff; margin: 0;}
.menu-sub .category-home-link {border-bottom: 1px dashed #b30000; color: #eee;}
.menu-sub a:hover {background-color: #b30000; color: #fff;}

#menu-main .poker {background-image: url(../images/layout/navigation/tab-left-poker.png); padding-left: 18px;}
#menu-main .casino {background-image: url(../images/layout/navigation/tab-left-casino.png); padding-left: 20px;}
#menu-main .radio {background-image: url(../images/layout/navigation/tab-left-radio__v100414.png); padding-left: 24px;}
#menu-main .blue span {background-image: url(../images/layout/navigation/tab-right-blue.png);}
#menu-main .blue.current span {color: #1c0f49;}

.menu-sub a.category-home-link:hover {background-color: #000;}

#menu-category {background: #ddd; margin: 0 10px; padding: 10px; overflow: hidden; height: 1%;}
#menu-category .right {float: right;}

#content {clear: both; margin-top: 10px;}

.path, .path a, #breadcrumbs, #breadcrumbs a {font-size: 10px; color: #999;}
.path, .path a {color: #777;}
.options {margin-top: 5px;}
.options, .options a {font-size: 10px; color: #555; padding-left: 5px;}
.options span {background-position: left center; background-repeat: no-repeat; background-image: url(../images/layout/general/_icon-sprites__v90918.png);}
.options .video {background-position: -9px -232px;}
.options .more, .options .more-category {background-position: -9px -7px; display: block; height: 10px; width: 11px; float: left;}
.options .more {background-position: -9px -121px; height: 11px;}
.options .rss {padding-left: 14px; background-position: -9px -177px;}
.options .button {background-color: #5ea0e3; font: bold 11px Tahoma; padding: 4px 8px 5px; color: #fff; background-image: none;}
.options .button a, .options .button a:hover {color: #fff; font: bold 11px Tahoma;}
.path a:hover, #breadcrumbs a:hover {color: #b30000;}
.options a:hover {color: #0c2778;}

.block {margin-bottom: 10px;}
.block h1 {float: left; font: bold 11px Tahoma; color: #fff; padding: 4px 7px 5px; background: #c9c9c9 url(../images/layout/general/bg-header-related.png) repeat-x;}
.block h1 a, .block h1 a:hover {color: #fff;}
.pointer {clear: both; margin: 0 0 3px 10px;}
.block li {padding-left: 7px; margin-top: 3px; background: url(../images/layout/general/bullet-arrow-red.png) 0% 4px no-repeat;}
.block a {text-decoration: none;}
.block a:hover {text-decoration: underline;}

#master-article .related-articles {padding: 20px 10px 10px 0;}
#master-article .related-articles h1 {font: normal 10px Tahoma; padding: 4px 7px 5px;}
#master-article .related-articles li {background-position: left center;}

.image {float: left; margin: 0 7px 4px 0; width: 150px; display: block;}
.image span {display: block; text-align: center;}
.image .legend {background: #e5e5e5; color: #777; font-size: 10px; padding: 2px 2px 3px;}

#content-middle h1, #content-right h1 {background: #5ea0e3 url(../images/layout/general/bg-header-blue.png) repeat-x;}
.banner {margin: 0 auto 10px; text-align: center; display: block;}
.banner.placeholder {margin: 0 auto 10px;}
.banner.wide {width:100%; overflow: hidden; margin: 5px 0;}
.size728x90 {width: 728px; height: 90px;}
.size300x250 {width: 300px; height: 250px;}
.size400x30 {width: 400px; height: 30px;}

#content-middle .block, #content-right .block {border-width: 1px; border-style: solid; padding: 10px; background-position: top; background-repeat: repeat-x;}
.latest-news {border-color: #ccc; background-image: url(../images/layout/general/bg-block-grey.png);}
#content-middle .latest-news, #content-right .latest-news, #hp-matches.block {padding: 0;}
#content-middle .latest-news .inner {padding: 10px;}
#content-right .latest-news .inner {padding: 5px;}
.latest-news .options {float: right;}
.latest-news .options a:hover {color: #0c2778; text-decoration: underline;}
.latest-news li, .latest-videos li {background: none; padding: 2px 0; text-align: left; width: 100%; overflow: hidden;}
.latest-news span, .latest-news a {color: #555;}
.latest-news a {color: #0c2778;}
.latest-videos .date {background: url('../images/layout/general/_icon-sprites__v90918.png') -9px -256px no-repeat; padding-left: 15px;}
#mainnews {overflow: auto; height: 220px;}

#live {background: #5697da url(../images/layout/general/bg-live.png) left top repeat-x; border: none;}
#live span {color: #dfe8f1; margin-right: 5px;}
#live a {color: #fff;}
#live h1 {color: #0c2778; background: #dee7f1 url(../images/layout/general/bg-header-ice.png) left top repeat-x;}

.category-summary div {float: left;}
.category-summary a {text-decoration: none;}
.category-summary a:hover {text-decoration: underline;}
.category-summary h1 a {color: #b30000;}

#footer {padding: 30px 10px 10px; color: #777; margin-top: 20px; font-size: 10px; overflow: hidden; height: 1%; background: #ccc url(../images/layout/general/bg-footer.png) center top repeat-x;}
#copyright {float: right; width: 140px;}
#copyright a {color:#777;}
#copyright a:hover {color:#333;}
#kps {float: left; width: 800px; margin-right: 20px; font-size: 9px; line-height: 11px;}
#kps img {float: left; padding: 3px 10px 3px 0;}

.popup {padding-right: 10px; font-weight: bold; color: #fff;}
.popup .right {padding-top: 10px;}
.popup select {border: 1px solid #ddd; background: #eee; margin-left: 5px;}

#superleague li {float: left; display: block; margin-right: 1px;}
#superleague a {display: block; width: 30px; height: 30px; background-position: 0 0; background-repeat: no-repeat; background:url(../images/layout/campaigns/pao-connx/teams-10-11-pao.png)}
#superleague a.current {background-position: 0 -40px;}
#superleague .aek {background-position: -35px -35px;}
#superleague .aek.current {background-position: -35px -75px;}
#superleague .aris {background-position: -35px -175px;}
#superleague .aris.current  {background-position: -35px -215px;}
#superleague .asterastripolis {background-position: -35px -315px;}
#superleague .asterastripolis.current {background-position: -35px -355px;}
#superleague .ergotelis {background-position: -35px -455px;}
#superleague .ergotelis.current {background-position: -35px -495px;}
#superleague .iraklis {background-position: -35px -595px;}
#superleague .iraklis.current {background-position: -35px -635px;}
#superleague .larisa {background-position: -35px -875px;}
#superleague .larisa.current  {background-position: -35px -915px;}
#superleague .levadiakos {background-position: -35px -1015px;}
#superleague .levadiakos.current {background-position: -35px -1055px;}
#superleague .osfp {background-position: -35px -1155px;}
#superleague .osfp.current {background-position: -35px -1195px;}
#superleague .ofi {background-position: -35px -1295px;}
#superleague .ofi.current {background-position: -35px -1335px;}
#superleague .pao {background-position: -35px -1435px; width: 100px;}
#superleague .pao.current {background-position: -35px -1475px;}
#superleague .panionios {background-position: -35px -1715px;}
#superleague .panionios.current {background-position: -35px -1755px;}
#superleague .paok {background-position: -35px -1995px;}
#superleague .paok.current {background-position: -35px -2035px;}
#superleague .xanthi {background-position: -35px -2135px;}
#superleague .xanthi.current {background-position: -35px -2175px;}
#superleague .panthrakikos {background-position: -35px -1575px;}
#superleague .panthrakikos.current  {background-position: -35px -1615px;}
#superleague .panseraikos {background-position: -35px -1855px;}
#superleague .panseraikos.current {background-position: -35px -1895px;}
#superleague .thrasyvoulos {background-position: -35px -735px;}
#superleague .thrasyvoulos.current {background-position: -35px -775px;}
#superleague .pas {background-position: -35px -2275px;}
#superleague .pas.current {background-position: -35px -2315px;}
#superleague .kavala {background-position: -35px -2415px;}
#superleague .kavala.current {background-position: -35px -2455px;}
#superleague .atromitos {background-position: -35px -2555px;}
#superleague .atromitos.current {background-position: -35px -2595px;}
#superleague .kerkyra {background-position: -35px -2695px;}
#superleague .kerkyra.current {background-position: -35px -2735px;}
#superleague .olympvolou {background-position: -35px -2835px;}
#superleague .olympvolou.current {background-position: -35px -2875px;}

#poll .question {font-weight: bold; color: #0c2778;}
#poll ul {padding-top: 5px;}
#poll li {background: none; padding: 3px 0;}
#poll .bullet {padding-left: 14px; display: block; text-decoration: none; background: url(../images/layout/general/bullet-poll.png) 0% 2px no-repeat;}
#poll a.bullet:hover {background-position: 0% -43px;}
#poll .bullet.current, #poll a.bullet.current:hover {background-position: 0% -88px;}
.results p {padding-bottom: 2px;}
.results span {padding-left: 5px; font-weight: bold;}
#poll .options {width: 100%; overflow: hidden; padding-bottom: 10px;}

/* icons sprites */
.icon {background: url(../images/layout/general/_icon-sprites__v90918.png); display: block; width: 11px; height: 8px;}
.icon.icon-category { background-position: -9px -9px; }
.icon.icon-category-red { background-position: -9px -34px; }
.icon.icon-error { background-position: -9px -59px; width: 17px; height: 17px; }
.icon.icon-latest-news-ad { background-position: -9px -92px; width: 30px; height: 15px; display: inline-block;}
.icon.icon-more { background-position: -9px -124px; width: 7px; }
.icon.icon-opinion { background-position: -9px -149px; height: 11px; }
.icon.icon-rss { background-position: -9px -177px; width: 10px; height: 10px; }
.icon.icon-tv { background-position: -9px -204px; width: 9px; height: 11px; }
.icon.icon-video { background-position: -9px -227px; width: 8px; height: 14px; display: inline-block;}
.icon.icon-videoonlist { background-position: -9px -257px; width: 12px; height: 11px; }

/* general banners temporary container */
#banners {position: absolute; top: 0; left: 0; z-index: 100}
#banners .bannerholder {position: absolute; top: -2000px; left: 0;}

/* the debug container */
#debuger {position: fixed; width: 300px; height: 300px; bottom: 0; right: 0; background-color: #fff; z-index: 100; overflow: auto; border: 2px dashed #5EA0E3; padding: 3px;}
#debuger p {border-bottom: 1px solid #5EA0E3; padding: 2px 0;}

/* contest form 7 Apr 2009 */
.contest-form {overflow: hidden; height: 1%; padding-top: 5px;}
.contest-form fieldset {border: 1px solid #ddd; padding: 0 20px 20px; margin-top: 20px;}
.contest-form legend {font-weight: bold; background: #ddd; padding: 2px 10px 5px;}
.contest-form form p {float: left; width: 250px;}
.contest-form .wide {width: 500px;}
.wide textarea {width: 90%}
.contest-form label {display: block; clear: both; margin-top: 15px;}
.contest-form input, .contest-form textarea, .contest-form .input {border: 1px solid #ccc; background: #eee; width: 200px;}
.checkbox {padding: 20px 0 0;}
.checkbox label, .checkbox input {float: left; margin: 0; padding: 0; clear: none;}
.checkbox input {width: 20px;}
.contest-form .button, .contest-form .buttons {clear: both; margin-top: 40px;}
.contest-form .btn {padding: 5px 10px; color: #fff; background: #a00; border: 1px solid #a00; font-weight: bold; border: 1px solid #a00; text-decoration: none;}
.contest-form a.btn:hover {background: #fff; color: #a00;}

/* ticker 3/11/09, updated 06/02/10 */
.tickercontainer {color: #fff; background: #5697da url(../images/layout/general/bg-live.png) left top repeat-x; width: 100%; height: 27px; margin: 5px 10px 0; padding: 0 10px; overflow: hidden;}
.tickercontainer .mask {position: relative; top: 8px; overflow: hidden; width: 100%; z-index: 1;}
.newsticker, .newsticker li, .newsticker a {margin: 0; padding: 0;}  
.newsticker {position: relative; list-style-type: none;}
.newsticker li {float: left;}
.newsticker a, span.tickerspan {white-space: nowrap; margin: 0 50px 0 0;}  
#ticker {color: #fff; width: 960px;}
#ticker a {color: #fff; text-decoration: none; font-weight: bold;}
#ticker a:hover {color: #fff; text-decoration: underline;}

/* controls from homepage.css  28 Jan 2010 */
.controls a {background: url(../images/layout/general/icons-controls-sprites__v100126.png) no-repeat; display: block; width: 20px; height: 20px; float: left; outline: none; padding: 0;}
a.h {display: none;}
.controls a.pause {background-position: -40px 0;}
.controls a.next {background-position: -80px 0;}
.controls .next.blue {background-position: -80px -60px;}
.controls .prev.blue {background-position: -0 -60px;}
.controls a.prev:hover, .controls a.prev.hover {background-position: 0px -30px;}
.controls a.pause:hover, .controls a.pause.hover {background-position: -40px -30px;}
.controls a.next:hover, .controls a.next.hover {background-position: -80px -30px;}

/* matches 28 Jan 2010 */
#content-middle .matches {border-color: #ddd; padding: 0;}
.matches .inner {padding: 0 10px;}
#rankingtable h1, #matches h1 {background: #ff0000 url(../images/layout/general/bg-header-red.png) repeat-x; color: #fff; padding: 5px 7px 6px; float: left;}
#matches h1 a {color: #fff; text-decoration: none; font: bold 11px Tahoma; display: inline;}
.matches .options {margin: 0;}
.matches .controls {float: right;}
.matches table {width: 100%;}
.matches thead {background: #ccc; color: #b30000;}
.matches th, .matches td {padding: 2px 3px; text-align: center;}
#championselect {float: right; background: #666; color: #fff; font-size: 10px; font-weight: bold; padding-right: 3px;}

/* pointers */
.pointer {display: block; width: 9px; height: 5px; background: url(../images/layout/general/pointer-sprites.png) no-repeat;}
.pointer.pointer-green {background-position: 0px -15px;}
.pointer.pointer-grey {background-position: 0px -30px;}
.pointer.pointer-ice {background-position: 0px -45px;}
.pointer.pointer-red {background-position: 0px -60px;}
.pointer.pointer-white {background-position: 0px -75px;}
.pointer.pointer-blue2 {background-position: 0px -90px;}
.pointer.pointer-bluedark {background-position: 0px -105px;}
.pointer.pointer-bluelight {background-position: 0px -120px;}

/* sportfm ads 16 Απρ 2010 */
.ads {border: 1px solid #bbb; text-align: left; margin: 10px 0;}
.ads h2 {padding: 5px 0 2px 5px; font-size: 12px; margin: 0;}
.ads p {padding: 0 5px;}
.ads a {display: block; overflow: hidden; height: 1%;}
.ads a, .ads a:hover {color: #333; text-decoration: none;}
.ads a h2, .ads a:hover h2, .ads a span, .ads a:hover span {color: #0c2778;}
.ads a:hover .adsby {color: #fff;}
.ads span {display: block; padding: 1px 0 2px 5px; float: left; margin-top: 3px;}
.ads .adsby {float: right; color: #fff; background: #bbb; padding: 2px 3px 2px 5px;}

#backgroundlink {display: block; position: absolute; width: 100%; height: 1500px; top: 0; left: 0;}

/* eshop newspapers campaign */
#eshop {background: url("../images/layout/campaigns/eshop/bg-page__v100906.jpg") top center repeat-y;}