@charset "UTF-8";
/*	$pie-behavior: url("/themes/pelikone/PIE.htc");
	$pie-base-class: pie-element;
	.pie-element {pie-element: relative;}

*/
.sadblob-empty {
  display: none;
}

/* normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 0;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, dl, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

li, dd, dt, h1, h2, h3, h4, p {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/* colors */
.orange {
  color: #a97f0f;
}

/* to be changed to %placeholders when compass supports */
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.rounded {
  border-radius: 3px;
}

.border {
  border: 1px solid rgb(208.44, 208.44, 208.44);
}

.animate {
  transition: all 0.25s ease-in-out;
}

.inline-block {
  display: inline-block;
}

.border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.user-select-none {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* font family */
/* font sizes */
::-moz-selection {
  background: rgb(0, 74.2, 105);
  text-shadow: none;
  color: #fff;
}

::selection {
  background: #006a96;
  text-shadow: none;
  color: #fff;
}

/* forms */
button {
  width: auto;
  overflow: visible;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=button]::-moz-focus-inner {
  border: 0;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button, input {
  line-height: normal;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

.readable {
  font-size: 15px;
  width: 90%;
}

.readable h1 {
  margin-bottom: 20px;
}

.readable button, .readable input, .readable textarea, .readable label {
  margin-right: 5px;
  vertical-align: center;
}

.readable button, .readable input, .readable textarea {
  display: inline;
  font-size: 15px;
  line-height: 1;
  border-radius: 2px;
  padding: 5px 7px;
  border: medium none;
  transition: all 0.25s ease-in-out;
}

.readable input[type=text] {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #fff;
  border: medium none;
  background: #fff;
}

.no-boxshadow .readable input[type=text],
.no-boxshadow .input-text {
  border: 1px solid #ccc !important;
}

.readable fieldset input.form-text, .readable fieldset textarea {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #fff;
  background: #fff;
  border-radius: 2px;
}

.readable select {
  padding: 4px 5px 4px 8px;
  font-size: 13px;
  line-height: 1;
  border: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #fff;
  background: #fff;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.readable ol li {
  margin-bottom: 10px;
}

.readable form {
  clear: both;
  width: 100%;
  margin-bottom: 20px;
}

/*.readable label { display:block;width:100%;line-height:26px }*/
.readable button, .readable input[type=submit] {
  background-color: #006a96;
  color: #fff;
  font-weight: bold;
}

.readable button:hover, .readable input[type=submit]:hover, .readable button:focus, .readable input[type=submit]:focus {
  background-color: rgb(0, 74.2, 105);
  color: #fff;
}

.readable .error {
  background: rgba(185, 63, 12, 0.1);
  color: #b93f0c;
  padding: 3px 6px;
  border-radius: 3px;
  float: left;
}

.readable button.red, .readable input[type=submit].red {
  background-color: #b93f0c;
}

.readable button.red:hover, .readable input[type=submit].red:hover, .readable button.red:focus, .readable input[type=submit].red:focus {
  background-color: rgb(129.5, 44.1, 8.4);
}

/*.readable .pay { background:$blue url(images/icon-lock.png) 10px 50% no-repeat;padding-left:25px  }*/
.readable form h2 {
  margin: 0 0 20px 25%;
}

.readable fieldset {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  font-size: 14px;
}

.readable fieldset.form-actions {
  margin: 0 0 0 25%;
  padding: 0;
  border: none;
}

.readable fieldset.check {
  padding-left: 20%;
}

.readable fieldset label {
  float: left;
  width: 24%;
  margin: 4px 1% 5px 0;
  text-align: right;
}

.readable fieldset.check label {
  display: inline;
  float: none;
  width: auto;
  font-weight: normal;
}

.readable fieldset.radio ul li label {
  display: inline;
  float: none;
  width: auto;
  font-weight: normal;
}

.readable fieldset input.form-text,
.readable fieldset input[type=text],
.readable fieldset textarea {
  display: block;
  width: 50%;
  padding: 5px;
}

.readable fieldset textarea {
  height: 75px;
}

.readable fieldset select {
  min-width: 25%;
  margin: 0;
}

.readable fieldset.radio ul {
  margin: 5px 0 0 20%;
}

.readable fieldset.radio ul li {
  margin: 0 0 5px 0;
}

.readable fieldset.radio ul li:last-child {
  margin: 0;
}

.readable fieldset p.form-help {
  margin: 5px 0 0 25%;
  font-size: 12px;
  color: #999;
}

.readable input[type=submit] {
  margin: 0;
  padding: 5px 10px;
}

.readable .fieldset-inline .form-text, .readable .fieldset-inline button {
  display: inline;
}

.form-payment .email {
  width: 250px;
}

.form-payment label {
  width: 110px;
}

.form-payment .note {
  margin-left: 120px;
  padding: 5px 0;
  width: 220px;
  color: rgb(138.6, 138.6, 138.6);
}

.form-payment .email {
  width: 250px;
}

.form-payment label {
  width: 110px;
}

.form-payment .note {
  margin-left: 120px;
  padding: 5px 0;
  width: 220px;
  color: rgb(138.6, 138.6, 138.6);
}

body, select, input, textarea, button {
  color: #3d3d3d;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-size: 13px;
  line-height: 1.3;
}
.ie body, .ie select, .ie input, .ie textarea, .ie button {
  font-family: arial, sans-serif;
}

h1, h2, h3 {
  color: #3d3d3d;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 20px;
  line-height: 25px;
  height: 25px;
  margin-bottom: 10px;
}

h1 small {
  font-size: 11px;
  font-weight: 400;
}

h2 {
  font-size: 15px;
  margin: 0.5em 0;
}

h2 small {
  font-size: 11px;
  font-weight: 400;
}

h2.section-header {
  margin-bottom: 15px;
}

h3 {
  font-size: 15px;
  line-height: 20px;
}

p {
  margin-bottom: 20px;
  line-height: 20px;
}

small {
  font-size: 11px;
}

a {
  color: #006a96;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  text-decoration: none;
  color: rgb(0, 74.2, 105);
  outline: 0;
}

@-moz-keyframes news-bounce {
  0% {
    -moz-transform: scale(1.25);
  }
  50% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes news-bounce {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
/* =Tools
----------------------------------------------------------------------------------------------------------------------------------*/
.inline {
  display: inline !important;
}

.hover {
  color: rgb(0, 74.2, 105);
}

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .group {
  height: 1%;
}

*:first-child + html .group {
  min-height: 1px;
}

/* =Header
----------------------------------------------------------------------------------------------------------------------------------*/
.header {
  height: 50px;
  position: relative;
  z-index: 6000;
  background: #1a8bba;
  background-image: linear-gradient(to bottom, #2798c7, #1081af);
  border-radius: 4px 4px 0 0;
}

/* logo */
.logo {
  margin: 4px 0 0 13px;
  float: left;
  position: relative;
  text-decoration: none;
}

.logo,
.footer-logo {
  display: block;
  width: 137px;
  height: 40px;
  background: url(images/logo.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.logo:hover,
.footer-logo:hover {
  background-position: bottom left;
}

.footer-logo {
  margin-bottom: 38px;
}

.logo-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* search */
.search {
  display: block;
  float: left;
  padding: 12px 30px 0 15px;
  position: relative;
}

.search input,
.search button {
  float: left;
  border: 0;
  outline: none;
  padding: 0;
}

.search input {
  width: 160px;
  height: 22px;
  padding: 2px 25px 2px 0;
  line-height: 22px;
  text-indent: 5px;
  background: #fff;
  border-radius: 3px;
  border-right: 0;
  font-size: 15px;
  -webkit-background-clip: padding-box;
  transition: all 0.25s ease-in-out;
}

.search input:focus,
.search input.focus {
  width: 200px;
}

.search-button {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 5px 0 0 -20px;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #85c2dc url(images/search.png) 50% 50% no-repeat;
  transition: all 0.25s ease-in-out;
}

.search-button:hover,
#search-button:focus {
  background-color: #006a96;
}

.search-autocomplete {
  position: absolute;
  width: 220px;
  left: 16px;
  top: 43px;
  background: #fff;
  z-index: 999;
  border-radius: 3px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  text-align: left;
}

.search-autocomplete dd,
.search-autocomplete dt {
  display: block;
  clear: both;
  overflow: hidden;
}

.search-autocomplete dt,
.search-autocomplete-show-all {
  padding: 5px 10px;
  line-height: 22px;
}

.search-autocomplete dt a,
.search-autocomplete-show-all a {
  font-weight: bold;
}

.search-autocomplete dt {
  font-weight: bold;
  line-height: 20px;
}

.search-autocomplete dd {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid rgb(231.72, 231.72, 231.72);
}

.search-autocomplete dd:hover,
.search-autocomplete dd.active .search-autocomplete-game-details-name {
  color: rgb(0, 74.2, 105);
}

.search-autocomplete dd:hover,
.search-autocomplete dd.active {
  background: #f2f2f2;
}

.search-autocomplete .thumb-category {
  margin-top: 5px;
}

.search-autocomplete-game-thumb {
  float: left;
  width: 55px;
  margin-right: 10px;
  border-radius: 3px;
}

.search-autocomplete-game-details {
  float: left;
  line-height: 14px;
  width: 133px;
}

.search-autocomplete-game-details-name {
  display: block;
  margin-bottom: 2px;
  z-index: 10000;
  font-weight: bold;
}

.search-autocomplete-game-details-playcount {
  font-size: 11px;
  color: #3d3d3d;
  text-decoration: none !important;
}

.search-autocomplete .thumb-stars {
  margin-top: 5px;
}

.search-autocomplete-overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 223px;
  height: 85px;
  background: none;
  z-index: 9999;
}

.ie7 .search-autocomplete {
  display: none !important;
}

/* navigation */
.nav {
  display: inline-block;
  float: left;
  margin-top: 12px;
}

.nav li {
  display: inline-block;
  float: left;
  height: 26px;
  float: left;
  margin-right: 7px;
  font-size: 15px;
}

.nav a {
  color: #fff;
  background: none;
  display: inline-block;
  padding: 0 7px;
  height: 26px;
  line-height: 26px;
  outline: none;
  border-radius: 3px;
  text-decoration: none;
}

.nav a:hover,
.nav .selected > a,
.nav-drop:hover,
.userbox-join-a:hover,
.nav-drop.selected > a {
  background-color: #006a96;
}

.nav a:hover,
.nav a:focus,
.nav a:active,
.userbox-username > a:hover {
  background-color: rgb(0, 74.2, 105);
}

.nav .selected > a:hover,
.nav-drop.selected > a:hover {
  background: #006a96;
}

.nav-kasino a {
  background: #43a2c9 url(images/nav-kasino.png) 5px 50% no-repeat;
  padding-left: 28px;
}

.nav-drop {
  position: relative;
  display: block;
  border-radius: 3px;
}

.nav-drop ul {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  text-align: left;
  z-index: 99999;
  border-radius: 0 5px 5px 5px;
  overflow: hidden;
}

.nav-drop li {
  clear: both;
  width: 100%;
  border-radius: 0;
  font-size: 13px;
}
.nav-drop li:hover {
  background: rgb(0, 74.2, 105);
}

.nav-drop li a {
  display: block;
  line-height: 24px;
  text-align: left;
  padding: 0 10px;
  white-space: nowrap;
  font-weight: normal;
  color: #fff;
  opacity: 0.9;
}
.nav-drop li a:hover {
  color: #fff;
  opacity: 1;
  background-color: rgb(0, 74.2, 105);
}

.nav-drop:hover > a,
.nav-drop:hover {
  border-radius: 5px 5px 0 0;
}

.nav-drop:hover ul {
  display: block;
  min-width: 115px;
  background: #006a96;
  padding: 5px 0;
}

.userbox-logout a {
  background-image: url(images/logout.png);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 25px !important;
}

/* userbox */
.userbox {
  float: right;
  display: inline-block;
  padding: 12px 15px 0px 5px;
  z-index: 7000;
  position: relative;
}

.userbox-username img {
  display: block;
  float: left;
  margin: 4px 5px 0 0;
  width: 17px;
  height: 17px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
}

.userbox-username span {
  display: block;
  float: left;
}

.userbox-username {
  float: left;
  line-height: 26px;
  height: 26px;
  z-index: 200;
}

.userbox-username > a {
  display: block;
  float: left;
  font-size: 15px;
  color: #fff;
  padding: 0 7px 0 5px;
  text-decoration: none !important;
  outline: none;
  overflow: hidden;
  border-radius: 3px;
}

.friends-online {
  background: #f9b13b;
  color: #fff;
  padding: 0 4px;
  font-size: 10px;
  border-radius: 20px;
}

.userbox-username-wide ul {
  border-radius: 0 0 5px 5px;
}

.ie7 .userbox-username img {
  display: none;
}

/* login & signup */
.userbox-form {
  display: none;
  display: block;
  width: 230px;
  overflow: hidden;
  padding: 10px 10px 0;
  margin-top: 0px;
  background: #f2f2f2;
  border-radius: 0 0 3px 3px;
  color: #3d3d3d;
}

.userbox-form a {
  padding: 0;
}

.userbox-form .input-text {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #fff;
  border: medium none;
  background: #e2e2e2;
  border-radius: 3px;
  height: 25px;
  line-height: 25px;
  width: 224px;
  padding: 0 3px;
  color: #222;
}

.userbox-form .input-text:focus {
  background: #ededed;
}

.userbox-form button {
  width: 230px;
  border: 1px solid #00537d;
  height: 28px;
  color: #fff;
  margin-bottom: 15px;
  margin-top: 5px;
  background: #22a1c6;
  font-weight: bold;
  background-image: linear-gradient(to bottom, #22a1c6, #1985b5);
  box-shadow: inset 0 1px 0 #33d0e2, 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.userbox-form button:hover,
.userbox-form button:focus {
  border: 1px solid #004365;
  background: #22a1c6;
  background-image: linear-gradient(to bottom, #1b8dba, #146fa8);
  box-shadow: inset 0 1px 0 #29c7dd, 0 1px 1px rgba(0, 0, 0, 0.2);
}

.userbox-form p {
  margin-bottom: 0;
}

.form-info {
  float: left;
  width: 230px;
  font-size: 11px;
  line-height: 1.2;
  margin-left: 15px;
}

.form-final {
  padding-top: 15px;
}

.label-checkbox,
.input-checkbox {
  display: block;
  float: left;
  clear: none !important;
  margin: 5px 0 5px;
}

.label-checkbox {
  width: 450px;
  line-height: 14px !important;
  padding-left: 10px;
}

.input-checkbox {
  margin-top: 8px;
}

.userbox-error {
  margin-top: 5px;
  line-height: 1.2;
  background: rgba(185, 63, 12, 0.1);
  color: #b93f0c;
  padding: 3px 5px;
  border-radius: 3px;
}

.userbox-login {
  color: #fff;
  float: left;
  display: block;
  line-height: 26px;
  height: 26px;
  padding: 0 10px;
  position: relative;
}

.userbox-login:hover {
  background-color: #006a96;
  height: 27px;
  border-radius: 3px;
}

.userbox-login a {
  color: #fff;
  text-decoration: none;
}

.userbox-login > a {
  font-size: 15px;
}

.userbox-login-forgot {
  font-size: 11px;
  font-weight: 400;
  text-decoration: none !important;
  cursor: pointer;
  color: #006a96;
}

.userbox-login-forgot:hover {
  font-size: 11px;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
  color: #006a96;
}

.userbox-login-open {
  background: #a6e2ef !important;
  padding: 0 10px 7px 10px;
  z-index: 9999;
}

.userbox-login-open a {
  color: #00537d;
  text-decoration: none;
}

.userbox-login-options {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  padding: 10px;
  border-radius: 4px 0 4px 4px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

.userbox-login-open .userbox-login-options {
  display: block;
  z-index: 9999;
  background-color: #a6e2ef;
  text-align: left;
  color: #00537d;
}

.userbox-login-option {
  display: none;
  width: 195px;
  padding: 5px 10px 5px 45px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 400;
}

.userbox-login-open .userbox-login-option {
  display: block;
}

.userbox-login-fb {
  margin-bottom: 10px;
  background-color: #1877f2;
  background-image: url(images/facebooklogo.png);
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.userbox-login-fb:hover {
  background-color: #1877f2;
  background-image: url(images/facebooklogo.png);
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.userbox-login-pk {
  background: url(images/gfx.png) 0 -928px;
}

.userbox-login-pk:hover {
  background: url(images/gfx.png) 0 -964px;
}

.userbox-login-pk {
  border-radius: 4px 4px 0 0;
}

.userbox-login-pk.closed {
  border-radius: 3px;
}

.userbox-form li {
  display: block;
  margin-bottom: 5px;
  float: left;
  clear: both;
  width: 230px;
}

.userbox-form li:last-child {
  margin: 0;
}

.userbox-form label {
  white-space: nowrap;
}

.userbox-login .remember-me {
  margin-top: 10px;
}

.userbox-login .remember-me label {
  font-weight: 400;
}

.userbox-join {
  position: relative;
  float: left;
  display: block;
  margin-right: 7px;
}

.userbox-join-a {
  display: block;
  float: left;
  color: #fff;
  height: 26px;
  line-height: 26px;
  font-size: 15px;
  padding: 0 10px;
  text-decoration: none !important;
  border-radius: 3px;
}

.userbox-join-a:hover {
  color: #fff;
}

/* news */
.news {
  float: right;
  position: relative;
  margin-left: 30px;
}

.news-icon {
  display: block;
  opacity: 0.5;
  width: 17px;
  height: 17px;
  margin: 5px 0 0;
  float: right;
  background-image: url(images/icon-news.png);
  background-repeat: no-repeat;
  position: relative;
}

.news-count {
  font-weight: bold;
  text-align: center;
  background: #ffb617;
  position: absolute;
  font-size: 11px;
  color: #000;
  top: -9px;
  right: -9px;
  border: 1px solid #2091c0;
  display: block;
  padding: 2px 6px;
  background: #f9b13b;
  border-radius: 9px;
}

.news-icon:hover,
.news-icon-active,
.news-icon-hilite {
  opacity: 1;
}

.news-icon-hilite:hover .news-count {
  padding: 3px 7px;
  right: -10px;
  top: -10px;
}

.news-list {
  width: 300px;
  position: absolute;
  top: 50px;
  right: -5px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  display: none;
}

.news-list ul {
  position: relative;
}

.news-list ul:after {
  content: " ";
  position: absolute;
  top: -8px;
  right: 6px;
  width: 15px;
  height: 8px;
  background: url(images/news-nub.png);
}

.news-list img {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  float: left;
  margin-right: 10px;
}

.news-list p {
  float: left;
  width: 230px;
  text-align: left;
}

.news-close {
  display: none;
  color: rgb(208.44, 208.44, 208.44);
  font-size: 20px;
  font-weight: bold;
  height: 15px;
  line-height: 15px;
  position: absolute;
  right: 6px;
  top: 5px;
  width: 15px;
}

.news-close:hover {
  color: rgb(138.6, 138.6, 138.6);
}

.news-list li {
  display: block;
  padding: 0 10px;
  clear: both;
  border-bottom: 1px solid rgb(231.72, 231.72, 231.72);
  overflow: hidden;
  position: relative;
}

.news-list li:hover {
  background: #f2f2f2;
}

.news-list li:first-child {
  border-radius: 5px 5px 0 0;
}

.news-list li:last-child {
  border-radius: 0 0 5px 5px;
  border: 0;
}

.news-list li .news-item-link {
  color: #3d3d3d;
  float: left;
  width: 100%;
  padding: 10px 0;
}

.news-flash .news-close {
  display: block;
}

.news-flash li {
  display: none;
}

.news-show-all {
  display: block;
  background: #f2f2f2;
  line-height: 30px;
  width: 100%;
  text-align: center;
  border-top: 1px solid rgb(208.44, 208.44, 208.44);
  border-radius: 0 0 4px 4px;
}
.news-show-all:hover {
  background: rgb(227.48, 227.48, 227.48);
}

.news-flash .news-show-all {
  display: block;
  border-radius: 0 0 5px 5px;
}

.news-list-page {
  position: static;
  display: block !important;
  background: none;
  top: 0;
  right: 0;
  width: auto;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.news-list-page ul:after {
  content: "";
  display: none;
}

.news-list-page li {
  padding: 0 10px;
  margin-left: -10px;
  border-radius: 3px;
  font-size: 15px;
}
.news-list-page li:hover {
  background: rgb(227.48, 227.48, 227.48);
}

/* subheader */
.frontpage-title {
  float: left;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  color: #3d3d3d;
}

.frontpage-title h1 {
  display: none !important;
}

.subheader-social {
  float: left;
  margin: 3px 0 0 10px;
}

.subheader-social-game {
  float: right;
  margin: 3px 140px 0 0;
}

.subheader-social iframe {
  margin: 0;
}

.subheader-fb {
  width: 150px;
  height: 21px;
  float: left;
  margin-left: 5px;
  position: relative;
}

.subheader-gp {
  width: 33px;
  height: 21px;
  overflow: hidden;
  float: left;
}

.subheader p:last-child {
  margin-bottom: 0;
}

.subheader h1 {
  margin-bottom: 10px;
}

/* Footer
----------------------------------------------------------------------------------------------------------------------------------*/
.footer {
  float: left;
  width: 100%;
  padding-bottom: 300px;
  text-align: left;
  margin: 25px auto 0;
  color: #4b737f;
  text-shadow: 0 1px #f0fcff;
}

.footer a {
  color: #4b737f;
}

.footer a:hover {
  text-decoration: underline;
}

.footer-description {
  float: left;
  width: 25%;
  margin: 25px 0 0 15px;
}

.footer-description a {
  font-weight: bold;
}

.footer-description .copyright {
  display: block;
  opacity: 0.5;
}

.footer-search {
  display: block;
  float: right;
  width: 96%;
  overflow: hidden;
  margin: 25px 0 20px 4%;
  padding: 10px 0;
}

.footer-search-title {
  float: left;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
}

#footer-search-form {
  float: right;
  margin-right: 15px;
  width: 60%;
}

#footer-search-form button {
  background: url(images/gfx.png) -277px -330px no-repeat;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 200%;
  width: 30px;
  height: 26px;
  margin-left: -33px;
}

#footer-search-form input, #footer-search-form button {
  float: left;
  outline: none;
}

#footer-search-form input {
  width: 200px;
  height: 20px;
  border: 0;
  line-height: 19px;
  text-indent: 5px;
  color: #4b737f;
  font-size: 13px;
  -webkit-background-clip: padding-box;
  padding: 3px;
  background: #c5edf9;
  border-radius: 20px;
  box-shadow: 0 1px 0 #fff, inset 0 2px 3px rgba(0, 0, 0, 0.15);
}

#footer-search-form .footer-search-field {
  width: 99%;
}

.no-boxshadow .footer-search-field {
  border: 1px solid #4b737f;
}

.footer-right {
  float: right;
  width: 73%;
}

.footer h1, .footer h3 {
  font-size: 15px;
  font-weight: bold;
  color: #4b737f;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin: 10px 0;
}

.footer-links {
  float: left;
  display: block;
  width: 100%;
}

.footer-links li {
  display: block;
  float: left;
  padding-left: 4%;
}

.footer-links dd a {
  line-height: 15px;
  height: 15px;
  padding-bottom: 5px;
  display: block;
}

.footer-links-best-themes {
  width: 17%;
}

.footer-links-tags {
  width: 14%;
}

.footer-links-tags .tag, .footer-links-tags a {
  display: inline;
  float: left;
  margin-right: 2px;
}

.footer-links-partners-advertisers {
  width: 20%;
}

.footer-links-sitemap, .footer-links-categories {
  width: 13%;
}

.b2b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  padding: 40px 0;
  background: #eee;
  text-align: center;
  box-shadow: 0 -5px 0 #bdbdbd, inset 0 3px 10px rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, #f4f4f4, #fff);
}

.b2b p {
  position: relative;
  line-height: 40px;
  font-size: 20px;
  display: inline;
}

.b2b a {
  line-height: 38px;
  height: 38px;
  position: relative;
  font-size: 20px;
  display: inline-block;
  padding: 0 15px;
  margin-left: 5px;
  background: #2e8fbb;
  background-image: linear-gradient(to bottom, #5abbe7, #2e8fbb);
  border-radius: 3px;
  box-shadow: inset 0 1px 0 #80cfef, 0 2px 5px rgba(0, 0, 0, 0.25), 0 0 75px #fff;
  border: 1px solid #007ab2;
  color: #fff;
  text-shadow: 0 1px 0 #007ab2;
}
.b2b a:hover {
  background: #36a8cb;
  background-image: linear-gradient(to bottom, #6bcbed, #36a8cb);
}

.lego .b2b {
  display: none;
}

/* =Grid & Structure 
----------------------------------------------------------------------------------------------------------------------------------*/
html {
  overflow-y: scroll;
}

body {
  position: relative;
  text-align: center;
  overflow: hidden;
  background: #e0f6fc url(/themes/pelikone/images/clouds.png) 50% 0 repeat-x;
  min-width: 1000px;
}

.sidead-wrap {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

.sidead-container {
  display: none;
}

@media (min-width: 1366px) {
  .topper {
    padding-right: 315px;
  }
  .sidead-wrap {
    width: 1315px;
    margin: 0 auto;
    overflow: hidden;
  }
  .sidead-wrap .sidead-container {
    display: block;
  }
  .sidead-container {
    float: right;
    width: 300px;
    position: relative;
  }
  .sidead {
    transition: top 0.1s ease-out;
    text-align: left;
  }
  .sidead.sticky {
    position: fixed;
    top: 15px;
    margin-top: 0;
  }
}
.pelikone {
  width: 1000px;
  float: left;
}

.wrap {
  float: left;
  width: 100%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.topper {
  width: 1000px;
  text-align: center;
  margin: 0 auto 10px;
}

.topper img, .topper a, .topper iframe, .topper object {
  margin: 0 auto !important;
  display: block;
  border: 0;
}

.master {
  float: left;
  width: 100%;
  background: #f2f2f2;
  text-align: left;
  border-radius: 0 0 4px 4px;
}

.sidebar {
  padding: 20px 5px 20px 0;
  width: 180px;
  float: left;
  display: inline;
  overflow: hidden;
  border-radius: 0 0 0 4px;
}

.main {
  width: 770px;
  padding: 0px 20px 20px;
  float: left;
  display: inline;
}

#old .sidebar {
  padding: 6px 0;
  width: 130px;
  border: 0;
  background: none;
  box-shadow: 0 -5px 0 #e0e0e0, inset 0 3px 10px rgba(0, 0, 0, 0.1);
}

#old .main {
  padding: 15px 0 0 0;
  width: 854px;
  margin-left: 15px;
  float: right;
  display: inline;
  border: 0;
  background: none;
  box-shadow: 0 -5px 0 #e0e0e0, inset 0 3px 10px rgba(0, 0, 0, 0.1);
}

/* IS bar */
.is-bar {
  height: 28px;
  margin-bottom: 10px;
  clear: both;
}

.is-bar-logo {
  display: block;
  height: 28px;
  width: 150px;
  background: url(images/is-bar-logo.png);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
  float: left;
  border-radius: 0 0 4px 4px;
}

.is-bar ul {
  width: 100%;
  height: 22px;
  background: #efefef;
  border-radius: 0 0 4px 0;
}

.is-bar li {
  display: block;
  height: 22px;
  float: left;
  padding-right: 13px;
  margin-bottom: 13px;
}

.is-bar li:first-child a {
  opacity: 1;
}

.is-bar a {
  font-size: 11px;
  line-height: 22px;
  font-weight: bold;
  color: #3d3d3d;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  opacity: 0.8;
}
.is-bar a:hover {
  opacity: 1;
}

/* =Sections & mods
----------------------------------------------------------------------------------------------------------------------------------*/
.section, .row {
  clear: both;
  float: left;
  width: 100%;
  padding: 20px 20px 10px;
  margin: 0 -20px;
}

.section:after, .row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .section, * html .row {
  height: 1%;
}

*:first-child + html .section, *:first-child + html .row {
  min-height: 1px;
}

.game-section {
  border-top: 0;
  background: none;
}

.section-blank {
  background: none;
  border: 0;
}

.section-header {
  clear: both;
  overflow: hidden;
  margin: -5px 0 20px;
  position: relative;
}

.section-header p {
  margin-bottom: 5px;
}

.section-header .section-close {
  position: absolute;
  right: 0;
  display: block;
  line-height: 30px;
  color: #bbb;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
}

.section-header .section-close:hover {
  color: #3d3d3d;
}

.section-footer {
  clear: both;
  overflow: hidden;
}

.section .row, .row .row {
  width: 100% !important;
  text-align: center;
  margin: 0;
}

.section .full, .row .full {
  width: 100%;
  float: left;
}

.group .mod-inner {
  padding: 8px;
}

.full .mod-inner {
  padding: 8px;
}

.mod.full, .full.top-searches-box, .full.ad-leaderboard, .full.unit.grey, .list .full.ad, .full.text-ad-container {
  margin-left: 0;
}

.section > .group, .row > .group {
  margin-bottom: 15px;
}

.section > .group:last-child, .row > .group:last-child {
  margin-bottom: 0;
}

/* =mods  */
.mod, .top-searches-box, .ad-leaderboard, .unit.grey.full, .list .ad, .text-ad-container {
  position: relative;
  float: left;
  background: #fff;
  margin-left: 20px;
  margin-right: 2px;
  z-index: 999;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease-in-out;
}
.no-boxshadow .mod, .no-boxshadow .top-searches-box, .no-boxshadow .ad-leaderboard, .no-boxshadow .unit.grey.full, .no-boxshadow .list .ad, .list .no-boxshadow .ad, .no-boxshadow .text-ad-container {
  border: 1px solid rgb(208.44, 208.44, 208.44);
  border-width: 1px 1px 2px 1px;
  margin-right: 0;
}

/*
.mod-inner img {transition: all .25s ease-in-out;opacity:.9;}
.mod-inner:hover img {opacity:1}
*/
.player {
  position: relative;
  float: left;
  margin-left: 20px;
  width: 175px;
  padding-bottom: 20px;
}

.player img {
  width: 175px;
}

.player-img {
  position: relative;
  display: block;
  width: 175px;
  height: 153px;
  margin-bottom: 5px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease-in-out;
}
.no-boxshadow .player-img {
  border: 1px solid rgb(208.44, 208.44, 208.44);
}

.player-details {
  padding: 5px;
}

.player-name {
  line-height: 25px;
  font-weight: bold;
}

.player .user-rank {
  line-height: 20px;
  height: 20px;
  background-size: 20px 20px;
  padding-left: 25px;
  margin-left: 0;
  font-weight: bold;
}

.no-backgroundsize .player .user-rank {
  padding-left: 0;
  background: none;
}

.mod:first-child, .top-searches-box:first-child, .ad-leaderboard:first-child, .unit.grey.full:first-child, .list .ad:first-child, .text-ad-container:first-child {
  margin-left: 0;
}

.player .player-status {
  display: block;
  background: rgba(242, 242, 242, 0.9);
  border-radius: 3px;
  padding: 5px;
  position: absolute;
  top: 124px;
  width: 155px;
  left: 5px;
  font-size: 11px;
  font-weight: normal;
}

.list .mod-inner {
  position: relative;
  overflow: hidden;
  width: 175px !important;
  height: 209px !important;
}

.list {
  float: left;
  display: block;
  position: relative;
  margin-left: -20px;
}

.list .mod, .list .top-searches-box, .list .ad-leaderboard, .list .unit.grey.full, .list .ad, .list .text-ad-container {
  margin-bottom: 20px;
}

.list .mod:first-child, .list .top-searches-box:first-child, .list .ad-leaderboard:first-child, .list .unit.grey.full:first-child, .list .ad:first-child, .list .text-ad-container:first-child {
  margin-left: 20px;
}

.list-collections .mod, .list-collections .top-searches-box, .list-collections .ad-leaderboard, .list-collections .unit.grey.full, .list-collections .list .ad, .list .list-collections .ad, .list-collections .text-ad-container {
  margin-bottom: 20px;
  padding-bottom: 10px;
  background: #fff url(images/collection-bottom.png) left bottom repeat-x;
}

.list .ad, .text-ad-container {
  background: #fff;
  clear: both;
  padding: 0;
  float: none;
  display: block;
  padding: 8px;
}

.text-ad-container {
  margin-left: 0;
  margin-right: 0;
}

.game-section {
  padding-top: 0;
}

.subheader {
  position: relative;
  font-size: 15px;
}

.subheader h1 {
  float: left;
  display: block;
}

.subheader p {
  clear: both;
  float: left;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.subheader iframe {
  float: left;
  margin-left: 10px;
}

.options {
  float: right;
  margin: -7px 0 0;
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}

.options li, .options div {
  display: block;
  float: right;
  background: #fcfcfc;
  border-radius: 3px;
}

.options li {
  margin-left: 9px;
}

.options li > a,
.options div > a {
  border-radius: 3px;
}

.options-group > * {
  margin-left: -1px;
}

.options-group > :first-child {
  border-radius: 0 4px 4px 0;
}

.options-group > :last-child {
  border-radius: 4px 0 0 4px;
}

.options-group > :only-child {
  border-radius: 4px;
}

.options-group > :first-child a,
.options-group > :first-child .option-inner {
  border-radius: 0 3px 3px 0;
}

.options-group > :last-child a,
.options-group > :last-child .option-inner {
  border-radius: 3px 0 0 3px;
}

.options-group > :only-child a,
.options-group > :only-child .option-inner {
  border-radius: 3px;
}

.options a, .option-inner,
.collection-stars, .option-stars {
  display: block;
  height: 30px;
  line-height: 30px;
  background: #fff;
  font-size: 15px;
  padding: 0 15px;
  float: left;
  border: 1px solid rgb(208.44, 208.44, 208.44);
}

.options a:hover {
  border: 1px solid #c5c5c5;
}

.options label, .options input {
  line-height: 25px;
  height: 25px;
  float: left;
}

.options input {
  margin-right: 5px;
}

.options-delete a {
  background: url(images/options-icons.png) 0 3px no-repeat;
  padding-left: 30px;
}

.options-friendlist a {
  background: url(images/options-icons.png) 0 -22px no-repeat;
  padding-left: 30px;
}

.options-add a {
  background: url(images/options-icons.png) 0 -72px no-repeat;
  padding-left: 30px;
}

.options-follow a {
  background: url(images/options-icons.png) 0 -97px no-repeat;
  padding-left: 30px;
}

.options-share a {
  background: url(images/options-icons.png) 0 -122px no-repeat;
  padding-left: 30px;
}

.options-edit a {
  background: url(images/options-icons.png) 0 -147px no-repeat;
  padding-left: 30px;
}

.options-fb a {
  background: url(images/options-icons.png) 0 -171px no-repeat;
  padding-left: 30px;
}

.options-toggle-extra a {
  background: #006a96 url(images/options-icons.png) 0 -196px no-repeat;
  padding: 0;
  width: 30px;
  position: relative;
}
.options-toggle-extra a:hover {
  background-color: rgb(0, 74.2, 105);
}

.options-less a {
  background-position: 0 -220px !important;
}

.collection-cancel {
  margin-left: 25px !important;
}

.collection-stars {
  padding: 0 10px;
  float: right;
  margin: -7px 0 0;
  border-radius: 3px;
}

.collection-stars ul {
  margin-top: 4px;
}

.collection-create {
  float: left;
  width: 350px;
}

.collection-create li {
  margin-bottom: 5px;
}

.add-games-form {
  margin-bottom: 15px;
  overflow: hidden;
}

.add-games-field {
  float: left;
  width: 350px;
  height: 25px;
  line-height: 25px;
  background: #fff;
  border: 1px solid rgb(208.44, 208.44, 208.44);
  padding: 0 5px;
}

.add-games-button {
  height: 25px;
  line-height: 25px;
  background: rgb(227.48, 227.48, 227.48);
  border: 1px solid #cacaca;
  padding: 0 5px;
}

.add-games-button {
  float: left;
  border: 0;
  outline: none;
  border: 1px solid #00537d;
  font-size: 13px;
  display: inline-block;
  width: 50px;
  height: 27px;
  padding: 0 5px;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 -1px 0 #0086a7;
  -webkit-text-shadow: 0 -1px 0 #0086a7;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font: 600 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 0 #001d77;
  transition: all 0.25s ease-in-out;
  background: #1a86b6;
  text-align: center;
  background-image: linear-gradient(to bottom, #22a1c6, #1985b5);
  box-shadow: 0 1px 0 #1dabc2, inset 0 1px 0 #33d0e2;
}

.extra-options {
  position: absolute;
  top: 43px;
  right: 20px;
  display: none;
  clear: both;
  background: #fff;
  border: 1px solid rgb(208.44, 208.44, 208.44);
  z-index: 999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.extra-options li {
  display: block;
  border-bottom: 1px solid rgb(208.44, 208.44, 208.44);
}
.extra-options li:only-child {
  border: 0;
}

.extra-options li a {
  display: block;
  padding: 0 10px;
  line-height: 30px;
}

.add-games-button:hover, .add-games-button:focus {
  outline: none;
  background: #35afce;
  background-image: linear-gradient(to bottom, #35afce, #2a99c2);
}

.editable small {
  margin-left: 10px;
  font-size: 11px;
  font-weight: 400;
}

.notification {
  display: none;
  opacity: 0;
  clear: both;
  float: left;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #f3fdff;
  margin-top: 20px;
  border-radius: 3px;
}

.notification-inner {
  padding: 15px 25px 10px 15px;
  float: left;
}

.notification:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.notification p, .notification h1, .notification h2, .notification h3, .notification h4 {
  line-height: 20px;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 15px;
  opacity: 0.9;
}

.notification a {
  font-weight: bold;
}

a.notification-close {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  opacity: 0.3;
  color: #000;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

a.notification-close:hover {
  opacity: 0.6;
  color: #000;
}

.notification.yellow {
  background: #F6E9B2;
}

.notification.green {
  background: #d8f6b3;
}

.notification.red {
  background: #f6c9b5;
}

.notification.facebook {
  background: #c2d8f6;
}

.collection-thumb-list li {
  margin: 10px 10px 0;
}

.collection-thumb-list li:last-child {
  margin: 10px;
}

.collection-thumb-list .collection-thumb {
  float: left;
  width: 73px;
  height: 56px;
  padding: 4px 5px 22px 4px;
  margin-right: 10px;
  background: url(images/collection-thumb.png);
}

/* =Lists + feature boxes
----------------------------------------------------------------------------------------------------------------------------------*/
.list-add-games .mod .icon, .list-add-games .top-searches-box .icon, .list-add-games .ad-leaderboard .icon, .list-add-games .unit.grey.full .icon, .list-add-games .list .ad .icon, .list .list-add-games .ad .icon, .list-add-games .text-ad-container .icon, .list-add-games .mod .icon a, .list-add-games .top-searches-box .icon a, .list-add-games .ad-leaderboard .icon a, .list-add-games .unit.grey.full .icon a, .list-add-games .list .ad .icon a, .list .list-add-games .ad .icon a, .list-add-games .text-ad-container .icon a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.list-add-games .mod .icon, .list-add-games .top-searches-box .icon, .list-add-games .ad-leaderboard .icon, .list-add-games .unit.grey.full .icon, .list-add-games .list .ad .icon, .list .list-add-games .ad .icon, .list-add-games .text-ad-container .icon {
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 999;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.list-add-games .mod .icon a, .list-add-games .top-searches-box .icon a, .list-add-games .ad-leaderboard .icon a, .list-add-games .unit.grey.full .icon a, .list-add-games .list .ad .icon a, .list .list-add-games .ad .icon a, .list-add-games .text-ad-container .icon a {
  background-position: 50% 30%;
  background-repeat: no-repeat;
}

.list-add-games .mod .icon-list-add a, .list-add-games .top-searches-box .icon-list-add a, .list-add-games .ad-leaderboard .icon-list-add a, .list-add-games .unit.grey.full .icon-list-add a, .list-add-games .list .ad .icon-list-add a, .list .list-add-games .ad .icon-list-add a, .list-add-games .text-ad-container .icon-list-add a {
  background-image: url(images/icon-list-add.png);
}

.list-add-games .mod .icon-list-added a, .list-add-games .top-searches-box .icon-list-added a, .list-add-games .ad-leaderboard .icon-list-added a, .list-add-games .unit.grey.full .icon-list-added a, .list-add-games .list .ad .icon-list-added a, .list .list-add-games .ad .icon-list-added a, .list-add-games .text-ad-container .icon-list-added a {
  background-image: url(images/icon-list-added.png);
}

.list-add-games .mod .icon-list-remove a, .list-add-games .top-searches-box .icon-list-remove a, .list-add-games .ad-leaderboard .icon-list-remove a, .list-add-games .unit.grey.full .icon-list-remove a, .list-add-games .list .ad .icon-list-remove a, .list .list-add-games .ad .icon-list-remove a, .list-add-games .text-ad-container .icon-list-remove a {
  background-image: url(images/icon-list-remove.png) !important;
}

.feature {
  overflow: visible;
}

.feature-sticker {
  position: absolute;
  top: -10px;
  right: -10px;
}

.feature .game-details {
  width: 250px;
  height: 36px;
  padding: 5px 8px 8px;
}

.game-details {
  padding: 5px 8px 0;
  overflow: hidden;
  width: 159px;
}

.game-title {
  float: left;
  line-height: 20px;
  height: 20px;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
  font-weight: bold;
}
.game-title:after {
  content: " ";
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(left, rgba(255, 255, 255, 0), white);
}
.ie9 .game-title, .ie8 .game-title, .ie7 .game-title {
  text-overflow: ellipsis;
}

.feature-2, .feature-dl-2 {
  margin-right: 20px;
}
.no-boxshadow .feature-2, .no-boxshadow .feature-dl-2 {
  border: 1px solid rgb(208.44, 208.44, 208.44);
  margin-right: 19px;
}

.feature-dl-1 .game-title, .feature-dl-2 .game-title {
  width: 200px;
}

.feature .game-thumb {
  display: block;
  width: 274px;
  height: 211px;
}

.feature .game-thumb img {
  display: block;
  width: 274px;
  height: 211px;
  overflow: hidden;
}

.game-details-download {
  font-weight: bold;
  border-radius: 3px;
  display: block;
  float: right;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  background: #006a96;
  color: #fff;
  padding: 0 4px;
  text-shadow: none;
}

.game-details-download:hover {
  color: #fff;
  background: rgb(0, 74.2, 105);
}

.game-playcount, .game-meta {
  display: block;
  float: left;
  clear: both;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  margin: 3px 0;
  color: #3d3d3d;
}

.game-playcount {
  white-space: nowrap;
}

.game-meta span {
  padding-right: 7px;
  border-right: 1px solid rgb(208.44, 208.44, 208.44);
  margin-right: 7px;
}

.game-meta span:last-child {
  padding-right: 0;
  border: 0;
  margin-right: 0;
}

.game-links {
  display: block;
  clear: both;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  color: #3d3d3d;
}

.game-links a {
  color: #777;
}

.game-links a:hover {
  color: #3d3d3d;
}

.game-readmore {
  margin-left: 5px;
}

.game-overlay-description {
  display: none;
}

.game-thumb {
  display: block;
  position: relative;
  width: 175px;
  height: 135px;
}

.game-thumb img {
  display: block;
  width: 175px;
  height: 135px;
  overflow: hidden;
  background: rgb(227.48, 227.48, 227.48);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
}

.remove-from-list {
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 16px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  opacity: 0.75;
  height: 16px;
  background: url(images/gfx.png) -239px -142px;
  opacity: 0.75;
}

.remove-from-list:hover {
  opacity: 1;
}

.add-to-list {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 80px;
  display: block;
  opacity: 0.75;
  height: 16px;
  background: url(images/gfx.png) -217px -632px;
  font-size: 11px;
  line-height: 16px;
}

.add-to-list:hover {
  opacity: 1;
}

.add-friend, .remove-friend {
  float: right;
  display: block;
  height: 16px;
  font-size: 11px;
  line-height: 16px;
}

.random-link {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  background: url(images/gfx.png) 0 -172px no-repeat;
  padding-left: 25px;
  font-size: 15px;
}

.mod .badges, .top-searches-box .badges, .ad-leaderboard .badges, .unit.grey.full .badges, .list .ad .badges, .text-ad-container .badges {
  position: absolute;
  top: 5px;
  right: 5px;
}

.mod .badge, .top-searches-box .badge, .ad-leaderboard .badge, .unit.grey.full .badge, .list .ad .badge, .text-ad-container .badge {
  display: inline-block;
  border-radius: 30px;
  padding: 0 8px;
  line-height: 18px;
  height: 18px;
  margin-left: 3px;
  text-transform: uppercase;
  font-size: 9px;
  color: #fff;
  z-index: 999;
  background: #222;
}

.mod .badge-new, .top-searches-box .badge-new, .ad-leaderboard .badge-new, .unit.grey.full .badge-new, .list .ad .badge-new, .text-ad-container .badge-new {
  background: #f9b13b;
  color: #222;
}

.mod .badge-potti, .top-searches-box .badge-potti, .ad-leaderboard .badge-potti, .unit.grey.full .badge-potti, .list .ad .badge-potti, .text-ad-container .badge-potti {
  background: #00d3f0;
}

.mod .badge-mmo, .top-searches-box .badge-mmo, .ad-leaderboard .badge-mmo, .unit.grey.full .badge-mmo, .list .ad .badge-mmo, .text-ad-container .badge-mmo {
  background: #222;
}

.mod .badge-java, .top-searches-box .badge-java, .ad-leaderboard .badge-java, .unit.grey.full .badge-java, .list .ad .badge-java, .text-ad-container .badge-java {
  background: #eb687d;
}

.mod .badge-flash, .top-searches-box .badge-flash, .ad-leaderboard .badge-flash, .unit.grey.full .badge-flash, .list .ad .badge-flash, .text-ad-container .badge-flash {
  background: #801318;
}

.mod .badge-unity, .top-searches-box .badge-unity, .ad-leaderboard .badge-unity, .unit.grey.full .badge-unity, .list .ad .badge-unity, .text-ad-container .badge-unity {
  background: #110B09;
}

.mod .badge-html5, .top-searches-box .badge-html5, .ad-leaderboard .badge-html5, .unit.grey.full .badge-html5, .list .ad .badge-html5, .text-ad-container .badge-html5 {
  background: #E44D26;
}

.mod .badge-hidden, .top-searches-box .badge-hidden, .ad-leaderboard .badge-hidden, .unit.grey.full .badge-hidden, .list .ad .badge-hidden, .text-ad-container .badge-hidden {
  background: #a500a5;
}

.user .game-thumb {
  overflow: hidden;
  height: 153px;
}

.user .game-thumb img {
  height: auto;
}

.user-search {
  float: left;
  margin-left: 15px;
}

.user-search input {
  border-radius: 3px;
  background: #e9e9e9;
  height: 27px;
  padding: 0 5px;
  line-height: 27px;
  width: 125px;
  border: 0;
  float: left;
  font-size: 13px;
}

.user-search button {
  display: block;
  height: 27px;
  line-height: 27px;
  border-radius: 3px;
  background: #006a96;
  border: 0;
  color: #fff;
  float: left;
  margin-left: 5px;
  font-size: 13px;
  font-weight: bold;
}

.user-search button:hover, .user-search button:focus {
  background: rgb(0, 74.2, 105);
}

/* =General elements
----------------------------------------------------------------------------------------------------------------------------------*/
/* tabs */ /* (target only ones under .section element ) */
.section .tabs, .row .tabs {
  display: block;
  float: left;
  margin-left: -10px;
}

.section .tabs li, .row .tabs li {
  float: left;
}

.section .tabs li a, .row .tabs li a {
  display: block;
  float: left;
  line-height: 25px;
  font-size: 15px;
  height: 25px;
  padding: 0 10px;
}

.section .tabs li.selected, .row .tabs li.selected {
  font-weight: bold;
}

.section .tabs li.selected a:hover, .row .tabs li.selected a:hover {
  text-decoration: none;
}

.section .pagination .current, .row .pagination .current, .section .tabs .selected a, .row .tabs .selected a {
  cursor: default;
  color: rgb(0, 74.2, 105);
}

/* pagination */ /* (target only ones under .section element ) */
.section .pagination, .row .pagination {
  display: block;
  float: right;
  font-size: 15px;
  margin-right: 2px;
}

.section .pagination li, .row .pagination li {
  display: block;
  float: left;
  height: 25px;
  line-height: 25px;
  color: #bbb;
  cursor: default;
}

.section .pagination a, .row .pagination a {
  display: block;
  float: left;
  padding: 0 10px;
  line-height: 25px;
  height: 25px;
  outline: 0;
}

.section .pagination .current, .row .pagination .current {
  padding: 0 7px;
  font-weight: bold;
}

.section .pagination .current a:hover, .row .pagination .current a:hover {
  text-decoration: none;
}

.section .pagination-next, .row .pagination-next, .section .pagination-prev, .row .pagination-prev {
  font-size: 30px;
  padding: 0 !important;
  line-height: 24px !important;
}

.section .pagination .inactive, .row .pagination .inactive {
  display: none;
}

/*.section .pagination-prev {background:url(images/gfx.png) 0 -78px no-repeat; width:18px; height:17px!important; margin:4px 0 0 0; padding:0!important; text-indent:100%;white-space:nowrap;overflow:hidden }
.section .pagination-next {background:url(images/gfx.png) 0 -114px no-repeat; width:18px; height:17px!important; margin:4px 0 0 0; padding:0!important; text-indent:100%;white-space:nowrap;overflow:hidden }
.section .pagination-prev:hover { background:url(images/gfx.png) 0 -150px no-repeat }
.section .pagination-next:hover { background:url(images/gfx.png) 0 -132px no-repeat }
.section .pagination-prev-pressed { background:url(images/gfx.png) 0 -150px no-repeat }
.section .pagination-next-pressed { background:url(images/gfx.png) 0 -132px no-repeat }
.section .pagination.bottom { padding:1px; background:#fff; border:1px solid #00b1db; margin-top:10px; zoom:1; position:relative; display:inline; *margin-top:0 }
.section .pagination .inactive { color:#c8c8c8; text-decoration:none }
.section .pagination .inactive { background:url(images/gfx.png) 0 -60px no-repeat }
.section .pagination-next.inactive { background:url(images/gfx.png) 0 -96px no-repeat; margin:4px 0 0 8px }
.section .pagination-prev.inactive { margin:4px 8px 0 0 }
*/
.pelikone_paginatebox.inactive img, .pelikone_paginatebox.inactive {
  opacity: 0.3;
  text-decoration: none;
}

a.pelikone_paginateboxsel {
  color: #000;
}

/* breadcrumb */
.breadcrumb-game {
  width: 440px;
  overflow: hidden;
  display: block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.breadcrumb-game:after {
  content: " ";
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(left, rgba(242, 242, 242, 0), #f2f2f2);
}
.ie9 .breadcrumb-game, .ie8 .breadcrumb-game, .ie7 .breadcrumb-game {
  text-overflow: ellipsis;
}

.breadcrumb li {
  float: left;
  margin-left: 5px;
}

.breadcrumb-game a {
  margin-left: 5px;
}

.breadcrumb, .breadcrumb-game {
  margin: 0 0 10px -5px;
  float: left;
  height: 24px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #999;
}

.breadcrumb-game .breadcrumb-game-inner {
  width: 1000px;
}

.breadcrumb-game a, .breadcrumb a {
  margin-right: 5px;
}

.breadcrumb .current, .breadcrumb-game .current {
  color: #3d3d3d;
  overflow: hidden;
  max-width: 330px;
  height: 21px;
  cursor: default;
}

.breadcrumb .current:hover, .breadcrumb-game .current:hover {
  color: #3d3d3d;
}

.wrappable {
  max-width: 475px;
  height: auto;
}

/* stars */
.feature-stars {
  height: 20px;
  background: url(images/rating-star.png) left center repeat-x;
  background-repeat: repeat-x;
  float: right;
}

.feature-stars-1 {
  width: 20px;
}

.feature-stars-2 {
  width: 40px;
}

.feature-stars-3 {
  width: 60px;
}

.feature-stars-4 {
  width: 80px;
}

.feature-stars-5 {
  width: 100px;
}

.stars {
  height: 20px;
  background: url(images/rating-star.png) left center repeat-x;
  background-repeat: repeat-x;
}

.stars-1 {
  width: 20px;
}

.stars-2 {
  width: 40px;
}

.stars-3 {
  width: 60px;
}

.stars-4 {
  width: 80px;
}

.stars-5 {
  width: 100px;
}

.thumb-stars {
  clear: left;
  height: 14px;
  margin-top: 2px;
  display: inline-block;
  width: 0;
  background-image: url(images/gfx.png);
  float: left;
  width: 70px;
}

.thumb-stars-0 {
  background-position: -230px 0;
}

.thumb-stars-1 {
  background-position: -230px -14px;
}

.thumb-stars-2 {
  background-position: -230px -28px;
}

.thumb-stars-3 {
  background-position: -230px -42px;
}

.thumb-stars-4 {
  background-position: -230px -56px;
}

.thumb-stars-5 {
  background-position: -230px -70px;
}

.star-rating-title {
  line-height: 24px;
  margin-right: 10px;
  float: left;
  display: inline-block;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
  background: url(images/rating-star.png) left -1000px repeat-x;
}

.star-rating {
  position: relative;
  width: 100px;
  height: 20px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top;
}

.star-rating li {
  display: inline;
}

.star-rating a,
.star-rating .current-rating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -999px;
  height: 20px;
  line-height: 20px;
  outline: none;
  overflow: hidden;
  border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
  background-position: left bottom;
}

.star-rating a.one-star {
  width: 20%;
  z-index: 6;
}

.star-rating a.two-stars {
  width: 40%;
  z-index: 5;
}

.star-rating a.three-stars {
  width: 60%;
  z-index: 4;
}

.star-rating a.four-stars {
  width: 80%;
  z-index: 3;
}

.star-rating a.five-stars {
  width: 100%;
  z-index: 2;
}

.star-rating .current-rating {
  z-index: 1;
  background-position: left center;
}

.inline-rating {
  display: -moz-inline-block;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  margin: -5px 15px 0 0;
  margin: 0 15px 0 0\9 ;
}

.inline-rating, .star-rating-title, x:-moz-any-link {
  display: none;
}

.inline-rating, .star-rating-title, x:-moz-any-link, x-default {
  display: inline-block;
}

.star-rating.no-rating {
  margin: 10px 0 0 10px;
  background: none;
  float: right;
}

.star-rating.no-rating .current-rating {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}

/* tags */
.tag-list {
  float: right;
  display: block;
  width: 89%;
}

.tag-list li {
  float: left;
  background: none !important;
  padding: 0 !important;
}

/* buttons */
.btn {
  display: inline-block;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  background: #f4f4f4;
  color: #fff;
  background: #62a300 -moz-linear-gradient(bottom, #009921, #00d158);
  border-radius: 3px;
  border: 1px solid #008325;
  background-repeat: no-repeat;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 0 #008325;
}

.btn.btn-green {
  background-color: #00b33a;
  color: #fff;
  background: #00b33a -moz-linear-gradient(bottom, #009921, #00d158);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00d158), color-stop(1, #009921));
  border: 1px solid #008325;
  background-repeat: no-repeat;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn.btn-green:hover {
  background-color: #00ba2e;
  background: #00ba2e -moz-linear-gradient(bottom, #00ba2e, #00de71);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00ba2e), color-stop(1, #00de71));
  text-decoration: none;
}

.btn.btn-blue {
  background: #DFF6FC;
  background: #DFF6FC -moz-linear-gradient(bottom, #c8edf5, #DFF6FC);
  border: 1px solid #00B1DB;
  color: #006FA6;
  text-shadow: none;
  -webkit-text-shadow: none;
}

.btn.btn-grey {
  padding: 0 20px;
  background: #f4f4f4;
  background: #e4e4e4 -moz-linear-gradient(bottom, #e4e4e4, #fff);
  border: 1px solid #bfbfbf;
  color: #006FA6;
  background-repeat: no-repeat;
  text-shadow: none;
  -webkit-text-shadow: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.btn.btn-email {
  padding-left: 39px;
  background: #f4f4f4 url(images/icon-share-email.png) 15px 50% no-repeat;
  background: url(images/icon-share-email.png) 15px 50% no-repeat, -moz-linear-gradient(bottom, #e4e4e4, #fff);
  background: url(images/icon-share-email.png) 15px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e4e4e4));
}

.btn.btn-facebook {
  padding-left: 39px;
  background: #f4f4f4 url(images/icon-share-facebook.png) 15px 50% no-repeat;
  background: url(images/icon-share-facebook.png) 15px 50% no-repeat, -moz-linear-gradient(bottom, #e4e4e4, #fff);
  background: url(images/icon-share-facebook.png) 15px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e4e4e4));
}

.play-history-clear {
  display: block;
  padding: 2px 5px;
  font-size: 9px;
  background: #acd5e5;
  color: #fff;
  font-weight: bold;
  float: right;
  text-transform: uppercase;
  font-family: Verdana, Geneva, sans-serif;
  border-radius: 3px;
}

.play-history-clear:hover {
  background: #006fa6;
  text-decoration: none;
}

/* admin select */
.admin-select {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

@media (min-width: 1150px) {
  .section.admin, .admin.row {
    padding: 0;
    margin: 0;
  }
  .feature-admin-toggle {
    background: #fff;
    padding: 0 5px;
    height: 19px;
    line-height: 19px;
    position: fixed;
    top: 0;
    right: 120px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 3px 3px;
  }
  .feature-admin-toggle:hover {
    text-decoration: underline;
  }
  .admin-feature {
    display: none;
    background: #fff;
    padding: 5px;
    position: fixed;
    top: 24px;
    right: 120px;
    margin: 0;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
  }
}
/* cursor set for wallpaper link */
.bg-ad-action {
  cursor: pointer;
}

.bg-ad-action .master, .bg-ad-action .header, .bg-ad-action #footer, .bg-ad-action .topper {
  cursor: default;
}

/* ads & stuff */
#gametextad {
  padding: 5px 0 0 0;
  text-align: center;
  width: 860px;
  height: 20px;
}

#gamead {
  margin: 10px auto;
  text-align: center;
}

#gamead #textad {
  margin-top: 5px;
  font-size: 13px;
  font-weight: bold;
}

#GameObject {
  position: absolute;
}

#upload-preview #GameObject {
  position: static;
  display: block;
}

#fb-box * {
  border: 0 !important;
  overflow: hidden !important;
}

.fb-box {
  overflow: hidden;
}

.fb-box iframe {
  float: left;
  background: #fff;
}

.kickass {
  position: absolute;
  width: 172px;
  height: 172px;
  background: url(images/kickass.png) no-repeat 50% 50%;
  background-size: 75%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  bottom: 550px;
  left: 53%;
  margin-left: 525px;
  transition: all 0.25s ease-in-out;
}

.kickass:hover {
  background-size: 100%;
}

#postlikebox {
  display: none;
  position: absolute;
  height: 60px;
  padding: 10px;
  left: 0;
  background: #fff;
  border: 1px solid #333;
  z-index: 30000;
}

#postlikebox .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  opacity: 0.2;
  color: #000;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

#postlikebox .close:hover {
  opacity: 0.5;
  color: #000;
}

#postlikebox .fb-like-wrap {
  float: left;
  clear: both;
  margin-top: 10px;
}

#postlikebox.fallback {
  left: -400px;
  width: 270px;
}

#postlikebox.fallback h3, #postlikebox.fallback .fb-like-wrap {
  float: left;
}

.notification-like .fb-like-wrap, .notification-like h3 {
  float: left;
  margin-right: 15px;
}

/* Facebook connect */
.facebook-disconnect {
  clear: both;
  float: left;
  margin: 5px;
  background: #eee;
  padding: 4px 6px;
}

/* =FAQ page
----------------------------------------------------------------------------------------------------------------------------------*/
.faq-question-list {
  float: left;
  margin-top: -25px;
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
}

.faq-question-list li {
  margin-bottom: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.faq-question-list h2 {
  margin: 25px 0 15px;
  border: 0;
}

.faq-question-list .answer {
  padding: 10px 0 0 15px;
}

.question a {
  padding-left: 15px;
  background: url(images/gfx.png) -100px -244px no-repeat;
}

.faq-question-list p {
  margin-bottom: 10px;
}

.question.open a {
  background: url(images/gfx.png) -100px -273px no-repeat;
}

.faq-question-list a:active {
  color: #006a96;
}

/* =404 page
----------------------------------------------------------------------------------------------------------------------------------*/
.error404 {
  width: 770px;
  height: 251px;
  margin-top: 20px;
  background: url(images/404.jpg);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* =Ads
----------------------------------------------------------------------------------------------------------------------------------*/
.fb-box {
  margin: 0 0 20px;
}

.top-searches-box, .ad-leaderboard, .unit.grey.full {
  width: 100%;
  padding: 8px 0;
  margin: 0 0 20px;
}

.ad-leaderboard, .unit.grey.full {
  text-align: center;
  height: 90px;
  overflow: hidden;
}

/* top searched block */
.top-searches, .top-searches-title, .top-searches li {
  display: inline;
  margin-right: 15px;
}

.top-searches-title {
  margin-left: 10px;
}

.ad-box {
  float: left;
}

.is-box {
  float: right;
}

.is-box iframe {
  width: 448px;
  height: 250px;
}

.row {
  padding-bottom: 10px;
}

.row .unit.grey {
  float: left;
  margin: 0;
}

.button-container {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-color: #006a96;
  opacity: 0.75;
}

.button-arrow {
  display: inline-block;
  color: #006a96;
  width: 100%;
  height: 100%;
}
.button-arrow:hover {
  color: rgb(0, 74.2, 105);
}

/* Social features.
----------------------------------------------------------------------------------------------------------------------------------*/
.newsfeed-container {
  margin: 0 8px 0 8px;
}

.newsfeed-container .item {
  margin: 8px 0 8px 0;
}

.newsfeed-container img.actor {
  float: left;
  width: 32px;
  height: 32px;
}

.wall-container {
  padding: 8px 8px 8px 8px;
  background: white;
  width: auto !important;
  border: 1px solid #55D4FE;
}

.wall-container .item {
  margin: 8px 0 8px 0;
}

.wall-container img.actor {
  float: left;
  width: 32px;
  height: 32px;
}

.globalfeed-container {
  padding: 8px 8px 8px 8px;
  background: white;
  width: auto !important;
  border: 1px solid #55D4FE;
}
.globalfeed-container .item {
  margin: 8px 0 8px 0;
}
.globalfeed-container img.actor {
  float: left;
  width: 32px;
  height: 32px;
}
.globalfeed-container .post-content {
  float: none;
}
.globalfeed-container .comments .comment {
  width: 100%;
  background: #eeeeee;
  padding: 4px 4px;
  border: 1px solid #dddddd;
  margin-top: 2px;
}
.globalfeed-container .comments .comment input[type=text] {
  width: 99%;
}
.globalfeed-container .comments .comment img.avatar {
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0 4px 0 0;
  float: left;
}

/* =Community pages:walls
----------------------------------------------------------------------------------------------------------------------------------*/
.posts {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  *overflow: hidden;
  font-size: 15px;
}

.post {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid rgb(231.72, 231.72, 231.72);
  position: relative;
}

.post:last-child {
  border-bottom: none;
}

.post-left {
  display: inline-block;
  vertical-align: top;
}

.post-icon .post-left:first-child {
  padding-right: 15px;
  background-image: url(images/gfx.png);
}

.post-icon-arrow .post-left:first-child {
  background-position: -205px -552px;
}

.post-icon-say .post-left:first-child {
  background-position: -169px -554px;
}

.post-icon-friends .post-left:first-child {
  background-position: -141px -553px;
}

.post-icon-rate .post-left:first-child, .post-icon-favorite .post-left:first-child, .post-icon-unfavorite .post-left:first-child {
  background-position: -205px -552px;
}

.post-icon-post .post-left:first-child, .post-icon-wallpost .post-left:first-child {
  background-position: -169px -554px;
}

.post-image {
  float: left;
  height: 60px;
  width: 60px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.post-right {
  display: inline-block;
  vertical-align: top;
  max-width: 680px;
}

.post-content {
  padding-right: 15px;
  float: left;
}

.post-content .timestamp {
  color: #999;
}

.post-content .likes {
  color: #999;
}

.post-content .meta {
  margin-top: 4px;
}

.post-content .meta a {
  color: #6D84B4;
}

.post-content-game-badge {
  position: relative;
  overflow: visible;
}

.post-content-trending-icon {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 21px;
  height: 21px;
  background-color: #fff;
  background-image: url(images/gfx.png);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}

.delete-post {
  display: block;
  width: 15px;
  height: 15px;
  float: right;
  background: url(images/gfx.png) -252px -631px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
  display: none;
  transition: opacity 0.25s ease-in-out;
}

.post:hover .delete-post {
  display: block;
  opacity: 0.75;
}

.delete-post:hover {
  background: url(images/gfx.png) -237px -631px;
}

.no-boxshadow .post-content-trending-icon {
  border: 1px solid #999;
}

.post-content-trending-icon-up {
  background-position: -26px -85px;
}

.post-content-trending-icon-down {
  background-position: -26px -146px;
}

.post-content-trending-icon-neutral {
  background-position: -26px -369px;
}

.post-content-trending-icon-new {
  background-position: -26px -294px;
}

.post-content .stars {
  margin: 2px 0;
}

.post-content-icon-new {
  height: 27px;
  width: 108px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(images/badges.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -5px;
  right: -5px;
  background-position: right 0;
}

.post-content-collection {
  position: relative;
  width: 60px;
  height: 60px;
}

.post-image-collection-item {
  position: absolute;
  width: 60px;
  height: 45px;
  background: #fff;
  padding-bottom: 11px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.post-image-collection-item:first-child {
  top: 0;
  left: 0;
  z-index: 3;
}

.post-image-collection-item:nth-child(2) {
  top: 2px;
  left: 0;
  z-index: 2;
}

.post-image-collection-item:last-child {
  bottom: 0;
  right: 0;
  z-index: 1;
}

.post-content h2, .post-content p {
  margin: 0;
}

.post-content ul {
  margin-top: 5px;
}

.post-content i {
  font-style: normal;
}

.post-write {
  transition: none;
}

.post-write .post-image {
  width: 60px;
}

.post-write .post-right .post-content {
  float: none;
}

.post-write-form {
  height: 40px;
  width: 100%;
}

.post-write-form button {
  width: 100px;
  float: left;
  margin: 0;
  background: #22a1c6;
  height: 30px;
  margin-top: 1px;
  vertical-align: center;
  display: inline;
  font-size: 15px;
  line-height: 1;
  border-radius: 2px;
  padding: 5px 7px;
  border: medium none;
  transition: all 0.25s ease-in-out;
  background-color: #006a96;
  color: #fff;
  font-weight: bold;
}

.post-write-form button:hover, .post-write-form button:focus {
  background-color: rgb(0, 74.2, 105);
  color: #fff;
}

.post-write input, .post-write textarea {
  margin-right: 10px;
  float: left;
  vertical-align: center;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #fff;
  background: #fff;
  width: 540px;
  display: inline;
  font-size: 15px;
  line-height: 1;
  border-radius: 2px;
  padding: 7px;
  border: medium none;
  transition: all 0.25s ease-in-out;
  -webkit-resize: none;
  -moz-resize: none;
  resize: none;
  height: 16px;
}

.post-write textarea {
  height: 40px;
  line-height: 20px;
}

.show-more {
  clear: both;
  float: left;
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: rgb(227.48, 227.48, 227.48);
  color: rgb(138.6, 138.6, 138.6);
  transition: all 0.25s ease-in-out;
  border-radius: 3px;
}
.show-more:hover {
  color: rgb(138.6, 138.6, 138.6);
  background: rgb(214.73, 214.73, 214.73);
}

.post-write input, .post-write textarea {
  -webkit-resize: both;
  -moz-resize: both;
  resize: both;
}

.post-new-thread button {
  clear: both;
  margin-top: 10px;
}

.post-thread-subject {
  margin-bottom: 10px;
}

.post .meta {
  font-size: 11px;
}

a[data-action=like], a[data-action=unlike], .likes {
  position: absolute;
  top: 10px;
  display: block;
  height: 16px;
}

a[data-action=like], a[data-action=unlike] {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 16px;
  background: url(images/gfx.png) 0 0 no-repeat;
  right: 0;
}

a[data-action=like], a[data-action=unlike] {
  opacity: 0.5;
}
a[data-action=like]:hover, a[data-action=unlike]:hover {
  opacity: 1;
}

a[data-action=unlike] {
  background: url(images/gfx.png) -16px 0 no-repeat;
}

.likes {
  right: 20px;
  line-height: 17px;
}

.likes span {
  display: none;
}

/* =Sidebar
----------------------------------------------------------------------------------------------------------------------------------*/
.pelikone_box a {
  color: #3d3d3d;
}

a.pelikone_box_title {
  color: #fff;
  padding-left: 4px;
  margin: 0;
}

.sidebar-item, .sidebar-title {
  padding: 0 25px 0 5px;
  margin-left: 15px;
  border-radius: 3px;
}

.sidebar-title {
  margin-top: 5px;
  margin-bottom: 5px;
}

.sidebar-item {
  position: relative;
}

.sidebar-title {
  position: relative;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  color: rgb(138.6, 138.6, 138.6);
  font-size: 11px;
  height: 25px;
  line-height: 25px;
  clear: both;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.sidebar ul {
  display: block;
  padding: 0 0 10px;
}

.collapsible .sidebar-title {
  padding: 0 20px 0 39px;
  cursor: pointer;
  background: url(images/gfx.png) -76px -269px no-repeat;
}

.collapsible .sidebar-title.collapsed {
  background-position: -76px -240px;
}

.sidebar-title.empty {
  cursor: default;
}

.sidebar-item > * {
  display: block;
  line-height: 15px;
  background-image: url(images/game-icons-3.png);
  background-position: 0 -1px;
  background-repeat: no-repeat;
  padding: 4px 0 4px 24px;
  outline: none;
}

.sidebar-history a {
  padding-right: 0;
}

.sidebar-item-selected {
  background: rgb(227.48, 227.48, 227.48);
}
.sidebar-item-selected a {
  cursor: default;
  font-weight: bold;
}

.sidebar-item:hover {
  background: rgb(227.48, 227.48, 227.48);
}

.sidebar-title-trash {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(images/gfx.png) -273px -137px no-repeat;
  opacity: 0;
}

.sidebar-title:hover .sidebar-title-trash {
  opacity: 1;
}

.sidebar-title-trash:hover {
  opacity: 1;
  background: url(images/gfx.png) -236px -137px no-repeat;
}

.sidebar-item-trash {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(images/gfx.png) -273px -137px no-repeat !important;
  opacity: 0;
  padding: 0 !important;
}

.sidebar-item-trash:hover {
  background: url(images/gfx.png) -236px -137px no-repeat !important;
}

.sidebar-item:hover .sidebar-item-trash {
  opacity: 1;
}

.tag-cloud {
  margin-left: 10px;
}

.tag-cloud:hover {
  background: none;
}

.tag-list li {
  list-style: none !important;
}

.tags {
  margin-top: -10px;
}

.tag-cloud a, .tag-list .tag, .tags a {
  display: block;
  float: left;
  line-height: 15px;
  margin: 0 5px 5px 0;
  font-size: 11px;
  padding: 3px 6px;
  background: #fff;
  color: #006a96;
  border-radius: 3px;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.tag-cloud a:hover, .tag-list .tag:hover, .tags a:hover {
  color: rgb(0, 74.2, 105);
}

.thumb-category {
  width: 24px;
  height: 24px;
  float: right;
  z-index: 2;
  margin-right: -3px;
}

.thumb-category > * {
  display: block;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  float: right;
  background-image: url(images/game-icons.png);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.thumb-category a:hover {
  opacity: 1;
}

.sidebar-promo {
  display: block;
  background-color: #fff;
  color: #3d3d3d;
  font-size: 12px;
  background-position: right 0;
  background-repeat: no-repeat;
  padding: 7px 55px 7px 7px;
  margin: 0 0 15px 20px;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease-in-out;
}

.sidebar-promo:hover .sidebar-promo-btn {
  background: rgb(0, 74.2, 105);
  transition: all 0.25s ease-in-out;
}

.sidebar-promo-btn {
  border-radius: 3px;
  background: #006a96;
  padding: 3px 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 11px;
  font-weight: 700;
  margin-top: 7px;
  text-align: center;
}

/*.sidebar-promo-wheeloffortune {background-image:url(images/sidebar-promo-wheeloffortune.png);}
.sidebar-promo-slots {background-image:url(images/sidebar-promo-slots.png);}
.sidebar-promo-kasari {background-image:url(images/sidebar-promo-kasari.png);} 
.sidebar-promo-chez {background-image:url(images/sidebar-promo-slottis_chez.png);} 
.sidebar-promo-halloween {background-image:url(images/sidebar-promo-slottis-halloween.png);} 
.sidebar-promo-lande {background-image:url(images/sidebar-promo-slottis-lande.png);} 
.sidebar-promo-goodgame-empire {background-image:url(images/sidebar-promo-goodgame-empire.png);background-image:url(https://pk-cdn.sanomagames.com/uploads/sidebar-promo-goodgame-empire.png)} 
*/
/* hide how wheels */
.icon-chan-112 {
  display: none;
}

/* Slideup collection editor */
.slideup {
  position: relative;
  overflow: hidden;
  width: 175px !important;
  height: 211px !important;
}

.feature .slideup {
  width: 278px;
  height: 275px;
}

.feature .slideup-inner {
  height: 600px;
}

.slideup-inner {
  position: absolute;
  height: 410px;
}

.slideup .game-details {
  overflow: visible;
}

.slideup-toggle {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  width: 15px;
  height: 15px;
  background: url(images/gfx.png) -282px -716px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; /*opacity:.25;*/
  transition: opacity 0.25s ease-in-out;
}

.game:hover .slideup-toggle {
  opacity: 0.85;
}

.slideup-toggle:hover {
  background: url(images/gfx.png) -282px -731px;
  opacity: 1;
}

.slideup-toggle-close {
  background: url(images/gfx.png) -252px -731px;
  opacity: 1;
}

.slideup-toggle-listed {
  background: url(images/gfx.png) -267px -731px;
  opacity: 1;
}

.slideup-toggle-close:hover {
  background: url(images/gfx.png) -237px -731px;
}

.slideup-close {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: none;
}

.slideup-save {
  display: block;
  float: left;
  margin-top: 10px;
  background-image: linear-gradient(to bottom, #fff, #f2f2f2);
  border-radius: 3px;
}

.slideup-save a {
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  float: left;
  font-weight: bold;
  border-radius: 2px;
  border: 1px solid rgb(208.44, 208.44, 208.44);
  box-shadow: 0 -5px 0 #e0e0e0, inset 0 3px 10px rgba(0, 0, 0, 0.1);
}

.slideup-tooltip {
  display: none;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  right: 30px;
  background: url(images/gfx.png) right -650px no-repeat;
  padding-right: 4px;
  opacity: 0.95;
}

.slideup-tooltip-inner {
  background: #222;
  height: 20px;
  padding: 0 6px;
  border-radius: 3px;
}

.slideup-addlist {
  display: block;
  overflow: hidden;
  clear: both;
  float: left;
  margin: 8px;
}

.slideup-addlist strong {
  display: block;
  clear: both;
  width: 100%;
  float: left;
  line-height: 20px;
  height: 20px;
  font-weight: bold;
  font-size: 13px;
  color: #3d3d3d;
}

.slideup-addlist ul {
  display: block;
  overflow: hidden;
  width: 160px;
  float: left;
  clear: both;
  overflow-y: auto;
  margin-top: 3px;
  height: 150px;
  font-size: 11px;
  border: 1px solid rgb(208.44, 208.44, 208.44);
  border-width: 1px 0;
  padding-top: 2px;
}

.slideup-addlist li {
  display: block;
  float: left;
  width: 160px;
  padding: 2px;
}

.slideup-addlist li.add-list {
  padding: 0;
}

.slideup-addlist li.add-list input {
  margin: 2px 0;
}

.slideup-addlist li:hover {
  background: #f2f2f2;
}

.slideup-addlist form {
  width: 175px;
}

.slideup .new-list {
  line-height: 15px;
  font-size: 11px;
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.slideup-addlist label {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  width: 150px;
  padding: 0 5px;
  margin-left: -20px;
  background: #f1f1f1;
  border-radius: 3px;
}

.slideup-addlist label:hover {
  background: #e2e2e2 url(images/addlist-plus.png) 143px 50% no-repeat;
}

.slideup-addlist .selected label {
  background: #b7d074 url(images/addlist-v.png) 143px 50% no-repeat;
  color: #364b00;
}

.slideup-addlist input[type=checkbox] {
  float: left;
  margin-right: 5px;
  margin-left: 0;
  visibility: hidden;
}

.slideup-addlist .input-new-list {
  display: block;
  float: left;
  display: none;
  width: 120px;
}

.slideup-addlist .button-new-list {
  display: block;
  float: left;
  font-size: 11px;
}

.slideup-addlist input {
  margin-right: 5px;
  vertical-align: center;
  display: inline;
  font-size: 11px;
  line-height: 1;
  border-radius: 2px;
  border: medium none;
  transition: all 0.25s ease-in-out;
}
.slideup-addlist input[type=text] {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #fff;
  border: medium none;
  background: #e2e2e2;
  color: #222;
  line-height: 18px;
  padding: 2px 2px;
}
.slideup-addlist .no-boxshadow input[type=text], .slideup-addlist .no-boxshadow .input-text {
  border: 1px solid #ccc !important;
}
.slideup-addlist input[type=text]:focus {
  background: #ededed;
}
#masterright {
  display: none;
}

#master {
  border-top: none;
  min-width: 100%;
  float: left;
  background-color: #f2f2f2;
  padding: 0 0 15px;
  text-align: left;
  float: left;
}

/* OLD CSS FOR THE OLD PAGES
----------------------------------------------------------------------------------------------------------------------------------


/* Old general elements
----------------------------------------------------------------------------------------------------------------------------------*/
.pelikone_content_noborder, h1.pelikone_content_noborder, h2.pelikone_content_noborder {
  border: none;
  padding: 0.2em 0 0.4em 0;
}

.pelikone_paginate_top_container {
  float: right;
  padding-right: 5px;
  margin-top: 3px;
  width: 225px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
}

.pelikone_paginate_bottom_container {
  float: right;
  margin-top: 10px;
  margin-right: 22px;
  width: 685px;
}

.commonGamesBoxMiddle .pelikone_paginate_bottom_container {
  margin: 9px 12px 0 0;
}

#pelikone_people_main .pelikone_paginate_bottom_container {
  margin-right: 13px;
}

.pelikone_paginate {
  padding: 5px;
  background-color: #fff;
  float: right;
  border: 1px solid #53d3fd;
  font-weight: bold;
  text-align: center;
}

.pelikone_paginate a {
  margin-left: 5px;
}

.pelikone_paginate_channel {
  padding: 5px;
  background-color: #fff;
  float: right;
  border: 1px solid #53d3fd;
  font-weight: bold;
  text-align: center;
  margin-right: 25px;
}

.pelikone_random {
  padding: 5px;
  background-color: #fff;
  float: left;
  border: 1px solid #53d3fd;
  font-weight: bold;
  text-align: center;
}

.pelikone_random a {
  color: #0079b0;
}

/* Boxes left/right */
.pelikone_box {
  float: left;
  margin: 8px 0 0 0;
  font-size: 13px;
}

.pelikone_box_title {
  position: relative;
  color: #fff;
  height: 26px;
  max-height: 26px;
  background-image: url(/images/title_box_mid.jpg);
  background-repeat: repeat-x;
  margin: 0 7px 0 7px;
  padding: 7px 0 0 6px;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
}

#masterleft .pelikone_box {
  width: 120px;
}

#masterright .pelikone_box {
  width: 140px;
}

#masterleft .pelikone_box_title {
  left: 2px;
}

#masterright .pelikone_box_title {
  right: 2px;
}

.pelikone_box_title {
  color: #fff;
}

a.pelikone_box_title:hover {
  text-decoration: underline;
}

.pelikone_box_left {
  position: absolute;
  left: -3px;
  top: 0;
  width: 9px;
  max-width: 9px;
  height: 26px;
  max-height: 26px;
  background-image: url(/images/title_box_left.jpg);
  background-repeat: no-repeat;
}

.pelikone_box_right {
  position: absolute;
  right: -3px;
  top: 0;
  width: 9px;
  max-width: 9px;
  height: 26px;
  max-height: 26px;
  background-image: url(/images/title_box_right.jpg);
  background-repeat: no-repeat;
}

#masterleft .pelikone_box_content {
  padding-left: 6px;
}

#masterright .pelikone_box_content {
  margin-left: 0;
}

.pelikone_box_profile {
  font-size: 11px;
}

.pelikone_box_profile {
  display: block;
}

a.pelikone_box_profile:hover {
  display: block;
  text-decoration: underline;
}

.pelikone_box_category img, .pelikone_box_game img {
  width: 6px;
  height: 6px;
}

a.pelikone_box_category:hover {
  text-decoration: underline;
}

.pelikone_box_categorysel {
  font-weight: bold;
}

a.pelikone_box_categorysel:hover {
  font-weight: bold;
  text-decoration: underline;
}

a.pelikone_box_game:hover {
  text-decoration: underline;
}

.pelikone_box_blogdate {
  color: #0079b0;
  font-size: 9px;
  line-height: 0.95;
  padding: 4px 4px 0 0;
}

.pelikone_box_blogitem {
  line-height: 0.95;
  padding: 2px 0 4px 0;
}

.pelikone_box_blogitem {
  font-size: 13px;
}

.pelikone_box_blogmore {
  display: block;
  color: #0079b0;
  font-size: 13px;
  padding: 4px 0 0 0;
}

/* common stuff */
.commonBoxTop {
  margin: auto;
  background: url(/images/common_box_top.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  min-height: 10px;
  height: auto !important;
  height: 10px;
  width: 708px;
}

.commonBoxBottom {
  margin: auto;
  background: url(/images/common_box_bottom.jpg);
  background-repeat: no-repeat;
  min-height: 15px;
  height: auto !important;
  height: 15px;
  width: 708px;
}

.commonBoxMiddle {
  margin: auto;
  background: url(/images/common_box_bg.jpg);
  background-repeat: repeat-y;
  width: 708px;
  overflow: hidden;
}

.commonBoxContent {
  background-color: #fff;
  margin: 0 12px 0 10px;
  border: 1px solid #55d4fe;
}

.commonBoxContent h1 {
  padding: 0 0 5px;
}

h1.commonBoxTitle {
  padding: 2px 0 7px 13px;
  font-size: 20px;
}

.commonGamesBoxMiddle {
  margin: auto;
  background: url(/images/common_box_bg.jpg);
  background-repeat: repeat-y;
  width: 708px;
  overflow: hidden;
  padding-top: 10px;
}

.commonGamesBoxContent {
  background-color: #fff;
  margin: 0 12px 0 10px;
  border: 1px solid #55d4fe;
}

.commonGamesBoxRow {
  background-color: #fff;
  min-height: 187px;
  height: auto !important;
  height: 187px;
  max-height: 187px;
  overflow: hidden;
}

.commonGamesBoxTop {
  font-size: 15px;
  font-weight: bold;
  margin: 0 auto;
  background-image: url(/images/frontpage_games_top.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  height: 29px;
  width: 708px;
  overflow: hidden;
}

.commonBoxGridContent {
  background-color: #fff;
  margin: 0 13px 0 10px;
  border: 1px solid #55d4fe;
  padding: 15px;
}

.commonBoxGridGame {
  border: 1px solid red;
  width: 136px;
  min-height: 153px;
  height: auto !important;
  height: 153px;
  max-height: 153px;
  overflow: hidden;
  display: inline;
}

.prettyButton {
  font-size: 10px;
  margin: 0 0 0 4px;
  width: 92px;
  border: none;
  padding: 2px;
  color: #fff;
  background-color: #0079b0;
  font-weight: bold;
}

.prettyButton:hover {
  background-color: #229bd0;
}

.commonPrettyButton {
  text-align: center;
  font-size: 10px;
  border: none;
  padding: 2px;
  color: #fff;
  background-color: #0079b0;
  font-weight: bold;
}

.commonPrettyButton:hover {
  background-color: #229bd0;
}

.commonLargePrettyButton {
  text-align: center;
  font-size: 19px;
  border: none;
  padding: 2px;
  color: #fff;
  background-color: #0079b0;
  font-weight: bold;
}

.commonLargePrettyButton:hover {
  background-color: #229bd0;
}

.commonYellowTitle {
  padding: 5px 10px 4px;
  font-weight: bold;
  color: #464237;
  background-color: #fffbd2;
  border-bottom: 1px solid #3d3d3d;
}

/* Highscore tables style */
.highscores {
  float: left;
  position: relative;
  width: 220px;
  border-collapse: collapse;
  margin: 0 40px 15px 0;
}

.highscoresr {
  margin: 0 0 15px 0;
}

.highscores td {
  font-size: 13px;
  padding-top: 4px;
}

.highscores .title {
  font-size: 15px;
  padding: 0.8em 0 0.8em 0.4em;
}

.highscore_titles td {
  border-bottom: 1px dotted #aca899;
  padding-bottom: 4px;
}

.highscore_titles td.right, td.points {
  text-align: right;
}

.highscores a {
  color: #0079b0;
}

.highscores .gameview {
  font-weight: bold;
}

#registerscores {
  font-size: 11px;
  font-weight: bold;
  padding: 5px 0 5px 5px;
}

/* Highscore for new users app */
.highscore {
  float: left;
  position: relative;
  width: 200px;
  border-collapse: collapse;
  margin: 0 2px 15px 0;
}

.highscore {
  margin: 0 0 15px 0;
}

.highscore td {
  font-size: 13px;
  padding-top: 4px;
}

.highscore .title {
  font-size: 15px;
  padding: 0.8em 0 0.8em 0.4em;
}

.highscore_titles td {
  border-bottom: 1px dotted #aca899;
  padding-bottom: 4px;
}

.highscore_titles td.highscore_right {
  padding-right: 10px;
}

.highscore a {
  color: #0079b0;
}

.highscore .gameview {
  font-weight: bold;
}

.highscore .highscore_titles td.highscore_left {
  width: 50%;
  padding-right: 10px;
}

.highscore .highscore_titles td.highscore_title {
  width: 50%;
  padding-right: 5px;
}

.highscore .highscore_titles td.highscore_points {
  width: 25%;
  text-align: center;
}

.highscore .highscore_titles td.highscore_ranks {
  width: 25%;
  text-align: center;
}

#usersSearchMainContainer {
  position: relative;
  padding: 45px 5px 5px;
}

#usersSearchContainer {
  position: absolute;
  left: 10px;
  top: 10px !important;
  top: 1px;
  width: auto !important;
  width: 310px;
  white-space: nowrap;
}

/*#usersSearch { position:relative; min-height:41px; height:auto!important; height:41px; background:url(images/ppl-search-bg.png); background-repeat:repeat-x }
#usersSearchLeft { position:absolute; left:0; top:0; min-height:41px; height:auto!important; height:41px; width:15px; background:url(images/ppl-search-left.png); background-repeat:no-repeat }
#usersSearchRight { position:absolute; right:0; top:0; min-height:41px; height:auto!important; height:41px; width:15px; background:url(images/ppl-search-right.png); background-repeat:no-repeat }
#usersSearchFormContainer { position:absolute; left:0; top:0; padding:5px 15px 0 }
*/
#usersSearchFormTextInput {
  width: 200px;
  height: 20px;
  line-height: 20px; /* font-size:$m; padding:4px 3px 2px; border:0 */
} /*
#usersSearchFormButton { margin:0 0 1px; width:50px; height:22px; background:url(images/ppl-search-button-bg.png); border:1p}
*/
.userRow {
  padding: 2px 0;
}

.userRow a {
  font-size: 15px;
  font-weight: bold;
  color: #0d91cf;
}

.userRow img {
  float: left;
  margin-right: 6px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.userRow span {
  font-size: 11px;
  color: #a2a2a2;
}

.arrowPaginationTopContainer {
  background-color: #edfbff;
  border-bottom: 1px solid #82c7c7;
  padding: 7px 0 5px 15px;
  margin-bottom: 20px;
}

.arrowPaginationTop {
  background: url(/images/ppl-arrow-up.png);
  background-repeat: no-repeat;
  background-position: center left;
}

.arrowPaginationBottomContainer {
  background-color: #edfbff;
  border-top: 1px solid #82c7c7;
  padding: 7px 0 5px 15px;
  margin-top: 20px;
}

.arrowPaginationBottom {
  background: url(/images/ppl-arrow-down.png);
  background-repeat: no-repeat;
  background-position: center left;
}

.arrowPaginationTop a, .arrowPaginationBottom a {
  font-weight: bold;
  font-size: 13px;
  color: #2b9fd5;
  padding-left: 25px;
}

/* Credits and nachos */
.buyButton {
  background: url(images/greenbutton.png);
  width: 123px;
  min-height: 24px;
  height: auto !important;
  height: 24px;
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
  border: 0;
  font-weight: bold;
}

.creditsRow:hover .buyButton {
  background: url(images/greenbuttonhover.png);
}

.buyButton:hover {
  background: url(images/greenbuttonhover.png);
}

.greenButton {
  background: url(images/greenbutton2.png);
  min-height: 30px;
  height: auto !important;
  height: 30px;
  width: 128px;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
  text-align: center;
}

.greenButton a {
  display: block;
  color: #fff;
  font-size: 19px;
}

.creditMainTopLeft {
  float: left;
  padding-top: 3px;
}

.creditMainTopTitle {
  font-size: 20px;
  display: inline;
}

.creditMainTopLeft a {
  margin-left: 10px;
  color: #999;
  font-size: 13px;
}

.creditMainTopRight {
  float: right;
  padding: 2px 0;
}

.creditMainTopRightLeft {
  font-weight: bold;
  font-size: 15px;
  color: #18add7;
}

.creditMainTopRightRight {
  padding: 1px 7px;
  border: 1px solid #3d3d3d;
  font-size: 20px;
  font-weight: bold;
  background-color: #fff;
}

.creditMainBox {
  border: 1px solid #85e1ff;
  margin-top: 8px;
  padding: 10px;
  background-color: #fff;
}

.creditMainBoxTitle {
  margin: 0 0 10px 0;
  font-size: 17px;
  font-weight: bold;
}

.commonTextInput {
  background-image: url(/images/downloadables/dl_input_bg.png);
  background-repeat: repeat-x;
  border: 1px solid #3d3d3d;
  padding: 2px 2px;
}

/* =Pages using the old layout
----------------------------------------------------------------------------------------------------------------------------------*/
/* old rows */
/*.row:after { clear:both; display:block; visibility:hidden; overflow:hidden; height:0 !important; line-height:0; font-size:xx-large; content:" " }
.row { margin:0 0 0 -15px; padding-bottom:15px; clear:both; float:left; width:869px!important; position:relative; *zoom:1 }
.unit { float:left; margin-left:15px; background:#fff; border:1px solid mod-colors.$mid-grey; padding:10px }
.unit-inner { border:1px solid mod-colors.$mid-grey; background:#fff; float:left; overflow:hidden; width:820px; margin:0; list-style:none }
.unit-top { clear:both; overflow:hidden; padding-bottom:10px }
.unit-footer { clear:both }
.full { width:798px }
.half { width:375px; overflow:hidden }
#master-old .content { margin-left:5px; margin-right:5px }
.unit.grey { background:#fff; border:1px solid mod-colors.$mid-grey; text-align:center }
.text-block { clear:both; float:left; margin:0 0 15px 0 }
.unit-blank { background:none; border:0; box-shadow: none; }
*/
/* Div layout master for two-column and three-column pages */
#masterleft {
  float: left;
  width: 120px;
  max-width: 120px;
  overflow: hidden;
  margin-bottom: 30px;
  background-color: #fff;
}

#masterleft a.pelikone_box_game {
  float: left;
  width: 100px;
}

#masterleft a.pelikone_box_category {
  float: left;
  width: 100px;
}

#masterleft img {
  float: left;
  clear: both;
  margin: 5px 5px 0 0;
}

#masterright .pelikone_box_game {
  margin-left: 2px;
}

