body {
    background: #000000 url('https://www.fehervarfc.hu/2020/_files/background/vidi80_background.jpg') top center no-repeat fixed;
    margin: 0;
    border: 0;
    padding: 0;
    font-family: Arial;
    position: relative;
    font-size: 0;
}

p {
    margin: 0;
    padding: 5px 0;
}

img {
    border: 0;
}

a, a:link, a:active {
    text-decoration: none;
    outline: none;
    color: #6083a9;
}

a:hover {
    text-decoration: underline;
}

a span {
    cursor: pointer;
}

div.clear, span.clear, .clear {
    display: block;
    font-size: 0;
    line-height: 1px;
    clear: both;
    float: none;
}

select {
    -webkit-appearance: button;
    border-radius: 3px;
    background: #FFFFFF url('../../images/design/select_background.png') no-repeat right;
    padding-right: 10px;
}
select:hover {
    background: #FFFFFF url('../../images/design/select_background_hover.png') no-repeat right;
}
input:focus {
    outline: none;
}

.uppercase {
    text-transform: uppercase;
}

::selection,
::-moz-selection {
    background: #b6c9de;
}
.mCustomScrollbar::selection,
.mCustomScrollbar::-moz-selection,
.mCustomScrollbar *::selection,
.mCustomScrollbar *::-moz-selection {
    background: transparent;
}

/*
    Header
*/

div#pageTopMenu {
    /*background: transparent;*/
    background: #222533;
    display: block;
    position: relative;
    width: 960px;
    padding: 10px 30px 0 30px;
    height: 54px;
    line-height: 54px;
    margin: 0 auto;
    text-align: right;
}
/* zászló */
div#pageTopMenu>a.changeLang,
div#pageTopMenu>a.changeLang:hover {
    display: inline-block;
    /*float: right;*/
    line-height: 1.2;
    vertical-align: top;
    margin: 16px 4px;
    padding: 4px;
    height: auto;
    text-decoration: none;
    text-transform: uppercase;
}
div#pageTopMenu>a.changeLang.active {
    background-color: #ffffff;
    color: #222533;
    cursor: default;
}
.fb_iframe_widget iframe {
    z-index: 3;
}

div#pageTopMenu>a {
    display: inline-block;
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
}
div#pageTopMenu>a.active {
    background: #1d2337;
}

div#pageHeader {
    display: block;
    position: relative;
    width: 1020px;
    height: 150px;
    margin: 0 auto;
    background: #090b13 url('../../images/design/header_background.png') top no-repeat;
    /*border-top: 1px solid #343b59;*/
}

div#pageHeader .seededBanner {
    position: absolute;
    margin-top: 135px;
    margin-left: 30px;
    margin-right: 30px;
}

div#pageHeader #quickNews ~ div.seededBanner {
    margin-top: 150px;
}

div#pageHeader>div:first-child {
    height: 100%;
    background: transparent url('../../images/design/header_background_2.png') bottom repeat-x;
}
img#headerLogo {
    position: absolute;
    top: -12px;
    left: 30px;
    z-index: 2;
}
img#headerLogo[src *= 'marc15'] {
    left: 42px;
}
img#headerLogo[src *= 'oct1'] {
    top: 0;
    left: 0;
}
img#headerLogo[src *= 'otp-league-champion'] {
    top: 7px;
    left: 22px;
    z-index: 2;
}

.ribbon {
    position: absolute;
    top: 6px;
    left: 272px;
    z-index: 1;
}

.theme-winter-snowflakes {
    position: absolute;
    z-index: 0;
    left: -15px;
    top: 4px;
}

#logoLink {
    position: absolute;
    z-index: 3;
    display: block;
    top: 13px;
    left: 25px;
    width: 90px;
    height: 105px;
}

.sponsorLogo {
    display: block;
    position: absolute;
    z-index: 2;
    top: 31px;
}

.sponsorLogo>img {
    height: 36px;
}

.sponsorLogo.mol {
    left: 789px;
    top: 19px;
}

.sponsorLogo.mol>img {
    height: 51px;
}

.sponsorLogo.strabag {
    left: 481px;
}
/*
.sponsorLogo.esma {
    left: 608px;
}

.sponsorLogo.maltai {
    left: 735px;
}
*/
.sponsorLogo.market {
    left: 605px;
}

.sponsorLogo.smp {
    left: 725px;
}

.sponsorLogo.epkar {
    left: 833px;
    top: 29px;
}

.sponsorLogo.epkar>img {
    height: 40px;
}

div#headerMenu {
    width: 870px;
    height: 26px;
    border-bottom: 1px solid #C4272E;
    position: absolute;
    left: 120px;
    top: 90px;
    z-index: 3;
}

div#headerMenu>a,
div#headerMenu>span {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    font-family: PtSansBold;
    font-size: 16.5px;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
    height: 24px;
}

div#headerMenu>span>span,
div#headerMenu>a>span {
    display: inline-block;
    height: 24px;
}
div#headerMenu>span>div * {
    text-transform: none;
}
div#headerMenu>a.active,
div#headerMenu>span.active {
    border-bottom: 3px solid #c4272e;
}

div#headerMenu>a:hover,
div#headerMenu>span:hover {
    text-decoration: none;
}
div#headerMenu>span:hover>span,
div#headerMenu>a:hover>span {
    border-bottom: 3px solid #C4272E;
}

div#headerMenu>:first-child {
    padding-left: 0;
}

div#headerMenu>span.hover>div.headerSubMenuShadow,
div#headerMenu>span.hover>div.headerSubMenuShadow>div.headerSubMenuBox,
div.headerSubMenuBox.hover {
    display: block;
}

div#headerMenu>span.hover>span {
    border-bottom: 3px solid #C4272E;
}

div.headerSubMenuBox>span.pressMenuText {
    font-size: 18px;
    padding-top: 5px;
    width: 415px;
}

div.headerSubMenuBox>span.pressMenuText>span {
    font-size: 12px;
    padding-top: 7px;
    display: inline-block;
    font-family: Arial;
    color: #7392b3;
}

div.headerSubMenuBox>span.pressMenuText>span>p {
    padding-bottom: 3px;
    line-height: 14.5px;
}

div#headerMenu>span>div.headerSubMenuShadow {
    display: none;
    width: 960px;
    position: absolute;
    top: 26px;
    left: -90px;
    z-index: 11;
    padding-bottom: 15px;
    background: transparent url('../../images/design/header_menu_shadow.png') bottom repeat-x;
    cursor: auto;
}
div.headerSubMenuBox {
    display: none;
    min-height: 250px;
    position: relative;
    padding-top: 25px;
    padding-bottom: 30px;
    border-top: 1px solid #C4272E;
    background: #0e151f url('../../images/design/header_menu_background.png') top repeat-x;
    cursor: auto;
}
div.headerSubMenuBox>span:first-child {
    margin-left: 85px;
}
div.headerSubMenuBox>span {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin-right: 54px;
    font-family: PtSansBold;
    font-size: 20px;
    color: #7695b5;
    vertical-align: top;
}
div.headerSubMenuBox>span>a {
    height: 28px;
    line-height: 28px;
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    border-bottom: 1px solid transparent;
    display: block;
}
div.headerSubMenuBox>span>a:hover {
    text-decoration: none;
}
div.headerSubMenuBox>span>a:hover>span {
    border-bottom: 1px solid #6083a9;
}

div.subMenuBanners {
    border-top: 4px solid #c4272e;
    background: #7c7c7c url('../../images/design/header_menu_banners_background.png') top repeat-x;
    height: 0;
}

