@charset "UTF-8"; /* CSS Document */ * {padding: 0; margin: 0;} body {font: 11px Arial, sans-serif; background: url("../themes/mksk/img/bg_body_2.png") center top repeat-y fixed, url("../themes/mksk/img/bg_body_1.jpg") left top repeat fixed #010101;} /* Basic link management */ a:link, a:visited {color: #B71F24; text-decoration: none;} a:hover {color: #8e8e8e;} a:focus {outline: none;} a {outline: none;} a span {cursor: pointer;} a img {border: 0px;} /* Alligments and stuffs */ .clear {clear: both;} .no-js .js_hidden {display: none !important;} .js .js_visible {display: none !important;} .clearfix {*zoom: 1;} .clearfix:before,.clearfix:after {display: table; line-height: 0; content: "";} .clearfix:after {clear: both;} .bal, .left {text-align: left;} .kozep, .center{text-align: center;} .jobb , .right{text-align: right;} .floatbal, .floatleft, .pull-left {float: left;} .floatjobb, .floatright, .pull-right {float: right;} .noborder, .noborder img {border: 0px solid;} .nopadding {padding: 0px;} .nomargin {margin: 0px;} .hidden {display: none;} .pointer {cursor: pointer;} #main p {padding: 3px 0;} #main ul {margin-left: 20px;} /* Colors */ .maincolor {color: #B71F24} .maincolor2 {color: #FF3333} .white {color: white;} .black {color: black;} .green {color: green;} .gray {color: #BAB5B5;} .darkgray {color: #5C5C5C;} .red {color: red;} .blue {color: blue;} .orange {color: #f58220;} /* Main div management*/ div#wrapper {margin: 0 auto; width: 980px; padding-bottom: 20px;} div#head_top {margin: 0 auto; height: 70px; font-size:46px; line-height: 70px; color: #808080; position: relative;} div#head_top img#logo {position: absolute; right: 0; top: 2px; width: 100px;} div#fastinfo {margin: 0 auto; height: 36px; background: url('../img/template/bg_highlighter.png') repeat-x 0 0;} div#slider {margin: 0 auto; padding: 10px; height: 330px; background: url('../img/template/bg_content.png') repeat-x 0 0 black; color: #8e8e8e;} div#container {display: flex; clear:left; width:980px; overflow:hidden; background:#2d2f31;} div#container div#main {width: 715px; background-color: white; color: #666666;} div#container div#main.flex {display: flex;} div#container div#main div#main_left {width: 420px; background-color: white; padding: 20px 15px 10px; color: #666666;} div#container div#main div#main_right {width: 265px; background-color: #e7e7e7;} div#container div#sidebar {float: left; width: 265px; background-color: #2d2f31; min-height: 440px;} div#bottom, div#partners {clear: both; min-height: 140px; background-color: #2d2f31;} div#bottom div#bottom_left {width: 455px; float: left; } div#bottom div#bottom_center {width: 260px; float: left; } div#bottom div#bottom_right {width: 265px; float: left; } /* Main Menu */ div#menu-container {height: 38px; background: url('../themes/mksk/img/bg_menu.png') repeat-x 0 -38px; border-top-left-radius: 4px; border-top-right-radius: 4px;} div#menu-container ul#menu {margin: 0; padding: 0; list-style: none;} div#menu-container ul#menu li {line-height: 38px; color: #660000; float: left; height: 38px; border-left: 1px solid #B71F24; text-transform: uppercase; position: relative;} div#menu-container ul#menu li:first-child {border-width: 0; border-top-left-radius: 4px;} div#menu-container ul#menu li:hover, div#menu-container ul#menu li.active {background: url('../themes/mksk/img/bg_menu.png') repeat-x 0 0;} div#menu-container ul#menu li a {height: 38px; line-height: 38px; color: #660000; display: block; padding: 0px 7px;} div#menu-container ul#menu li:hover a, div#menu-container ul#menu li.active a {color: white;} div#menu-container ul#menu li.home-menu svg {margin-top: 4px; fill: #660000;} div#menu-container ul#menu li.home-menu:hover svg, div#menu-container ul#menu li.home-menu.active svg {fill: white;} div#menu-container ul#menu ul.sub-menu {position: absolute; z-index: 750; min-width: 150px; left: 1px; top:-99999px; opacity: 0; transition: opacity .4s ease-in-out; list-style: none; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px;} div#menu-container ul#menu ul.sub-menu li {float: none; border: 0; height: 26px; line-height: 26px; background: url('../themes/mksk/img/bg_menu.png') repeat-x 0 -50px; border-radius: 0; padding: 0; margin: 0;} div#menu-container ul#menu ul.sub-menu li:first-child {border-top-right-radius: 3px;} div#menu-container ul#menu ul.sub-menu li:last-child {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} div#menu-container ul#menu ul.sub-menu li:hover, div#menu-container ul#menu ul.sub-menu li.active {background: url('../themes/mksk/img/bg_menu.png') repeat-x 0 0;} div#menu-container ul#menu ul.sub-menu li a {height: 26px; line-height: 26px; color: #660000;} div#menu-container ul#menu ul.sub-menu li:hover a, div#menu-container ul#menu ul.sub-menu li.active a {color: white;} div#menu-container ul#menu li.multiple:hover ul.sub-menu {top: 30px; opacity: 1;} /* Other */ div#ticket_title {float: left; color: white; margin-left: 10px;} div#main_date {float: right; color: #FF3333;} div.musicplayer {position: absolute; bottom: 0; right: 0; width: 30px; height: 30px;} /* Buttons */ .button {color: #e7e7e7; background: #222; border: 1px solid #B71F24; border-radius: 4px; font-size: 10px; font-weight: bold; height: 20px; padding: 0 8px; margin: 8px 12px 0 0; text-transform: uppercase; width: auto; display: inline-block;} a.button span {line-height: 20px;} a.button {color: #e7e7e7;} .button:hover {color: #fff; background-color: #000} .button[disabled] {text-decoration: line-through; color: #aaa; cursor: not-allowed;} /* Highlight title */ div.highlight {font-size: 10px; font-weight: bold; height: 17px; margin: 8px 12px 0 0; text-align: right; text-transform: uppercase; width: auto;} div.highlight span {display: block; height: 17px; line-height: 16px; margin-right: 11px; padding-left: 11px;} div.highlight {background: url('../img/template/bg_highlighter_right.png') no-repeat scroll right 0 transparent;} div.highlight span {background: url('../img/template/bg_highlighter_left.png') no-repeat scroll left 0 transparent;} /* Modules (main -> right -> big) */ div.moduletable h3 {font-size: 10px; height: 46px; line-height: 38px; margin: 0 !important; text-align: left; text-indent: 15px; width: 100%;} div.moduletable h3 span {display: block; float: left; font-weight: bold; height: 46px; padding: 0; text-transform: uppercase; width: 99.9%;} div.moduletable h3 {background: url('../img/template/moduletable_normal_h3.png') repeat-x scroll left top transparent;} div.moduletable h3 span {background: url('../img/template/moduletable_normal_h3_shape.png') no-repeat scroll 15px bottom transparent; color: #B71F24;} div.moduletable h3 span strong {color: #FFFFFF;} div.moduletable {color: #8E8E8E;} div.moduletable div.data, div#main div.moduletable div.data {padding: 10px;} div#main_right div.moduletable h3 {background: url('../img/template/moduletable_right_h3.png') repeat-x scroll left bottom transparent;} div#main_right div.moduletable h3 span {background: url('../img/template/moduletable_right_h3_shape.png') no-repeat scroll 15px bottom transparent; color: #808080;} div#main_right div.moduletable h3 span strong {color: #383838;} div#main_right div.moduletable {color: #333333;} div#main div#breadcrumbs {height: 46px; width: 100%; background: url('../img/template/big_head_bg.png') repeat-x scroll left bottom transparent;} div#main div#breadcrumbs h3 {font-size: 10px; height: 46px; line-height: 38px; margin-left: 15px; overflow: hidden; text-overflow: ellipsis;} div#main div#breadcrumbs h3 span {font-weight: bold; height: 46px; text-transform: uppercase; color: #808080;} div#main div#breadcrumbs h3 span strong {color: #383838;} div#main div#breadcrumbs p {margin: 0; padding: 0;} div#main div.data {padding: 0 20px 20px;} hr.container-separator {margin: 10px 2px; color: #999;} /* Breadcrumbs navigation and infos */ div#breadcrumbs div#breadcrumbs-home {height: 26px; padding-left: 10px; float:left; width: 35px;} div#breadcrumbs div#breadcrumbs-navigation {height: 38px; float:left; width: 470px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} div#breadcrumbs div#breadcrumbs-navigation h3 span a {color: #8e8e8e;} div#breadcrumbs div#breadcrumbs-navigation h3 span a:hover {color: #636363;} div#breadcrumbs div#breadcrumbs-navigation h3 span strong a {color: #383838;} div#breadcrumbs div#breadcrumbs-navigation h3 span strong a:hover {color: #636363;} div#breadcrumbs div#breadcrumbs-info {height: 38px; float:right; width: 200px; text-align: right; color: #8e8e8e;} div#breadcrumbs div#breadcrumbs-info p {margin: 2px 0;} div#breadcrumbs div#breadcrumbs-info p.noupdate {margin: 11px 0 0;} select.selector {background-color: #FDFCFD; border: 1px solid gray; color: #383838; font-size: 10px; height: 22px; margin: 6px; padding: 2px; text-transform: capitalize;} select.selector optgroup {padding: 2px 5px; font-style: normal; font-weight: bold;} select.selector option {padding: 2px 5px;} .no-js .redirect-form select.selector {width: 150px;} .redirect-form .redirect-submit {display: none;} .no-js .redirect-form .redirect-submit {display: block; float: right; height: 22px; margin: 6px 5px 6px 2px;} /* Breadcrumbs icons */ #breadcrumbs-home a {background: url('../img/template/icon-set2.png') no-repeat scroll 0 -66px transparent;} #breadcrumbs-home a {display: block; height: 26px; width: 26px; margin-top: 5px;} #breadcrumbs-home a:hover {background-position: -32px -66px;} #breadcrumbs-info a.fbshare {background: url('../img/template/icon-set2.png') no-repeat scroll -66px 0 transparent; cursor: pointer;} #breadcrumbs-info a.fbshare {display: block; height: 26px; width: 26px; margin: 5px 5px 5px 0; float: right;} #breadcrumbs-info a.fbshare:hover {background-position: -66px -31px;} #breadcrumbs-info a.print {background: url('../img/template/icon-set2.png') no-repeat scroll -32px 0 transparent; cursor: pointer;} #breadcrumbs-info a.print {display: block; height: 26px; width: 26px; margin: 5px; float: right;} #breadcrumbs-info a.print:hover {background-position: -32px -31px;} #breadcrumbs-info img.active {float: right; margin: 8px 0 0 5px;} #breadcrumbs-info img.archive {float: right; margin: 8px 0 0 5px;} /* Pager */ div#main_pager {margin-top: 10px; clear:both; text-align: left;} /* News */ div.data.news div.newsentry {border-bottom: 1px solid #e7e7e7; height: 120px; margin-bottom: 15px;} div.data.news div.newsentry div.imagecontainer {width: 150px; margin: 20px 10px 0; height: 100px; float: left; text-align: center;} div.data.news div.newsentry div.imagecontainer div.img {height: 90px; overflow: hidden;} div.data.news div.newsentry div.imagecontainer img {height: 90px;} div.data.news div.newsentry div.infocontainer h4{color: #b30b0d; font-size: 12px; font-weight: bold; margin-bottom: 2px;} div.data.news div.newsentry div.infocontainer {height: 102px;} div.data.news div.newsentry div.description {width: 330px; height: 84px; float: left; overflow: hidden;} div.data.news div.newsentry div.additionalinfo {width: 150px; height: 84px; float: right; text-align: right; overflow: hidden; border-left: 1px solid #e7e7e7;} div.data.news div.newsentry div.additionalinfo strong {color: #2d2f31; font-weight: normal;} div.data.news div.newsentry div.readmorecontainer {width: 520px; height: 18px; text-align: right;} div.data.news div.newsentry a {color: #B71F24;} div.data.news div.newsentry a:hover {color: #8e8e8e;} /* Article */ div.data.article h1 {color: #B71F24; font-size: 20px; margin-bottom: 10px;} div.data.article h1 a {color: #B71F24;} div.data.article h1 a:hover {color: #8e8e8e;} div.data.article div.summary {font-weight: bold; border-bottom: solid 1px gray; margin-bottom: 5px; padding-bottom: 5px;} div.data.article div.imagecontainer {width: 150px; margin-right: 10px; height: 100px; float: left; text-align: center;} div.data.article div.imagecontainer div.img {height: 90px; overflow: hidden;} div.data.article div.imagecontainer img {height: 90px;} div.data.article img.pull-left {margin: 5px 10px 5px 0; width: 150px;} div.data.article img.pull-right {margin: 5px 0 5px 10px; width: 150px;} div.data.article img.centered {margin: 5px 0; max-width: 590px;} div.data.article ul, div.data.article ol {margin-left: 30px; padding: 0;} div.data.article div.article_files {float: left; color: #494949;} div.data.article div.article_files ul {margin: 0 0 0 20px; padding: 0;} div.data.article div.article_files ul li {margin: 0; padding: 2px 0 0 2px;} div.data.article div.article_files ul li a {color: #B71F24;} div.data.article div.article_files ul li a:hover {color: #8e8e8e;} div.data.article div.article_author {float: right; clear: both; color: #494949; text-align: right; margin: 0 15px 0 0;} div.data.article div.article_author .author, div.data.article div.article_author .source {padding: 2px; text-align: right;} div.data.article div.article_author .author span, div.data.article div.article_author .source span {color: #B71F24;} div.data.article div.article_comments {padding-top: 20px; text-align: center;} div.data.article div.article_comments p.comments {margin: 0px; text-align: left; font-weight: bold; font-size: 12px;} /* Standings, Events */ div.data table.table {width: 100%;} div.data table.table caption{caption-side: bottom; font-size: 12px; line-height: 16px; margin-top: 5px; text-align: right;} div.data table.table caption span{color: #B71F24;} div.data table.table th {border-collapse: collapse; border: 1px solid gray; padding: 2px 5px; color: #444444;} div.data table.table td {border-collapse: collapse; border-bottom: 1px solid gray; padding: 2px 5px; text-align: center; } div.data table.table th a {display: block; color: #444444;} div.data table.table th.asc, div.data.events table.table th.desc {background-color: #E7E7E7;} div.data table.table th.asc a, div.data.events table.table th.desc a {color: #B71F24;} div.data table.table th a:hover {color: #B71F24;} div.data table.table tbody tr:hover {background-color: #e7e7e7;} div.data table.table td a {color: #666666; display: block;} div.data table.table tr.highlight {color: #B71F24; font-weight: bold;} div.data table.table tr.highlight td a {color: #B71F24;} div.data table.table tr.deleted {color: gray; font-style: italic;} /* Standings */ div.data.standings table.table td.team {text-align: left; width: auto;} div.data.standings table.table td.pont {font-weight: bold;} /* Events */ div.data.events table.table td.round {width: 30px;} div.data.events table.table td.date {width: 65px;} div.data.events table.table td.day {width: 60px;} div.data.events table.table td.time {width: 35px;} div.data.events table.table td.score {width: 60px;} div.data.events table.table td.own {font-weight: bold;} div.data.events table.table tr.old {background-color: #f2f2f2;} div.data.events table.table tr.old:hover {background-color: #e7e7e7;} /* Results */ div#main div.data.results div.data {padding: 10px} /* Results - Awards */ div.data.awards table.table td.date {width: 110px;} div.data.awards table.table td.division {width: 50px;} div.data.awards table.table td.position {width: 60px;} div.data.awards table.table td.position img {vertical-align: middle;} /* Results - Stat */ div.data.results ul.stat {margin: 10px 0;} div.data.results ul.stat span {color: #B71F24; font-weight: bold;} /* Players */ div.data.players .accordion-heading {text-transform: capitalize;} div.data.players #team-picture {max-width: 90%; display: block; margin: 0 auto;} div.data.players div.players_info {margin-top: 10px; padding-top: 5px; border-bottom: 1px solid gray;} div.data.players div.players_info:hover {background-color: #FAFAFA;} div.data.players div.players_info div.name {color:#B71F24; width: 530px; font-weight: bold; font-size: 14px; line-height: 20px;} div.data.players div.players_info div.name span {color: gray; font-size: 12px; line-height: 20px;} div.data.players div.players_info div.datatype {width: 530px; margin: 3px 0; font-weight: bold;} div.data.players div.players_info div.datatype span {margin: 3px 0; font-weight: normal; color: gray;} div.data.players div.players_info div.info {width: 530px;} div.data.players div.players_info img.avatar {margin-left: 5px; float: right; padding: 2px; width: 100px;} /* Gallery */ div.data.gallery {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px 10px;} div.data.gallery div.imagecontainer {height: auto; display: flex; flex-direction: column; text-align: center;} div.data.gallery div.imagecontainer div.titlearea h2 {font-size: 12px; color: #B71F24; margin-bottom: 0;} div.data.gallery div.imagecontainer p {color: #8e8e8e; margin-bottom: 2px;} div.data.gallery div.imagecontainer div.img {margin-top: auto; height: 120px; overflow: hidden;} div.data.gallery div.imagecontainer img {height: 120px;} /* Contact */ div.data.contact_main div.info {width: 200px; float: left; margin-left: 10px;} div.data.contact_main div#map_canvas {width: 460px; height: 250px; float: right;} div.data.contact_main h3{font-size: 12px; color: #B71F24; margin: 5px 0;} div.data.contact_main h3.phone {padding-left: 25px; background: url('../img/template/icon-set1.png') left -300px no-repeat; } div.data.contact_main h3.email {padding-left: 25px; background: url('../img/template/icon-set1.png') left 0 no-repeat; } div.data.contact_main h3.home {padding-left: 25px; background: url('../img/template/icon-set1.png') left -1500px no-repeat; } div.data.contact_main h3.mail {padding-left: 25px; background: url('../img/template/icon-set1.png') left -1800px no-repeat; } div.data.contact_main ul {list-style: square; margin-bottom: 10px;} div.data.contact_main a {color: #2d2f31;} div.data.contact_main a:hover{color: #8e8e8e;} div.data.contact_main p.info {margin: 10px;} /* Shop */ div.data.shop div.shopentry {border-bottom: 1px solid #e7e7e7; height: 120px; margin-bottom: 15px;} div.data.shop div.shopentry div.imagecontainer {width: 150px; margin: 20px 10px 0; height: 100px; float: left; text-align: center;} div.data.shop div.shopentry div.imagecontainer div.img {height: 90px; overflow: hidden;} div.data.shop div.shopentry div.imagecontainer img {height: 90px;} div.data.shop div.shopentry div.infocontainer h4 {color: #b30b0d; font-size: 12px; font-weight: bold; margin-bottom: 2px;} div.data.shop div.shopentry div.infocontainer {height: 102px;} div.data.shop div.shopentry div.description {width: 330px; height: 84px; float: left; overflow: hidden;} div.data.shop div.shopentry div.additionalinfo {width: 150px; height: 84px; float: right; text-align: right; overflow: hidden; border-left: 1px solid #e7e7e7;} div.data.shop div.shopentry div.additionalinfo div.price {font-size: 13px; color: #777; font-weight: bold;} div.data.shop div.shopentry div.additionalinfo div.price {font-size: 12px; color: #777; font-weight: bold; text-align: right;} div.data.shop div.shopentry div.additionalinfo div.price span {color: #B71F24;} div.data.shop div.shopentry div.datasheet {height: 18px; text-align: right;} div.data.shop div.shopentry a {color: #B71F24;} div.data.shop div.shopentry a:hover {color: #8e8e8e;} /* Product */ div.data.product h1 {color: #B71F24; font-size: 20px; margin-bottom: 10px;} div.data.product h1 a {color: #B71F24;} div.data.product h1 a:hover {color: #8e8e8e;} div.data.product div.summary {font-weight: bold; border-bottom: solid 1px gray; margin-bottom: 5px; padding-bottom: 5px;} div.data.product div.imagecontainer {width: 150px; margin-right: 10px; height: 100px; float: left; text-align: center;} div.data.product div.imagecontainer div.img {height: 90px; overflow: hidden;} div.data.product div.imagecontainer img {height: 90px;} div.data.product img.pull-left {margin: 5px 10px 5px 0; width: 150px;} div.data.product img.pull-right {margin: 5px 0 5px 10px; width: 150px;} div.data.product img.centered {margin: 5px 0; max-width: 590px;} div.data.product div.price {font-size: 12px; color: #777; font-weight: bold; text-align: right;} div.data.product div.price span {color: #B71F24;} /* Track */ div.data.track table.calendar-head th {width: 89px; border: 1px solid gray;} div.data.track.divided table.calendar-head th {width: 44px;} div.data.track table.calendar-head th.first-col {width: 43px;} div.data.track #track-calendar {position: relative; width: 100%;} div.data.track #track-calendar .scroll-up { width: 100%; position: absolute; top: 0; background-color: rgba(60,60,60,0.5); border-bottom: 1px solid rgba(60,60,60,0.8); z-index: 501; -webkit-transition: height 0.3s ease-out; -moz-transition: height 0.3s ease-out; -transition: height 0.3s ease-out; height: 0; overflow: hidden;} div.data.track #track-calendar .scroll-down { width: 100%; position: absolute; bottom: 0; background-color: rgba(60,60,60,0.5); border-top: 1px solid rgba(60,60,60,0.8); z-index: 501; -webkit-transition: height 0.3s ease-out; -moz-transition: height 0.3s ease-out; -transition: height 0.3s ease-out; height: 0; overflow: hidden;} div.data.track #track-calendar:hover .scroll-up, div.data.track #track-calendar:hover .scroll-down {height: 15px; } div.data.track table.calendar-body {border: 0px solid gray;} div.data.track table.calendar-body td {width: 89px; border: 1px solid gray;} div.data.track.divided table.calendar-body td {width: 44px;} div.data.track table.calendar-body td.first-col {width: 43px; font-weight: bold; text-align: center; vertical-align: top;} div.data.track table.calendar-body tr:first-child td {border-top-width: 0;} div.data.track table.calendar-body tr.lastrow td {border-bottom-width: 0;} div.data.track #track-calendar .scroll-area {width: 100%; overflow: hidden; border-bottom: 1px solid gray;} .js div.data.track #track-calendar .scroll-area {height: 544px} div.data.track #track-calendar .scroll-content {height: 816px; width: 100%; position: relative;} div.data.track #track-calendar div.calendar-event {position: absolute; overflow: hidden; line-height: 15px; font-size: 11px; transition: height 0.15s ease-out, width 0.15s ease-out, opacity 0.15s ease-out, left 0.15s ease-out;} div.data.track #track-calendar div.calendar-event:hover {z-index: 510 !important;} div.data.track #track-calendar div.calendar-event.type-0 {background-color: rgba(196,196,196,0.8);} div.data.track #track-calendar div.calendar-event.type-0:hover, div.data.track #track-explanation .icon.type-0 {background-color: rgba(196,196,196,1);} div.data.track #track-calendar div.calendar-event.type-1 {background-color: rgba(255,125,125,0.8);} div.data.track #track-calendar div.calendar-event.type-2 {background-color: rgba(255,125,125,0.8);} div.data.track #track-calendar div.calendar-event.type-1:hover, div.data.track #track-calendar div.calendar-event.type-2:hover, div.data.track #track-explanation .icon.type-1, div.data.track #track-explanation .icon.type-2 {background-color: rgba(255,125,125,1);} div.data.track #track-calendar div.calendar-event.track-type-1 {background-color: rgba(255,125,125,0.8);} div.data.track #track-calendar div.calendar-event.track-type-1:hover, div.data.track #track-explanation .icon.track-type-1 {background-color: rgba(255,125,125,1);} div.data.track #track-calendar div.calendar-event.track-type-2 {background-color: rgba(155,220,133,0.8);} div.data.track #track-calendar div.calendar-event.track-type-2:hover, div.data.track #track-explanation .icon.track-type-2 {background-color: rgba(155,220,133,1);} div.data.track #track-calendar div.calendar-event.track-type-3 {background-color: rgba(255,235,34,0.8);} div.data.track #track-calendar div.calendar-event.track-type-3:hover, div.data.track #track-explanation .icon.track-type-3 {background-color: rgba(255,235,34,1);} div.data.track #track-calendar div.calendar-event.track-type-4 {background-color: rgba(100,310,255,0.8);} div.data.track #track-calendar div.calendar-event.track-type-4:hover, div.data.track #track-explanation .icon.track-type-4 {background-color: rgba(100,310,255,1);} div.data.track #track-calendar div.calendar-event div.calendar-event-wrapper {padding: 2px;} div.data.track #calendar_pager {height: auto;} div.data.track #calendar_pager a {height: 30px; line-height: 30px; font-weight: bold;} div.data.track #track-explanation {list-style-type: none; margin-top: 6px;} div.data.track #track-explanation .icon {border: 1px solid gray; border-radius: 50%; display: inline-block; height: 10px; width: 10px; vertical-align: middle;} div.data.trackregister .steps {padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;} div.data.trackregister .steps table {table-layout: fixed; font-size: 13px; width: 100%;} div.data.trackregister .steps table .step span {font-size: 18px; color: #636363;} div.data.trackregister .steps table .step.active span {color: #B71F24;} div.data.trackregister h3 {margin: 10px 0; color: #666;} div.data.trackregister .button {margin-top: 30px;} div.data.trackregister .entry-counter {margin: 10px 10px 10px 0;} div.data.trackregister .entry-counter > span {font-weight: bold;} div.data.trackregister #trackDatesNew {margin: 0; clear: both;} div.data.trackregister .infobox {padding-bottom: 8px; color: #888;} div.data.trackregister .infobox .invalid {color: red;} div.data.trackregister #registerTrackDates .infobox {margin-top: 10px;} div.data.trackregister table.track-msg {width: 100%; table-layout: fixed; margin-top: 10px;} div.data.trackregister table.track-msg:first-child {margin-top: 0;} div.data.trackregister table.track-msg caption {text-align: left; font-weight: bold; font-size: 12px; margin-bottom: 10px;} div.data.trackregister table.track-msg td, .track-msg th {text-align: left; vertical-align: top; border: 1px solid; padding: 2px 5px;} div.data.trackregister table.track-msg .date {width: 100px;} div.data.trackregister .userdata .row {padding-bottom: 4px;} div.data.trackregister .userdata .row label {display: inline-block; width: 120px;} div.data.trackregister .userdata .row input {width: 200px; border: 1px solid #aaa; padding: 2px 5px;} div.data.trackregister .userdata .row.valid input {border-color: green;} div.data.trackregister .userdata .row.valid .status {color: green;} div.data.trackregister .userdata .row.invalid input {border-color: red;} div.data.trackregister .userdata .row.invalid .status {color: red;} div.data.trackregister .trackdata table {width: 100%;} div.data.trackregister .trackdata table .entrycol {width: 10px;} div.data.trackregister .trackdata table .datecol {width: 80px;} div.data.trackregister .trackdata table .timecol {width: 110px;} div.data.trackregister .trackdata table .typecol {width: 150px;} div.data.trackregister .trackdata table .typecol select {height: 20px; width: 150px;} div.data.trackregister .trackdata table .infocol {vertical-align: middle;} div.data.trackregister .trackdata table .statuscol {width: 30px; text-align: center;vertical-align: middle;} div.data.trackregister .trackdata table .statuscol:after {content:""; background: white; width: 15px; height: 15px; display: inline-block; border-radius: 50%; border: 1px solid gray;} div.data.trackregister .trackdata table .loading .statuscol {background: url('../img/template/loading.gif') no-repeat scroll 50% 50% transparent;} div.data.trackregister .trackdata table .loading .statuscol:after {display: none;} div.data.trackregister .trackdata table .empty .statuscol:after {background-color: #DE0909;} div.data.trackregister .trackdata table .oldtime .statuscol:after {background-color: #DE0909;} div.data.trackregister .trackdata table .timeorder .statuscol:after {background-color: #DE0909;} div.data.trackregister .trackdata table .taken .statuscol:after {background-color: #DE0909;} div.data.trackregister .trackdata table .doubt .statuscol:after {background-color: #F79C0A;} div.data.trackregister .trackdata table .ok .statuscol:after {background-color: #008000;} div.data.trackregister .trackdata table .delete-row {opacity: 0.5; cursor: pointer; width: 16px; background: url('../img/template/icon_delete.png') no-repeat scroll 50% 50% transparent;} div.data.trackregister .trackdata table .delete-row:hover {opacity: 1;} div.data.trackregister .trackdata th, div.data.trackregister .trackdata td {text-align: left; padding: 8px 5px; border-bottom: 1px solid #888; vertical-align: top;} div.data.trackregister .trackdata tr input {border: 1px solid #aaa; padding: 2px 5px;} div.data.trackregister .trackdata tr input.trackdate {width: 60px;} div.data.trackregister .trackdata tr input.tracktime {width: 30px;} #ui-datepicker-div.ui-datepicker {font-size: 10px; line-height: 14px;} #ui-datepicker-div.ui-datepicker span {color: #B71F24;} #ui-datepicker-div.ui-datepicker .ui-state-active {background-color: #B71F24; background-image: none; color: #fff;} /* Program */ div.data.program #datepicker {font-size: 10px; line-height: 14px;} div.data.program #datepicker .ui-datepicker-prev, div.data.program #datepicker .ui-datepicker-next {display: none;} div.data.program #datepicker span {color: #B71F24;} div.data.program #datepicker .ui-state-active {background-color: #B71F24; background-image: none; color: #fff;} div.data.program table.table {margin-bottom: 15px;} div.data.program table.table th, div.data.program table.table td {text-align: left; border: 0; padding: 5px 10px;} div.data.program table.table thead tr {border-bottom: 1px solid #bbb;} div.data.program table.table tbody tr {border-bottom: 1px solid #bbb;} div.data.program table.table tbody tr:last-child {border-bottom: 0;} div.data.program table.table.highlight th, div.data.program table.table.highlight td {color: #B71F24;} div.data.program table.old {color: gray;} div.data.program table td.time {width: 90px;} div.data.program table tr td.time .badge {font-size: 9px;} /* Polls */ div.data.polls h3 {font-size: 12px; color: #B71F24; border-bottom: 1px solid gray;} div.data.polls p {margin-top: 5px;} div.data.polls ul {margin-top: 10px;} div.data.polls div.answer {padding: 3px; color: #2d2f31;} div.data.polls div.bar_outer {width: 100%; height: 10px; padding: 1px; border: 1px solid #808080;} div.data.polls div.bar_inner {height: 10px; background: none repeat scroll 0% 0% #B71F24;} div.data.polls div.selectedpoll {padding-bottom: 10px; margin-left: 10px;} div.data.polls div.selectedpoll div.selectedpoll_area {float:left; width: 400px;} div.data.polls div.selectedpoll div.selectedpoll_info {float: right; width: 180px;} div.data.polls div.selectedpoll div.selectedpoll_info ul {margin: 0px; margin-left: 20px; padding: 0px; list-style: square;} div.data.polls div.selectedpoll div.selectedpoll_info ul li {margin: 0px; padding: 0px;} div.data.polls div.selectedpoll div.selectedpoll_info ul li {margin: 0px; padding: 0px;} /* Archive */ div.data.archive img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } /* Footer */ div#footer {background: url('../img/template/bg_footer.png') repeat-x scroll 0 0 transparent; color: #636363; font-size: 11px; height: 22px; padding: 8px 15px 15px 5px;} div#footer a {color: #636363;} div#footer a span.active {color: #b0b0b0;} div#footer a:hover, div#footer a:hover span.active{color: #D6D6D6;} div#footer div#footer_menu {float: left; width: auto;} div#footer div#footer_menu ul.menu li {float:left; list-style: none; line-height: 22px; margin: 0 10px;} div#footer div#footer_info {float: right; width: auto; line-height: 22px;} div#footer div#footer_info span {color: white;} div#footer div#footer_info a {color: white;} div#footer div#footer_info a:hover {color: #B71F24;} /* Image Slider */ div#imageslider {float: left; width: 550px; height: 330px; margin-right: 20px;} div#newsslider {float: right; width: 390px; height: 330px; padding: 0; position: relative;} div#imageslider ul {margin: 0; padding: 0;} div#imageslider ul li {display: block;} div#imageslider div.currentimage {width: 550px; height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0; padding: 0px;} div#imageslider div.currentimage div.currentimage_wrapper {height: 220px;} div#imageslider div.currentimage div.description {height: 70px; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.65); color: #eeeeee; padding: 5px 10px; overflow: hidden;} div#imageslider div.currentimage div.description h1 {color: #B71F24; font-size: 20px; margin: 0;} div#imageslider div.currentimage div.description a {color: #B71F24;} div#imageslider div.currentimage div.description a:hover {color: #8e8e8e;} /* News Slider (Top, right) */ div#newsslider div.newsentry {border-bottom: 1px solid #e7e7e7; height: 140px; margin-bottom: 15px;} div#newsslider div.newsentry div.imagecontainer {width: 150px; margin-top: 20px; margin-left: 10px; height: 100px; float: right; text-align: center;} div#newsslider div.newsentry div.imagecontainer div.img {height: 90px; overflow: hidden;} div#newsslider div.newsentry div.imagecontainer img {height: 90px;} div#newsslider div.newsentry div.infocontainer h4 {color: #b30b0d; font-size: 12px; font-weight: bold; margin-bottom: 2px;} div#newsslider div.newsentry div.infocontainer {height: 122px; overflow: hidden;} div#newsslider div.newsentry div.readmorecontainer {height: 18px; text-align: left;} div#newsslider div.newsentry a {color: #B71F24;} div#newsslider div.newsentry a:hover {color: #e7e7e7;} /* News Slider (Main, left) */ div#main_left div.newsentry {border-bottom: 1px solid gray; height: 95px; margin-bottom: 10px;} div#main_left div.newsentry div.imagecontainer {width: 100px; margin-top: 10px; margin-right: 10px; height: 70px; float: left; text-align: center;} div#main_left div.newsentry div.imagecontainer div.img {height: 60px; overflow: hidden;} div#main_left div.newsentry div.imagecontainer img {height: 60px;} div#main_left div.newsentry div.infocontainer h4 {color: #b30b0d; font-size: 12px; font-weight: bold; margin-bottom: 2px;} div#main_left div.newsentry div.infocontainer {height: 80px; overflow: hidden;} div#main_left div.newsentry div.readmorecontainer {height: 18px; text-align: right;} div#main_left div.newsentry a {color: #B71F24;} div#main_left div.newsentry a:hover {color: #8e8e8e;} /* Partners Slider */ div#partners .partners-slider-item li {float: left; list-style: none; margin: 0 10px;} div#partners .partners-slider-item li:after {clear: both; content: "";} div#partners .bx-controls .bx-pager {margin-bottom: 8px;} /* Actual Poll */ div.moduletable div#poll p {margin-top: 5px;} div.moduletable div#poll div.answer {padding: 3px; color: #e7e7e7;} div.moduletable div#poll div.bar_outer {width: 431px; height: 10px; padding: 1px; border: 1px solid #808080;} div.moduletable div#poll div.bar_inner {height: 10px; background: none repeat scroll 0% 0% #B71F24;} /* Banners, links */ div.moduletable div#links ul {margin: 0px; margin-left: 20px; padding: 0px; list-style: square;} div.moduletable div#links ul li {margin: 0px; padding: 0px;} div.moduletable div#links a {color: #636363} div.moduletable div#links a:hover {color: #e7e7e7;} div.moduletable div#banners {text-align: center; padding: 10px 5px 5px;} div.moduletable div#banners img {max-width: 100%;} /* FB */ div.moduletable div.fb-page {min-height: 75px;} /* Counter */ div.moduletable div#counter h4 {font-size: 11px; color: #B71F24;} div.moduletable div#counter h4 strong {color: #383838;} div.moduletable div#counter p {margin: 2px 2px 5px;} div.moduletable div#counter div#teams {text-align: center; margin-top: 2px;} div.moduletable div#counter div#teams h5 {font-size: 12px;} div.moduletable div#counter p#counter_remeaning {text-align: center; font-weight: bold; color: #606060;} /* Fast Contact */ div.moduletable div#contact h4 {font-size: 11px; margin-bottom: 4px; color: #B71F24;} div.moduletable div#contact h4 strong {color: #e7e7e7;} div.moduletable div#contact p {margin: 2px 2px 5px 5px;} div.moduletable div#contact h4.phone {padding-left: 25px; background: url('../img/template/icon-set1.png') left -300px no-repeat; } div.moduletable div#contact h4.email {padding-left: 25px; background: url('../img/template/icon-set1.png') left 0 no-repeat; } div.moduletable div#contact h4.home {padding-left: 25px; background: url('../img/template/icon-set1.png') left -1500px no-repeat; } div.moduletable div#contact h4.mail {padding-left: 25px; background: url('../img/template/icon-set1.png') left -1800px no-repeat; } div.moduletable div#contact a {color: #8e8e8e;} div.moduletable div#contact a:hover {color: #e7e7e7;} /* Gallery Slider*/ div#galeria_slider {height:132px; margin: 0 auto;} div#galeria_slider ul {margin: 0px;} div#galeria_slider ul li {position: absolute; list-style: none; width: 240px; text-align: center;} div#galeria_slider ul li img {border:1px solid #ccc; padding: 2px; background: #FFF;} div#galeria_slider ul li.show {z-index:5;} /* Actual Table */ div#actual_table {padding: 0; color: #e7e7e7;} div#actual_table table {width: 100%;} div#actual_table table th {border-collapse: collapse; border: 1px solid gray;padding: 2px 5px;} div#actual_table table td {border-collapse: collapse; border-bottom: 1px solid gray; padding: 2px 5px;} div#actual_table table tbody tr.maincolor {font-weight: bold;} div#actual_table table tbody tr.deleted {color: gray;} div#actual_table table tbody tr.deleted a {color: gray;} div#actual_table table tbody tr.deleted a:hover {color: #dddddd;} div#actual_table table tbody tr.deleted:hover {color: #dddddd;} div#actual_table table tbody tr.deleted:hover a {color: #dddddd;} div#actual_table table thead th.pont {width: 25px;} div#actual_table table tbody tr td.pont {text-align: right; padding-right: 10px;} div#actual_table table tbody tr td.helyezes {text-align: center;} div#actual_table table tbody tr:hover {background-color: #8e8e8e;} div#actual_table table tbody tr td a {color: #e7e7e7; display: block;} div#actual_table table tbody tr td a:hover {color: #dddddd;} div#actual_table p.more {text-align: right; margin-top: 5px;} /* liScroll */ #newsticker {float: left; width: 630px; margin: 0; height: 36px; overflow: hidden;} #newsticker .tickercontainer { width: 630px; height: 36px; margin: 0; padding: 0; overflow: hidden; line-height: 36px;} #newsticker .tickercontainer .mask { position: relative; left: 5px; top: 0; width: 620px; overflow: hidden;} #newsticker ul {position: relative; list-style-type: none; margin: 0; padding: 0; height: 32px; overflow: hidden;} #newsticker ul li {float: left; margin: 0; padding: 0; line-height: 32px;} #newsticker ul a {color: #c6c6c6;} #newsticker ul a:hover {color: white;} #newsticker ul span {margin: 0 30px 0 30px;} #newsticker ul strong {color: #FF3333;} /* Bootstrap - Alert */ .alert {padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .alert,.alert h4 {color: #c09853;} .alert h4 {margin: 0;} .alert .close {position: relative; top: -2px; right: -21px; line-height: 20px;} .alert-success {color: #468847; background-color: #dff0d8; border-color: #d6e9c6;} .alert-success h4 {color: #468847;} .alert-danger,.alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7;} .alert-danger h4, .alert-error h4 {color: #b94a48;} .alert-info {color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1;} .alert-info h4 {color: #3a87ad;} /* Bootstrap - Accordion */ .accordion {margin-bottom: 20px;} .accordion-group {margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .accordion-heading {border-bottom: 0;} .accordion-heading .accordion-toggle { display: block; padding: 8px 15px;} .accordion-toggle {cursor: pointer} .accordion-inner {padding: 9px 15px; border-top: 1px solid #e5e5e5;} .collapse {position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;} .collapse:target, .collapse.in {height: auto;} /* Scroll */ .scroll-up {background-image: url('../img/template/scroll-arrows.png'); background-position: center 1px; background-repeat: no-repeat; cursor: pointer;} .scroll-up:hover {background-position: center -30px;} .scroll-down {background-image: url('../img/template/scroll-arrows.png'); background-position: center -15px; background-repeat: no-repeat; cursor: pointer;} .scroll-down:hover {background-position: center -46px;} /* Order */ table th.sort a span { background: transparent url("../themes/mksk/img/order.png") 0 center no-repeat scroll; padding-left: 8px; } table th.asc a span, table th.sort a:hover span, table th.desc a:hover span { background-position: -747px center; } table th.desc a span, table th.asc a:hover span { background-position: -1495px center; } table th.sort a { display: block; } /* Cookie policy */ #cookie-policy { position: fixed; left: 0; rigth: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: 12px; padding: 12px; } .flex {display: flex;} .h-full {height: 100%;} .w-full {width: 100%;}