#masterright a.pelikone_box_game {
  float: left;
  width: 120px;
}

.pelikone_box_game img {
  float: left;
  clear: both;
  margin: 5px 5px 0 0;
}

#masterright {
  float: right;
  width: 140px;
  max-width: 140px;
  overflow: hidden;
  margin-bottom: 30px;
  background-color: #fff;
}

#mastercontent {
  float: left;
  background-color: #fff;
  width: 728px;
  max-width: 728px;
  margin: auto;
  padding: 0 8px 10px 8px;
}

#mastercontentwide {
  float: left;
  width: 844px;
  max-width: 844px;
  padding: 8px 12px 16px 12px;
}

#mastercontentrevertedwide {
  float: left;
  width: 839px;
  max-width: 839px;
  padding: 8px 12px 16px 12px;
}

#masteruserscontentwide {
  float: left;
  width: 842px;
  max-width: 842px;
  padding: 8px 12px 16px 10px;
  position: relative;
}

#masteruserscontentwide #leftSidebar {
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}

#masteruserscontentwide #rightContent {
  float: right;
  width: 708px;
}

#masteruserscontentwide #rightWideContent {
  float: right;
  width: 844px;
}

/* preferred since 30.08.10:fixed*/
#users-container {
  float: left;
  width: 981px;
  padding: 8px 12px 0px 10px;
  position: relative;
  min-height: 400px;
}