div#pageHeader>div>div.search {
    position: absolute;
    z-index: 3;
    right: 30px;
    top: 85px;
    display: inline-block;
    margin-right: 0;
    font-size: 0;
    cursor: auto;
}
div#pageHeader>div>div.search:hover {
    border-bottom: none;
}
div#pageHeader>div>div.search>form>* {
    vertical-align: top;
}
div#pageHeader>div>div.search>form>a {
    cursor: pointer;
    float: right;
}
div#pageHeader>div>div.search>form>input {
    width: 90px;
    height: 21px;
    margin: 0;
    border: none;
    background: url('../../images/design/header_search_background.png') top repeat-x;
    color: #9198a5;
}

div#pageHeader>div>div.search>form>input:focus {
    outline: none;
}

div#pageHeader>div>div.login {
    position: absolute;
    top: 3px;
    right: 17px;
    display: block;
    width: 125px;
    height: 80px;
    box-sizing: border-box;
    background: url('../../images/design/header_login_background_2.png') top right no-repeat;
    color: #89a6c5;
    font-size: 11px;
}
div#pageHeader>div>div.login>div {
    width: 125px;
    text-align: center;
    line-height: 20px;
    margin-top: 20px;
}
div#pageHeader>div>div.login>div>a {
    cursor: pointer;
    font-family: PtSansBold;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
}
div#pageHeader>div>div.login>div>a:last-child {
    border-top: 1px solid #6d2d36;
    padding-top: 3px;
    text-transform: none;
}

div#pageHeader>div>div.login>.userLogined>span.username {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    width: 110px;
    vertical-align: middle;
    text-align: center;
}

div#pageHeader>div>div.login>.userLogined>span.username>a>img {
    vertical-align: text-bottom;
    margin-left: 2px;
}

div#pageHeader>div>div.login>.userLogined>a {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    border: none !important;
}

div#pageHeader>div>div.login>.userLogined>.logout {
    display: inline-block;
    vertical-align: middle;
}

div#pageHeader>div>div.login>.userLogined>.logout>a {
    color: #FFF;
    font-size: 11px;
}

div#pageHeader>div>div.login>.userLogined {
    width: 100%;
    text-align: center;
}

/*
    Content
*/
div#pageContent {
    display: block;
    position: relative;
    width: 1020px;
    margin: 0 auto;
}

div#content {
    background: #FFFFFF url('../../images/design/content_background.png') top repeat-x;
}

/*
    QuickNews
*/

div#quickNews p {
    padding: 0;
}
div#quickNews a {
    color: #FFFFFF;
    vertical-align: top;
}
div#quickNews {
    position: absolute;
    top: 125px;
    left: 30px;
}
div#quickNews>span {
    display: inline-block;
    vertical-align: middle;
    height: 21px;
    line-height: 21px;
}

div#quickNews>span:first-child {
    margin-left: 5px;
    width: 85px;
    line-height: 21px;
    text-align: center;
}
div#quickNews>span:first-child>a {
    display: inline-block;
    vertical-align: middle;
}
div#quickNews>span:first-child>span {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 15px;
    background: #6083a9;
    margin-left: 6px;
    margin-right: 6px;
}
div#quickNews>span:last-child {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    width: 850px;
}
div#quickNews>span:last-child>span {
    display: none;
    position: absolute;
    left: 35px;
    width: 810px;
    overflow: hidden;
    vertical-align: top;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #d3d4d7;
}


/*
    headerBox
*/

#headerBox::selection,
#headerBox::-moz-selection,
#headerBox *::selection,
#headerBox *::-moz-selection {
    background: transparent !important;
}
#headerBox .pauseIcon {
    pointer-events: none;
    display: none;
    opacity: 0;
    position: absolute;
    top: 15px;
    right: 68px;
    width: 33px;
    height: 29px;
    background: rgba(0,0,0,0.75) url('../../images/design/A_block_pause.png') center center no-repeat;
}
#headerBox>.left {
    position: relative;
}
#headerBox>.left>div {
    visibility: hidden;
}
#headerBox>.left.mCustomScrollbar>div {
    visibility: visible;
}
a.mCSB_buttonRight,
a.mCSB_buttonLeft {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
#headerBox>.left a.mCSB_buttonRight {
    top: 145px !important;
    right: -5px !important;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
#headerBox>.left a.mCSB_buttonRight .mCSB_buttonRightImage {
    background: url('../../images/design/slider_button_right_big.png');
    height: 73px;
}
#headerBox>.left a.mCSB_buttonRight:hover .mCSB_buttonRightImage {
    background: url('../../images/design/slider_button_right_big_hover.png');
}
#headerBox>.left a.mCSB_buttonRight:active .mCSB_buttonRightImage {
    background: url('../../images/design/slider_button_right_big_active.png');
}
#headerBox>.left a.mCSB_buttonLeft {
    top: 145px !important;
    left: -5px !important;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
#headerBox>.left a.mCSB_buttonLeft .mCSB_buttonLeftImage {
    background: url('../../images/design/slider_button_left_big.png');
    height: 73px;
}
#headerBox>.left a.mCSB_buttonLeft:hover .mCSB_buttonLeftImage {
    background: url('../../images/design/slider_button_left_big_hover.png');
}
#headerBox>.left a.mCSB_buttonLeft:active .mCSB_buttonLeftImage {
    background: url('../../images/design/slider_button_left_big_active.png');
}
#headerBox>.left {
    display: none;
}
#headerBox>.left.mCustomScrollbar {
    display: inline-block;
}
#headerBox>.left > div {
    height: 400px !important;
}
#headerBox {
    display: block;
    width: 960px;
    height: 435px;
    position: absolute;
    left: 30px;
    bottom: 5px;
    font-size: 0;
}
#headerBox .left {
    display: inline-block;
    vertical-align: top;
    width: 675px;
    margin-right: 15px;
    height: 400px;
}
#headerBox .left .mCSB_container>div {
    font-size: 0;
    letter-spacing: 0;
}
#headerBox .left .mCSB_container>div>* {
    float: left;
    padding: 0;
    margin: 0;
}
#headerBox .left .news {
    display: inline-block;
    width: 675px;
    height: 380px;
    position: relative;
}
#headerBox .counter {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    position: absolute;
    top: 15px;
    left: 610px;
    z-index: 2;
    background: rgba(0,0,0,0.75);
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
}
#headerBox .left .news .label {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
    position: absolute;
    top: 15px;
    left: 15px;
    /*background: url('../../images/design/transparent_black_75.png') repeat;*/
    background-color: rgba(0,0,0,0.75);
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
}
#headerBox .left .news>img {
    width: 675px;
    height: 380px;
}
#headerBox .left .news .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#headerBox .left .news .text .red {
    display: inline-block;
    vertical-align: bottom;
    padding-top: 11px;
    padding-right: 12px;
    padding-left: 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #e04047;
    background: rgba(0,0,0,0.75);
}
#headerBox .left .news .text p {
    padding: 0;
}
#headerBox .left .news .text .name {
    display: inline-block;
    /*width: 645px;*/
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: PtSansBold;
    font-size: 26px;
    line-height: 28px;
    color: #FFFFFF;
    background: rgba(0,0,0,0.75);
}
#headerBox .left .news .text .lead {
    display: inline-block;
    /*width: 645px;*/
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
    padding-top: 2px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 9px;
    font-family: Arial;
    font-size: 13px;
    color: #FFFFFF;
    background: rgba(0,0,0,0.75);
}

#headerBox .left .news .playButton {
    /*
    position: absolute;
    top: 157px;
    left: 282px;
    */
    display: block;
    width: 112px;
    height: 68px;
    cursor: pointer;
    background: url('../../images/design/play_button_normal.png') no-repeat;
}

#headerBox .left .news .playButton:hover {
    background: url('../../images/design/play_button_hover.png') no-repeat;
}

#headerBox .left .news .playButton:active {
    background: url('../../images/design/play_button_active.png') no-repeat;
}