#users-container #users-aside {
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}

#users-container #content {
  float: right;
  width: 846px;
}

.buttonContainer,
.buttonSelContainer {
  padding: 1px 0;
}

.buttonTop,
.buttonBottom {
  min-height: 9px;
  height: auto !important;
  height: 9px;
  max-height: 9px;
  overflow: hidden;
  width: 135px;
  background-repeat: no-repeat;
}

.buttonMiddle {
  width: 115px;
  padding: 0 10px 2px;
  background-repeat: repeat-y;
  overflow: hidden;
}

.buttonContainer .buttonTop {
  background: url(images/ppl-button-top.png);
}

.buttonSelContainer .buttonTop,
.buttonContainer:hover .buttonTop {
  background: url(images/ppl-button-sel-top.png);
}

.buttonContainer .buttonBottom {
  background: url(images/ppl-button-bottom.png);
}

.buttonSelContainer .buttonBottom,
.buttonContainer:hover .buttonBottom {
  background: url(images/ppl-button-sel-bottom.png);
}

.buttonContainer .buttonMiddle {
  background: url(images/ppl-button-middle.png);
}

.buttonSelContainer .buttonMiddle,
.buttonContainer:hover .buttonMiddle {
  background: url(images/ppl-button-sel-middle.png);
}

.buttonContainer a {
  display: block;
  color: #0d91cf;
}

.buttonContainer:hover a {
  color: #0fb1ef;
}

.buttonAppsContainer {
  padding: 5px 0 0;
}

.buttonAppsContainer a {
  font-size: 13px;
  text-transform: uppercase;
}

.menuAppSel a {
  color: black;
}

/* Chat
----------------------------------------------------------------------------------------------------------------------------------*/
#pelikone_chat_container {
  height: 380px;
  max-height: 380px;
  min-height: 380px;
  overflow: auto;
}

#pelikone_chat_etag {
  display: none;
}

.pelikone_chat_line {
  clear: both;
}

.pelikone_chat_snd {
  float: left;
  font-size: 10px;
  color: #0079b0;
  margin-right: 4px;
}

.pelikone_chat_snd {
  color: #0079b0;
  font-size: 13px;
}

.pelikone_chat_del {
  color: #ff1010;
  font-size: 8px;
}

input.pelikone_chat_input {
  font-size: 10px;
  margin: 2px 0 0 1px;
  width: 80%;
  border: 1px solid #ccc;
}

input.pelikone_chat_button {
  font-size: 10px;
  margin: 2px 0 0 1px;
  width: 50px;
  border: none;
  padding: 2px;
  color: #fff;
  background-color: #0079b0;
  font-weight: bold;
}

.userlist {
  background: #fff;
  padding: 1px 0 1px 4px;
}