#headerBox .left .news.match {
    position: relative;
    /*background: url('../../images/design/match_background1.png') no-repeat;*/

    background: url('../../images/design/match_background_big1.png') no-repeat;
    background-size: 100% auto;
}
#headerBox .left .news.match .box {
    display: block;
    position: absolute;
    top: 60px;
    left: 15px;
    width: 645px;
    height: 267px;
    background: url('../../images/design/transparent_black_75.png') repeat;
    font-family: Arial;
    color: #FFFFFF;
}
#headerBox .left .news.match .box .matchInfo {
    display: block;
    height: 36px;
    line-height: 25px;
    vertical-align: top;
    font-size: 11px;
    padding-top: 10px;
    padding-left: 10px;
}
#headerBox .left .news.match .box .team {
    display: inline-block;
    width: 260px;
    height: 156px;
    vertical-align: top;
    font-family: PtSansBold;
    font-size: 25px;
    text-align: center;
}

#headerBox .left .news.match .box .team .teamName {
    line-height: 23px;
    width: 200px;
    display: block;
    margin: 0 auto;
}

#headerBox .left .news.match .box .team img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    height: 70px;
}
#headerBox .left .news.match .box .result {
    display: inline-block;
    width: 125px;
    height: 136px;
    padding-top: 20px;
    vertical-align: top;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    font-size: 48px;
}
#headerBox .left .news.match .box .result .time {
    background: #343c56;
    border-radius: 5px;
    display: block;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 12px;
}
#headerBox .left .news.match .box .commentary {
    display: block;
    border-top: 1px solid #4c4e48;
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-left: 10px;
}
#headerBox .left .news.match .box .commentary span {
    display: inline-block;
    vertical-align: top;
}
#headerBox .left .news.match .box .commentary>span:last-child {
    width: 580px;
}
#headerBox .left .news.match .box .commentary>span:last-child>* {
    display: inline-block;
    vertical-align: top;
}
#headerBox .left .news.match .box .commentary span.time {
    padding: 2px 7px;
    margin-right: 10px;
    border-radius: 3px;
    background-image: linear-gradient(top, #eaeaea 19%, #cbcccf 80%);
    background-image: -o-linear-gradient(top, #eaeaea 19%, #cbcccf 80%);
    background-image: -moz-linear-gradient(top, #eaeaea 19%, #cbcccf 80%);
    background-image: -webkit-linear-gradient(top, #eaeaea 19%, #cbcccf 80%);
    background-image: -ms-linear-gradient(top, #eaeaea 19%, #cbcccf 80%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.19, #eaeaea),color-stop(0.8, #cbcccf));
    color: #000000;
    font-weight: bold;
}
#headerBox .left .news.match .box .commentary .fancyBox {
    display: inline-block;
    cursor: pointer;
    width: 80px;
    text-align: center;
}
#headerBox .left .news.match .box .commentary .fancyBox img {
    height: 40px;
    margin-bottom: 5px;
    max-width: 80px;
}

#headerBox .right {
    display: inline-block;
    vertical-align: top;
    width: 270px;
    height: 400px;
}

#headerBox .ui-state-focus {
    outline: none;
}
#headerBox .accordion {
    height: 400px;
    overflow: hidden;
}
#headerBox .right .header {
    padding-left: 10px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #363e59;
    font-family: PtSansBold;
    font-size: 14px;
    color: #d2d3d7;
    vertical-align: top;
    text-transform: uppercase;
    background: #1d2337 url('../../images/design/arrow_left_white_transparent_80.png') 245px no-repeat;
    cursor: pointer;
}
#headerBox .right .header.ui-state-active {
    background: #363E59 url('../../images/design/arrow_down_white.png') 245px no-repeat;
    color: #FFFFFF;
}
#headerBox .right .content {
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
    background: #363e59;
}

#headerBox .right .content.calendar {
    overflow: visible !important;
}
#headerBox .right .content>span {
    vertical-align: top;
}

#headerBox .content::-webkit-scrollbar {
    width: 7px;
}
#headerBox .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#headerBox .content::-webkit-scrollbar-track-piece {
    background-color: #292929;
    background-color: rgba(255, 255, 255, 0.07);
    border-radius: 5px;
    cursor: pointer;
}

#headerBox .content::-webkit-scrollbar-corner {
    background-color: transparent;
}

#headerBox .content::-webkit-scrollbar-thumb {
    background: #707070;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}

/* Jon! blokk */

#headerMatchCountDown,
#headerMatchCountDown2 {
    display: none;
    margin-top: 10px;
    margin-left: 10px;
    padding: 5px 10px;
    background: #282e43;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(255,255,255,0.2);
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
    color: #FFFFFF;
    text-transform: none;
    vertical-align: top;
}
#headerMatchCountDown2 {
    margin-top: 6px;
}
#headerMatchCountDown>span,
#headerMatchCountDown2>span {
    font-size: 11px;
    font-weight: normal;
    vertical-align: top;
}
#headerMatchCountDown2,
#headerMatchCountLogos {
    display: inline-block;
    vertical-align: middle;
}
.header.ui-state-active #headerMatchCountDown {
    display: inline-block;
    vertical-align: middle;
}
.header.ui-state-active #headerMatchCountDown2,
.header.ui-state-active #headerMatchCountLogos {
    display: none;
}

#headerBox .right .content.match .details {
    display: inline-block;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    line-height: 14px;
    max-width: 155px;
}

/* special match */

#headerBox .right .content.match.special {
    cursor: pointer;
    background: url(../../images/design/special-match-mtk-vidi-20150314-hu.png) no-repeat bottom left;
}

#headerBox .right .content.match.special.en {
    background: url(../../images/design/special-match-mtk-vidi-20150314-hu.png) no-repeat bottom left;
}

#headerBox .right .header.special.ui-state-active {
    background: url(../../images/design/special-match-mtk-vidi-20150314-hu.png) no-repeat top left;
}

#headerBox .right .header.special.ui-state-active.en {
    background: url(../../images/design/special-match-mtk-vidi-20150314-hu.png) no-repeat top left;
}

#headerBox .right .content.match.special>div.title {
    display: none;
    position: absolute;
    top: 35px;
    right: calc(270px / 2 - 70px);
    width: 130px;
    background-color: rgba(0,0,0,0.55);
    border-radius: 6px;
    padding: 6px 5px 9px;
}

#headerBox .right .content.match.special>div.textBox {
    display: none;
    position: absolute;
    top: 0;
    width: 270px;
    background-color: rgba(0,0,0,0.55);
    padding: 5px 0;
    text-align: center;
}

#headerBox .right .content.match.special>div.title>a:first-child {
    position: absolute;
    top: 70px;
    right: 76px;
}

#headerBox .right .content.match.special>div.title>span:first-child {
    font-family: PtSansBold;
    font-size: 11px;
}

#headerBox .right .content.match.special>div.title>span:nth-of-type(2) {
    font-family: PtSansBold;
    font-size: 26px;
}

.ticketButton {
    position: absolute;
    top: 225px;
    right: 0;
}

.ticketButton>span {
    border-radius: 0;
}

.ticketButton>span>span {
    width: 246px !important;
    height: 26px !important;
    line-height: 29px !important;
}

.ticketButton img {
    margin-top: 8px !important;
}

#headerBox .right .header.special.ui-state-active {
    border: none;
    font-size: 0;
}

#headerBox .right .header.special.ui-state-active.en {
    border: none;
    font-size: 0;
}

#headerMatchCountDown3 {
    position: absolute;
    right: 6px;
    top: 158px;
    width: 227px;
    height: 46px;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

#headerMatchCountDown3>span {
    display: block;
    left: -24px;
    width: 250px;
    height: 50px;
    position: absolute;
    text-align: left;
    font-family: digital;
    font-size: 45px;
    color: #E85051;
}