.userlist2 {
  background: #f0f0f0;
  padding: 1px 0 1px 4px;
}

.user {
  color: #0079b0;
  font-weight: bold;
}

.nousers {
  color: #aaa;
  font-size: 10px;
  padding: 5px;
}

/* Messages section
----------------------------------------------------------------------------------------------------------------------------------*/
.messagesparent {
  margin: 3px 0 3px 0;
}

input#textlength {
  text-align: right;
  font-size: 13px;
  padding: 1px 0 0 0;
}

td.mdate {
  font-size: 10px;
  padding: 4px 4px 0 0;
}

td.msndr {
  font-size: 10px;
  padding: 4px 4px 0 0;
}

.msndr {
  color: #0079b0;
  font-weight: bold;
}

td.mtext {
  font-size: 10px;
  padding: 4px 4px 0 0;
}

td.mdatep {
  color: #f01010;
  font-size: 10px;
  padding: 4px 4px 0 0;
}

td.msndrp {
  color: #f01010;
  font-size: 10px;
  padding: 4px 4px 0 0;
}

.msndrp {
  color: #0079b0;
  font-weight: bold;
}

td.mtextp {
  color: #f01010;
  font-size: 10px;
  padding: 4px 4px 0 0;
}

.nomessages {
  color: #aaa;
  font-size: 10px;
}

.loginmessages {
  font-size: 10px;
  padding: 0.6em 0.6em 0.6em 0;
  color: #aaa;
}

input.message {
  font-size: 10px;
  width: 280px;
  border: 1px solid #ccc;
}

input.messagebutton {
  font-size: 10px;
  margin: 0 0 0 4px;
  width: 88px;
  border: none;
  padding: 2px;
  color: #fff;
  background-color: #0079b0;
  font-weight: bold;
}

input.messagecheck {
  font-size: 10px;
  padding: 2px;
  color: #fff;
}

/* Edit game
----------------------------------------------------------------------------------------------------------------------------------*/
.gameinfocontainer {
  float: left;
  width: 844px;
}

td.editgame {
  color: #0079b0;
}

input.editgame {
  font-size: 13px;
  padding: 2px;
  width: 380px;
  border: 1px solid #ccc;
}

input.editgamenw {
  font-size: 13px;
  padding: 2px;
  border: 1px solid #ccc;
}

textarea.editgame {
  font-size: 13px;
  padding: 2px;
  width: 380px;
  border: 1px solid #ccc;
}

select.editgame {
  font-size: 13px;
  padding: 2px;
  width: 380px;
  border: 1px solid #ccc;
}

input.editgamebutton {
  font-size: 10px;
  margin: 0 0 0 4px;
  width: 140px;
  border: none;
  padding: 4px;
  color: #fff;
  background-color: #0079b0;
  font-weight: bold;
}

/* Upload page
----------------------------------------------------------------------------------------------------------------------------------*/
.uploadstep {
  text-align: center;
}

.uploadstepsel {
  font-weight: bold;
  color: #67a4e3;
  text-align: center;
}

input.uploadbutton {
  font-size: 10px;
  margin: 0 4px 0 0;
  width: 100px;
  border: none;
  padding: 4px;
  color: #fff;
  background-color: #0079b0;
  font-weight: bold;
}

td.uploadgame {
  color: #0079b0;
  padding: 2px 0 2px 0;
}

input.uploadgame {
  font-size: 13px;
  margin: 2px 0 2px 0;
  padding: 2px;
  width: 380px;
  border: 1px solid #ccc;
}

input.uploadgamenw {
  font-size: 13px;
  margin: 2px 0 2px 0;
  padding: 2px;
  border: 1px solid #ccc;
}