#headerMatchCountDown3>span>span {
    display: inline-block;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 2px;
    vertical-align: middle;
    font-family: PtSansBold;
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
}
#headerMatchCountDown3>span>span {
    display: inline-block;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 2px;
    vertical-align: middle;
    font-family: PtSansBold;
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
}
#headerMatchCountDown3>span>span.counterNumbers {
    display: inline-block;
    width: 46px;
    font-family: digital;
    margin: 0;
    font-size: 45px;
    color: #E85051;
    text-align: center;
}
#headerMatchCountDown3>span>span.counterDayNumbers {
    display: inline-block;
    width: 60px;
    font-family: digital;
    margin: 0 18px 0 0;
    font-size: 45px;
    color: #5FA6CA;
    text-align: left;
}
#headerBox .right .header.special.ui-state-active * {
    display: none;
}

/* Naptar blokk */
#headerBox .right .content .calendar {
    width: 245px;
    margin: 0 auto;
    padding-top: 20px;
    font-size: 0;
    text-align: left;
}
#headerBox .right .content.calendar {
    position: relative;
}
#headerBox .right .content .calendar>div {
    display: inline-block;
    vertical-align: top;
}
#headerBox .right .content.calendar .datePicker {
    position: absolute;
    top: -10px;
    left: 15px;
    display: block;
    height: 24px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #dfdfe1;
}
#headerBox .right .content.calendar .datePicker .date {
    display: inline-block;
    width: 155px;
    line-height: 25px;
    text-align: center;
}
#headerBox .right .content.calendar .datePicker .gradientButton {
    vertical-align: top;
}
#headerBox .right .content.calendar .datePicker .gradientButton .gradientButtonBackground {
    padding-bottom: 0;
}
#headerBox .right .content.calendar .datePicker a:first-child .gradientButton .gradientButtonBackground {
    padding-left: 10px;
    padding-right: 8px;
}
#headerBox .right .content.calendar .datePicker a:last-child .gradientButton .gradientButtonBackground {
    padding-left: 11px;
    padding-right: 7px;
}
#headerBox .right .content.calendar .dayName {
    display: inline-block;
    width: 34px;
    height: 24px;
    line-height: 24px;
    font-family: Arial;
    font-size: 10px;
    color: #525a77;
    text-align: center;
}
#headerBox .right .content .calendar .day {
    position: relative;
    width: 27px;
    height: 29px;
    padding: 3px;
    padding-top: 1px;
    font-family: Arial;
    font-size: 9px;
    color: #cee3f9;
    background: #343c56;
    border-bottom: 1px solid #525a77;
    border-left: 1px solid #525a77;
}
#headerBox .right .content .calendar .day:nth-child(7n),
#headerBox .right .content .calendar .day:last-child {
    border-right: 1px solid #525a77;
}
#headerBox .right .content .calendar .day:nth-child(1),
#headerBox .right .content .calendar .day:nth-child(2),
#headerBox .right .content .calendar .day:nth-child(3),
#headerBox .right .content .calendar .day:nth-child(4),
#headerBox .right .content .calendar .day:nth-child(5),
#headerBox .right .content .calendar .day:nth-child(6),
#headerBox .right .content .calendar .day:nth-child(7) {
    border-top: 1px solid #525a77;
}
#headerBox .right .content .calendar .empty {
    background: transparent !important;
    border-left: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
}
#headerBox .right .content .calendar .today {
    width: 24px;
    height: 26px;
    border: 2px solid #FFFFFF !important;
    margin: 0;
}
#headerBox .right .content .calendar .day.normalevent {
    color: #FFFFFF;
    background: #525a77;
}
#headerBox .right .content .calendar .day.birthday {
    background: #525a77 url('../../images/design/calendar_birthday.png') center no-repeat;
}
#headerBox .right .content .calendar .day.matchday {
    color: #FFFFFF;
    background: #525a77;
}
#headerBox .right .content .calendar .day.small {
    height: 27px;
}
#headerBox .right .content .calendar .day.today.small {
    height: 25px;
}
#headerBox .right .content .calendar .day.next {
    background: #c4272e !important;
}
#headerBox .right .content .calendar .day .calendarMatchLogo {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 33px;
    pointer-events: none;
}
#headerBox .right .content .calendar .day .calendarMatchLogo.small,
#headerBox .right .content .calendar .day .calendarMatchLogo.small img {
    height: 31px;
}
#headerBox .right .content .calendar .day .calendarMatchLogo img {
    width: 33px;
    max-height: 33px;
    pointer-events: none;
}
#headerBox .right .content .calendar .day .calendarMatchResult {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    padding: 1px 3px;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    background: url('../../images/design/transparent_black_75.png') repeat;
    pointer-events: none;
}
/*
#headerBox .right .content .calendar .calendarPopup {
    display: none;
    color: #FFFFFF;
    width: 150px;
    position: absolute;
    background: #6083a9;
    padding: 5px;
    box-shadow: 2px 2px 4px #000;
    z-index: 3;
}
#headerBox .right .content .calendar .calendarPopup.birthday {
    background: #6083a9;
}
#headerBox .right .content .calendar .calendarPopup.matchday {
    background: #6083a9;
}
#headerBox .right .content .calendar .calendarPopup span {
    font-family: PtSansBold;
    font-size: 15px;
}
*/
#headerBox .right .content .calendar .calendarPopup {
    display: block;
    position: absolute;
    top: 30px;
    left: -74px;
    z-index: 2;
    text-align: center;

    opacity: 0;
    transition: opacity 2s ease 0.5s;
    -moz-transition: opacity 1s ease 0.5s;
    -webkit-transition: opacity 1s ease 0.5s;
    -o-transition: opacity 1s ease 0.5s;

    width: 0;
    transition: width 0s ease 0.5s;
    -moz-transition: width 0s ease 0.5s;
    -webkit-transition: width 0s ease 0.5s;
    -o-transition: width 0s ease 0.5s;
    overflow: hidden;
}
#headerBox .right .content .calendar .day:hover .calendarPopup {
    opacity: 1;
    width: 182px;
}
#headerBox .right .content .calendar .calendarPopup>span:first-child {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 11px;
    background: url('../../images/design/online_match_icons/bubble_top.png') no-repeat top center;
}
#headerBox .right .content .calendar .calendarPopup>span:last-child {
    display: block;
    width: 170px;
    padding: 5px;
    margin-top: 10px;
    background: url('../../images/design/strip_background.png') repeat;
    font-family: Arial;
    font-size: 11px;
    color: #858585;
    line-height: 13px;
    text-align: left;
    border: 1px solid #000000;
    border-radius: 5px;
}
#headerBox .right .content .calendar .calendarPopup>span:last-child span {
    display: block;
    margin-top: 10px;
    margin-bottom: 7px;
    font-family: PtSansBold;
    font-size: 18px;
    color: #3c4650;
    line-height: 16px;
}

#headerBox .right .content.tabelle {
    position: relative;
    text-align: left;
}
#headerBox .right .content.tabelle .tabelleHeader {
    position: absolute;
    top: 36px;
    background: #323952;
    padding: 0 4px;
    border-radius: 4px;
    border: 1px solid #646f96;
    font-family: Arial;
    font-size: 11px;
    color: #646f96;
}
#headerBox .right .content.tabelle .competition {
    display: block;
    height: 25px;
    line-height: 25px;
    padding-top: 5px;
    margin-left: 10px;
    margin-bottom: 15px;
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
}
#headerBox .right .content.tabelle table tr:first-child td {
    border-top: 1px solid #525a77;
}
#headerBox .right .content.tabelle table tr td {
    height: 33px;
    line-height: 33px;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    color: #dfdfe1;
    text-align: center;
    border-bottom: 1px solid #525a77;
}
#headerBox .right .content.tabelle table tr td:nth-child(1) {
    width: 35px;
}
#headerBox .right .content.tabelle table tr td:nth-child(2) {
    width: 105px;
    text-align: left;
    font-family: PtSansBold;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
}
#headerBox .right .content.tabelle table tr td:nth-child(3) {
    width: 40px;
}
#headerBox .right .content.tabelle table tr td:nth-child(4) {
    width: 40px;
    font-weight: normal;
}
#headerBox .right .content.tabelle table tr td:nth-child(5) {
    width: 40px;
    font-weight: normal;
}
#headerBox .right .content.tabelle table tr td:nth-child(6) {
    width: 15px;
    text-align: right;
}
#headerBox .right .content.tabelle table tr td.vidi {
    color: #ffffff;
    background: #525a77;
}