select.uploadgame {
  font-size: 13px;
  margin: 2px 0 2px 0;
  padding: 2px;
  width: 380px;
  border: 1px solid #ccc;
}

.uploadpreviewnote {
  color: #0079b0;
  padding: 0.6em 0 1.2em 0;
}

textarea.uploadgame {
  font-size: 13px;
  padding: 2px;
  width: 380px;
  border: 1px solid #ccc;
}

/* Help page & claim page
----------------------------------------------------------------------------------------------------------------------------------*/
.helptitle {
  color: #0079b0;
  font-weight: bold;
  padding: 1.2em 0 0 0;
}

.helptext {
  padding: 0.4em 0 0 0;
}

.claimtitle {
  color: #0079b0;
  font-weight: bold;
  padding: 1.2em 0 0 0;
}

.claimtext {
  padding: 0.4em 0 0 0;
}

/* Sidebar admin
----------------------------------------------------------------------------------------------------------------------------------*/
.pelikone_sbadmin_area {
  float: left;
  width: 1004px;
}

.pelikone_sbadmin_leftarea {
  float: left;
  width: 140px;
  max-width: 140px;
  overflow: hidden;
  margin-left: -10px;
}

.pelikone_sbadmin_rightarea {
  float: right;
  width: 160px;
  max-width: 160px;
  overflow: hidden;
  margin-right: 15px;
}

.pelikone_sbadmin_leftarea #masterleft {
  float: left;
}

.pelikone_sbadmin_rightarea #masterright {
  float: right;
}

.pelikone_sbadmin_leftbar {
  float: left;
  border: 1px dotted #c0c0c0;
  border-left: none;
  width: 123px;
  min-width: 123px;
  max-width: 123px;
}

.pelikone_sbadmin_rightbar {
  float: left;
  border: 1px dotted #c0c0c0;
  border-right: none;
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}

.pelikone_sbadmin_title {
  padding: 0.5em;
  font-size: 15px;
  font-weight: bold;
}

.pelikone_sbadmin_trail {
  padding: 0.5em 0 0 0;
}

.pelikone_sbadmin_editboxleft {
  font-size: 10px;
  float: left;
  margin-left: 10px;
}

.pelikone_sbadmin_editboxright {
  font-size: 10px;
  float: left;
  margin-left: 10px;
}

/* People 
----------------------------------------------------------------------------------------------------------------------------------*/
#masterpeople {
  width: 728px;
  float: left;
  margin: 8px 0 0 0;
  text-align: center;
  overflow: hidden;
}

#pelikone_people_top {
  background: url(/images/people_box_top.jpg);
  background-repeat: no-repeat;
  width: 708px;
  min-height: 10px;
  height: auto !important;
  height: 10px;
  margin-left: 10px;
}

#pelikone_people_main {
  width: 708px;
  background: url(/images/people_box_mid.jpg);
  background-repeat: repeat-y;
  background-position: top right;
  margin-left: 10px;
}

#pelikone_people_bottom {
  background: url(/images/people_box_bottom.jpg);
  background-repeat: no-repeat;
  width: 708px;
  min-height: 15px;
  height: auto !important;
  height: 15px;
  max-height: 15px;
  overflow: hidden;
  margin-left: 10px;
}

#pelikone_people_container {
  width: 680px;
  border: 1px solid #3cf;
  margin: auto;
}

#pelikone_people_title {
  width: 680px;
  margin: auto;
  padding: 0 0 5px 0;
}

.pelikone_people_title_left {
  float: left;
}

.pelikone_people_title_left h1 {
  font-size: 20px;
  margin: 3px 30px 0 0;
}

.pelikone_people_row_title {
  color: #3b5998;
  font-size: 13px;
}

input.pelikone_people_text {
  height: 14px;
  border: 1px solid #ccc;
  font-size: 15px;
  padding: 6px 3px 6px 3px;
}

/* Profile page
----------------------------------------------------------------------------------------------------------------------------------*/
/* PKML user-table */
.pkml_user_table {
  padding: 2px 0 4px 0;
  width: 100%;
}

.pkml_user_item {
  padding: 6px 1px 2px 0;
  font-size: 11px;
  text-align: center;
  vertical-align: top;
  width: 64px;
  overflow: clip;
}

.pkml_user_table {
  padding: 2px 1px 4px 1px;
}

.pkml_user_item {
  padding: 6px 2px 2px 0;
  float: left;
  text-align: center;
  width: 64px;
  overflow: clip;
}

.pkml_user_item_avatar {
  width: 64px;
  height: 64px;
  border: none;
}

.pkml_user_item_name {
  margin: 0 auto 0 auto;
  width: 64px;
}

.pkml_user_item {
  color: #3b5998;
}

.pkml_user_filler {
  width: 64px;
  height: 64px;
}

/* Row layout */
td.pkml_user_item_row {
  padding: 6px 1px 2px 0;
  font-size: 11px;
  vertical-align: top;
}

.pkml_user_item_row_avatar {
  display: block;
  float: left;
}

.pkml_user_item_row_avatar {
  width: 32px;
  height: 32px;
  border: none;
}

.pkml_user_item_row_info {
  float: left;
  padding: 1px 0 2px 4px;
}

.pkml_user_item_row_info_name {
  font-size: 13px;
  color: #3b5998;
}

.pkml_user_item_row_info_statustime {
  color: #aaa;
}

.pkml_user_item_row_info_notplaying {
  color: #aaa;
}

.pkml_user_item_row_info_playing {
  color: #aaa;
}

.pkml_user_item_row_info_game {
  color: #3b5998;
}

.pkml_user_item_row_func {
  float: right;
  padding: 1px 0 2px 4px;
  text-transform: uppercase;
}

.pkml_user_item_row_func {
  font-size: 11px;
  color: #3b5998;
}

/* PKML game-table */
.pkml_game_table {
  padding: 2px 1px 4px 1px;
  width: 100%;
}

.pkml_game_item {
  padding: 6px 0 2px 0;
  font-size: 11px;
  text-align: center;
  vertical-align: top;
  width: 64px;
  overflow: clip;
}

.pkml_game_table {
  padding: 2px 1px 4px 1px;
}

.pkml_game_item {
  padding: 6px 2px 2px 0;
  float: left;
  text-align: center;
  width: 64px;
  overflow: clip;
}

.pkml_game_item_thumb {
  width: 64px;
  height: 48px;
  border: none;
}

.pkml_game_item_name {
  margin: 0 auto 0 auto;
  width: 64px;
}

.pkml_game_item {
  color: #3b5998;
}

.pkml_game_filler {
  width: 64px;
  height: 64px;
}

.pelikone_messageadmin_message_container {
  position: relative;
  padding: 3px 0 3px 0;
}

.pelikone_messageadmin_message_container:hover .pelikone_messageadmin_message {
  display: inline;
}

.pelikone_messageadmin_message {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 400px;
  overflow-x: scroll;
  background-color: #cdf;
}

/* Blog */
.blogpost {
  float: right;
  width: 496px;
  overflow: hidden;
  background-color: #fcfbec;
  border: 1px solid #a6a6a6;
  padding: 10px;
}

.alignright {
  float: right;
}

.blogpost h1 {
  height: auto !important;
}

.alignleft {
  float: left;
}

.blogpost img {
  max-width: 496px;
}

/* sidebar icons */
.icon-cat-0 > * {
  background-position: 0 -1400px;
}

.icon-cat-1 > * {
  background-position: 0 -50px;
}

.icon-cat-2 > * {
  background-position: 0 -100px;
}

.icon-cat-7 > * {
  background-position: 0 -1050px;
}

.icon-cat-15 > * {
  background-position: 0 -200px;
}

.icon-cat-5 > * {
  background-position: 0 -1100px;
}

.icon-cat-16 > * {
  background-position: 0 -900px;
}

.icon-cat-3 > * {
  background-position: 0 -1200px;
}

.icon-cat-8 > * {
  background-position: 0 -650px;
}

.icon-cat-20 > * {
  background-position: 0 -750px;
}

.icon-cat-10 > * {
  background-position: 0 -500px;
}

.icon-cat-11 > * {
  background-position: 0 -600px;
}

.icon-cat-12 > * {
  background-position: 0 -850px;
}

.icon-cat-13 > * {
  background-position: 0 -650px;
}

.icon-cat-14 > * {
  background-position: 0 -700px;
}

.icon-cat-4 > * {
  background-position: 0 -1150px;
}

.icon-cat-17 > * {
  background-position: 0 -800px;
}

.icon-cat-6 > * {
  background-position: 0 -1250px;
}

.icon-cat-18 > * {
  background-position: 0 -700px;
}

.icon-cat-19 > * {
  background-position: 0 -950px;
}

.icon-cat-9 > * {
  background-position: 0 -1000px;
}

.icon-cat-21 > * {
  background-position: 0 -1050px;
}

.icon-cat-22 > * {
  background-position: 0 -1100px;
}

.icon-cat-23 > * {
  background-position: 0 -1150px;
}

.icon-cat-24 > * {
  background-position: 0 -1200px;
}

.icon-cat-25 > * {
  background-position: 0 -1250px;
}

.icon-cat-27 > * {
  background-position: 0 -1300px;
}

.icon-chan-43 > * {
  background-position: 0 -550px;
}

.icon-chan-45 > * {
  background-position: 0 -500px;
}

.icon-chan-46 > * {
  background-position: 0 -450px;
}

.icon-chan-47 > * {
  background-position: 0 -400px;
}

.icon-chan-49 > * {
  background-position: 0 -350px;
}

.icon-chan-48 > * {
  background-position: 0 -300px;
}

.icon-chan-50 > * {
  background-position: 0 -250px;
}

.icon-chan-52 > * {
  background-position: 0 -200px;
}

.icon-chan-56 > * {
  background-position: 0 -150px;
}

.icon-chan-72 > * {
  background-position: 0 -1300px;
}

.icon-chan-71 > * {
  background-position: 0 -1350px;
}

.icon-chan-74 > * {
  background-position: 0 -1501px;
}

.icon-chan-76 > * {
  background-position: 0 -1589px;
} /* xmas */
.icon-chan-82 > * {
  background-position: 0 -1644px;
} /* valentines day */
.icon-chan-87 > * {
  background-position: 0 -1713px;
} /* suomipelit */
.icon-chan-88 > * {
  background-position: 0 -2068px;
} /* Tijdsmanagement */
.icon-chan-97 > * {
  background-position: 0 -2578px;
} /* Lego */
.icon-chan-90 > * {
  background-position: 0 -2648px;
} /* Hockey */
.icon-chan-112 > * {
  background-position: -2px -2717px;
} /* Hot Wheels */
.icon-chan-116 > * {
  background-position: -2px -2788px;
} /* MMO */
.icon-chan-mm2014 > * {
  background-position: -2px -2858px;
} /* mm2014 */
@media (max-width: 1024px) {
  .pelikone {
    width: 100%;
    min-width: 1000px;
  }
  .header {
    border-radius: 0;
  }
  .userbox .nav-drop ul {
    left: auto;
    right: 0;
    border-radius: 4px 0 4px 4px;
  }
  .winter .footer {
    padding-bottom: 120px !important;
  }
}
/* GDPR game embed consent */
.cmp-dialog-wrapper {
  background-color: #fafafa;
  display: flex;
  font-size: 1.2em;
  justify-content: space-between;
  margin: 2em;
  padding: 2em;
  text-align: left;
}
.cmp-dialog-image {
  max-width: 15%;
}
.cmp-dialog-content {
  max-width: 80%;
}
.cmp-dialog-title {
  color: #222;
  font-size: 1.2em;
  text-transform: uppercase;
}
.cmp-dialog-copy {
  color: #222;
  margin-bottom: 1em;
}
.cmp-dialog-button {
  display: inline-block;
  color: #222;
  border: solid 2px #222;
  font-weight: 700;
  padding: 1em 1em;
  text-transform: uppercase;
}

/* =Frontpage elements
----------------------------------------------------------------------------------------------------------------------------------*/
.intro {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid rgb(208.44, 208.44, 208.44);
  border-radius: 1px;
  float: left;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  position: relative;
}

.intro-suggestions {
  margin-left: -20px;
}

.intro-suggestion {
  width: 250px;
  float: left;
  display: block;
  float: left;
  margin: 20px 0 20px 20px;
  font-size: 15px;
}

.intro-suggestion p {
  margin: 0;
}

.intro-suggestion-img {
  height: 165px;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
  border: 1px solid rgb(208.44, 208.44, 208.44);
  margin: 15px 0;
  background-position: 50% 50;
  transition: all 0.25s ease-in-out;
  background-size: 125% 125%;
  position: relative;
}

.intro-suggestion-img:after {
  display: block;
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
}

.intro-suggestion-img:hover:after {
  background: rgba(255, 255, 255, 0.4);
  transition: all 0.5s ease-in-out;
}

.intro-suggestion-avatar {
  background-image: url(images/welcome/suggestion-avatars.jpg);
}

.intro-suggestion-scoregames {
  background-image: url(images/welcome/suggestion-scoregames.jpg);
}

.intro-suggestion-collection {
  background-image: url(images/welcome/suggestion-collections.jpg);
}

.faq-link {
  background: rgb(227.48, 227.48, 227.48);
  border-radius: 3px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: rgb(138.6, 138.6, 138.6);
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
}

.faq-link:hover {
  color: #3d3d3d;
}

/*
.faq-link { background:url(images/gfx.png) 0 -201px no-repeat; padding-left:18px; height:25px; line-height:25px; font-size:$m; display:block; position:absolute; right:20px; top:20px }
.faq-link:hover { background-position:-287px -201px }
*/
/* trending games box */
.trending {
  display: none; /* shown with js! */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin: 0;
}

.trending .mod-inner {
  width: 149px !important;
  padding: 13px;
  position: relative;
}

.trending h2 {
  font-weight: 700;
  text-transform: uppercase;
  color: rgb(138.6, 138.6, 138.6);
  font-size: 11px;
  line-height: 25px;
  margin-top: -5px;
}

.trending-list a {
  display: block;
  background: url(images/gfx.png);
  background-repeat: no-repeat;
  padding: 4px 0 4px 18px;
  line-height: 15px;
}

.trending-list .trending-up a {
  background-position: -30px -84px;
}

.trending-list .trending-new a {
  background-position: -30px -294px;
}

.trending-list .trending-neutral a {
  background-position: -30px -369px;
}

.trending-list .trending-down a {
  background-position: -30px -145px;
}

.trending-more {
  display: block;
  position: absolute;
  bottom: 13px;
  height: 23px;
  font-size: 11px;
  line-height: 23px;
  margin-top: 10px;
  padding: 0px 5px;
  background: rgb(229.5, 240.1, 244.5);
  width: 139px;
  text-align: center;
  border-radius: 3px;
}
.trending-more:hover {
  background: rgb(216.75, 227.88, 232.5);
}

/* play history */
.play-history li {
  float: left;
  margin-left: 10px;
}

.play-history ul, .play-history-title {
  float: left;
}

.wheel-of-fortune-promo {
  display: block;
  background: url(images/wheel-of-fortune-promo.jpg);
  width: 141px;
  height: 227px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 20px 10px;
}

/* Game page 
----------------------------------------------------------------------------------------------------------------------------------*/
.game-top {
  float: left;
  width: 844px;
  margin-bottom: 15px;
  height: 30px;
  overflow: hidden;
  position: relative;
}

.game-top-actions {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 150px;
  height: 24px;
  clear: none !important;
}

.game-top-actions li {
  float: left;
  margin-right: 5px;
}

.game-top-actions a {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(images/action-icons.png);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  outline: 0;
}

.game-top-actions-fullscreen {
  background-position: 0 -144px;
}

.game-top-actions-fullscreen:hover {
  background-position: 0 0;
}

.game-top-actions-fullscreen.disabled {
  background-position: 0 -336px !important;
  cursor: default;
}

.game-top-actions-dim {
  background-position: 0 -168px;
}

.game-top-actions-dim:hover {
  background-position: 0 -24px;
}

.game-top-actions-dim.disabled {
  background-position: 0 -360px !important;
  cursor: default;
}

.game-top-actions-addfavourite {
  background-position: 0 -192px;
}

.game-top-actions-addfavourite.remove-favourite {
  background-position: 0 -264px;
}

.game-top-actions-addfavourite.remove-favourite:hover {
  background-position: 0 -120px;
}

.game-top-actions-share {
  background-position: 0 -216px;
}

.game-top-actions-embed {
  background-position: 0 -240px;
}

.game-top-actions-addfavourite:hover {
  background-position: 0 -48px;
}

.game-top-actions-share:hover {
  background-position: 0 -72px;
}

.game-top-actions-embed:hover {
  background-position: 0 -96px;
}

.game-top-actions-dim.dim-off {
  background-position: 0 -312px;
}

.game-top-actions-dim.dim-off:hover {
  background-position: 0 -288px;
}

.preroll-counter {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  color: #006FA6;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 15px;
  font-weight: bold;
}

.dim-close, .fullscreen-close {
  display: none;
  width: 50px;
  height: 26px;
  font-weight: bold;
  font-size: 15px;
  line-height: 26px;
  color: #fff;
  padding-left: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2147000000;
}

.fullscreen-close:hover, .dim-close:hover, .fullscreen-close:focus, .dim-close:focus, .fullscreen-close:active, .dim-close:active {
  color: #fff;
}

.dim-close {
  background: url(images/dim-close.png) no-repeat;
}

.fullscreen-close {
  background: url(images/fullscreen-close.png) no-repeat;
}

.game-container {
  background: #dedede;
  text-align: center;
  padding: 5px 0;
}

.gamepage-banner {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

#close-ad-link {
  background: rgb(227.48, 227.48, 227.48) url(images/close-ad.png) 50% 50% no-repeat;
  opacity: 0.5;
  position: relative;
  color: #aeaeae;
  display: block;
  height: 110px;
  margin: 0;
  position: absolute;
  right: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  top: 0;
  width: 30px;
}

#close-ad-link:hover {
  opacity: 1;
  background: #f2f2f2 url(images/close-ad.png) 50% 50% no-repeat;
}

#closeable-ad {
  text-align: left;
}

.gamepage-information {
  width: 46%;
  float: left;
  padding: 15px;
  border: 1px solid rgb(208.44, 208.44, 208.44);
  border-radius: 3px;
  background: rgb(227.48, 227.48, 227.48);
}

.gamepage-information p {
  clear: both;
}

.gamepage-sharing {
  float: left;
  padding: 0 0 0 20px;
  width: 44%;
  margin-top: -5px;
}