#headerBox .right .content.tabelle .liveTable td:nth-child(2) {
    width: 120px;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(2)>span {
    display: inline-block;
    vertical-align: middle;
    max-width: 100px;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(2)>.direction {
    margin-left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(2)>.up {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #54B356 transparent;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(2)>.down {
    border-width: 5px 5px 0 5px;
    border-color: #D42727 transparent transparent transparent;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(3) {
    width: 0;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(4) {
    width: 60px;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(4)>span {
    background: #525A77;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(4).vidi>span {
    background: #6C769A;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(4)>span.win {
    background: #568E57;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(4)>span.lose {
    background: #A03535;
}
#headerBox .right .content.tabelle .liveTable td:nth-child(4)>span.draw {}
#headerBox .right .content.tabelle .liveTable td:nth-child(5) {
    width: 40px;
    font-size: 13px;
}

#headerBox .bottom {
    display: block;
    width: 960px;
    height: 35px;
}
#headerBox .bottom a {
    height: 35px;
    line-height: 37px;
    display: inline-block;
    vertical-align: top;
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    margin-right: 27px;
}

/* first element highlight
#headerBox .bottom a[href*='.hu']:first-child {
    margin-left: 25px;
    height: 20px;
    line-height: 20px;
    background: #B59B5E;
    color: #FFF;
    margin-top: 8px;
    padding-right: 5px;
}
#headerBox .bottom a[href*='.hu']:first-child span {
    line-height: 16px;
    background: #090b13;
    height: 20px;
    padding-right: 5px;
}
first element highlight end */

#headerBox .bottom a:last-child {
    margin-bottom: 0;
}
#headerBox .bottom a span {
    display: inline-block;
    margin-right: 5px;
    font-size: 20px;
    color: #c4272e;
    line-height: 33px;
    vertical-align: top;
}
#headerBox .bottom a span:hover {
    text-decoration: none;
}


/*
    Footer
*/


div#pageFooter {
    display: block;
    position: relative;
    width: 920px;
    height: 400px;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0 auto;
    border-top: 10px solid #bb2127;
    background: #0e1017 url('../../images/design/MFFC_Footer_background_1020x400.png') top repeat-x;
}
div#pageFooter>div:first-child {
    border-top: 1px solid #535662;
    border-bottom: 1px solid #535662;
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px;
}
div#pageFooter>div:first-child>a {
    color: #89898d;
    line-height: 27px;
    margin-right: 35px;
}
div#pageFooter>div:first-child>a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
div#pageFooter>div:first-child>a>span {
    color: #FFFFFF;
    vertical-align: top;
    line-height: 23px;
}

div#pageFooter>div:last-child {
    margin-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}
div#pageFooter>div:last-child>a {
    font-family: PtSansBold;
    text-transform: uppercase;
    font-size: 12px;
    color: #89898d;
}
div#pageFooter>div:last-child>a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
div#pageFooter>div:last-child>span {
    font-size: 12px;
    color: #FFFFFF;
    margin-left: 15px;
    margin-right: 15px;
}

div#pageFooter>table {
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
}
div#pageFooter>a {
    display: inline-block;
    vertical-align: top;
}

#pageFooterCopyright {
    width: 1020px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #a3a3a3;
    background-color: #080b11;
}

#pageFooter .sponsors {
    text-align: center;
    margin-top: 50px;
}

#pageFooter .sponsors a {
    display: inline-block;
    vertical-align: middle;
}

#pageFooter .sponsors-1 a + a {
    margin-left: 60px;
    /*margin-left: 50px;*/
}

#pageFooter .sponsors-2 a + a {
    margin-left: 87px;
    /*margin-left: 165px;*/
}

#pageFooter .sponsors-3 a + a {
    margin-left: 30px;
}

/*
    Bal oldal, sidebar
*/

div.contentLeft {
    float: left;
    width: 700px;
    /*min-height: 1450px;*/
    padding-left: 20px;
    vertical-align: top;
}
div.contentRight {
    float: right;
    width: 300px;
    height: 100%;
    vertical-align: top;
}

/* Táblázat */

div.contentLeft table {
    border: none;
    border-spacing: 0;
}
div.contentLeft table td {
    border: none;
    font-family: Arial;
    font-size: 13px;
}
div.contentLeft table tr:first-child td {
    font-family: PtSansBold !important;
    font-size: 14px !important;
    color: #3c4650 !important;
    padding-top: 15px;
    padding-bottom: 12px;
}
div.contentLeft table tr:nth-child(odd) {
    background-image: url('../../images/design/strip_background_middle.png');
    background-repeat: repeat;
}
div.contentLeft table tr:last-child td {
    border-bottom: 1px solid #ccc;
}
div.contentLeft table tr:nth-child(odd) td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333333;
}
div.contentLeft table tr:hover td {
    color: #000;
}

/*
    Scrumbs
*/

.scrumbs {
    font-family: PtSansBold;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 10px;
    border-bottom: 1px solid #cdcccc;
}

.scrumbs span {
    display: inline-block;
    padding-bottom: 2px;
}

.scrumbs .scrumbsInactive a {
    color: #3c4650 !important;
    text-decoration: none;
}

.scrumbs .scrumbsActive a {
    color: #c4272e !important;
    text-decoration: none;
}

.scrumbs .scrumbsActive {
    border-bottom: 3px solid #cdcccc;
}

.scrumbs .scrumbsSeparator {
    color: #cccccc;
}


/*
    Gombok, feliratok
*/

.gradientButton {
    border-radius: 5px;
    border: 1px #dadada solid;
    display: inline-block;
    font-family: PtSansBold;
    color: #3c4650;
    font-size: 12px;
    text-shadow: 1px 1px 1px #fff;
    text-transform: uppercase;
    background: #FFFFFF;
    cursor: pointer;
}
.gradientButton.inactive {
    color: #d1d1d1;
}
.gradientButton.inactive:hover {
    cursor: default;
}

.gradientButton.buttonWithIcon .gradientButtonBackground {
    padding-left: 5px !important;
}

.gradientButton.buttonWithIcon>span>span:first-child>img {
    margin-top: 0;
}

.gradientButton .gradientButtonBackground {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
    height: 16px;
    line-height: 16px;
    padding-left: 12px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.galleria-container .gradientButton .gradientButtonBackground {
    height: auto;
}
.gradientButton.blue .gradientButtonBackground {
    padding: 13px 40px;
    border-radius: 0;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #7f7f7f;
    background: #45a0c9; /* Old browsers */
    background: -moz-linear-gradient(top,  #45a0c9 0%, #3984a6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45a0c9), color-stop(100%,#3984a6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45a0c9 0%,#3984a6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45a0c9 0%,#3984a6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45a0c9 0%,#3984a6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45a0c9 0%,#3984a6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a0c9', endColorstr='#3984a6',GradientType=0 ); /* IE6-9 */
}

.gradientButton.red .gradientButtonBackground {
    border-radius: 0;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #7f7f7f;
    background: #c4272e; /* Old browsers */
    background: -moz-linear-gradient(top,  #c4272e 0%, #a12026 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4272e), color-stop(100%,#a12026)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c4272e 0%,#a12026 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c4272e 0%,#a12026 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c4272e 0%,#a12026 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c4272e 0%,#a12026 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4272e', endColorstr='#a12026',GradientType=0 ); /* IE6-9 */
}
.gradientButton.red img {
    vertical-align: top;
    margin-top: 8px;
}

.gradientButton .gradientButtonBackground:hover {
    color: #000000;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.gradientButton.inactive .gradientButtonBackground:hover {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.gradientButton .gradientButtonBackground:active {
    padding-top: 3px;
    padding-bottom: 1px;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.gradientButton.inactive .gradientButtonBackground:hover {
    color: #d1d1d1;
    cursor: default;
}
.gradientButton.inactive .gradientButtonBackground:active {
    padding-top: 2px;
    padding-bottom: 2px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.gradientButton.blue .gradientButtonBackground:hover {
    background: #45a0c9; /* Old browsers */
    background: -moz-linear-gradient(top,  #45a0c9 0%, #3984a6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45a0c9), color-stop(100%,#3984a6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45a0c9 0%,#3984a6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45a0c9 0%,#3984a6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45a0c9 0%,#3984a6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45a0c9 0%,#3984a6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a0c9', endColorstr='#3984a6',GradientType=0 ); /* IE6-9 */
    color: white;
    opacity: 0.85;
}
.gradientButton.red .gradientButtonBackground:hover {
    color: #FFFFFF;
    background: #d33d44; /* Old browsers */
    background: -moz-linear-gradient(top,  #d33d44 0%, #af2f34 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d33d44), color-stop(100%,#af2f34)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d33d44 0%,#af2f34 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d33d44 0%,#af2f34 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d33d44 0%,#af2f34 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d33d44 0%,#af2f34 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33d44', endColorstr='#af2f34',GradientType=0 ); /* IE6-9 */
}

.gradientButton.eticket .gradientButtonBackground:active {
    padding-top: 9px !important;
    padding-bottom: 7px !important;
}

.gradientButton.red .gradientButtonBackground:active {
    background: #af2f34; /* Old browsers */
    background: -moz-linear-gradient(top,  #af2f34 0%, #d33d44 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af2f34), color-stop(100%,#d33d44)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #af2f34 0%,#d33d44 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #af2f34 0%,#d33d44 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #af2f34 0%,#d33d44 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #af2f34 0%,#d33d44 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af2f34', endColorstr='#d33d44',GradientType=0 ); /* IE6-9 */
}
.gradientButton.blue .gradientButtonBackground:active {
    padding: 13px 40px;
}

.gradientButton.red .gradientButtonBackground:active {
   /* padding-top: 19px !important;
    padding-bottom: 17px !important;*/
}

.gradientButton.red .gradientButtonBackground:active>img {
    /*top: 4px !important;*/
}

.gradientButton.lightBlue {
    border-color: #a8bbcf;
}
.gradientButton.lightBlue .gradientButtonBackground {
    color: #6083a9;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dae5f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dae5f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dae5f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dae5f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dae5f0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#dae5f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dae5f0',GradientType=0 ); /* IE6-9 */
}
.gradientButton.lightBlue .gradientButtonBackground:hover {
    background: #FFFFFF;
}

.gradientButton .gradientButtonGear img {
    padding-top: 0;
}

.gradientButton .gradientButtonArrowRed {
    opacity: 0.8;
    color: #c4272e;
    font-family: Arial;
}
.gradientButton.inactive .gradientButtonArrowRed {
    background: url('../../images/design/arrow_right_gray.png') center center no-repeat;
}
.gradientButton.inactive .gradientButtonArrowRed img {
    visibility: hidden;
}
.gradientButton .gradientButtonBackground:hover .gradientButtonArrowRed {
    opacity: 1;
}

.gradientButton .gradientButtonArrowLightBlue {
    color: #6083a9;
    font-family: Arial;
}

.gradientButton img {
    vertical-align: top;
    margin-top: 3px;
}

.gradientButton.buttonWithIcon .gradientButtonArrowRed img {
    margin-top: 0;
    margin-bottom: 1px;
}

.lightBlueTitle {
    background: #6083a9;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    display: inline-block;
    font-family: PtSansBold;
    font-size: 11px;
    line-height: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    border: 2px solid #FFFFFF;
    border-left: 0;
}

.darkBlueTitle {
    background: #2a405a;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    display: inline-block;
    font-family: PtSansBold;
    font-size: 11px;
    line-height: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    border: 2px solid #FFFFFF;
    border-left: 0;
}

.redTitle {
    background: #c4272e;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    display: inline-block;
    font-family: PtSansBold;
    font-size: 11px;
    line-height: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    border: 2px solid #FFFFFF;
    border-left: 0;
}

.greyTitle {
    background: #9ba0a5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    display: inline-block;
    font-family: PtSansBold;
    font-size: 11px;
    line-height: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    border: 2px solid #FFFFFF;
    border-left: 0;
}

/*
    Pager gombja
*/

a.mCSB_buttonRight {
    text-decoration: none;
    font-size: 0 !important;
}

a.mCSB_buttonRight .mCSB_buttonRightImage {
    display: block;
    background: url('../../images/design/slider_button_right.png');
    width: 35px;
    height: 63px;
}
a.mCSB_buttonRight:hover .mCSB_buttonRightImage {
    background: url('../../images/design/slider_button_right_hover.png');
}
a.mCSB_buttonRight:active .mCSB_buttonRightImage {
    background: url('../../images/design/slider_button_right_active.png');
}

a.mCSB_buttonLeft {
    text-decoration: none;
    font-size: 0;
}

a.mCSB_buttonLeft .mCSB_buttonLeftImage {
    display: block;
    background: url('../../images/design/slider_button_left.png');
    width: 35px;
    height: 63px;
}
a.mCSB_buttonLeft:hover .mCSB_buttonLeftImage {
    background: url('../../images/design/slider_button_left_hover.png');
}
a.mCSB_buttonLeft:active .mCSB_buttonLeftImage {
    background: url('../../images/design/slider_button_left_active.png');
}

/* Popup */
#mask {
    display: none;
    background: #000;
    position: fixed; left: 0; top: 0;
    z-index: 10;
    width: 100%; height: 100%;
    opacity: 0.8;
    z-index: 999;
}

.popup {
    display: none;
    background: url('../../images/design/strip_background.png') repeat;
    padding: 10px;
    border: 5px solid #6083a9;
    float: left;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    border-radius: 4px;
}

.popup .popupContent {
    position: relative;
}

.popup .close {
    position: absolute;
    right: 0;
    top: 0;
}

.popup .close .closeButton {
    border-radius: 3px;
    border: 1px solid #DADADA;
    display: inline-block;
}

.popup .close .closeButton .closeButtonBackground {
    display: inline-block;
    margin: 3px;
    font-family: PtSansBold;
    font-size: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #2d6984;
    padding: 0 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: #a12027; /* Old browsers */
    background: -moz-linear-gradient(top,  #a12027 0%, #c4272f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a12027), color-stop(100%,#c4272f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a12027 0%,#c4272f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a12027 0%,#c4272f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a12027 0%,#c4272f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a12027 0%,#c4272f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a12027', endColorstr='#c4272f',GradientType=0 ); /* IE6-9 */
}

label.error {
    font-size: 0;
}

input.error {
    border: 1px solid red !important;
}

#loginPopup h1 {
    font-size: 24px;
    padding-top: 0;
    padding-bottom: 5px;
    margin: 0 !important;
}

.popup h2 {
    font-size: 16px;
}

.popup input {
    font-size: 16px;
    color: #9f9f9f;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 165px;
    border-radius: 3px;
    border: 1px solid #dadada;
}

.popup h1,
.popup h2 {
    font-family: PtSansBold;
    color: #c4272e;
}

.popup h1 {
    font-size: 24px;
}

.popup label {
    font-size: 12px;
    color: #818181;
    vertical-align: middle;
    padding-right: 5px;
}

#sendPopup label {
    width: 150px;
    display: inline-block;
}

#sendPopup label.error {
    display: none !important;
}

#sendPopup .button {
    padding-top: 10px;
}

#successPopup h2 {
    padding-right: 20px;
}

/*
    newsBlock
*/

.newsBlock {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}

.newsBlock a:hover {
    text-decoration: none;
}

.newsBlock>.lightBlueTitle,
.newsBlock>.darkBlueTitle {
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 1;
}

.newsBlock>.left {
    display: inline-block;
    vertical-align: top;
    width: 246px;
    padding-left: 10px;
}
.newsBlock>.right {
    display: inline-block;
    vertical-align: top;
    width: 429px;
    padding-left: 15px;
}

.newsBlock .item .image {
    display: block;
    width: 245px;
    height: 138px;
    font-size: 0;
    position: relative;
}
.newsBlock .item .image .icon {
    position: absolute;
    left: 92px;
    top: 52px;
    width: auto;
    height: auto;
}

.newsBlock .smallItem .image {
    position: relative;
}
.newsBlock .smallItem .image,
.newsBlock .smallItem .image img {
    display: inline-block;
    vertical-align: top;
    width: 112px;
    height: 62px;
}
.newsBlock .smallItem .image img.icon {
    position: absolute;
    width: 44px;
    height: 26px;
    left: 34px;
    top: 20px;
}
.newsBlock .smallItem .image {
    border-top: 1px solid #c9cbcd;
    border-bottom: none;
}
.newsBlock .item .image img {
    width: 245px;
    height: 138px;
}

.newsBlock .item .image img.new,
.newsBlock .item .details img.new {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.newsBlock .details {
    position: relative;
    display: block;
    width: 225px;
    padding: 10px;
    background: url('../../images/design/strip_background_trp.png') repeat;
    background-color: #ececec;
    border-bottom: 1px solid #c9cbcd;
    text-align: left;

    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
}

.newsBlock a .smallItem,
.newsBlock a {
    display: block;
}
.newsBlock a .smallItem .details {
    border-top: 1px solid #c9cbcd;
    border-bottom: none;
}
.newsBlock .item:hover .details {
    border-bottom: 1px solid #bbbbbb;
}
.newsBlock .item:hover .details,
.newsBlock .smallItem:hover .details {
    background-color: #f7f7f7;
}
.item:hover .details .right .title,
.smallItem:hover .details .right .title {
    color: #000000;
}

.newsBlock a:last-child .image,
.newsBlock a:last-child .details {
    border-bottom: 1px solid #c9cbcd;
}

.newsBlock a:hover>.smallItem .details,
.newsBlock a:hover>.smallItem .image {
    border-top: 1px solid #bbb;
}
.newsBlock a:hover+a>.smallItem .details,
.newsBlock a:hover+a>.smallItem .image {
    border-top: 1px solid #bbb;
}


.newsBlock .smallItem .details {
    display: inline-block;
    vertical-align: top;
    width: 284px;
    height: 42px;
}

.newsBlock .details .title {
    font-family: PtSansBold;
    color: #595959;
    font-size: 16px;
    line-height: 15px;
    display: block;
    white-space: normal;
    margin-bottom: 3px;
}
.newsBlock .smallItem .details .title {
    font-size: 15px;
}

.newsBlock .details .date {
    font-family: Arial;
    font-size: 11px;
    color: #9a9a9a;
    display: block;
}

.newsBlock .details .left {
    width: 25px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.newsBlock .details .left .icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.newsBlock .details .right {
    width: 85%;
    display: inline-block;
    vertical-align: top;
}
.newsBlock .item .details .right {
    margin-left: 35px;
}

.newsBlock .button {
    text-align: right;
    padding-right: 13px;
    padding-top: 10px;
}

/* Seeded news in the search*/
.newsBlock.firstSeeded a:first-child>.smallItem>.image,
.newsBlock.firstSeeded a:first-child>.smallItem>.image img {
    width: 330px;
    height: 190px;
}
.newsBlock.firstSeeded a:first-child>.smallItem>.details .right {
    width: 245px;
}
.newsBlock.firstSeeded a:first-child>.smallItem>.details {
    width: 282px;
    height: 170px;
}
.newsBlock.firstSeeded a:first-child>.smallItem>.details .right>*,
.newsBlock.firstSeeded a:first-child>.smallItem>.details .right .lead p {
    width: 250px;
}
.newsBlock.firstSeeded a:first-child>.smallItem>.details .label {
    display: block;
    margin-bottom: 3px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #c4272e;
}
.newsBlock.firstSeeded a:first-child>.smallItem>.details .title {
    font-size: 19px;
    line-height: 19px;
}
.newsBlock.firstSeeded a:first-child>.smallItem>.details .lead {
    display: block;
    margin-top: 3px;
    font-family: Arial;
    font-size: 13px;
    color: #444;
}

.newsBlock a .item>.image>.match {
    display: block;
    background: url('../../images/design/match_background_245_138.png') no-repeat;
    text-align: center;
}
.newsBlock a .item>.image>.match>span:first-child {
    display: inline-block;
    width: 0;
    height: 138px;
    vertical-align: middle;
}
.newsBlock a .item>.image>.match>.result {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    font-family: PtSansBold;
    vertical-align: middle;
    background: rgba(0,0,0,0.75);
    padding: 2px 5px 0 7px;
    border-radius: 3px;
    margin-left: 20px;
    margin-right: 20px;
}
.newsBlock a .item>.image>.match>img {
    height: 60px;
    width: auto;
    max-width: 75px;
    display: inline-block;
    vertical-align: middle;
}


.newsBlock a .smallItem>.image>.match {
    display: block;
    background: url('../../images/design/match_background_112_64.png') no-repeat;
    text-align: center;
}
.newsBlock a .smallItem>.image>.match>span:first-child {
    display: inline-block;
    width: 0;
    height: 64px;
    vertical-align: middle;
}
.newsBlock a .smallItem>.image>.match>.result {
    font-size: 13px;
    color: #fff;
    font-family: PtSansBold;
    vertical-align: middle;
    background: rgba(0,0,0,0.75);
    padding: 2px 5px 0 7px;
    border-radius: 3px;
    margin-left: 8px;
    margin-right: 8px;
}
.newsBlock a .smallItem>.image>.match>img {
    height: 25px;
    width: auto;
    max-width: 25px;
    display: inline-block;
    vertical-align: middle;
}

.newsBlock.vidi2 {
    padding-left: 10px;
    padding-right: 15px;
}
.newsBlock.vidi2 a {
    display: inline-block;
}
.newsBlock.vidi2 a + a {
    margin-left: 15px;
}
.newsBlock.vidi2 .item .image,
.newsBlock.vidi2 .item .image img {
    width: 215px;
    height: auto;
}
.newsBlock.vidi2 .details {
    width: 195px;
    height: 75px;
    padding: 10px;
}
.newsBlock.vidi2 .details .title {
    color: #3c4650;
    font-family: PtSansBold;
    font-size: 15px;
}

/* Ikonok */

span.icon.text {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_text.png') center center no-repeat;
}
span.icon.text.dark {
    background: url('../../images/design/icon_text_dark.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.text,
.newsBlock .smallItem:hover .details span.left .icon.text {
    background: url('../../images/design/icon_text_dark.png') center center no-repeat;
}
span.icon.video {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_video_gray.png') center center no-repeat;
}
span.icon.video.dark {
    background: url('../../images/design/icon_video_gray_dark.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.video,
.newsBlock .smallItem:hover .details span.left .icon.video,
.video:hover .details .icon.video {
    background: url('../../images/design/icon_video_gray_dark.png') center center no-repeat;
}
span.icon.gallery {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_gallery_gray.png') center center no-repeat;
}
span.icon.gallery.dark {
    background: url('../../images/design/icon_gallery_gray_dark.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.gallery,
.newsBlock .smallItem:hover .details span.left span.icon.gallery,
.imageGallery:hover .details .icon.gallery {
    background: url('../../images/design/icon_gallery_gray_dark.png') center center no-repeat;
}
span.icon.championship {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_championship_light.png') center center no-repeat;
}
span.icon.championship.dark {
    background: url('../../images/design/icon_championship.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.championship,
.newsBlock .smallItem:hover .details .left span.icon.championship {
    background: url('../../images/design/icon_championship.png') center center no-repeat;
}
span.icon.hungarian_cup {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_hungarian_cup_light.png') center center no-repeat;
}
span.icon.hungarian_cup.dark {
    background: url('../../images/design/icon_hungarian_cup.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.hungarian_cup,
.newsBlock .smallItem:hover .details .left span.icon.hungarian_cup {
    background: url('../../images/design/icon_hungarian_cup.png') center center no-repeat;
}
span.icon.league_cup {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_league_cup_light.png') center center no-repeat;
}
span.icon.league_cup.dark {
    background: url('../../images/design/icon_league_cup.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.league_cup,
.newsBlock .smallItem:hover .details .left span.icon.league_cup {
    background: url('../../images/design/icon_league_cup.png') center center no-repeat;
}
span.icon.ball {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_ball.png') center center no-repeat;
}
span.icon.ball.dark {
    background: url('../../images/design/icon_ball_blue_notTransparent.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.ball,
.newsBlock .smallItem:hover .details .left span.icon.ball {
    background: url('../../images/design/icon_ball_dark.png') center center no-repeat;
}
span.icon.european_league {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_european_league.png') center center no-repeat;
}
span.icon.european_league.dark {
    background: url('../../images/design/icon_european_league.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.european_league,
.newsBlock .smallItem:hover .details .left span.icon.european_league {
    background: url('../../images/design/icon_european_league.png') center center no-repeat;
}
span.icon.super_cup {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_super_cup_light.png') center center no-repeat;
}
span.icon.super_cup.dark {
    background: url('../../images/design/icon_super_cup_light.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.super_cup,
.newsBlock .smallItem:hover .details .left span.icon.super_cup {
    background: url('../../images/design/icon_super_cup.png') center center no-repeat;
}
span.icon.champions_league {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_champions_league.png') center center no-repeat;
}
span.icon.champions_league.dark {
    background: url('../../images/design/icon_champions_league.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.champions_league,
.newsBlock .smallItem:hover .details .left span.icon.champions_league {
    background: url('../../images/design/icon_champions_league.png') center center no-repeat;
}
span.icon.forum {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_forum_gray.png') center center no-repeat;
}
span.icon.forum.dark {
    background: url('../../images/design/icon_forum_gray_dark.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.forum,
.newsBlock .smallItem:hover .details .left span.icon.forum {
    background: url('../../images/design/icon_forum_gray_dark.png') center center no-repeat;
}
span.icon.webshop {
    display: block;
    height: 25px;
    width: 25px;
    background: url('../../images/design/icon_webshop_red.png') center center no-repeat;
}
span.icon.webshop.dark {
    background: url('../../images/design/icon_webshop_red_dark.png') center center no-repeat;
}
.newsBlock .item:hover .details .left span.icon.webshop,
.newsBlock .smallItem:hover .details .left span.icon.webshop,
.vidishopBox .product:hover span.icon.webshop,
#sideBar div.vidishop .product:hover span.icon.webshop {
    background: url('../../images/design/icon_webshop_red_dark.png') center center no-repeat;
}

span.icon.text.light {
    background-image: url('../../images/design/icon_text_white.png');
}

span.icon.gallery.light {
    background-image: url('../../images/design/icon_gallery_full_white.png');
}

span.icon.video.light {
    background-image: url('../../images/design/icon_video_white.png');
}

span.icon.light {
    opacity: 0.5;
}

.item:hover span.icon.light,
.smallItem:hover span.icon.light {
    opacity: 1;
}

/*
    Login popup
*/

#loginPopup .popupContent .loginRight,
#loginPopup .popupContent .loginLeft  {
    width: 240px;
    display: inline-block;
    height: 180px;
    margin-top: 10px;
    vertical-align: top;
}

#loginPopup .popupContent .loginLeft {
    text-align: right;
    padding-right: 20px;
    border-right: 1px solid #cccccc;
}

#loginPopup .popupContent .loginRight {
    padding-left: 20px;
}

#loginPopup h1,
#loginPopup h2 {
    font-family: PtSansBold;
    color: #c4272e;
    margin-top: 5px !important;
}

#loginPopup #loginForm input:nth-child(2) {
    margin-bottom: 5px;
}

#loginPopup h1 {
    font-size: 24px;
    padding-top: 0;
    padding-bottom: 5px;
    margin: 0 !important;
}

#loginPopup h2 {
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 9px;
    margin: 0 !important;
}

#loginPopup input {
    font-size: 16px;
    color: #9f9f9f;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 165px;
    border-radius: 3px;
    border: 1px solid #dadada;
}

#loginPopup label {
    display: block;
}

#loginPopup .loginRight .text {
    font-size: 12px;
    color: #818181;
    padding-right: 15px;
    padding-bottom: 3px;
}

#loginPopup .button {
    padding-top: 8px;
    padding-bottom: 8px;
}

#loginPopup a.forgottenPassword {
    font-size: 12px;
    color: #6083a9;
}

#loginPopup #forgottenPassword {
    width: 480px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    text-align: center;
}

#loginPopup #forgottenPassword p {
    font-size: 12px;
    color: #818181;
    text-align: left;
    padding-bottom: 4px;
}

span.designedCheckbox {
    height: 15px;
    width: 15px;
    display: inline-block;
    border: 1px solid #dadada;
    border-radius: 3px;
    cursor: pointer;
}

span.designedCheckbox>span {
    display: inline-block;
    width: 9px;
    height: 9px;
    border: 1px solid #dadada;
    margin: 2px;
    background-image: linear-gradient(bottom, #ebebeb 14%, #fefefe 57%);
    background-image: -o-linear-gradient(bottom, #ebebeb 14%, #fefefe 57%);
    background-image: -moz-linear-gradient(bottom, #ebebeb 14%, #fefefe 57%);
    background-image: -webkit-linear-gradient(bottom, #ebebeb 14%, #fefefe 57%);
    background-image: -ms-linear-gradient(bottom, #ebebeb 14%, #fefefe 57%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.14,#ebebeb),color-stop(0.57, #fefefe));
}

span.designedCheckbox.activeCheckbox {
    border: 1px solid #9bb0c6;
}

span.designedCheckbox.activeCheckbox>span {
    border: 1px solid #dbecff;
    background: url('../../images/design/checkbox_checked_background.png') center center no-repeat;
}


.toolbox {
    background: url('../../images/design/strip_background_trp.png') repeat;
    background-color: #ececec;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    height: 32px;
    padding-left: 15px;
}

.toolbox>span:first-child {
    height: 100%;
    width: 0;
    margin: 0;
}

.toolbox>span {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
}

#acceptCookie {
    position: fixed;
    bottom: -80px;
    left: 0;
    z-index: 10000;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #363E59;
    opacity: 0.9;
    border-top: 1px solid #C4272E;
}

#acceptCookie>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1020px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
}

#acceptCookie span {
    width: 700px;
    font-size: 12px;
    color: #FFF;
    line-height: 1.2;
}

#acceptCookie .buttons {
    width: 250px;
    text-align: center;
}

#acceptCookie .buttons>* {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#acceptCookie>div>* {
    display: inline-block;
    vertical-align: middle;
}

#acceptCookie a {
    margin-top: 5px;
    font-family: Arial;
    font-size: 13px;
    color: #FFF;
    text-decoration: underline;
}

#acceptCookie button {
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 5px 15px;
    font-family: PtSansBold;
    font-size: 12px;
    color: #3C4650;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #FFF;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
}

#acceptCookie button:hover,
#acceptCookie button:focus {
    outline: none;
    color: #000;
}

#acceptCookie button:active {
    padding-top: 6px;
    padding-bottom: 4px;
}

.collapsible {
    background-color: #777;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.collapsible.active, .collapsible:hover {
    background-color: #555;
}

.contentcollap {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}