.gamepage-action-bar {
  margin-left: -15px;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.gamepage-action-bar span {
  margin: 4px 0 0 6px;
}

.gamepage-action .star-rating {
  margin: 5px 0 0 4px;
}

.tooltip {
  display: none;
  top: 78px !important;
  background: #fff;
  color: #3d3d3d;
  font-weight: bold;
  padding: 5px 7px;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.gamepage-action-bar .gamepage-action {
  display: inline;
  float: left;
  margin-left: 15px;
  line-height: 24px;
  font-size: 15px;
  height: 32px;
  border: 1px solid #c6c6c6;
  position: relative;
  background: #fdfdfd;
  border-radius: 3px;
  background: linear-gradient(to bottom, #fdfdfd, #eee);
}

.gamepage-action a {
  display: block;
  background-image: url(images/action-icons.png);
  background-repeat: no-repeat;
  padding: 0 15px 0 35px;
  margin: 4px 0 0 4px;
}

.gamepage-action-bar .gamepage-stars {
  background: none;
  border: 0;
  float: right !important;
}

.gamepage-stars a {
  background: none;
  margin: 0;
  padding: 0;
}

.gamepage-action-bar .action-bar-fullscreen {
  background-position: 0 -144px;
}

.gamepage-action-bar .action-bar-fullscreen.disabled {
  background-position: 0 -336px !important;
  cursor: default;
  color: #BDE0EE;
  text-decoration: none !important;
}

.gamepage-action-bar .action-bar-dim {
  background-position: 0 -168px;
}

.gamepage-action-bar .action-bar-dim.disabled {
  background-position: 0 -360px !important;
  cursor: default;
  color: #BDE0EE;
  text-decoration: none !important;
}

.gamepage-action-bar .action-bar-dim.dim-off {
  background-position: 0 -312px;
}

.gamepage-action-bar .action-bar-addfavourite {
  background-position: 0 -192px;
}

.gamepage-action-bar .action-bar-addfavourite.remove-favourite {
  background-position: 0 -264px;
}

.gamepage-action-bar .action-bar-fullscreen:hover {
  background-position: 0 0;
}

.gamepage-action-bar .action-bar-dim:hover {
  background-position: 0 -24px;
}

.gamepage-action-bar .action-bar-dim.dim-off:hover {
  background-position: 0 -288px;
}

.gamepage-action-bar .action-bar-addfavourite:hover {
  background-position: 0 -48px;
}

.gamepage-action-bar .action-bar-addfavourite.remove-favourite:hover {
  background-position: 0 -120px;
}

.gamepage-comments {
  display: block;
  float: left;
  padding: 15px;
}

.gamepage-comments-item {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 2px;
  margin-bottom: 3px;
}

.gamepage-comments-form {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.gamepage-comments-date {
  display: block;
  float: right;
  width: 100px;
  color: #777;
  line-height: 20px;
}

.gamepage-comments-username {
  display: block;
  float: left;
  width: 121px;
  padding-right: 15px;
  height: 24px;
  line-height: 24px;
  background: url(images/comment-bubble-arrow.png) 130px 4px no-repeat;
  text-align: left;
}

.gamepage-comments-bubble {
  width: 590px;
  float: right;
  padding: 2px 7px;
  background: #f2f2f2;
  border-radius: 3px;
}

.gamepage-comments-msg {
  width: 475px;
  float: left;
  line-height: 20px;
  overflow: hidden;
}

.triangle {
  margin-top: 10px;
  float: right;
  border-color: transparent #E0F6FC transparent transparent;
  border-style: solid;
  border-width: 5px 7px 5px 0;
}

.gamepage-comments-submit {
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px;
}

.gamepage-comments-submit .gamepage-comments-username {
  background: none;
  line-height: 25px;
}

.gamepage-comments-submit form {
  width: 603px;
  float: right;
}

.gamepage-comments-submit input {
  color: #3d3d3d;
  width: 475px;
  float: left;
  font-size: 13px;
  padding: 4px;
  background: #f4f4f4;
  background: #f4f4f4;
  background-image: linear-gradient(to bottom, #fff, #eee);
  border: 1px solid #bfbfbf;
  font-family: "Courier New", Courier, monospace;
}

.gamepage-comments-submit button {
  float: right;
  font-size: 13px;
  margin-left: 10px;
}

.form-email-share {
  clear: both;
  position: relative;
  width: 337px;
  margin-bottom: 15px;
  padding: 5px 15px 15px;
  background: #f5f5f5;
  border-radius: 3px;
}

.form-email-share label {
  clear: both;
  font-weight: bold;
  line-height: 30px;
  color: #3d3d3d;
}

.form-email-share input, .form-email-share textarea {
  clear: both;
  color: #3d3d3d;
  width: 320px;
  font-size: 13px;
  margin-bottom: 10px;
  padding: 4px;
  background: #fff;
  border: 1px solid #bfbfbf;
  font-family: "Courier New", Courier, monospace;
}

.form-email-share button {
  font-size: 15px;
}

.form-email-share .form-close-link {
  position: absolute;
  top: 0px;
  right: 10px;
  color: #999;
  font: 600 17px "Comic Sans MS";
}

.form-email-share .form-close-link:hover {
  color: #3d3d3d;
  text-decoration: none;
}

.form-error {
  color: #5c4d4e;
  display: block;
  clear: both;
  margin: 0.5em 0;
  font-size: 11px;
  background: #f3d3d5;
  padding: 5px;
  border-radius: 3px;
}

/* jquery tags input */
.tagsinput {
  background: #fff;
  border: 1px solid #bfbfbf;
  padding: 5px;
  width: 320px !important;
  height: 100px;
  overflow-y: auto;
}

.tagsinput .tag {
  border: 1px solid #006FA6;
  border-radius: 2px;
  display: block;
  float: left;
  padding: 0 4px;
  height: 20px;
  text-decoration: none;
  background: #D4F1F8;
  color: #006FA6;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 13px;
}

.tagsinput a {
  font-weight: bold;
  color: #006FA6;
  text-decoration: none;
  font-size: 11px;
  line-height: 20px;
}

.tagsinput input {
  width: 80px;
  margin: 0px;
  font-family: helvetica;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 5px;
  background: transparent;
  color: #000;
  outline: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.tagsinput div {
  display: block;
  float: left;
}

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}

/* linking and embedding */
.embed-field {
  color: #777;
  font-size: 11px;
  width: 81% !important;
  margin-bottom: 10px;
  padding: 4px;
  float: left;
  background: #f4f4f4;
  background: #f4f4f4;
  background-image: linear-gradient(to bottom, #fff, #eee);
  border: 1px solid #bfbfbf;
  font-family: "Courier New", Courier, monospace;
}

.embed-field-label {
  display: block;
  float: left;
  height: 24px;
  width: 37px;
  line-height: 24px;
  margin: 0 10px 10px 0;
}

td.paste {
  font-size: 10px;
}

select.addtochannel {
  color: #3d3d3d;
  font-size: 15px;
  margin: 10px;
  border: 1px solid #3d3d3d;
}

input.addtochannelbutton {
  font-size: 15px;
  border: 0;
  padding: 2px;
  color: #fff;
  background-color: #0079b0;
  font-weight: bold;
}

.gamepage-tops-day, .gamepage-tops-week, .gamepage-tops-month {
  display: block;
  margin: 15px 0 10px 15px;
  float: left;
  width: 233px;
}

.gamepage-tops-rank, .gamepage-tops-thumb, .gamepage-tops-username, .gamepage-tops-score {
  float: left;
}

.gamepage-tops-rank {
  display: block;
  width: 37px;
  height: 37px;
  line-height: 37px;
  background: #eee;
  color: #3d3d3d;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  border-radius: 3px;
}

.gamepage-tops-username {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
  width: 120px;
}

.gamepage-tops-title {
  margin-bottom: 8px;
  text-transform: uppercase;
}

.gamepage-tops-score {
  font-size: 15px;
  font-weight: bold;
  color: #3d3d3d;
}

.gamepage-tops-thumb {
  margin: 0 5px;
  border: 1px solid rgb(208.44, 208.44, 208.44);
}

.gamepage-tops-thumb img {
  width: 35px;
  height: 35px;
}

.gamepage-tops-item {
  display: block;
  width: 219px;
  float: left;
  margin-bottom: 15px;
  padding: 5px;
  margin-bottom: 5px;
  background: #fff;
  border: 1px solid rgb(208.44, 208.44, 208.44);
  border-radius: 3px;
}

.facebook-like {
  border: none;
  float: left;
  margin-left: 5px !important;
  overflow: hidden;
  width: 300px !important;
  height: 30px;
}

.facebook-like-unit {
  position: relative;
  width: 843px;
  height: 56px;
  margin-top: -16px;
  background: url(https://pk-cdn.sanomagames.com/uploads/fblike-bg.png) no-repeat;
}

.facebook-like-iframe-container {
  position: absolute;
  top: 16px;
  left: 308px;
}

.text-ads {
  text-align: center;
  padding: 0 0 15px 0;
  width: 100%;
  overflow: hidden;
}

.text-ads iframe {
  height: 35px;
}

.game-area {
  padding: 15px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  text-align: center;
}

.game-area *:not(.r-controls-layout *) {
  margin: auto;
  color: #fff;
}

.preroll-text {
  display: block;
  width: 100%;
  text-align: center;
  margin: 15px 0;
  color: #999;
}

.preroll-timer {
  width: 100%;
  height: 20px;
  padding: 0;
  margin: 30px 0 0;
  color: #fff;
  position: relative;
  background: #dadada;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  text-align: left;
  border-radius: 3px;
  box-shadow: inset 1px 1px 0 #ccc, inset -1px -1px 0 #ccc;
}

.preroll-timer-fill {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 20px;
  background: #32a2c1;
  background-image: linear-gradient(to bottom, #32a2c1, #1c87ad);
  border-radius: 4px 0 0 4px;
  box-shadow: inset 1px 1px 0 #007aa5, inset -1px -1px 0 #007aa5;
}

.preroll-timer-text {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 20px;
  text-indent: 7px;
}

#mediaplayer {
  min-height: 360px;
}

/* recommendations side panel */
.slidepane-wrapper {
  display: none;
}

@media (min-width: 1240px) {
  .slidepane-wrapper {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
  }
  .slidepane-mask {
    width: 120px;
    position: absolute;
    right: -120px;
    top: 15px;
    overflow: hidden;
  }
  .slidepane-blind {
    width: 119px;
    height: 517px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }
  .slidepane {
    width: 120px;
    position: relative;
    top: 0;
    left: -120px;
    border-left: 1px solid rgb(208.44, 208.44, 208.44);
    background: rgb(227.48, 227.48, 227.48);
    border-radius: 0 4px 4px 0;
    overflow: hidden;
  }
  .slidepane-header {
    height: 20px;
    padding-top: 5px;
    overflow: hidden;
    text-indent: 10px;
    font-weight: bold;
    line-height: 20px;
  }
  .slidepane-arrows {
    height: 35px;
    overflow: hidden;
  }
  .slidepane-arrows a {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 47px;
    height: 17px;
    margin-top: 9px;
    background-color: #80b7d3;
    background-image: url(images/slidepane-arrows.png);
    background-position: 50% 5px;
    background-repeat: no-repeat;
    float: left;
  }
  .slidepane-arrow-down {
    margin-left: 3px;
    background-position: 50% -27px !important;
  }
  .slidepane-arrow-up {
    margin-left: 10px;
    border-radius: 4px 0 0 4px;
  }
  .slidepane-arrows a:hover {
    background-color: #006fa6 !important;
    cursor: pointer;
  }
  .slidepane-arrows a.disabled {
    background-color: #d3edf6 !important;
  }
  .slidepane-gamelist {
    clear: both;
    padding: 10px 10px 0;
    height: 507px;
    position: relative;
  }
  .scrollable {
    position: relative;
    overflow: hidden;
    height: 505px;
  }
  .slidepane-gamelist .items {
    display: block;
    position: absolute;
    height: 20000em;
  }
  .slidepane-item {
    margin-bottom: 10px;
  }
  .slidepane-item-name {
    display: block;
    width: 100px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
    font-weight: bold;
  }
  .slidepane .game-thumb {
    width: 100px;
    height: 75px;
    margin-bottom: 2px;
    display: block;
    border-radius: 3px;
  }
  .slidepane-toggle {
    display: none !important;
  }
}
.related-bottom {
  margin-bottom: 20px;
  float: left;
  clear: both;
}

.lego .text-ads {
  visibility: hidden;
  overflow: hidden;
  height: 1px;
}
.lego #close-ad-link {
  display: none;
}

.closeable-ad-container {
  min-height: 110px;
}

/* flash information */
.flash-info {
  clear: both;
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 1rem 3rem 1rem 1rem;
  z-index: 9999;
  margin: 0.75rem 0;
}

.flash-info p {
  margin-bottom: 0.5rem;
}
.flash-info p:last-child {
  margin-bottom: 0;
}

.flash-info-msg {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}

.flash-info-instructions {
  display: none;
}

.flash-info-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  display: block;
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
}

.flash-info-html5-alt {
  color: #3d3d3d;
  font-size: 15px;
  padding: 15px;
  background: #FFDF92;
  margin-bottom: 15px;
}

.undergame-promos {
  display: flex;
  gap: 15px;
}

.text-link {
  margin-top: 15px;
  align-items: center;
  background-color: #ffffff;
  display: flex;
  gap: 10px;
  flex-direction: row;
  padding: 10px;
  flex-wrap: nowrap;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 1.2em;
  vertical-align: center;
}

.text-link:first-child {
  width: 55%;
}

.text-link:last-child {
  width: 43%;
}

.text-link-logo {
  height: 25px;
}

.text-link-image {
  background-image: url(images/alennuskoodit/holiday.jpg);
  display: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10%;
  height: 50px;
}

.text-link-copy {
  flex-grow: 2;
  font-size: 11px;
  line-height: 1.2;
  width: 60%;
  padding-bottom: 0;
  text-decoration: none;
  margin-bottom: 0;
}

/* =Profile page
----------------------------------------------------------------------------------------------------------------------------------*/
.profile {
  float: left;
  width: 100%;
  margin: -20px 0 0;
  position: relative;
  font-size: 15px;
  overflow: hidden;
}

.profile-title {
  width: 300px;
  display: block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.profile-title:after {
  content: " ";
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(left, rgba(242, 242, 242, 0), #f2f2f2);
}
.ie9 .profile-title, .ie8 .profile-title, .ie7 .profile-title {
  text-overflow: ellipsis;
}

.profile-image {
  display: flex;
  position: relative;
  clear: both;
  float: left;
  margin-right: 20px;
  width: 188px;
  height: 385px;
  background-color: #fff;
}

.profile-image img {
  border-radius: 3px;
  transition: all 0.25s ease-in-out;
  max-width: 188px;
  max-height: 300px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.profile-image-edit {
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}

.send-message {
  font-weight: bold;
  position: absolute;
  top: 5px;
  right: 0;
  padding-left: 25px;
  line-height: 20px;
  height: 20px;
  display: block;
  background-image: url(images/gfx.png);
  background-position: 0 -573px;
}

.send-message:hover {
  background-position: 0 -618px;
}

.profile-stats {
  display: block;
  float: left;
  clear: both;
}

.profile-group {
  border: 1px solid rgb(208.44, 208.44, 208.44);
  border-radius: 3px;
  background: rgb(227.48, 227.48, 227.48);
  float: left;
  overflow: hidden;
}

.profile-data {
  width: 560px;
  height: 383px;
}

.profile-data ul {
  clear: both;
}

.profile-data li {
  display: block;
  line-height: 25px;
  list-style: none;
}

.profile-data-group {
  display: block;
  float: left;
  clear: both;
  width: 534px;
  border-bottom: 1px solid rgb(208.44, 208.44, 208.44);
  padding: 13px;
}
.profile-data-group:last-child {
  border: none;
}

.profile-data-group div {
  clear: both;
  float: left;
}

.profile-data-title {
  float: left;
}

.profile-data-show-all {
  float: left;
  margin-left: 0.5rem;
}

.profile-numbers {
  overflow: hidden;
  margin-bottom: 20px;
  width: 200px;
  height: 383px;
}

.profile-numbers li {
  display: block;
  padding: 16px;
  overflow: hidden;
  border-bottom: 1px solid rgb(208.44, 208.44, 208.44);
}
.profile-numbers li:last-child {
  border: none;
}

.profile-numbers .user-rank {
  font-size: 20px;
  margin: 0;
}

.profile-number {
  font-size: 25px;
  font-weight: bold;
  line-height: 33px;
}

.rank-progress {
  margin: 15px 0 0;
}

.rank-progress-bar {
  width: 100%;
  height: 10px;
  background-image: linear-gradient(to bottom, #e0e0e0, #d4d4d4);
  border-radius: 3px;
  overflow: hidden;
}

.rank-progress-bar-label {
  font-size: 11px;
  padding-bottom: 7px;
}

.rank-progress-bar-inner {
  width: 0%;
  height: 10px;
  background-image: linear-gradient(to bottom, #df9e00, #d58500);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.profile-last-game {
  float: left;
  clear: both;
  margin-bottom: 20px;
}

.profile-data-friends {
  clear: both;
  display: block;
  margin: 10px 0;
}

/*.profile-data-friends li:nth-child(8):after {position:absolute;width:100%;height:100%;top:0;right:0;content:" ";background-image: linear-gradient(left, rgba($bg,0;, $bg)); }*/
.profile-data-friends li {
  float: left;
  margin-right: 10px;
}

.profile-data-games {
  clear: both;
  display: block;
  margin: 10px 0;
}

.profile-data-games li {
  float: left;
  margin-right: 10px;
}

.profile-data-games li .post-content-collection {
  margin: 0;
}

.profile-data-badges {
  margin-top: 10px;
}

.profile-data-badges li {
  float: left;
}

.profile-data-badges img {
  height: 61px;
  float: left;
  margin-right: 10px;
}

.profile-top-scores {
  clear: both;
  float: none;
  padding: 0 15px;
}

.profile-top-scores .post {
  box-shadow: 0;
  border: 0;
}

.game-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 3px;
  vertical-align: middle;
  margin: 0 3px;
}

.img-tooltip {
  display: none;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
  height: 25px;
  white-space: nowrap;
  position: absolute;
  top: -32px;
  left: 0;
  opacity: 0.95;
  z-index: 999;
  background: url("images/tooltip-tip-down.png") no-repeat scroll 10px bottom;
  transition: all 0.25s ease-in-out;
}

.img-tooltip-inner {
  background: #222;
  height: 20px;
  padding: 0 6px;
  border-radius: 3px;
  color: #fff;
}

.profile-data-group li {
  position: relative;
}

.profile-data-group li:hover .img-tooltip {
  display: block;
}

/*
.befriend { position:relative}
.befriend img { opacity:.2; }
.befriend:hover img { opacity:.5; }
.befriend-icon { background:url(images/gfx.png) -136px -560px; width:60px; height:60px; position:absolute; top:0; right:0; z-index:10}
.befriend-icon:hover { background:url(images/gfx.png) -136px -625px; }
*/
.status {
  font-size: 15px;
  font-weight: 400;
}

.user-rank {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  font-weight: normal;
  padding-left: 50px;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.user-rank-rookie {
  background-image: url(images/profile/rank-rookie.png);
}

.user-rank-trainee {
  background-image: url(images/profile/rank-trainee.png);
}

.user-rank-player {
  background-image: url(images/profile/rank-player.png);
}

.user-rank-active {
  background-image: url(images/profile/rank-active.png);
}

.user-rank-expert {
  background-image: url(images/profile/rank-expert.png);
}

.user-rank-veteran {
  background-image: url(images/profile/rank-veteran.png);
}

.user-rank-legend {
  background-image: url(images/profile/rank-legend.png);
}

.user-rank-star {
  background-image: url(images/profile/rank-star.png);
}

.user-rank-epic {
  background-image: url(images/profile/rank-epic.png);
}

.user-rank-sherif {
  background-image: url(images/profile/rank-sherif.png);
}

/* =Sign-up page
----------------------------------------------------------------------------------------------------------------------------------*/
.join h2 {
  font-size: 20px !important;
  font-weight: bold;
  color: #3d3d3d;
  margin: 0 0 20px;
}

.join p {
  font-size: 11px;
  margin: 0;
}

.join-logo {
  width: 318px;
  height: 98px;
  background: url(images/join.png) 0 -40px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  outline: 0;
  margin: 75px auto 0;
}

.join-wrap {
  position: relative;
  width: 400px;
  margin: 25px auto;
}

.join {
  position: absolute;
  top: 0;
  left: 0;
  width: 358px;
  text-align: center;
  color: #3d3d3d;
  font-size: 11px;
  border: 1px solid #ccc;
  padding: 20px 20px 25px;
  background: #f9f9f9;
  background-image: linear-gradient(to bottom, #f9f9f9, #ececec);
  border-radius: 3px;
}

.fb-connect {
  display: block;
  background: url(images/join.png);
  width: 245px;
  height: 40px;
  padding-left: 40px;
  font-size: 15px;
  line-height: 40px;
  text-shadow: 0 -1px #4b65b5;
  text-align: center;
  color: #fff;
}

.join .fb-connect {
  margin: 20px auto 10px;
}

.fb-connect:hover, .fb-connect:focus {
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);
  color: #fff;
}

.fb-connect:active {
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0);
  color: #fff;
}

.join hr {
  width: 398px;
  height: 1px;
  background: #ccc;
  border: 0;
  box-shadow: 0 1px 0 #fcfcfc;
  margin: 30px 0 30px -20px;
}

.join-or {
  height: 20px;
  line-height: 18px;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  margin: -40px auto 20px;
  width: 115px;
  background: #f4f4f4;
  color: #777;
}

.join .field {
  width: 348px;
  padding: 0 5px;
  height: 32px;
  *line-height: 32px;
  border: 1px solid #c5c5c5;
  color: #3d3d3d;
  font-size: 13px;
  background-image: url(images/join.png);
  background-repeat: none;
  box-shadow: 0 1px #fcfcfc;
  border-radius: 3px;
}

.join .field:focus {
  border: 1px solid #b5ced5;
}

.ie6 .join .field, .ie7 .join .field, .ie8 .join .field {
  line-height: 32px;
  padding-left: 0.5%;
  width: 99.5%;
}

.join button {
  float: left;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 40px;
  line-height: 35px;
  outline: none;
  text-align: center;
  width: 125px;
  color: #fff;
  cursor: pointer;
  border: 1px solid #69af50;
  padding: 0 0 5px;
  background: #85d459;
  text-shadow: 0 1px #56963a;
  box-shadow: inset 0 1px rgba(224, 255, 206, 0.5);
  background-image: linear-gradient(to bottom, #85d459, #3da429);
  border-radius: 3px;
}

.join button.register-cancel {
  background: #ccc;
  background-image: linear-gradient(to bottom, #d1d1d1, #a8a8a8);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
  border: 1px solid #999;
  margin-left: 15px;
  text-shadow: 0 1px #999;
}

.join button:hover, .join button:focus {
  box-shadow: inset 0 1px rgba(224, 255, 206, 0.5), inset 0 0 100px rgba(0, 0, 0, 0.1);
}

.join button:active {
  box-shadow: inset 0 1px rgba(224, 255, 206, 0.5);
}

.join .checkbox-label {
  display: block;
  width: 325px;
  float: left;
  overflow: hidden;
}

.join .checkbox {
  float: left;
  vertical-align: text-top;
  margin-right: 10px;
}

.join .remember-me {
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 15px;
}

.join .field-username {
  background-position: 350px -228px;
}

.join .field-email {
  background-position: 350px -258px;
}

.join .field-password {
  background-position: 350px -288px;
}

.join .field-username:focus {
  background-position: 350px -138px;
}

.join .field-email:focus {
  background-position: 350px -168px;
}

.join .field-password:focus {
  background-position: 350px -198px;
}

.join .tip {
  display: none;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: -4px;
  left: 365px;
  white-space: nowrap;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #c5c5c5;
  padding: 10px;
}

.join .tip:before {
  content: "";
  display: block;
  width: 10px;
  height: 20px;
  background: url(images/join.png) -346px -84px;
  position: absolute;
  left: -10px;
}

.join .error {
  background: #ffeaf2;
}

.join .error:before {
  background: url(images/join.png) -346px -34px;
}

.join li {
  clear: both;
  position: relative;
  margin-bottom: 10px;
  zoom: 1;
  text-align: left;
}

.join li:before, .join li:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.join li:after {
  clear: both;
}

.join li:last-child {
  margin-bottom: 0;
}

.join .confirm-pwd {
  display: none;
}

.join .error-text {
  color: #8d0036;
  font-weight: bold;
}

.join .field[disabled=disabled] {
  background-color: #e0e4f1;
  color: #666;
  font-weight: bold;
}

.register {
  position: relative;
  width: 800px;
  height: 600px;
  background: url(images/slottis-join-bg.jpg);
}

.join-slottis {
  top: 25%;
  left: 50%;
  margin-left: -200px;
}

/* =Fan page
----------------------------------------------------------------------------------------------------------------------------------*/
.wallpapers li {
  display: block;
  float: left;
}

.wallpapers h3 {
  margin-bottom: 15px;
  font-weight: 400;
}

.wallpaper-resolutions {
  display: block;
  margin-top: 10px;
  overflow: hidden;
}

.wallpaper-resolutions select, .wallpaper-resolutions button {
  float: left;
}

.wallpaper-resolutions button {
  margin-left: 5px;
  border: 1px solid #00537D;
  background: 0 repeat scroll 0 0 transparent;
  border-radius: 3px;
  box-shadow: 0 1px 0 #1DABC2, 0 1px 0 #33D0E2 inset;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  height: 28px;
  text-shadow: 0 1px 0 #001D77;
}

.ringtones {
  margin-left: -15px;
}

.ringtone {
  width: 322px;
  border: 1px solid rgb(208.44, 208.44, 208.44);
  float: left;
  border-radius: 2px;
  margin-left: 15px;
  padding: 15px 15px 15px 55px;
}

.ringtone-mp3 {
  background: #fff url(images/ringtones.png) 10px -102px no-repeat;
}

.ringtone-m4r {
  background: #fff url(images/ringtones.png) 10px 12px no-repeat;
}

.ringtone span {
  display: block;
  float: left;
  height: 26px;
  line-height: 26px;
}

.ringtone-btn {
  color: rgb(0, 74.2, 105);
  border: 1px solid #C6C6C6;
  border-radius: 3px;
  display: block;
  float: right;
  line-height: 20px;
  margin-left: 5px;
  position: relative;
  padding: 3px 7px 3px 25px;
}

.ringtone-listen {
  background: url(images/ringtones.png) 9px -221px no-repeat;
}

.ringtone-download {
  background: url(images/ringtones.png) 6px -318px no-repeat;
}

.ringtone-pause {
  background: url(images/ringtones.png) 8px -431px no-repeat;
}

.ringtone-disabled {
  opacity: 0.4;
  cursor: default;
}

.banners {
  margin-left: -15px;
}

.banner {
  background: #fff;
  width: 362px;
  text-align: center;
  border: 1px solid rgb(208.44, 208.44, 208.44);
  float: left;
  margin-bottom: 15px;
  border-radius: 2px;
  margin-left: 15px;
  padding: 15px;
}

.banner span {
  display: block;
  text-align: left;
  height: 30px;
}

.banner a {
  font-weight: bold;
}

.banner-panorama {
  height: 70px;
}

.banner-parade, .banner-box {
  height: 150px;
}

/* =Search results page
----------------------------------------------------------------------------------------------------------------------------------*/
.refine-search input {
  outline: none;
  display: block;
  vertical-align: middle;
  float: left;
  width: 630px;
  padding-left: 5px;
  height: 28px;
  font-size: 15px;
  border: 1px solid #999;
  border-right: 0;
  color: #3d3d3d;
  box-shadow: inset 0 1px 2px #ccc;
}

.ie6 .refine-search-field, .ie7 .refine-search-field, .ie8 .refine-search-field, .ie9 .refine-search-field {
  line-height: 30px;
}

.refine-search-field:focus {
  outline: none;
}

.refine-search-button {
  outline: none;
  border: 1px solid #00537d;
  display: block;
  vertical-align: middle;
  float: left;
  margin-left: -1px;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  padding: 6px 43px 4px;
  max-width: 130px;
  height: 32px;
  background: #1a86b6;
  transition: all 0.25s ease-in-out;
  text-shadow: 0 -1px 0 #001d77;
  box-shadow: inset 0 1px 0 #33d0e2;
  border-radius: 0 4px 4px 0;
  background-image: linear-gradient(to bottom, #22A1C6, #1985B5);
}

.refine-search-button, x:-moz-any-link, x:default {
  padding-top: 4px;
}

.ie6 .refine-search-button {
  padding-top: 4px;
}

.refine-search-button:hover, .refine-search-button:focus {
  outline: none;
  background: #35afce;
  background-image: linear-gradient(to bottom, #35afce, #2a99c2);
}

.search-results-text {
  font-size: 13px;
  clear: both;
  float: left;
  margin: 7px 0 0 0;
}

.search-result-category {
  float: left;
  clear: both;
  margin-bottom: 15px;
  display: block;
  width: 100%;
}

.search-result-category a {
  color: #3d3d3d;
  text-decoration: none;
  cursor: text;
}

/* search result page category filtering */
.category-filter-link {
  display: none; /* hidden for simplicity */
  float: left;
  line-height: 31px;
  margin-left: 10px;
  padding-right: 15px;
  background-image: url(images/filter-arrow.png);
  background-position: right 13px;
  background-repeat: no-repeat;
}

.category-filter-link.open {
  background-position: right -20px;
}

.category-filter-list {
  display: none;
  clear: both;
  float: left;
  margin: 0 0 10px -5px;
}

.category-filter-list.open {
  display: block;
}

.category-filter-item {
  display: block;
  float: left;
  width: 130px;
  height: 25px;
  margin: 0 0 5px 5px;
  border: 1px solid #b8ebf9;
  background: #fff;
  border: 1px solid #c6c6c6;
  -webkit-background-clip: padding-box;
  background-image: linear-gradient(to bottom, #fff, #eee);
  border-radius: 3px;
}

.archive-toggle, .webgames-toggle {
  display: block;
  float: left;
  height: 25px;
  margin: 0 5px 5px 0;
  border: 1px solid #b8ebf9;
  background: #fff;
  border: 1px solid #c6c6c6;
  -webkit-background-clip: padding-box;
  background-image: linear-gradient(to bottom, #fff, #eee);
  border-radius: 3px;
}

.category-filter-item a {
  position: relative;
  display: block;
  height: 25px;
  font-size: 13px;
  padding: 0 5px 0 25px;
  margin: 0px 0 0 5px;
  line-height: 25px;
  background-image: url(images/game-icons.png);
  background-repeat: no-repeat;
  -webkit-background-clip: padding-box;
  text-decoration: none !important;
  border-radius: 3px;
}

.archive-toggle a, .webgames-toggle a {
  position: relative;
  display: block;
  height: 25px;
  font-size: 13px;
  padding: 0 5px 0 5px;
  margin: 0;
  line-height: 25px;
  text-decoration: none !important;
  border-radius: 3px;
}

.category-filter-count {
  color: #3d3d3d;
  position: absolute;
  right: 4px;
  letter-spacing: -0.075em;
}

.category-filter-item.active, .archive-toggle.active, .webgames-toggle.active {
  background: #eaeaea;
  background-image: linear-gradient(to bottom, #dcdcdc, #ebebeb);
  box-shadow: 0 -5px 0 #e0e0e0, inset 0 3px 10px rgba(0, 0, 0, 0.1);
}

.category-filter-item.active a, .webgames-toggle a, archive-toggle {
  text-decoration: none;
  color: #3d3d3d;
}

.archive-toggle, .webgames-toggle {
  height: 35px;
}

.archive-toggle a, .webgames-toggle a {
  font-size: 1.33rem;
  line-height: 35px;
  padding: 0 10px;
}

.search-selector {
  padding: 20px 0 0;
  float: left;
}

#ajax-game-search {
  padding: 0 20px 10px;
}

.calendar {
  background: url(images/xmas/2012/bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: bottom center;
}

.calendar {
  text-align: center;
}

h1.cal-header {
  background: url(images/xmas/2012/cal-header.png);
  width: 615px;
  height: 144px;
  margin: 0 auto;
  text-indent: -9999px;
  color: transparent;
}

h1.cal-header a {
  display: block;
  width: 270px;
  height: 144px;
  text-indent: -9999px;
}

/* =Xmas Calendar page
----------------------------------------------------------------------------------------------------------------------------------*/
.xmas-cal-promo {
  text-align: center;
  display: block;
  width: 817px;
  height: 67px;
  float: left;
  clear: both;
  margin-top: 10px;
  background: url(https://pk-cdn.sanomagames.com/uploads/kalsubansu.png);
}

@font-face {
  font-family: "Merienda One";
  font-style: normal;
  font-weight: 400;
  src: local("MeriendaOne-Regular"), url("fonts/merienda-v19-latin-700.woff2") format("woff");
}
.xmas-cal {
  display: block;
  width: 902px;
  padding: 15px 0 25px 35px;
  margin: 40px auto 0;
  overflow: hidden;
}

.xmas-cal li {
  display: block;
  float: left;
  list-style: none;
  width: 125px;
  height: 96px;
  margin: 0 25px 25px 0;
}

.xmas-cal li .number {
  position: relative;
  display: block;
  width: 125px;
  height: 96px;
  text-align: center;
  color: #f9b13b;
  font: normal 40px/101px "Merienda One", Arial, Helvetica, sans-serif;
  cursor: default;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 0 #fff, 0 2px 3px rgba(35, 31, 32, 0.22);
  text-shadow: 0 1px 1px rgba(255, 249, 229, 0.2), 0 0 30px rgba(255, 255, 255, 0.5);
  transition: all 0.25s ease-in-out;
}
.no-rgba .xmas-cal li .number {
  background: url(images/xmas/2012/alpha10.png);
}

@-moz-document url-prefix() {
  .xmas-cal li .number {
    transition: none 0.2s ease-in-out;
  }
}
.xmas-cal li .number:before, .xmas-cal li .number:after {
  content: "";
  display: block;
  width: 13px;
  height: 3px;
  background: #a36c41;
  border: 1px solid #432110;
  position: absolute;
  top: -2px;
  box-shadow: 0 -5px 0 #e0e0e0, inset 0 3px 10px rgba(0, 0, 0, 0.1);
}

.xmas-cal li .number:before {
  left: 15px;
}

.xmas-cal li .number:after {
  right: 15px;
}

.xmas-cal .available .number:hover {
  box-shadow: inset 0 1px 0 #fff, 0 2px 3px rgba(35, 31, 32, 0.22), 0 0 30px rgba(255, 255, 255, 0.2), inset 132px 0 1000px rgba(255, 255, 255, 0.1);
}
.no-rgba .xmas-cal .available .number:hover {
  background: url(images/xmas/2012/alpha20.png);
}

.xmas-cal img, .xmas-cal li a {
  position: relative;
  display: block;
  width: 125px;
  height: 96px;
  border-bottom: 1px solid #fff;
  outline: none;
  text-decoration: none;
}

.xmas-cal li a:after {
  content: "";
  position: absolute;
  display: block;
  width: 125px;
  height: 96px;
  left: 0;
  top: 0;
  box-shadow: 0 -5px 0 #e0e0e0, inset 0 3px 10px rgba(0, 0, 0, 0.1);
}

.xmas-cal .available a {
  display: block;
}

.xmas-cal .available .number {
  cursor: pointer;
}

.xmas-cal .opened {
  border: 0;
  display: block !important;
  position: relative;
}

.xmas-cal .available a { /*display:none;*/ }

.xmas-cal .opened img, .xmas-cal .opened a {
  display: block !important;
}

.xmas-cal .opened:after {
  position: absolute;
  content: " ";
  display: block;
  width: 139px;
  height: 15px;
  top: -12px;
  left: -3px;
  background: url(https://pk-cdn.sanomagames.com/themes/pelikone/images/xmas/2012/door-open.png);
  z-index: 999;
}

.xmas-cal .opened .number {
  display: none;
}

.pk-logo, .xmas-logo {
  display: inline-block;
  vertical-align: bottom;
}

.calendar h2 {
  width: 460px;
  height: 110px;
  margin: 30px auto 0;
  background: url(https://pk-cdn.sanomagames.com/themes/pelikone/images/xmas/2012/calendar-logo.png);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.calendar .back {
  display: block;
  position: absolute;
  left: 25px;
  top: 25px;
  padding: 10px 20px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: bold;
  transition: all 0.25s ease-in-out;
}

.calendar .back:hover {
  background: rgba(255, 255, 255, 0.25);
}

.fb {
  margin: 10px auto;
  z-index: 9999;
}

/* =Xmas Calendar Door 24 page
----------------------------------------------------------------------------------------------------------------------------------*/
.calendar-door24 {
  max-width: 1100px;
  margin: 0 auto;
}

.calendar-door24 {
  color: #edbd77;
  font-family: "Merienda One";
}

.calendar-door24 h3 {
  color: #edbd77;
  font-size: 3rem;
  margin: 2rem 0;
  line-height: normal;
}

.calendar-door24 p {
  color: #edbd77;
  font-size: 1.5rem;
  margin-bottom: 2rem;
  line-height: normal;
}

.door-24-feature {
  display: inline-block;
  margin: 15px;
  overflow: hidden;
}

.door-24-feature a {
  display: block;
  width: 322px;
  height: 248px;
  position: relative;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
}

.game-code {
  height: 25px;
  line-height: 25px;
  zwidth: 100%;
  color: #fff;
  font-family: monospace;
}

.door-24-feature-1 .game-code {
  background: #000;
}

.door-24-feature span {
  display: block;
  padding: 1rem;
  background: #fff;
  font-family: sans-serif;
  font-size: 16px;
  color: #666;
  position: absolute;
  bottom: 0;
  transform: translate(0, 125%);
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin: 0.5rem;
  pointer-events: none;
}

.door-24-feature-1 a {
  background-image: url(https://pelikone.fi/games/thumbs/462f94c66742a5e4e3b21d41c6410a56_256.jpg);
}

.door-24-feature-2 a {
  background-image: url(https://pelikone.fi/games/thumbs/977e41f7f5176c092379e4974ffae1d6_256.jpg);
}

.door-24-feature-3 a {
  background-image: url(https://pk-cdn.sanomagames.com/uploads/luukku24-3-2020.jpg);
}

.door-24-feature-4 a {
  background-image: url(https://pelikone.fi/uploads/luukku24-5-2022.png);
}

.door-24-feature-5 a {
  background-image: url(https://pelikone.fi/uploads/luukku24-4-2022.png);
}

.door-24-feature:hover span {
  transform: translate(0, 0);
}

p.door-24-bottom-greetings {
  color: #fff;
  margin: 4rem auto;
  max-width: 650px;
}

/* lego theme 2 */
.lego {
  background: #000 url(https://pk-cdn.sanomagames.com/uploads/lego-bg17.jpg) 50% 0 no-repeat fixed;
}

.lego .clickable-background {
  cursor: pointer;
}

.lego .advertise {
  display: none;
}

.lego .footer {
  background: #e5e5e5;
  margin: 0 auto;
}

.lego .footer, .footer a, .footer h1, .footer h2, .footer h3 {
  text-shadow: none;
  color: #666 !important;
}

.lego #footer-search-form input {
  background: #dbdbdb;
  color: #666;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 3px rgba(0, 0, 0, 0.15);
}

.lego .master {
  border-radius: 0;
}

.lego .wrap {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

/* lego theme 2 */
.hotwheels {
  background: #000 url(/themes/pelikone/images/hotwheels/bg2.jpg) 50% 0 fixed no-repeat;
}

.hotwheels .clickable-background {
  cursor: pointer;
}

.hotwheels .advertise {
  display: none;
}

.hotwheels .footer {
  background: #e5e5e5;
  margin: 0 auto;
}

.hotwheels .footer, .footer a, .footer h1, .footer h2, .footer h3 {
  text-shadow: none;
  color: #666;
}

.hotwheels #footer-search-form input {
  background: #dbdbdb;
  color: #666;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 3px rgba(0, 0, 0, 0.15);
}

.hotwheels .master {
  border-radius: 0;
}

/* Spring theme ***/
.season-theme {
  background-color: #EEE6FB;
  background-image: url(images/spring/top.jpg), url(images/spring/bottom.jpg);
  background-position: 50% top, 50% bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.season-theme .footer, .season-theme .footer a, .season-theme .footer h1, .season-theme .footer h2, .season-theme .footer h3 {
  text-shadow: none;
  color: #533d6f !important;
}

.season-theme #footer-search-form input {
  background: #cbc0da;
  color: #533d6f;
  box-shadow: 0 -5px 0 #e0e0e0, inset 0 3px 10px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.15);
}

/*.season-theme .footer { padding:15px 0 180px;margin:20px auto 25px;z-index:1000}
.season-theme .wrap { box-shadow: 0 -5px 0 #e0e0e0, inset 0 3px 10px rgba(0, 0, 0, .1);)}


.season-theme .advertise { background:#e6e6e6; box-shadow: 0 -5px 0 #e0e0e0, inset 0 3px 10px rgba(0, 0, 0, .1); ) }
.season-theme .season-theme-bottom { position:absolute;bottom:0;left:0;width:100%;height:1524px;z-index:-2000;background:#EAE0FB url(images/spring/bottom.jpg) 50% -60px repeat-x}
.season-theme .season-theme-bottom-blank {background: url(images/spring/bottom-blank.png) 50% -60px repeat-x}
*/

/*# sourceMappingURL=pelikone.css.map */