/* --------------------------------------------------------------

    reset

-------------------------------------------------------------- */

html, body, object, iframe,
h1, h2, h3, p,
a,
img, dl, dt, dd, ol, ul, li,
fieldset, form,
article, footer, header, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article, footer, header, nav, section {
    display: block;
}

:focus {
    outline: 0;
}

ul {
    list-style: none;
}

th {
    text-align: left;
    font-weight: bold;
}
/* --------------------------------------------------------------

    layout

-------------------------------------------------------------- */

html {
    background: #fae4f0;
    color: #000;
    overflow-y: scroll;
}
body {
    min-width: 980px;
    text-align: center;
    font: normal 11px/1.4em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#page {
    position: relative;
    margin: 0 auto;
    width: 960px;
    text-align: left;
    overflow: visible;
}
    #content {
        background: #fff;
    }

    #header {
        position: relative;
    }

/* --------------------------------------------------------------

    typography

-------------------------------------------------------------- */

.clearfix:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
    content: "\0020";
}
dd .errors,
.clear {
    clear: both;
}


/* =Headings
-------------------------------------------------------------- */

h1,
h2,
h3 {
    position: relative;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #e04163;
}

h2 {
    margin: 0 0 5px;
}


/* =Text elements
-------------------------------------------------------------- */

.btn,
.play,
.center {
    text-align: center;
}

a {
    color: #ec4d73;
    text-decoration: none;
}
a:hover,
a:focus,
a:active,
a.underline,
.btn:hover {
    color: #c64061;
    text-decoration: underline;
}

img {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}


/* =Margins
-------------------------------------------------------------- */

p {
    margin-bottom: 1.6em;
}


/* =Misc classes
-------------------------------------------------------------- */

.show {
    display: block !important;
}
#bernd_the_master,
.hide {
    display: none !important;
    visibility: hidden !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
/* --------------------------------------------------------------

    forms

-------------------------------------------------------------- */


/* =Form fields
-------------------------------------------------------------- */

form {
    position: relative;
}

input,
button,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

input.text,
select,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    cursor: text;
}

a,
label,
input,
select,
button,
.btn,
.social-icon {
    cursor: pointer;
}

option {
    padding: 0;
    background: #fff;
}

.input-wrap input.text {
    width: 200px;
}

.pu-fields input.text {
    width: 296px;
}

html>/**/body input.checkbox,
html>/**/body input.radio {
    position: relative;
    top: -1px;
    margin: 0 3px 1px 0;
    padding: 0;
    vertical-align: middle;
}

textarea {
    width: 396px;
    height: 56px;
    overflow: auto;
    font-size: 1.1em;
    resize: none;
}

.contact-form input.text,
.contact-form textarea {
    width: 410px;
}

.field-wrap,
.bug-field-wrap {
    float: left;
    padding: 2px 8px;
    border: 1px solid #bcbaba;
    background: #fff;
}
.bug-field-wrap {
    border-color: #4bc2d0;
}
.field-wrap-textarea {
    padding: 8px 8px 6px;
}
.input-wrap {
    padding: 3px 9px;
    border: 1px solid #e5e5e5;
    background: #fff;
}
label.input-wrap {
    padding: 3px 4px;
}

.radio-wrap {
    float: left;
    padding: 5px;
    border: 1px solid #fff;
    overflow: hidden;
}

.pu-signup,
.label {
    font-size: 11px;
}

.errors,
.success {
    font-weight: bold;
}
.pu .pu-errors,
.errors,
.errors a {
    color: #d00707;
}
.success,
.success a {
    color: #73991a;
}
.pw-good {
    color: #ffb400;
}
.pw-reasonable {
    color: #f08100;
}
.pw-weak {
    color: #d21616;
}


/* =Definition forms
-------------------------------------------------------------- */

form dl {
    margin: 0 0 9px;
    overflow: hidden;
}
form dt {
    float: left;
    width: 190px;
    overflow: hidden;
}
form dd {
    padding-left: 9px;
    overflow: hidden;
}
/* --------------------------------------------------------------

    screen
    @author Hilbrand Edskes <hilbrand.edskes@buyways.nl>
    scss
    @author Kim van Poelgeest <kim@jaludo.com>

-------------------------------------------------------------- */
.btn,
.btn-right,
.paginator,
.choose-gender,
#comments-tabs,
#comments-count,
#game-stats-wrapper-sidebar,
#container,
.game-rating,
.my-game-thumb,
.mygames-rating-block,
.mygames-block-images,
.write-comment-wrapper,
.write-comment,
.write-comment-description,
.write-comment-col,
.write-comment-container,
.game-title-slider,
.game-inbetween-description,
.game-inbetween-details,
.game-inbetween-thumblist,
.favorite-games li,
.favorite-games a,
.profile-games-list li,
.profile-games-list a,
.controls-list,
.controls-list-inner,
.controls-list li,
.gameslist-text li,
.field-container,
.contact-field,
.pu,
.pu-content,
.pu-container,
.pu-header-title,
.pu-title,
.pu-avatar-wrap,
.pu-my-games-wrap,
.pu-connect,
.pu-connected-header,
.consent-content,
#highscore-sort,
#highscore-nagivation,
.reply-describe,
.reply-describe-inner,
.bottom-line,
.bar-notice-profile-wrap,
.bar-notice,
.bar-social,
.category-prev-next,
.multiplayer-girl-image,
.gameslist-images,
.gameslist-multiplayer-images,
.recommended-games-banner,
.recommended-games,
.recommended-games-title,
.recommended-game-prev,
.recommended-game-next,
.display-as-list,
.display-as-blocks,
.join-us,
.game-info-box-wrap,
.game-info-box,
.persons-in-room,
.rating,
.play-btn,
.popup-img,
.avatar-figures,
.avatar-figures .figure,
.avatar-empty-img,
.avatar-wrap,
.banner-wrap,
.banner-top,
.banner-top-inner,
#search-page-form-btn,
.search-field,
.search-page-column,
.display-options,
.block-welcome,
.block-welcome-img,
.block-highscore,
.highscore-bar,
.highscore-item,
.pu-header-line,
.pu-register-left,
.pu-register-right,
.pu-highscore-right,
.pu-highscore-left,
.pu-login-wrap .pu-subtitle,
.mygames-block,
.comments-block,
.gamelist-item,
.search-result-list-item,
.search-result-list,
.rank-info,
.highscore,
.highscore-go-to-me,
.profile-column-menu,
.profile-column-main,
.profile-column-highscore,
.profile-username,
.profile-menu-block,
.profile-menu-block-top,
.profile-menu-block-middle,
.profile-menu-block-bottom,
.profile-main-block,
.profile-main-block-top,
.profile-main-block-middle,
.profile-main-block-bottom,
.profile-main-column,
.headerbox,
.headerbox-top,
.headerbox-middle,
.headerbox-bottom,
.headerbox-inner,
.social-connected,
.profile-menu-new-games,
.profile-info-column,
.profile-completed-percentage,
.profile-my-games-number,
.profile-highscore-block-blue,
.profile-highscore-block-red,
.profile-highscore-block-top,
.profile-highscore-block-middle,
.profile-highscore-block-bottom,
.profile-highscore-block-text,
.profile-highscore-block-info,
.profile-highscore-block-position,
.profile-highscore-block-title,
.profile-highscore-block-paragraph,
.profile-highscore-title-filter,
.profile-highscore-rank-filter-by,
.profile-highscore-block-meta,
.profile-highscore-block-position-place,
.profile-highscore-block-position-points,
.profile-highscore-block-position-link,
.profile-my-games-actions,
.multiplayer-girl-text,
.icon-profile-replies-empty,
.field-wrap-embed,
.field-wrap-embed-top,
.field-wrap-embed-bottom,
.pu-share-out dl,
.comments-block-extra,
.reply-to-textarea,
.reply-error,
.message-content,
.popup-inner-top,
.popup-inner-bottom,
.pu-share-out-email,
.embed-copy,
.inner,
.wrap,
.home-total {
  position: relative;
  overflow: hidden;
  zoom: 1; }

.body-content-block-total {
  position: relative;
  overflow: visible;
  zoom: 1; }

/* =Generic logged in status display settings
-------------------------------------------------------------- */
.logged-in-no .logged_in_no {
  display: block; }

.logged-in .logged_in_no {
  display: none; }

.logged-in-no .logged_in_yes {
  display: none; }

.logged-in .logged_in_yes {
  display: block; }

/* =deprecated images collection
* images/bg_btn
* images/bg_btn_blue
* images/bg_banner_top.png
* images/avatar_girl_large.png
* images/avatar_boy_large.png
*/
/* =colour collection
-------------------------------------------------------------- */
/* tags and colors
    default blue 73c6d8
    alt top mary D94263
*/
#search-page,
#search,
.panel li a,
.search-result-list p,
.nav-packs a {
  color: #444444; }

.favorite-games-block p {
  color: #37adc7; }

.join-us,
.favorite-games-block .favorite-games-empty,
.choose-file-btn,
#body-content-block-subcategories h1 {
  color: #e04163; }

#breadcrumbs {
  color: #a11a37; }
  #breadcrumbs a {
    color: #a11a37; }
    #breadcrumbs a:hover {
      color: #e04163; }
    #breadcrumbs a:focus {
      color: #e04163; }
    #breadcrumbs a:active {
      color: #e04163; }

/* =font size collection
-------------------------------------------------------------- */
.slide a .home-featured-text {
  font-size: 1.5em; }

.home_featured_profile h3,
#body-content-block-subcategories h1,
.game-title,
.search-result-list h2,
#game-preroll-message-loading h1,
.message-bar-person-c {
  font-size: 1.9em; }

.footer-links-col h4,
.home_featured_profile,
.tessa-welcome-signup-block,
.tessa-welcome-block,
.long-button a,
#tab-game-info,
#tab-highscore,
#tab-share,
#tab-bug-report,
#tab-embed,
#comments-tabs a,
#no-comments,
.write-comment-description p,
.btn-add-favorites span,
.btn-add-favorites-active span,
#highscore-sort li,
#body-right .comment-game-rating-like p,
#body-right .comment-game-rating-dislike p,
.slide a,
.panel li a,
.panel-more,
#become-member-link,
.thanks-message p,
.play-btn {
  font-size: 1.1em; }

#nav a,
#home-featured-right .game_title_inner,
.body-content-block-right .category-pagination a,
.cancel-btn,
.confirm-btn,
.delete-block .confirm-btn,
.search-bar-btn,
#search-bar label,
#search-page,
#search,
.favorite-games-block h2,
#game-info .game-rating p,
.my-game-btn-text,
#become-member,
.choose-file-btn {
  font-size: 1.2em; }

/* =Header
-------------------------------------------------------------- */
#header {
  background: #fff; }

#header-top {
  position: relative;
  height: 54px;
  background: url(https://www.mary.com/static/mary/images/en_US/header-bg.png?9d54a1bd0947); }

#header-bottom {
  margin-left: -9px;
  width: 981px;
  height: 35px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) right 0; }

#header-link {
  float: left;
  margin: 7px 0 0 18px;
  width: 410px;
  height: 35px;
  text-indent: -32765px;
  overflow: hidden; }

.header_elements {
  float: right;
  margin: 8px 8px 0 0;
  width: 180px;
  display: inline-block; }

.profile_nav {
  float: right; }

.profile_nav .header-js-btn {
  display: inline-block; }

.profile_nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.profile_nav li {
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
  display: inline-block; }

.profile_nav li a {
  display: block;
  float: left;
  padding: 5px 10px;
  background: #e54668;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ee5072), to(#cd2b4e));
  background: -moz-linear-gradient(#ee5072, #cd2b4e);
  background: linear-gradient(#ee5072, #cd2b4e);
  color: #fff;
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.39) inset;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.39) inset;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.39) inset;
  transition: opacity 0.15s;
  border: 1px solid #c83152; }

.profile_nav li a:hover {
  background: #cd2b4e;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cd2b4e), to(#ee5072));
  background: -moz-linear-gradient(#cd2b4e, #ee5072);
  background: linear-gradient(#cd2b4e, #ee5072);
  text-decoration: none; }

.social-buttons {
  float: left;
  overflow: hidden; }

.social-buttons-inner {
  margin: 3px; }

#nav {
  float: left;
  padding-left: 10px;
  list-style: none; }

#nav li {
  float: left; }

#nav a {
  float: left;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px 0 #8c152f; }

#nav a:hover,
#nav a:focus,
#nav a:active {
  color: #fcc; }

.xid_game header {
  height: 163px; }

.category-navigation-container {
  display: block;
  margin: 0px;
  position: absolute; }

.xid_home .category-navigation-container,
.xid_package .category-navigation-container {
  top: 93px;
  left: -9px; }

.menu_compact .category-navigation-container {
  width: 950px;
  height: 42px;
  padding: 6px 0 0 6px;
  top: 88px; }

.nav-packs {
  clear: both;
  overflow: hidden; }

.xid_home .nav-packs,
.xid_package .nav-packs {
  width: 180px;
  margin-bottom: 25px; }

.menu_compact .nav-packs {
  width: 950px;
  height: 42px;
  margin-bottom: 0; }

.nav-packs li {
  margin: 4px 0; }

.xid_home .nav-packs li:nth-child(5n+5):after,
.xid_package .nav-packs li:nth-child(5n+5):after {
  content: '';
  display: block;
  border-bottom: 1px dotted #999;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-bottom: 10px; }

.nav-packs a {
  display: block;
  height: 29px;
  z-index: 1;
  text-decoration: none;
  background: url(https://www.mary.com/static/mary/images/nav_left.png?9d54a1bd0947); }

.nav-packs a .text {
  margin-left: 38px;
  padding: 5px 0 0 3px;
  display: block;
  height: 24px; }

.menu_compact .nav-packs.active a .text,
.menu_compact .nav-packs a .text {
  display: none; }

/* Highlighted menu items */
.nav-packs #nav-home {
  background-position: 0 -2001px; }

.nav-packs #nav-home:hover,
.nav-packs #nav-home:focus,
.nav-packs #nav-home:active,
.nav-packs .active #nav-home {
  background-position: 0 -2059px; }

.nav-packs #nav-titter {
  background-position: 0 -1740px; }

.nav-packs #nav-titter:hover,
.nav-packs #nav-titter:focus,
.nav-packs #nav-titter:active,
.nav-packs .active #nav-titter {
  background-position: 0 -1798px; }

.nav-packs #nav-newgames {
  background-position: 0 -1827px; }

.nav-packs #nav-newgames:hover,
.nav-packs #nav-newgames:focus,
.nav-packs #nav-newgames:active,
.nav-packs .active #nav-newgames {
  background-position: 0 -1885px; }

.nav-packs #nav-populargames {
  background-position: 0 -1914px; }

.nav-packs #nav-populargames:hover,
.nav-packs #nav-populargames:focus,
.nav-packs #nav-populargames:active,
.nav-packs .active #nav-populargames {
  background-position: 0 -1972px; }

/* Games Categories */
/* aankleed-spelletjes */
.nav-packs #nav-item-125 {
  background-position: 0 0; }

.nav-packs #nav-item-125:hover,
.nav-packs #nav-item-125:focus,
.nav-packs #nav-item-125:active,
.nav-packs .active #nav-item-125 {
  background-position: 0 -58px; }

/* dora-spelletjes */
.nav-packs #nav-item-107 {
  background-position: 0 -87px; }

.nav-packs #nav-item-107:hover,
.nav-packs #nav-item-107:focus,
.nav-packs #nav-item-107:active,
.nav-packs .active #nav-item-107 {
  background-position: 0 -145px; }

/* leuke-spelletjes */
.nav-packs #nav-item-62 {
  background-position: 0 -174px; }

.nav-packs #nav-item-62:hover,
.nav-packs #nav-item-62:focus,
.nav-packs #nav-item-62:active,
.nav-packs .active #nav-item-62 {
  background-position: 0 -232px; }

/* barbie-spelletjes */
.nav-packs #nav-item-108 {
  background-position: 0 -261px; }

.nav-packs #nav-item-108:hover,
.nav-packs #nav-item-108:focus,
.nav-packs #nav-item-108:active,
.nav-packs .active #nav-item-108 {
  background-position: 0 -319px; }

/* kook-spelletjes */
.nav-packs #nav-item-98 {
  background-position: 0 -348px; }

.nav-packs #nav-item-98:hover,
.nav-packs #nav-item-98:focus,
.nav-packs #nav-item-98:active,
.nav-packs .active #nav-item-98 {
  background-position: 0 -406px; }

/* bediening-spelletjes */
.nav-packs #nav-item-103 {
  background-position: 0 -435px; }

.nav-packs #nav-item-103:hover,
.nav-packs #nav-item-103:focus,
.nav-packs #nav-item-103:active,
.nav-packs .active #nav-item-103 {
  background-position: 0 -493px; }

/* paarden-spelletjes */
.nav-packs #nav-item-64 {
  background-position: 0 -522px; }

.nav-packs #nav-item-64:hover,
.nav-packs #nav-item-64:focus,
.nav-packs #nav-item-64:active,
.nav-packs .active #nav-item-64 {
  background-position: 0 -580px; }

/* puzzel-spelletjes */
.nav-packs #nav-item-138 {
  background-position: 0 -609px; }

.nav-packs #nav-item-138:hover,
.nav-packs #nav-item-138:focus,
.nav-packs #nav-item-138:active,
.nav-packs .active #nav-item-138 {
  background-position: 0 -667px; }

/* dieren-spelletjes */
.nav-packs #nav-item-65 {
  background-position: 0 -696px; }

.nav-packs #nav-item-65:hover,
.nav-packs #nav-item-65:focus,
.nav-packs #nav-item-65:active,
.nav-packs .active #nav-item-65 {
  background-position: 0 -754px; }

/* kapper-spelletjes */
.nav-packs #nav-item-1010 {
  background-position: 0 -783px; }

.nav-packs #nav-item-1010:hover,
.nav-packs #nav-item-1010:focus,
.nav-packs #nav-item-1010:active,
.nav-packs .active #nav-item-1010 {
  background-position: 0 -841px; }

/* make-up-spelletjes */
.nav-packs #nav-item-130 {
  background-position: 0 -870px; }

.nav-packs #nav-item-130:hover,
.nav-packs #nav-item-130:focus,
.nav-packs #nav-item-130:active,
.nav-packs .active #nav-item-130 {
  background-position: 0 -928px; }

/* beroemdheden-spelletjes */
.nav-packs #nav-item-380 {
  background-position: 0 -957px; }

.nav-packs #nav-item-380:hover,
.nav-packs #nav-item-380:focus,
.nav-packs #nav-item-380:active,
.nav-packs .active #nav-item-380 {
  background-position: 0 -1015px; }

/* baby-spelletjes */
.nav-packs #nav-item-111 {
  background-position: 0 -1044px; }

.nav-packs #nav-item-111:hover,
.nav-packs #nav-item-111:focus,
.nav-packs #nav-item-111:active,
.nav-packs .active #nav-item-111 {
  background-position: 0 -1102px; }

/* teken-spelletjes */
.nav-packs #nav-item-122 {
  background-position: 0 -1131px; }

.nav-packs #nav-item-122:hover,
.nav-packs #nav-item-122:focus,
.nav-packs #nav-item-122:active,
.nav-packs .active #nav-item-122 {
  background-position: 0 -1189px; }

/* sue-spelletjes */
.nav-packs #nav-item-381 {
  background-position: 0 -1218px; }

.nav-packs #nav-item-381:hover,
.nav-packs #nav-item-381:focus,
.nav-packs #nav-item-381:active,
.nav-packs .active #nav-item-381 {
  background-position: 0 -1276px; }

/* jongensspelletjes */
.nav-packs #nav-item-135 {
  background-position: 0 -1305px; }

.nav-packs #nav-item-135:hover,
.nav-packs #nav-item-135:focus,
.nav-packs #nav-item-135:active,
.nav-packs .active #nav-item-135 {
  background-position: 0 -1363px; }

/* muziek-spelletjes */
.nav-packs #nav-item-136 {
  background-position: 0 -1392px; }

.nav-packs #nav-item-136:hover,
.nav-packs #nav-item-136:focus,
.nav-packs #nav-item-136:active,
.nav-packs .active #nav-item-136 {
  background-position: 0 -1450px; }

/* liefdes-spelletjes */
.nav-packs #nav-item-137 {
  background-position: 0 -1479px; }

.nav-packs #nav-item-137:hover,
.nav-packs #nav-item-137:focus,
.nav-packs #nav-item-137:active,
.nav-packs .active #nav-item-137 {
  background-position: 0 -1537px; }

/* kerst-spelletjes */
.nav-packs #nav-item-1013 {
  background-position: 0 -2436px; }

.nav-packs #nav-item-1013:hover,
.nav-packs #nav-item-1013:focus,
.nav-packs #nav-item-1013:active,
.nav-packs .active #nav-item-1013 {
  background-position: 0 -2494px; }

/* kinderspelletjes */
.nav-packs #nav-item-1014 {
  background-position: 0 -2523px; }

.nav-packs #nav-item-1014:hover,
.nav-packs #nav-item-1014:focus,
.nav-packs #nav-item-1014:active,
.nav-packs .active #nav-item-1014 {
  background-position: 0 -2581px; }

/* restaurant-spelletjes */
.nav-packs #nav-item-1015 {
  background-position: 0 -2610px; }

.nav-packs #nav-item-1015:hover,
.nav-packs #nav-item-1015:focus,
.nav-packs #nav-item-1015:active,
.nav-packs .active #nav-item-1015 {
  background-position: 0 -2668px; }

/* makeover-spelletjes */
.nav-packs #nav-item-116 {
  background-position: 0 -2697px; }

.nav-packs #nav-item-116:hover,
.nav-packs #nav-item-116:focus,
.nav-packs #nav-item-116:active,
.nav-packs .active #nav-item-116 {
  background-position: 0 -2755px; }

/* prinses-spelletjes */
.nav-packs #nav-item-1012 {
  background-position: 0 -2784px; }

.nav-packs #nav-item-1012:hover,
.nav-packs #nav-item-1012:focus,
.nav-packs #nav-item-1012:active,
.nav-packs .active #nav-item-1012 {
  background-position: 0 -2842px; }

/* trouw-spelletjes */
.nav-packs #nav-item-1016 {
  background-position: 0 -2349px; }

.nav-packs #nav-item-1016:hover,
.nav-packs #nav-item-1016:focus,
.nav-packs #nav-item-1016:active,
.nav-packs .active #nav-item-1016 {
  background-position: 0 -2407px; }

/* nav-highscoregames */
.nav-packs #nav-highscoregames {
  background-position: 0 -2871px; }

.nav-packs #nav-highscoregames:hover,
.nav-packs #nav-highscoregames:focus,
.nav-packs #nav-highscoregames:active,
.nav-packs .active #nav-highscoregames {
  background-position: 0 -2929px; }

/* nav-profile */
.nav-packs #nav-profile {
  background-position: 0 -2958px; }

.nav-packs #nav-profile:hover,
.nav-packs #nav-profile:focus,
.nav-packs #nav-profile:active,
.nav-packs .active #nav-profile {
  background-position: 0 -3016px; }

.menu_compact .nav-packs li {
  float: left;
  width: 24px;
  height: 24px;
  display: block;
  margin: 5px;
  padding: 0px;
  overflow: hidden; }

.menu_compact .nav-packs a {
  height: 24px;
  background-color: #ffa1b8; }

.menu_compact .nav-packs #nav-titter:link {
  background-position: -12px -1740px; }
.menu_compact .nav-packs #nav-titter:hover, .menu_compact .nav-packs #nav-titter:active, .menu_compact .nav-packs #nav-titter:focus {
  background-position: -12px -1799px;
  border-color: #26c3d9;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs .active #nav-titter {
  background-position: -12px -1799px;
  border-color: #26c3d9;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-125 {
  background-position: -12px 0px; }

.menu_compact .nav-packs .active #nav-item-125,
.menu_compact .nav-packs #nav-item-125:hover,
.menu_compact .nav-packs #nav-item-125:focus,
.menu_compact .nav-packs #nav-item-125:active {
  background-position: -12px -30px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-98 {
  background-position: -12px -348px; }

.menu_compact .nav-packs .active #nav-item-98,
.menu_compact .nav-packs #nav-item-98:hover,
.menu_compact .nav-packs #nav-item-98:focus,
.menu_compact .nav-packs #nav-item-98:active {
  background-position: -12px -378px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-111 {
  background-position: -12px -1044px; }

.menu_compact .nav-packs .active #nav-item-111,
.menu_compact .nav-packs #nav-item-111:hover,
.menu_compact .nav-packs #nav-item-111:focus,
.menu_compact .nav-packs #nav-item-111:active {
  background-position: -13px -1074px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-1010 {
  background-position: -12px -783px; }

.menu_compact .nav-packs .active #nav-item-1010,
.menu_compact .nav-packs #nav-item-1010:hover,
.menu_compact .nav-packs #nav-item-1010:focus,
.menu_compact .nav-packs #nav-item-1010:active {
  background-position: -13px -813px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-1012 {
  background-position: -12px -2784px; }

.menu_compact .nav-packs .active #nav-item-1012,
.menu_compact .nav-packs #nav-item-1012:hover,
.menu_compact .nav-packs #nav-item-1012:focus,
.menu_compact .nav-packs #nav-item-1012:active {
  background-position: -13px -2814px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-108 {
  background-position: -12px -261px; }

.menu_compact .nav-packs .active #nav-item-108,
.menu_compact .nav-packs #nav-item-108:hover,
.menu_compact .nav-packs #nav-item-108:focus,
.menu_compact .nav-packs #nav-item-108:active {
  background-position: -13px -291px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-1016 {
  background-position: -12px -2349px; }

.menu_compact .nav-packs .active #nav-item-1016,
.menu_compact .nav-packs #nav-item-1016:hover,
.menu_compact .nav-packs #nav-item-1016:focus,
.menu_compact .nav-packs #nav-item-1016:active {
  background-position: -13px -2379px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-130 {
  background-position: -12px -870px; }

.menu_compact .nav-packs .active #nav-item-130,
.menu_compact .nav-packs #nav-item-130:hover,
.menu_compact .nav-packs #nav-item-130:focus,
.menu_compact .nav-packs #nav-item-130:active {
  background-position: -13px -900px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-116 {
  background-position: -12px -2697px; }

.menu_compact .nav-packs .active #nav-item-116,
.menu_compact .nav-packs #nav-item-116:hover,
.menu_compact .nav-packs #nav-item-116:focus,
.menu_compact .nav-packs #nav-item-116:active {
  background-position: -13px -2727px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-1015 {
  background-position: -12px -2610px; }

.menu_compact .nav-packs .active #nav-item-1015,
.menu_compact .nav-packs #nav-item-1015:hover,
.menu_compact .nav-packs #nav-item-1015:focus,
.menu_compact .nav-packs #nav-item-1015:active {
  background-position: -13px -2640px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-137 {
  background-position: -12px -1479px; }

.menu_compact .nav-packs .active #nav-item-137,
.menu_compact .nav-packs #nav-item-137:hover,
.menu_compact .nav-packs #nav-item-137:focus,
.menu_compact .nav-packs #nav-item-137:active {
  background-position: -13px -1509px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-1014 {
  background-position: -12px -2523px; }

.menu_compact .nav-packs .active #nav-item-1014,
.menu_compact .nav-packs #nav-item-1014:hover,
.menu_compact .nav-packs #nav-item-1014:focus,
.menu_compact .nav-packs #nav-item-1014:active {
  background-position: -13px -2553px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-107 {
  background-position: -12px -87px; }

.menu_compact .nav-packs .active #nav-item-107,
.menu_compact .nav-packs #nav-item-107:hover,
.menu_compact .nav-packs #nav-item-107:focus,
.menu_compact .nav-packs #nav-item-107:active {
  background-position: -13px -117px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-64 {
  background-position: -12px -522px; }

.menu_compact .nav-packs .active #nav-item-64,
.menu_compact .nav-packs #nav-item-64:hover,
.menu_compact .nav-packs #nav-item-64:focus,
.menu_compact .nav-packs #nav-item-64:active {
  background-position: -13px -552px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-65 {
  background-position: -12px -696px; }

.menu_compact .nav-packs .active #nav-item-65,
.menu_compact .nav-packs #nav-item-65:hover,
.menu_compact .nav-packs #nav-item-65:focus,
.menu_compact .nav-packs #nav-item-65:active {
  background-position: -13px -726px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-103 {
  background-position: -12px -435px; }

.menu_compact .nav-packs .active #nav-item-103,
.menu_compact .nav-packs #nav-item-103:hover,
.menu_compact .nav-packs #nav-item-103:focus,
.menu_compact .nav-packs #nav-item-103:active {
  background-position: -13px -465px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-381 {
  background-position: -12px -1218px; }

.menu_compact .nav-packs .active #nav-item-381,
.menu_compact .nav-packs #nav-item-381:hover,
.menu_compact .nav-packs #nav-item-381:focus,
.menu_compact .nav-packs #nav-item-381:active {
  background-position: -13px -1248px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-135 {
  background-position: -12px -1305px; }

.menu_compact .nav-packs .active #nav-item-135,
.menu_compact .nav-packs #nav-item-135:hover,
.menu_compact .nav-packs #nav-item-135:focus,
.menu_compact .nav-packs #nav-item-135:active {
  background-position: -13px -1335px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-136 {
  background-position: -12px -1392px; }

.menu_compact .nav-packs .active #nav-item-136,
.menu_compact .nav-packs #nav-item-136:hover,
.menu_compact .nav-packs #nav-item-136:focus,
.menu_compact .nav-packs #nav-item-136:active {
  background-position: -13px -1422px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-380 {
  background-position: -12px -957px; }

.menu_compact .nav-packs .active #nav-item-380,
.menu_compact .nav-packs #nav-item-380:hover,
.menu_compact .nav-packs #nav-item-380:focus,
.menu_compact .nav-packs #nav-item-380:active {
  background-position: -13px -987px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-62 {
  background-position: -12px -174px; }

.menu_compact .nav-packs .active #nav-item-62,
.menu_compact .nav-packs #nav-item-62:hover,
.menu_compact .nav-packs #nav-item-62:focus,
.menu_compact .nav-packs #nav-item-62:active {
  background-position: -13px -204px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-138 {
  background-position: -12px -609px; }

.menu_compact .nav-packs .active #nav-item-138,
.menu_compact .nav-packs #nav-item-138:hover,
.menu_compact .nav-packs #nav-item-138:focus,
.menu_compact .nav-packs #nav-item-138:active {
  background-position: -13px -639px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-122 {
  background-position: -12px -1131px; }

.menu_compact .nav-packs .active #nav-item-122,
.menu_compact .nav-packs #nav-item-122:hover,
.menu_compact .nav-packs #nav-item-122:focus,
.menu_compact .nav-packs #nav-item-122:active {
  background-position: -13px -1161px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.menu_compact .nav-packs #nav-item-1013 {
  background-position: -12px -2436px; }

.menu_compact .nav-packs .active #nav-item-1013,
.menu_compact .nav-packs #nav-item-1013:hover,
.menu_compact .nav-packs #nav-item-1013:focus,
.menu_compact .nav-packs #nav-item-1013:active {
  background-position: -13px -2466px;
  border-color: #ffa1b8;
  border-style: solid;
  border-width: 0 1px; }

.country-flag,
.social-icon {
  position: relative;
  width: 16px;
  height: 11px;
  overflow: hidden; }

.persons-member,
.persons-guest,
.icon-stars-game,
.icon-cloud,
.goto-arrow,
.icon-more,
.social-icon,
.display-as-list,
.display-as-blocks {
  display: -moz-inline-box;
  display: inline-block; }

.social-icon {
  margin-left: 2px;
  height: 16px;
  vertical-align: middle; }

.country-flag {
  float: left;
  margin-right: 9px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -650px -44px; }

#footer .country-flag {
  top: 2px;
  margin-right: 5px; }

.country-flag-nl {
  background-position: -714px -44px; }

.country-flag-fr {
  background-position: -858px -44px; }

.country-flag-es {
  background-position: -890px -44px; }

.country-flag-it {
  background-position: -634px -44px; }

.country-flag-pt {
  background-position: -778px -44px; }

.country-flag-uk {
  background-position: -666px -44px; }

.country-flag-de {
  background-position: -922px -44px; }

.country-flag-tr {
  background-position: -698px -44px; }

.country-flag-pl {
  background-position: -746px -44px; }

.country-flag-id {
  background-position: -618px -44px; }

.country-flag-se {
  background-position: -826px -44px; }

.country-flag-hu {
  background-position: -762px -44px; }

.country-flag-ru {
  background-position: -938px -44px; }

.country-flag-gr {
  background-position: -842px -44px; }

.country-flag-dk {
  background-position: -906px -44px; }

.country-flag-fi {
  background-position: -874px -44px; }

.country-flag-ro {
  background-position: -794px -44px; }

.country-flag-no {
  background-position: -730px -44px; }

.country-flag-ar {
  background-position: -602px -44px; }

.country-flag-cn {
  background-position: -810px -44px; }

.country-flag-tw {
  background-position: -682px -44px; }

.t-facebook .s-icon,
.social-icon-facebook {
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -586px -44px; }

.t-twitter .s-icon,
.social-icon-twitter {
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -554px -44px; }

.social-icon-youtube {
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -538px -44px; }

.common-info-field, .mygames-block-wrapper {
  border-radius: 5px;
  -webkit-box-shadow: inset 1px 1px 25px 3px rgba(115, 198, 216, 0.7);
  -moz-box-shadow: inset 1px 1px 25px 3px rgba(115, 198, 216, 0.7);
  -ms-box-shadow: inset 1px 1px 25px 3px rgba(115, 198, 216, 0.7);
  box-shadow: inset 1px 1px 25px 3px rgba(115, 198, 216, 0.7); }

.btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cancel-btn,
.confirm-btn,
.delete-block .confirm-btn,
.search-bar-btn {
  display: inline-block;
  padding: 0 12px;
  line-height: 23px;
  border: 1px solid #c83152;
  -ms-box-shadow: -1px -1px 0 1px #fff;
  box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
  background: #cd2b4e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cd2b4e 0%, #ee5072 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd2b4e), color-stop(100%, #ee5072));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cd2b4e 0%, #ee5072 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cd2b4e 0%, #ee5072 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cd2b4e 0%, #ee5072 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cd2b4e 0%, #ee5072 100%);
  /* W3C */
  color: #fff !important;
  font-weight: bold; }

.search-bar-btn:hover {
  background: #cd2b4e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ee5072 0%, #cd2b4e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5072), color-stop(100%, #cd2b4e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ee5072 0%), #cd2b4e 100%;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ee5072 0%), #cd2b4e 100%;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ee5072 0%), #cd2b4e 100%;
  /* IE10+ */
  background: linear-gradient(to bottom, #ee5072 0%), #cd2b4e 100%;
  /* W3C */
  text-decoration: none; }

.delete-block .cancel-btn,
.confirm-btn {
  border-color: #4aaeba;
  background: #4dc5d4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4dc5d4 0%, #4cbac8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4dc5d4), color-stop(100%, #4cbac8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4dc5d4 0%, #4cbac8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4dc5d4 0%, #4cbac8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4dc5d4 0%, #4cbac8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4dc5d4 0%, #4cbac8 100%);
  /* W3C */ }

/* continue */
.confirm-btn {
  margin-right: 7px; }

.search-bar-btn {
  text-shadow: 0 1px 0 #1d050a; }

#search-bar-form .search-bar-btn,
#search-bar-form .search-field-wrap,
#search-bar-form .search-field-label {
  position: relative;
  float: right;
  margin: 0 0 0 4px; }

#search-bar-form .search-field-wrap {
  margin: 0 0 0 6px;
  width: 210px;
  height: 25px;
  background: #fff; }

.search-field {
  border: 1px solid #d03053;
  height: 23px; }

#search-bar {
  float: right;
  margin-right: 24px;
  padding-top: 5px;
  max-width: 600px; }

#search-bar label {
  margin-right: 5px;
  line-height: 25px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #8c152f; }

#search-page,
#search {
  position: relative;
  left: 5px;
  padding: 4px 0;
  width: 118px; }

#search {
  width: 198px; }

#search-bar label,
#search {
  vertical-align: top; }

.bar-notice,
.bar-social {
  clear: both;
  padding: 4px 9px 3px;
  color: #fff !important; }

.bar-notice a,
.bar-social a {
  color: #fff;
  text-decoration: underline; }

.bar-notice {
  border: 1px solid #1e7d88;
  line-height: 20px;
  background: url(https://www.mary.com/static/mary/images/bg_bar.png?9d54a1bd0947) repeat-x #228590; }

.bar-social {
  background: #ffb0c4; }

.bar-notice .icon-error {
  position: static;
  float: left;
  margin-right: 4px; }

.bar-notice-profile-wrap {
  padding: 0 0 3px; }

.bar-notice-profile-wrap .bar-notice {
  float: left;
  padding: 2px 14px 2px 6px; }

.s-intro {
  float: left;
  padding: 3px 40px 0 46px;
  font-weight: bold; }

.s-facebook,
.s-twitter,
.s-g-plusone {
  float: right;
  width: auto;
  height: 20px;
  line-height: 20px;
  overflow: hidden; }

/* =Article
-------------------------------------------------------------- */
#game-preroll-h,
#game-midroll-h,
.message-bar-person-h,
.comment-game-rating-like .game-rating-dislike,
.comment-game-rating-dislike .game-rating-like,
.btn-submit-overlay input,
.hide-game {
  display: none; }

.join-us {
  padding: 0 0 12px 17px;
  line-height: 20px;
  text-transform: uppercase; }

.headerbox .join-us {
  text-align: left; }

.stars-join,
.pu-complete-popup-stars {
  float: left;
  margin-right: 5px;
  width: 19px;
  height: 17px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -977px -78px;
  overflow: hidden; }

.join-social-buttons {
  padding: 0 17px 6px;
  text-align: center; }

#body {
  clear: both;
  padding-top: 10px; }

.xid_profile #body,
.xid_search #body,
.xid_content #body {
  padding-top: 50px; }

#body-left {
  position: relative;
  left: -9px;
  float: left;
  width: 190px;
  overflow: hidden;
  background: url(https://www.mary.com/static/mary/images/separation_nav.png?9d54a1bd0947) right 50px no-repeat; }

#body-right {
  float: right;
  width: 768px; }

.xid_home #body-right,
.xid_package #body-right {
  padding-left: 15px;
  background: url(https://www.mary.com/static/mary/images/separation_nav.png?9d54a1bd0947) left 50px no-repeat; }

.xid_content #body-right,
.xid_profile #body-right {
  width: 950px;
  float: none;
  margin-left: 10px; }

.xid_error #body-right {
  width: 724px; }

.xid_error #body-left {
  width: 234px;
  position: relative; }

.xid_search #body-left {
  width: 190px; }

.xid_search #body-right {
  float: right;
  width: 768px; }

.main-area {
  float: left;
  display: inline;
  margin: 0;
  width: 528px; }

.xid_content .main-area {
  width: 485px;
  margin: 10px 35px 0 0; }

.xid_search .main-area {
  width: 670px;
  margin: 0 !important; }

.xid_package .main-area {
  width: 670px; }

/* 404 page not found */
.side-tessa-404 {
  float: right;
  margin-top: 50px; }

.msg-404 {
  margin: 60px 0 20px;
  width: 439px; }

.msg-404-top,
.msg-404-bottom {
  height: 10px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -422px;
  overflow: hidden; }

.msg-404-middle {
  padding: 0 13px 0 26px;
  min-height: 30px;
  height: auto !important;
  height: 30px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -112px;
  color: #444444;
  text-align: justify; }

.msg-404-bottom {
  background-position: 0 -412px; }

/* add to favorites button */
.ux-favorite {
  float: right; }

.btn-add-favorites,
.btn-add-favorites-active {
  display: inline-block; }

.btn-add-favorites span,
.btn-add-favorites-active span {
  font-weight: bold; }

.game-favorite {
  display: inline-block;
  width: 163px;
  height: 38px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -751px -93px; }

.game-favorite-active {
  background-position: -588px -93px; }

.my-game-btn-text {
  display: block;
  color: #e04163;
  font-weight: bold;
  text-align: right; }

.my-game-btn-text:hover,
.my-game-btn-text:focus,
.my-game-btn-text:active {
  color: #e45775; }

/* facebook comments */
.facebook-comments {
  margin-bottom: 8px; }

.facebook-comments h3 {
  padding-left: 10px;
  height: 44px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -874px -186px;
  color: #fff;
  font-weight: bold;
  overflow: hidden; }

.facebook-comments-title {
  display: block;
  padding: 13px 0;
  line-height: 18px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947);
  text-shadow: 0 1px 0 #43a1af; }

.facebook-comments-icon {
  float: left;
  margin-right: 8px;
  width: 18px;
  height: 17px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -884px -205px;
  overflow: hidden; }

.facebook-comments-module {
  margin-bottom: 8px; }

#body-right .inbetween-banner {
  float: none;
  padding-top: 0;
  width: auto; }

/* favorite games sidebar */
.favorite-games-block {
  padding: 10px 0;
  min-height: 211px;
  height: auto !important;
  height: 211px;
  background: #ecfbfd; }

.favorite-games-block li {
  margin: 5px 0; }

.favorite-games {
  padding: 0 10px; }

.favorite-games a {
  display: block;
  text-decoration: none !important; }

.favorite-game-name,
.favorite-game-image,
.favorite-games .play-game {
  float: left; }

.favorite-game-name {
  padding: 5px 0 0 10px;
  width: 192px;
  color: #828181;
  font: 12px Verdana, sans-serif; }

.play-game {
  position: relative;
  width: 52px;
  height: 18px;
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -551px -41px;
  color: #fff !important;
  text-indent: 10px;
  font: bold 13px "Trebuchet MS", Verdana, sans-serif;
  text-decoration: none; }

.favorite-games .play-game {
  margin: 3px 0 0; }

.favorite-games-goto {
  margin: 10px;
  width: 279px;
  height: 30px;
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -360px -470px; }

.favorite-games-goto a {
  display: block;
  padding: 0 5px 0 10px;
  height: 30px;
  color: #fff !important;
  text-decoration: none;
  font: bold 13px/30px "Trebuchet MS", Verdana, sans-serif; }

.favorite-games-block p {
  margin: 25px auto 45px;
  width: 212px;
  font: 12px Verdana, sans-serif; }

.favorites-games-register-btn a,
.favorites-games-login-btn a {
  display: block;
  margin: 10px auto;
  width: 202px;
  height: 24px;
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -399px -255px;
  color: #fff !important;
  font: bold 12px/24px "Trebuchet MS", Verdana, sans-serif;
  text-align: center;
  text-decoration: none !important; }

.favorites-games-login-btn a {
  background-position: -399px -279px; }

/* top list games sidebar */
.related-games-block {
  padding: 10px 0;
  background: #ecfbfd;
  text-align: center; }

.top-games-block {
  background: #fff; }

.favorite-games-block h2,
.related-games-block h2 {
  width: auto;
  text-align: center; }

.favorite-games-block h2 .icon-star,
.related-games-block h2 .icon-star {
  float: none;
  display: inline-block;
  vertical-align: middle;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -884px -279px; }

.related-games-block .gameslist-images {
  padding-left: 16px; }

.related-games-block .gameslist-images li {
  padding-top: 5px;
  float: left;
  width: 126px;
  position: relative;
  margin: 0 16px 0 0;
  height: auto; }

.related-games-block .gameslist-images a {
  padding: 0;
  background: url(https://www.mary.com/static/mary/images/bg_gameslist_images_blue.png?9d54a1bd0947); }

.related-games-block .gameslist-images img {
  top: 1px;
  left: 1px; }

.related-games-block .gameslist-images .playnow {
  display: block;
  bottom: 5px;
  margin-bottom: 8px;
  padding: 0;
  width: 121px;
  height: 16px;
  line-height: 16px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -417px -44px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden; }

.related-games-block .gameslist-images .playnow:hover,
.related-games-block .gameslist-images .playnow:focus,
.related-games-block .gameslist-images .playnow:active {
  text-decoration: underline; }

#category-sort {
  margin: 0 0 0 8px;
  clear: both;
  overflow: hidden;
  display: none; }

.xid_profile #category-sort {
  float: right; }

.xid_game #category-sort {
  float: right;
  width: 210px; }

#category-sort .sort {
  float: left;
  width: 350px; }

#category-sort .goto {
  margin-left: 0;
  padding-right: 10px;
  float: left;
  width: 185px;
  text-transform: uppercase;
  color: #2a92a0;
  text-align: right; }

.xid_package #category-sort .goto {
  margin-left: 149px; }

.xid_search #category-sort .goto {
  margin-left: 149px; }

.goto-arrow {
  margin-left: 3px;
  width: 5px;
  height: 8px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -781px -212px;
  vertical-align: middle;
  overflow: hidden; }

#breadcrumbs,
.home-total,
.blocks-highscore,
.recommended-games-banner,
.block-welcome {
  padding-bottom: 10px;
  clear: both; }

.home-featured,
.blocks-highscore,
.recommended-games-banner,
.block-welcome {
  background: url(https://www.mary.com/static/mary/images/separation_horz_top.png?9d54a1bd0947) 0 bottom no-repeat; }

.home-items {
  float: left;
  width: 527px;
  overflow: hidden;
  padding-bottom: 20px; }

#breadcrumbs a {
  text-decoration: underline; }
  #breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs a:active {
    text-decoration: none; }

.xid_package .item_preview {
  position: relative;
  width: 100%; }

.tessa-welcome-signup-block,
.home_profile {
  display: none; }

.home_featured_profile,
.tessa-welcome-signup-block {
  float: left;
  position: relative;
  width: 236px;
  height: 289px;
  color: #28a7b9;
  text-decoration: none !important;
  overflow: hidden; }

.avatar-wrap {
  padding-bottom: 7px;
  text-align: center; }

.avatar {
  position: relative;
  margin: 0 auto;
  width: 111px;
  height: 134px;
  background-repeat: no-repeat;
  background-image: url(https://www.mary.com/static/mary/images/avatar_girl_large_logged_in.png?9d54a1bd0947); }

.avatar-male {
  background-image: url(https://www.mary.com/static/mary/images/avatar_boy_large_logged_in.png?9d54a1bd0947); }

.home_featured_profile .profile-follow-avatar {
  border-radius: 100%;
  width: 140px;
  height: 140px;
  margin-top: 55px;
  border: 10px solid;
  border-color: #73c6d8;
  background-position: center !important;
  background-size: 120%; }

.home_featured_profile .profile-follow-username {
  display: block;
  margin: 120% auto 0;
  text-align: center; }

.tessa-welcome-signup-block {
  background: url(https://www.mary.com/static/mary/images/content/mary_welcome_character_2014-1.png?9d54a1bd0947); }

.message-figure .avatar {
  width: 58px;
  height: 73px;
  background: url(https://www.mary.com/static/mary/images/avatar_girl_medium.png?9d54a1bd0947) no-repeat; }

.message-figure .avatar-male {
  background: url(https://www.mary.com/static/mary/images/avatar_boy_medium.png?9d54a1bd0947) no-repeat; }

.tessa-welcome {
  position: absolute;
  overflow: hidden; }

.home_featured_profile h3 {
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 14px;
  line-height: 26px;
  padding-bottom: 0.2em; }

.home_featured_profile p {
  line-height: 1.2em;
  margin: 0 100px 10px 14px;
  color: #e04163; }

.btn_registration a {
  display: inline-block;
  padding: 5px 10px;
  border-width: 1px;
  border-style: solid;
  background-color: #18395c;
  border-color: #051d37;
  color: #fff; }

.btn_registration a:hover {
  background: #082037;
  border: 1px solid #1B3759;
  text-decoration: none; }

.button {
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  top: 62px;
  width: 120px;
  left: 14px;
  height: 46px; }

.gameslist-images-1 {
  float: left;
  width: 176px; }

.gameslist-images-2 {
  float: left;
  width: 267px; }

.gameslist-images-1 .gameslist-images,
.gameslist-images-2 .gameslist-images {
  margin: 0; }

.side-rectangle {
  position: relative;
  padding-top: 15px;
  float: left; }

.side-gameslist-images-3 {
  width: 393px;
  text-align: center; }

.side-gameslist-images-3 .banner {
  margin: 0 auto; }

.banner {
  text-align: center; }

.banner-250 {
  width: 250px; }

.banner-300 {
  width: 300px; }

.banner-728 {
  width: 728px; }

.banner-250 .banner-wrap {
  width: 250px;
  height: 250px; }

.banner-300 .banner-wrap {
  width: 300px;
  height: 250px; }

.body-content-block-right {
  float: left;
  width: 228px;
  overflow: hidden;
  background: url(https://www.mary.com/static/mary/images/separation_right.png?9d54a1bd0947) 0 bottom no-repeat; }

.xid_home .body-content-block-right {
  min-height: 880px; }

.profile-highscore-pagination {
  width: 58px; }

.xid_package .body-content-block-right {
  width: 91px; }

.xid_package .blocks-highscore .body-content-block-right {
  width: 40px;
  margin-top: 7px; }

.xid_search .body-content-block-right {
  width: 91px; }

.body-content-block-right .category-pagination {
  float: left;
  width: 40px; }

.body-content-block-right .category-pagination ul {
  margin-top: 15px;
  list-style: none; }

.body-content-block-right .category-pagination li {
  position: relative;
  margin: 2px 0;
  height: 28px;
  width: 40px;
  text-align: center;
  overflow: hidden; }

.body-content-block-right .category-pagination a {
  position: relative;
  display: block;
  padding-top: 4px;
  width: 40px;
  height: 24px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -724px -411px;
  color: #fff;
  font-weight: bold;
  text-decoration: none !important;
  overflow: hidden; }

.body-content-block-right .category-pagination .prev strong,
.body-content-block-right .category-pagination .next strong {
  position: relative;
  top: -3px;
  font-size: 45px; }

.body-content-block-right .category-pagination a:hover,
.body-content-block-right .category-pagination a:focus,
.body-content-block-right .category-pagination a:active,
.body-content-block-right .category-pagination a.active {
  background-position: -724px -439px; }

.body-content-block-right .banner {
  float: left;
  width: 190px;
  padding-top: 25px; }

.banner-below-game {
  position: relative;
  left: -15px; }

#body-content-block-subcategories {
  margin-bottom: 1em;
  padding-right: 10px;
  border: 1px solid #ffc3d3;
  border-right: 0;
  height: 143px;
  background: url(https://www.mary.com/static/mary/images/repeat_x.png?9d54a1bd0947) 0 -115px; }

#body-content-block-subcategories-text {
  float: right;
  margin-right: 7px;
  width: 200px;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 75px; }

#body-content-block-subcategories h1 {
  margin: 6px 0 10px 0;
  text-align: right;
  font-weight: normal; }

#body-content-block-subcategories #subcategories-items {
  display: inline;
  float: left;
  margin-left: 5px;
  width: 524px;
  list-style: none; }

#body-content-block-subcategories #subcategories-items li {
  float: left;
  margin: 6px 5px 6px 0;
  padding: 0;
  width: 126px;
  height: 131px; }

#body-content-block-subcategories #subcategories-items a,
#body-content-block-subcategories #subcategories-items .inactive a:hover,
#body-content-block-subcategories #subcategories-items .inactive a:focus,
#body-content-block-subcategories #subcategories-items .inactive a:active {
  display: block;
  padding: 1px 3px 0 1px;
  width: 120px;
  height: 130px;
  background: url(https://www.mary.com/static/mary/images/subcategory_item.png?9d54a1bd0947) no-repeat;
  color: #fff; }

#body-content-block-subcategories #subcategories-items .inactive a {
  background-position: left -137px;
  color: #fcecf3; }

#body-content-block-subcategories #subcategories-items li img {
  float: left;
  margin-bottom: 5px;
  width: 120px;
  height: 90px; }

.not-active,
.inactive,
#body-content-block-subcategories #subcategories-items .inactive img {
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5; }

#body-content-block-subcategories #subcategories-items .inactive,
#body-content-block-subcategories #subcategories-items .inactive a:hover img,
#body-content-block-subcategories #subcategories-items .inactive a:focus img,
#body-content-block-subcategories #subcategories-items .inactive a:active img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

#body-content-block-subcategories #subcategories-items li .text {
  float: left;
  padding: 1px 2px;
  height: 26px;
  width: 118px;
  line-height: 1.3em;
  text-align: center;
  overflow: hidden; }

#body-right #body-content-ads {
  clear: both;
  overflow: hidden;
  margin-bottom: 1em;
  padding: 0 0 0 3px; }

.more-ellipsis {
  color: #ee5072; }

#footer-container,
#footer-facebook-container {
  clear: both;
  position: relative;
  zoom: 1; }

#footer-facebook {
  height: 47px;
  background: url(https://www.mary.com/static/mary/images/repeat_x.png?9d54a1bd0947) 0 -265px white;
  color: #fff;
  overflow: hidden; }

#footer-facebook-logo {
  position: absolute;
  top: 9px;
  left: 52px;
  width: 134px;
  height: 29px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -198px -112px;
  overflow: hidden; }

#footer-facebook-inner {
  position: relative;
  top: 10px;
  left: 202px;
  width: 730px;
  height: 25px;
  overflow: hidden; }

#footer-facebook-left,
#footer-facebook-right {
  position: absolute;
  top: 0;
  width: 5px;
  height: 39px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -55px -178px; }

#footer-facebook-left {
  left: -5px; }

#footer-facebook-right {
  right: -5px;
  background-position: -50px -178px; }

#footer {
  padding: 25px 0 5px 40px;
  background: url(https://www.mary.com/static/mary/images/repeat_x.png?9d54a1bd0947) 0 -320px;
  color: #fff; }

#footer-inner {
  height: 222px; }

.footer-links-col {
  float: left;
  width: 184px; }

.footer-links-col h4 {
  margin: 0 0 1em 0;
  font-weight: bold; }

.footer-links-col ul {
  list-style: none; }

.footer-links-col a {
  color: #fff; }

.footer-links-col a:hover,
.footer-links-col a:focus,
.footer-links-col a:active {
  color: #fff;
  text-decoration: underline; }

#footer-left,
#footer-right {
  position: absolute;
  top: 1px;
  width: 9px;
  height: 240px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -9px -35px; }

#footer-left {
  left: -9px; }

#footer-right {
  right: -9px;
  background-position: 0 -35px; }

#footer-links {
  clear: both;
  padding: 4px 0 8px;
  background: #fff;
  color: #949494;
  text-align: center; }

#footer-links a {
  color: #949494;
  text-decoration: none; }

#footer-links a:hover,
#footer-links a:focus,
#footer-links a:active {
  text-decoration: underline; }

/* Page specific styles */
/* Gamepage styling */
.game-title {
  padding-bottom: 5px;
  display: inline-block; }

#game-box {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding-top: 5px;
  overflow: hidden; }

.game-area {
  z-index: 1; }

#game-container {
  position: relative;
  margin: 0 auto;
  overflow: visible; }

.ui-slider-horizontal {
  float: left;
  width: 184px; }

#game {
  position: relative;
  overflow: visible; }

#game-midroll-c {
  padding-top: 25px; }

.game-preloading,
.game-during-preroll,
.game-during-midroll {
  left: -32765px !important; }

.game-preloading {
  position: absolute; }

#game embed,
#game object,
#game iframe {
  width: 100%;
  height: 100%; }

/* video ad */
.ad_video {
  position: absolute;
  z-index: 2;
  top: 175px;
  width: 960px;
  height: 560px;
  /*540+20*/
  left: 50%;
  margin-left: -480px;
  color: #444;
  text-align: center; }

.game-video-thumbnail {
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  border: 10px solid #73c6d8;
  background-size: cover;
  background-position: center; }

.thumb-large {
  width: 250px;
  height: 250px; }

.thumb-small {
  width: 120px;
  height: 120px; }

#game-preroll-message-loading {
  width: 960px;
  height: 540px;
  left: 50%;
  margin-left: -480px;
  padding-top: 60px;
  color: #444;
  position: absolute;
  display: none; }

#game-preroll-progressbar-percentage,
#game-midroll-progressbar-percentage {
  padding: 0 0 3px;
  font-size: 14px;
  font-weight: bold; }

#game-preroll-progressbar,
#game-midroll-progressbar {
  margin: 0 auto 8px;
  width: 550px;
  height: 8px;
  line-height: 0;
  font-size: 0;
  overflow: hidden; }

#game-preroll-controls {
  display: none; }

#game-preroll-textad {
  display: none; }

.ad_video_loading_message {
  background: url(https://www.mary.com/static/mary/images/preroll_loader.gif?9d54a1bd0947) center 55% no-repeat; }

.ad_video_loading_message p {
  margin: 5px 0 0; }

.ad_video_playing_txt {
  padding-top: 4px; }

.ad_video_playing_txt a {
  color: #fff;
  text-decoration: underline; }
  .ad_video_playing_txt a:hover, .ad_video_playing_txt a:focus, .ad_video_playing_txt a:active {
    color: #e04163; }

.ad_video_progress_bar {
  display: block;
  width: 480px;
  margin: 0 auto; }

#game-preroll-progressbar .ui-corner-all,
#game-midroll-progressbar .ui-corner-all {
  position: relative;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

#game-preroll-progressbar .ui-progressbar,
#game-midroll-progressbar .ui-progressbar {
  height: 6px;
  border: 1px solid #a01835;
  background: #fff;
  text-align: left; }

#game-preroll-progressbar .ui-widget-header,
#game-midroll-progressbar .ui-widget-header {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  background: #d23356; }

/* generic */
#overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: #000;
  -moz-opacity: .63;
  -khtml-opacity: .63;
  opacity: .63; }

.game-comment-rating {
  margin: 0 auto 10px;
  width: 55px;
  height: 55px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -582px -437px; }

.comment-game-rating-dislike .game-comment-rating {
  background-position: -637px -437px; }

.thanks-message p {
  margin: 0;
  padding: 3px 0 0 10px;
  line-height: 18px;
  color: #e04163; }

/* Table (table) */
.message-bar-person-t {
  display: table; }

/* Parent (table-cell) */
.message-bar-person-p {
  display: table-cell;
  vertical-align: middle; }

#game-btf {
  width: 920px;
  margin: 0 auto;
  position: relative;
  overflow: auto;
  zoom: 1; }

.my-game-rating {
  text-align: center; }

.game-rating {
  width: 355px;
  margin: 0 auto 4em;
  text-align: center; }

.game-rating p {
  margin: 8px auto;
  color: #e04163;
  font-size: 1.5em;
  font-weight: bold; }

.gamevote {
  float: left;
  margin: 0 10px 0 3px;
  width: 156px;
  text-decoration: none; }

.gamevote:last-child {
  margin-right: 0; }

.gamevote, gamevoted {
  display: block;
  font-size: 1.9em;
  height: 34px;
  line-height: 1.8em;
  border-width: 1px;
  border-style: solid;
  font-weight: bold;
  text-align: center; }

/* you voted */
.game-rating-positive,
.game-rating-negative {
  width: 100%; }

.gamevote-positive,
.game-rating-positive {
  background-color: #e04163;
  border-color: #dc2b51;
  color: #fff; }

.gamevote-negative,
.game-rating-negative {
  background-color: #6fc9dc;
  border: 1px solid #5fbed2;
  color: #2c8b9f; }

.gamevote-positive:hover,
.gamevote-positive:focus,
.gamevote-positive:active {
  background-color: #dc2b51;
  color: #fff;
  text-decoration: none; }

.gamevote-negative:hover,
.gamevote-negative:focus,
.gamevote-negative:active {
  background-color: #2c8b9f;
  color: #fff;
  text-decoration: none; }

#game-info {
  float: left;
  width: 600px;
  overflow: hidden; }

#game-info h3 {
  margin: 13px 12px 6px;
  font-size: 1.5em;
  font-weight: bold; }

.bar-wrapper {
  float: left;
  width: 100%;
  overflow: auto; }

.component-bar {
  width: auto;
  height: 40px;
  border: 1px solid #dc2b51;
  background: #dc2b51;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dc2b51), to(#e76d87));
  background: -webkit-linear-gradient(#dc2b51, #e76d87);
  background: -moz-linear-gradient(#dc2b51, #e76d87);
  background: -o-linear-gradient(#dc2b51, #e76d87);
  background: linear-gradient(#dc2b51, #e76d87);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.45) inset;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.45) inset;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.45) inset; }

.component-bar ul {
  width: 100%;
  height: 40px;
  position: relative; }

.component-bar li {
  float: left;
  margin-top: 1px;
  border-right: 1px solid #dc2b51; }
  .component-bar li:hover {
    background: #e76d87;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e76d87), to(#dc2b51));
    background: -webkit-linear-gradient(#e76d87, #dc2b51);
    background: -moz-linear-gradient(#e76d87, #dc2b51);
    background: -o-linear-gradient(#e76d87, #dc2b51);
    background: linear-gradient(#e76d87, #dc2b51);
    -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.45) inset;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.45) inset;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.45) inset; }

.component-bar li.active a {
  background: #e76d87;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e76d87), to(#dc2b51));
  background: -webkit-linear-gradient(#e76d87, #dc2b51);
  background: -moz-linear-gradient(#e76d87, #dc2b51);
  background: -o-linear-gradient(#e76d87, #dc2b51);
  background: linear-gradient(#e76d87, #dc2b51);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.45) inset;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.45) inset;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.45) inset; }

.component-bar li a {
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 13px 13px 0;
  height: 26px;
  float: left; }
  .component-bar li a:hover {
    text-decoration: none; }

.ut-tools a {
  text-indent: -999em; }

.component-bar li#tab-share,
.component-bar li#tab-bug-report,
.component-bar li#tab-embed {
  position: absolute;
  float: none; }

.component-bar li#tab-share a,
.component-bar li#tab-bug-report a,
.component-bar li#tab-embed a {
  width: 48px;
  height: 39px;
  padding: 0;
  background-image: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947); }

#tab-share {
  right: 100px; }

#tab-bug-report {
  right: 50px; }

#tab-embed {
  right: 0; }

#tab-share a {
  background-position: -211px -146px; }
  #tab-share a:hover, #tab-share a:focus, #tab-share a:active {
    background-position: -778px -284px; }

#tab-bug-report a {
  background-position: -320px -146px; }
  #tab-bug-report a:hover, #tab-bug-report a:focus, #tab-bug-report a:active {
    background-position: -733px -191px; }

#tab-embed a {
  background-position: -471px -146px; }
  #tab-embed a:hover, #tab-embed a:focus, #tab-embed a:active {
    background-position: -741px -235px; }

.bottom-line {
  height: 1px;
  background: url(https://www.mary.com/static/mary/images/repeat_x.png?9d54a1bd0947) 0 -584px; }

.game-info,
.highscore {
  margin: 0 0 20px;
  min-height: 217px; }

.game-info {
  color: #444444;
  font-size: 1.1em;
  line-height: 1.5em; }

.pink {
  color: #d13053; }

.game-info p {
  margin: 0;
  padding: 10px 40px 10px 20px; }

.game-info img {
  margin: 0 3px 0 10px; }

.controls-list {
  color: #4d4d4d; }

.controls-list li {
  padding: 6px 21px; }

.key,
.key-img {
  position: relative;
  float: left;
  overflow: hidden; }

.key {
  position: relative;
  margin: 0 0 4px;
  width: 20px;
  height: 20px;
  border: 1px solid #352c3f;
  background: #fff;
  color: #352c3f;
  font-size: 10px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.key-inner {
  padding: 0 3px; }

.key-text {
  width: auto !important; }

.key-text .key-inner {
  padding: 0 6px 0 5px; }

.keys {
  position: relative;
  clear: both;
  float: left;
  margin-right: 3px;
  padding-bottom: 3px; }

.keys .key {
  margin: 0 3px 0 0; }

.key-up,
.key-right,
.key-down,
.key-left {
  position: absolute;
  top: 4px;
  left: 4px;
  border: solid #fff;
  line-height: 0; }

.key-up {
  border-width: 0 4px 4px;
  border-bottom-color: #352c3f; }

.key-right {
  border-width: 4px 0 4px 4px;
  border-left-color: #352c3f; }

.key-down {
  top: 6px;
  border-width: 4px 4px 0;
  border-top-color: #352c3f; }

.key-left {
  border-width: 4px 4px 4px 0;
  border-right-color: #352c3f; }

.key-img {
  margin: 0 5px 0 0;
  background: url(https://www.mary.com/static/mary/images/icons.png?9d54a1bd0947) -123px -92px; }

.key-and {
  margin: 5px 0;
  width: 14px;
  height: 12px; }

.key-shift {
  margin: 3px 25px 0 2px;
  width: 11px;
  height: 14px;
  background-position: -124px -76px; }

.key-tab {
  margin: 1px 22px 0 2px;
  width: 14px;
  height: 16px;
  background-position: -135px -76px; }

.key-backspace {
  margin: 8px 3px 0 21px;
  width: 14px;
  height: 10px;
  background-position: -148px -76px; }

.key-enter {
  width: 30px;
  height: 27px;
  background-position: -88px -76px; }

.key-lmc,
.key-mmc,
.key-rm {
  width: 23px;
  height: 35px;
  background-position: -28px -148px; }

.key-mmc {
  background-position: -52px -148px; }

.key-rmc {
  width: 23px;
  height: 30px;
  background-position: -2px -148px; }

.key-rm {
  background-position: -78px -148px; }

.key-mm,
.key-lcd,
.key-rcd {
  width: 45px;
  height: 41px; }

.key-mm {
  background-position: -66px -106px; }

.key-lcd {
  background-position: -111px -106px; }

.key-rcd {
  background-position: -157px -106px; }

.key-webcam {
  width: 33px;
  height: 39px;
  background-position: -203px -106px; }

.key-plus {
  float: left;
  padding: 0 9px;
  line-height: 21px;
  color: #000;
  font-size: 18px; }

.key-plus .key-range {
  margin: 6px 0;
  height: 8px; }

.key-plus .key-or {
  width: 8px; }

.key-def {
  clear: both; }

.game-info strong {
  margin: 0 0 10px; }

#highscore-sort {
  padding: 10px 25px; }

#highscore-sort li {
  float: left;
  width: 70px;
  color: #32b4c4;
  font-weight: bold; }

#highscore-sort a:hover,
#highscore-sort a:focus,
#highscore-sort a:active {
  color: #d13053;
  text-decoration: none; }

#highscore-sort a {
  color: #32b4c4; }

#highscore-sort a.active {
  color: #d13053;
  cursor: default;
  text-decoration: none; }

#become-member {
  clear: both;
  padding: 15px 20px;
  background: #68b6bf;
  color: #fff;
  font-weight: bold; }

#become-member-link {
  float: right;
  font-weight: normal; }

#become-member-link a {
  color: #fff; }

#highscores {
  border-spacing: 0;
  width: 100%;
  color: #828181;
  font: 12px Verdana, sans-serif; }

#highscores .user,
#highscores .highscore-member {
  height: 40px; }

#highscores td {
  position: relative;
  padding: 0; }

#highscores .highscore-number {
  padding: 0 0 0 20px;
  width: 32px;
  font-weight: bold; }

#highscores .highscore-avatar {
  margin: 0 10px 0 0;
  width: 25px;
  height: 25px;
  background: #32b4c4; }

#highscores .highscore-score {
  padding: 0 5px;
  width: 45px; }

#highscores .highscore-points {
  padding-right: 5px;
  width: 95px;
  color: #32b4c4; }

#highscores .highscore-help {
  width: 50px; }

#highscores .highscore-help a {
  display: block;
  width: 25px;
  height: 25px;
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -582px -73px; }

#highscores .user td {
  background: #faeaed;
  background: rgba(209, 48, 83, 0.1); }

#highscores .user .highscore-avatar {
  background: #d13053; }

#highscores .user .highscore-points {
  color: #d13053; }

#highscores .user .highscore-help a {
  background-position: -557px -73px; }

.paginator-bottom {
  margin: 10px 0; }

.paginator {
  text-align: center;
  font: bold 14px "Trebuchet MS", Verdana, sans-serif; }

.paginator a,
.paginator .current,
.paginator .dots {
  display: -moz-inline-box;
  display: inline-block;
  margin: 0 1px;
  padding: 5px 10px;
  border: 1px solid #dc2b51;
  background: #e54668;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ee5072), to(#cd2b4e));
  background: -webkit-linear-gradient(#ee5072, #cd2b4e);
  background: -moz-linear-gradient(#ee5072, #cd2b4e);
  background: -o-linear-gradient(#ee5072, #cd2b4e);
  background: linear-gradient(#ee5072, #cd2b4e);
  color: #fff;
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.39) inset;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.39) inset;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.39) inset;
  text-decoration: none !important; }

.paginator .current {
  background: #65deef;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#84e8f6), to(#32cde3));
  background: -webkit-linear-gradient(#84e8f6, #32cde3);
  background: -moz-linear-gradient(#84e8f6, #32cde3);
  background: -o-linear-gradient(#84e8f6, #32cde3);
  background: linear-gradient(#84e8f6, #32cde3);
  border-color: #31bccf; }

.paginator .dots {
  padding-left: 5px;
  padding-right: 5px; }

.paginator .prev,
.paginator .next {
  font-weight: normal; }

.popup-info-table {
  margin: 0 auto;
  color: #1bc2da;
  font: normal 12px Verdana, sans-serif;
  text-align: left; }

.popup-info-table th {
  padding-right: 9px;
  font-weight: normal; }

.popup-info-table td {
  color: #939293; }

.popup-small .popup-box {
  width: 157px; }

.popup-small .popup-inner {
  padding-left: 10px;
  padding-right: 10px; }

.popup-small .popup-inner-top {
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -892px -167px; }

.popup-small .popup-inner-bottom {
  height: 15px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -892px -152px; }

.action-dropdown .popup-box {
  width: 121px;
  text-align: left; }

.action-dropdown .popup-inner {
  padding-bottom: 0; }

.action-smilies-dropdown .popup-inner {
  padding: 5px 4px 0 7px; }

.action-dropdown .popup-inner-top {
  height: 15px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -955px -38px; }

.action-dropdown .popup-inner-bottom {
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -955px -55px; }

.action-dropdown a {
  display: block;
  line-height: 20px;
  color: #939293 !important; }

.action-dropdown a:hover,
.action-dropdown a:focus,
.action-dropdown a:active {
  color: #5bc3d0 !important; }

#comments-count {
  padding: 6px 0 13px 28px;
  font: normal 12px Verdana, sans-serif;
  color: #d13053; }

#comments-count p {
  float: left;
  margin: 0; }

#comments-count ul {
  float: right;
  font: bold 12px "Trebuchet MS", Verdana, sans-serif; }

#comments-count li {
  float: left;
  margin: 0 8px; }

#comments-count a {
  color: #32b4c4;
  text-decoration: none; }

#comments-count a:hover,
#comments-count a:focus,
#comments-count a:active,
#comments-count a.active {
  color: #d13053; }

#no-comments {
  margin: 0 0 10px;
  padding: 0 45px;
  height: 75px;
  background: #fcf1f6;
  background: rgba(250, 228, 240, 0.2);
  color: #d13053; }

#no-comments p {
  margin: 0;
  padding: 28px 0 28px 10px;
  color: #e04163; }

.no-comments-heart {
  float: left;
  margin: 0 10px 0 0;
  width: 19px;
  height: 17px;
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -603px -41px;
  overflow: hidden; }

.write-comment {
  padding: 10px;
  border: 1px solid #afdee9; }

.reply-new .reply-nested {
  display: block;
  background-image: url(https://www.mary.com/static/mary/images/avatar_boy_medium.png?9d54a1bd0947);
  background-size: 58px 58px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 75px;
  margin: 5px; }

.reply-to-textarea {
  margin: 0;
  width: 400px;
  height: 120px;
  float: left;
  border: 1px solid #73c6d8;
  -webkit-box-shadow: inset 1px 1px 25px 3px rgba(115, 198, 216, 0.8);
  -moz-box-shadow: inset 1px 1px 25px 3px rgba(115, 198, 216, 0.8);
  box-shadow: inset 1px 1px 25px 3px rgba(115, 198, 216, 0.8);
  padding: 5px;
  border-radius: 5px; }

.reply-nested .reply-to-textarea {
  width: 380px;
  height: 60px; }

.reply-to-textarea textarea {
  margin: 3% 8% 3% 2%;
  width: 92%;
  height: 94%;
  background: none; }

.reply-to-textarea-error {
  -webkit-box-shadow: inset 1px 1px 25px 3px rgba(224, 65, 99, 0.8);
  -moz-box-shadow: inset 1px 1px 25px 3px rgba(224, 65, 99, 0.8);
  box-shadow: inset 1px 1px 25px 3px rgba(224, 65, 99, 0.8); }

.delete-textarea {
  margin: 10px 0;
  width: 449px;
  height: 157px;
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) 0 -73px; }

.delete-textarea textarea {
  background: #fff; }

.icon-smiley {
  display: block;
  position: absolute;
  top: 14px;
  right: 14px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: url(https://www.mary.com/static/mary/images/smilies/smile.gif?9d54a1bd0947);
  text-indent: -999em; }

.reply-nested .icon-smiley {
  top: 9px;
  right: 9px; }

.smilies-dropdown img {
  margin: 0 3px 3px 0;
  vertical-align: middle;
  cursor: pointer; }

.write-comment-description p {
  margin: 0 0 5px;
  font-weight: bold;
  color: #37adc7; }

.write-comment-col {
  float: left;
  width: 99px; }

.write-comment-col label {
  display: block;
  width: 99px;
  height: 18px;
  color: #444444; }

.long-button {
  margin: 10px 0;
  width: 400px;
  height: 32px; }

.long-button a {
  font-size: 1.1em;
  display: block;
  border-radius: 5px;
  text-align: center;
  background-color: #6fc9dc;
  border: 1px solid #5fbed2;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 32px;
  width: 400px; }
  .long-button a:hover {
    background-color: #5fbed2;
    color: #fff;
    text-decoration: none; }

.comments-block {
  padding: 15px; }

.comments-block-extra {
  margin-top: -1px;
  padding: 10px; }

.comments-block, .comments-block-extra {
  border: 1px solid #f2afbd; }

.comments-content {
  float: left;
  width: 475px;
  background-size: 58px 58px;
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 75px;
  color: #444444;
  font-size: 1.1em; }

.comments-username {
  color: #e04163;
  font-weight: bold;
  font-size: 1.1em; }

.comments-meta-data {
  color: #dc2b51; }

p.comments-intro {
  margin: 10px 0; }

.comments-tags {
  color: #848484; }
  .comments-tags a {
    color: #37adc7; }
  .comments-tags span {
    float: left;
    display: inline-block; }
  .comments-tags .tag {
    padding-top: 5px; }

/* rating comments area */
.comment-game-rating {
  float: left;
  margin: 0 0 0 10px !important;
  width: 138px;
  height: 132px; }

.comment-game-rating-like {
  height: auto; }

.write-comment-description {
  padding-top: 10px; }

.comments-actions {
  float: right; }

.actions {
  height: 34px;
  line-height: 34px;
  background: #f3f3f3; }

.replier-content,
.replier-rating,
.replier-rating-number {
  float: left; }

.replier-rating {
  line-height: 17px;
  cursor: pointer; }

.replier-rating-positive {
  margin: 0 9px 0 0; }

.replier-content {
  width: 410px;
  background-size: 25px 25px;
  background-position: 38px 2px;
  background-repeat: no-repeat;
  padding-left: 79px;
  color: #444444;
  font-size: 1.1em; }

.replier-username {
  color: #e04163;
  font-weight: bold; }

.replier-meta {
  color: #dc2b51; }

.replier-rating-container {
  color: #dc2b51; }

.replier-rating-icon {
  float: left;
  margin: 0 0 0 4px;
  width: 10px;
  height: 17px;
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -617px -73px;
  overflow: hidden; }

.replier-rating-negative .replier-rating-icon {
  background-position: -632px -41px; }

.replier-rating:hover .replier-rating-icon {
  background-position: -607px -73px; }

.replier-rating-negative:hover .replier-rating-icon {
  background-position: -622px -41px; }

.comments-more {
  padding: 0;
  border: 1px solid #72e2f2;
  background: #d6faff;
  text-align: center; }

.comments-more a {
  display: block;
  color: #32b4c4;
  font: bold 12px/35px "Trebuchet MS", Verdana, sans-serif; }

#body-right .comment-game-rating p {
  float: none;
  margin: 8px auto 10px; }

#body-right .comment-game-rating-like p,
#body-right .comment-game-rating-dislike p {
  width: 138px;
  text-align: center; }

.comment-game-rating .gamevote {
  float: left;
  margin: 0 5px 10px 0;
  display: inline-block;
  width: 60px;
  height: 27px;
  font-size: 17px;
  font-weight: bold;
  line-height: 24px; }

#game-stats-wrapper-sidebar {
  float: left;
  padding: 0 0 0 20px;
  width: 300px; }

#game-stats-wrapper-sidebar .favorite-games-block,
#game-stats-wrapper-sidebar .related-games-block {
  width: auto;
  margin: 0 0 20px; }

.block-side {
  margin: 0 0 13px; }

.fb-like-box-container {
  position: relative;
  width: 300px;
  height: 181px;
  overflow: hidden; }

/* Featured block - START #9aced5 #eb214c #f64061 */
#home-featured {
  width: 524px;
  height: 282px;
  position: relative;
  display: inline;
  float: left; }

#home-featured-left {
  float: left;
  position: relative;
  width: 338px;
  height: 282px;
  overflow: hidden; }

#home-featured-left .slide {
  position: absolute;
  width: 338px;
  height: 282px; }

.slide a {
  display: block;
  position: relative;
  width: 338px;
  height: 282px;
  text-decoration: none;
  background-position: top center;
  background-size: 100%;
  transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-width: 0; }

.slide a:hover {
  background-size: 110%;
  transition: background 0.15s;
  -moz-transition: background 0.15s;
  -ms-transition: background 0.15s; }

.slide a span {
  display: block; }

.slide .home-featured-text {
  position: absolute;
  top: 100%;
  height: 46px;
  margin-top: -46px;
  width: 100%;
  color: #fff;
  background: #f0bb00;
  border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-width: 0; }

.slide .home-featured-text-inner {
  text-align: center;
  padding: 15px 5px 0px; }

.slide a .playnow {
  display: block;
  position: absolute;
  padding: 8px;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -50px;
  background: red;
  line-height: 15px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden; }

.slide a:hover .playnow {
  transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  background: #0cf;
  padding: 16px;
  margin-top: -24px;
  margin-left: -54px; }

#home-featured-right {
  margin-left: 336px;
  position: absolute;
  right: 0px;
  width: 187px;
  list-style: none; }
  #home-featured-right li {
    padding: 0 0 0 8px;
    margin-left: 2px;
    margin-bottom: 10px;
    height: 87px;
    width: 170px; }
    #home-featured-right li:last-child {
      margin-bottom: 0; }
  #home-featured-right a {
    position: relative;
    display: block;
    padding: 1px 0 0 2px;
    height: 87px;
    margin-bottom: 10px;
    background-size: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s; }
  #home-featured-right .game_title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: red;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s; }
  #home-featured-right li.active a::before {
    content: '';
    position: absolute;
    opacity: 0.3;
    -ms-opacity: 0.3;
    -moz-opacity: 0.3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff; }
  #home-featured-right a:hover .game_title::before,
  #home-featured-right a:hover .game_title,
  #home-featured-right a:hover .game_title_inner {
    opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1; }
  #home-featured-right .game_title {
    opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s; }
  #home-featured-right .game_title_inner {
    display: block;
    width: 160px;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 35%;
    color: #fff;
    opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s; }

/* Featured block - END */
/* General style */
#tooltip,
.tooltip {
  width: 151px;
  height: 199px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -701px -281px; }

.tooltip-bottom,
.viewport-bottom {
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -550px -281px !important; }

#tooltip .title,
.tooltip .title {
  display: block;
  margin: 25px 9px 10px 4px;
  color: #ee5072;
  font-weight: bold; }

.tooltip-bottom .title {
  margin-top: 15px; }

.viewport-bottom .title {
  margin-top: 15px !important; }

#tooltip img,
.tooltip img {
  display: block;
  margin: 10px 23px;
  border: 1px solid #ee5072; }

#tooltip .votes,
.tooltip .votes {
  display: block; }

.icon-more {
  margin: 0 6px 0 0;
  width: 9px;
  height: 9px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -439px -35px;
  vertical-align: middle;
  overflow: hidden; }

a:hover .icon-more,
a:focus .icon-more,
a:active .icon-more,
#gossip-more .icon-more {
  background-position: -448px -35px; }

.icon-star,
.icon-stars {
  float: left;
  margin-right: 3px;
  width: 19px;
  height: 18px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -958px -78px;
  overflow: hidden; }

.icon-star {
  width: 17px;
  height: 17px;
  background-position: -996px -78px; }

.icon-stars-game,
.icon-cloud {
  margin-right: 3px;
  width: 26px;
  height: 26px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) no-repeat;
  vertical-align: middle;
  overflow: hidden; }

.icon-stars-game {
  background-position: -896px -142px; }

.icon-cloud {
  background-position: -922px -142px; }

.user-voted-yeah::before,
.user-voted-meh::before {
  content: "";
  float: left;
  margin-right: 3px;
  width: 26px;
  height: 26px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) no-repeat; }

.user-voted-yeah::before {
  background-position: -896px -142px; }

.user-voted-meh::before {
  background-position: -922px -142px; }

.persons-member,
.persons-guest {
  margin: 0 3px;
  width: 9px;
  height: 18px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -749px -517px;
  vertical-align: middle;
  overflow: hidden; }

.persons-guest {
  background-position: -740px -517px; }

#gossip-more {
  margin: 0;
  padding: 0 6px 6px; }

#gossip-more a {
  font-weight: bold; }

.category-text {
  clear: both;
  margin: 0 0 1em;
  padding-right: 20px; }

.gameslist-images {
  margin: 0 0 1em;
  padding-left: 6px;
  list-style: none; }

/* game package thumbs */
.gameslist-images .game_type_new a {
  background: #f1b807; }

.game_type_new a span {
  display: block;
  text-align: center;
  padding-top: 60px; }

/**/
.search-result-list-item .gameslist-images {
  float: left;
  margin: 0; }

.search-result-list-item .item_game {
  height: 155px; }

.search-result-list {
  float: left;
  width: 512px;
  height: 155px; }

.search-result-list h2 {
  padding: 15px 0 5px; }

.gameslist-highscore {
  padding: 0 0 20px;
  overflow: hidden; }

.gameslist-images li.advertisement {
  margin-right: 8px;
  float: left;
  padding-left: 25px;
  width: 360px;
  height: 280px;
  text-align: center; }

.gameslist-images li.advertisement p {
  margin: 0; }

.gamelist-item {
  float: left;
  margin: 0 9px 3px 0;
  width: 353px;
  height: 136px; }

.gameslist-images a {
  padding: 1px 0 0 1px;
  display: block;
  width: 126px;
  height: 130px;
  color: #e9587b;
  line-height: 1.3em;
  text-align: center;
  text-decoration: none !important; }

.gameslist-images a:hover,
.gameslist-images a:focus,
.gameslist-images a:active {
  color: #c64061; }

.gameslist-highscore a {
  float: left;
  width: 120px; }

.tags-game {
  position: absolute;
  top: 0;
  left: -4px;
  text-align: left; }

.gameslist-images img {
  position: relative;
  margin-bottom: 3px;
  float: left;
  width: 120px;
  height: 90px;
  border: 0; }

.recommended-games .rating {
  display: block;
  padding: 0;
  color: #636363; }

/* list of games on RHS of homepage */
.panel > article > header > h1 {
  border-width: 1px;
  border-style: solid;
  display: block;
  text-align: center;
  padding: 8px 5px;
  margin: 0 0 5px;
  color: #fff; }

.panel {
  margin: 15px 0 1em 10px;
  clear: both;
  overflow: hidden; }
  .panel li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc; }
    .panel li a {
      display: block;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
      height: 50px;
      line-height: 1.2em;
      overflow: hidden;
      transition: all 0.15s;
      -moz-transition: all 0.15s;
      -ms-transition: all 0.15s; }
      .panel li a .list_games_thumb {
        transition: all 0.15s;
        -moz-transition: all 0.15s;
        -ms-transition: all 0.15s;
        display: block;
        position: absolute;
        background-size: 100%;
        border-radius: 5px;
        width: 40px;
        height: 40px;
        margin-top: 5px; }
      .panel li a .list_games_title {
        transition: all 0.1s;
        -moz-transition: all 0.1s;
        -ms-transition: all 0.1s;
        display: block;
        position: absolute;
        margin-left: 47px;
        padding-top: 18px;
        z-index: 1; }
      .panel li a .list_games_description {
        margin: 55px 0 0 75px;
        padding: 25px 5px 10px;
        font-size: 1px;
        opacity: 0;
        transition: all 0.05s;
        -moz-transition: all 0.05s;
        -ms-transition: all 0.05s;
        overflow: hidden; }
      .panel li a:hover {
        text-decoration: none;
        padding-bottom: 25px; }
        .panel li a:hover .list_games_title {
          padding-top: 10px;
          margin-left: 25px;
          margin-top: -1px; }
        .panel li a:hover .list_games_thumb {
          width: 20px;
          height: 20px; }
        .panel li a:hover .list_games_description {
          display: block;
          margin: 0;
          opacity: .85;
          font-size: 10px; }
  .panel .panel-more {
    display: block;
    clear: both;
    text-align: center;
    margin: 0;
    padding: 16px 0 8px; }

.blog-item {
  position: relative;
  overflow: hidden;
  clear: both;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px; }
  .blog-item:last-child {
    margin-bottom: 0; }
  .blog-item h1 {
    transition: all 0.05s;
    -moz-transition: all 0.05s;
    -ms-transition: all 0.05s;
    line-height: 1.2em;
    font-size: 1.2em;
    display: block;
    position: absolute;
    top: 0;
    margin-top: 0;
    margin-left: 67px;
    padding: 0;
    z-index: 2;
    border: 0; }
  .blog-item a {
    display: block;
    margin: 0;
    padding: 0;
    transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s; }
  .blog-item .thumb {
    transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    display: block;
    position: absolute;
    background-size: 100%;
    border-radius: 1px;
    width: 60px;
    height: 60px;
    left: 0;
    top: 0; }
  .blog-item p {
    margin: 30px 0 0 95px;
    padding: 25px 5px 5px;
    font-size: 1px;
    opacity: 0;
    height: 0;
    transition: all 0.05s;
    -moz-transition: all 0.05s;
    -ms-transition: all 0.05s;
    overflow: hidden; }
  .blog-item:hover {
    text-decoration: none; }
    .blog-item:hover h1 {
      padding-left: 25px;
      margin: 0;
      height: 100%;
      font-size: 1.1em; }
    .blog-item:hover a {
      width: 100%;
      height: 100%; }
    .blog-item:hover .thumb {
      width: 20px;
      height: 20px;
      margin-bottom: 5px; }
    .blog-item:hover p {
      display: block;
      margin: 5px 0 0;
      opacity: .85;
      height: auto;
      font-size: 10px; }

.sidebar hr {
  display: block;
  margin: 0 0 20px 15px;
  width: 206px;
  height: 9px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -233px -35px;
  overflow: hidden;
  border: 0; }

hr.separator {
  display: block;
  margin: 20px 0 0;
  width: 100%;
  height: 0px;
  border: 0;
  background: transparent; }

.category-prev-next {
  margin: 0 11px 1em 6px;
  float: left;
  padding: 20px 0;
  width: 640px; }

.profile-column-highscore .category-prev-next {
  margin: 10px 0 1em; }

.blocks-highscore .category-prev-next {
  margin: 0 9px 1em 0; }

#game-related .category-prev-next {
  margin: 0 16px 0 0; }

.category-prev-next a {
  float: left;
  width: 180px;
  height: 17px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -439px -217px;
  color: #fff !important; }

.category-prev-next .arrow-space {
  float: left;
  width: 20px;
  height: 17px;
  overflow: hidden; }

.category-prev-next .next,
.category-prev-next .next .arrow-space {
  float: right;
  background-position: -439px -200px;
  text-align: right; }

/* Zoom slider Gamepage - START */
.ui-slider {
  position: relative;
  background: url(https://www.mary.com/static/mary/images/bg_zoom_slider.gif?9d54a1bd0947) center repeat-x;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 21px;
  height: 19px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -884px -186px;
  cursor: pointer; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  border: 0;
  font-size: .7em; }

.ui-slider-horizontal {
  height: 1.8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: 1px;
  margin-left: -10px; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

/* Zoom slider Gamepage - END */
.popup,
#tooltip,
.tooltip {
  display: none;
  position: absolute;
  left: 50%;
  z-index: 3;
  text-align: center;
  overflow: hidden; }

.popup {
  padding: 0 10px;
  font-size: 11px; }

.popup-box {
  position: relative;
  width: 200px; }

.popup-inner-top,
.popup-inner-bottom {
  height: 6px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -892px -122px; }

.popup-inner-top {
  background-position: -892px -116px; }

.popup-inner {
  position: relative;
  padding: 2px 13px 5px;
  border: solid #57e3f4;
  border-width: 0 1px;
  background: #fff;
  zoom: 1; }

.popup-arrow {
  position: absolute;
  top: 26%;
  width: 11px;
  height: 15px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -1087px -38px;
  overflow: hidden; }

.popup-left .popup-arrow {
  left: -11px; }

.popup-right .popup-arrow {
  right: -11px;
  background-position: -1076px -38px; }

.popup h3,
.game-info-box h3 {
  margin: 0 0 3px;
  width: 172px;
  font-size: 13px;
  text-transform: uppercase; }

.popup-description {
  display: block;
  margin: 0 0 5px;
  font-size: 11px;
  overflow: hidden; }

.popup-img,
.popup-img img {
  display: block;
  width: 170px;
  height: 90px;
  text-decoration: none !important; }

.popup-img {
  margin: 0 0 9px;
  border: 1px solid #9aced5; }

.game-info-box {
  margin: 0 0 10px 6px;
  width: 172px;
  height: 253px;
  padding: 18px 40px 0;
  background: #fdf0f3;
  text-align: center; }

.game-info-box .rating {
  margin: 0 auto;
  height: 35px;
  line-height: 2em;
  width: 180px;
  font-size: 1.2em;
  text-align: center;
  vertical-align: top; }

.game-info-box .rating:before,
.game-info-box .rating:after {
  content: '';
  display: inline-block;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -892px -128px;
  width: 35px;
  height: 24px; }

.game-info-box img {
  border: 5px solid #73c6d8;
  margin-bottom: 5px; }

.game-info-box img:hover {
  border-color: #e04163; }

.popup .rating {
  margin: 0 0 7px;
  height: 24px;
  line-height: 24px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -892px -128px;
  font-size: 14px; }

.popup .rating-positive {
  margin: 0 60px 0 20px; }

.popup-thumb {
  padding: 3px 0 6px; }

.popup-thumb img {
  border: 1px solid #ffc6d5; }

.popup-caption {
  color: #d23153; }

.play-btn {
  display: block;
  width: 170px;
  height: 24px;
  line-height: 24px;
  font-size: 1.1em;
  display: block;
  border-radius: 5px;
  text-align: center;
  background-color: #e63b60;
  border: 1px solid #dc2b51;
  color: #fff;
  text-decoration: none;
  font-weight: bold; }
  .play-btn:hover {
    background-color: #dc2b51;
    color: #fff;
    text-decoration: none; }

.recommended-games-banner {
  margin-bottom: 14px;
  padding-bottom: 16px; }

.recommended-games {
  float: left;
  margin-right: 12px;
  width: 384px;
  height: 251px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) 0 -186px; }

.recommended-games-banner .banner {
  float: left; }

.recommended-games-title {
  position: absolute;
  top: 10px;
  left: 20px;
  padding: 4px 0;
  width: 344px; }

.recommended-games-title,
.paginator-search-results {
  color: #d13053;
  font-size: 15px;
  font-weight: bold; }

.recommended-games-info {
  position: absolute;
  top: 36px;
  left: 91px;
  width: 200px;
  height: 165px;
  text-align: center;
  text-decoration: none !important; }

.recommended-games-info img {
  display: block;
  margin: 0 0 2px;
  width: 200px;
  height: 123px; }

.recommended-game-prev,
.recommended-game-next {
  position: absolute;
  top: 171px;
  width: 30px;
  height: 30px; }

.recommended-game-prev {
  left: 32px; }

.recommended-game-next {
  right: 33px; }

.display-options {
  margin: 0 0 25px 6px;
  width: 642px;
  height: 20px;
  line-height: 20px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -36px;
  color: #fff;
  text-indent: 20px; }

.display-options a {
  color: #fff; }

.display-options a:hover,
.display-options a:focus,
.display-options a:active,
.display-options .current {
  color: #34cee4; }

.display-as-list,
.display-as-blocks {
  width: 12px;
  height: 13px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -758px -517px;
  cursor: pointer;
  vertical-align: middle; }

.display-as-list {
  margin-left: 3px; }

.display-as-blocks {
  margin-right: 22px;
  background-position: -763px -467px; }

.display-as-list:hover,
.display-as-list:focus,
.display-as-list:active,
.display-as-list-active {
  background-position: -775px -467px; }

.display-as-blocks:hover,
.display-as-blocks:focus,
.display-as-blocks:active,
.display-as-blocks-active {
  background-position: -770px -517px; }

.paginator-search-results {
  margin: 0 6px 16px; }

.search-page-column {
  min-height: 320px;
  margin: 25px 0 0 20px; }

.search-filter-by {
  margin: 0 0 6px;
  color: #d13053;
  font-size: 15px;
  font-weight: bold; }

.search-filter-kind {
  padding: 0 0 9px 0;
  color: #2ccbe2; }

.search-filter {
  display: block;
  padding: 0 0 5px 0;
  color: #a3a3a3; }

.search-filter:hover {
  color: #000; }

.search-suggestions {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 1;
  border: solid #d03053;
  border-width: 0 1px 1px 1px;
  width: 128px;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  overflow: hidden; }

.search-field-wrap .search-suggestions {
  width: 208px; }

a.suggestion {
  display: block;
  width: 100%;
  height: 23px;
  line-height: 23px;
  text-decoration: none;
  color: #5d5c5c; }

a.suggestion:hover,
a.suggestion:focus,
a.suggestion:active {
  background: #f0c2cd;
  text-decoration: none; }

.suggestion img {
  position: relative;
  top: -1px;
  margin-left: 3px;
  border: 1px solid #bababa;
  vertical-align: middle; }

/* highscore var */
.item_game_highscore {
  position: relative;
  overflow: visible; }

.block-highscore {
  position: absolute;
  opacity: 0;
  display: none;
  width: 232px;
  height: 140px;
  background: white;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.45);
  -moz-box-shadow: 1px 1px 2px 1px rgba(50, 50, 50, 0.45);
  -ms-box-shadow: 1px 1px 2px 1px rgba(50, 50, 50, 0.45);
  box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.45);
  border-radius: 5px; }

.item_game_highscore:hover .block-highscore {
  opacity: 1;
  left: 121px;
  top: 15px;
  z-index: 2;
  display: block; }

.item_game_highscore:nth-child(5n-1):hover .block-highscore,
.item_game_highscore:nth-child(5n+0):hover .block-highscore {
  left: -229px; }

.rank-filter-by {
  position: absolute;
  left: 100%;
  margin-left: -110px;
  width: 110px; }

.gameslist-highscore .item_game_highscore a {
  position: relative;
  display: block;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  line-height: 1.2em;
  text-decoration: none; }

.gameslist-highscore .item_game_highscore .rank-filter-by-dropdown a {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border: 0; }

.rank-filter-by-dropdown {
  position: absolute;
  top: 16px;
  right: 3px;
  border: solid #63c3cf;
  border-width: 0 1px;
  width: 103px;
  background: #fff;
  font-size: 10px;
  text-align: left; }

.gameslist-highscore .item_game_highscore .filter-by-dropdown a:first-child {
  border-top: 1px solid #63c3cf; }

.gameslist-highscore .item_game_highscore .filter-by-dropdown a {
  float: none;
  margin: 0;
  padding: 0 4px;
  border-bottom: 1px solid #63c3cf;
  width: auto;
  height: auto;
  line-height: 16px;
  background: #fff;
  color: #444;
  text-align: left;
  overflow: hidden; }

.gameslist-highscore .item_game_highscore .filter-by-dropdown a:hover,
.gameslist-highscore .item_game_highscore .filter-by-dropdown a:focus,
.gameslist-highscore .item_game_highscore .filter-by-dropdown a:active {
  color: #d02f52; }

.highscore-bar {
  background-color: #e6466a;
  border: 1px solid #bb2443;
  margin: 0 0 4px;
  padding: 0 8px;
  height: 17px;
  line-height: 17px;
  color: #fff;
  font-weight: bold; }

.highscore-item {
  margin: 0 0 1px;
  padding: 0 3px;
  height: 20px;
  line-height: 20px; }

.highscore-bar-highscores,
.rank-name {
  float: left;
  width: 106px; }

.rank-name-empty {
  width: 100%;
  font-weight: bold; }

.score_username {
  padding-left: 20px; }

.points {
  float: left;
  width: 70px;
  color: #32b4c4;
  font-size: 12px;
  text-align: right; }

.points-name {
  font-size: 8px; }

.rank {
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  color: #444;
  border-radius: 100%;
  background: #ccc;
  border: 1px solid #bbb; }

.rank-1 {
  border-color: #d4c293;
  background: #fceabb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C */ }

.rank-2 {
  border-color: #bababa;
  background: #e2e2e2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C */ }

.rank-3 {
  border-color: #cbba9f;
  background: #f3e2c7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3e2c7), color-stop(50%, #c19e67), color-stop(51%, #b68d4c), color-stop(100%, #e9d4b3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);
  /* W3C */ }

.rows {
  clear: both;
  overflow: hidden; }

.pu {
  position: absolute;
  top: 168px;
  left: 50%;
  z-index: 3;
  margin-left: -287px;
  width: 573px; }

.pu-signup {
  margin-left: -288px;
  width: 500px;
  font-size: 12px;
  overflow: visible; }

.pu-border {
  padding: 6px;
  background: #a81635;
  background: #dc2b51;
  overflow: hidden;
  -moz-border-radius: 12px;
  -khtml-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px; }

.pu-page {
  background: #fff;
  color: #9c9b9b;
  text-align: left;
  overflow: hidden;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

.pu-block {
  padding: 0 5px;
  overflow: hidden; }

.pu-header {
  height: 46px; }

.pu-header-line {
  height: 9px;
  background: url(https://www.mary.com/static/mary/images/separation_horz_top.png?9d54a1bd0947); }

.pu-header-separator {
  margin: 9px 0; }

.pu-logo {
  position: relative;
  top: 17px;
  left: 16px;
  width: 275px;
  height: 27px;
  overflow: hidden; }

.pu-logo-img {
  width: 215px;
  height: 27px;
  background: url(https://www.mary.com/static/mary/images/en_US/header.png?9d54a1bd0947); }

.pu-logo-community-free {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1.1;
  text-transform: uppercase;
  white-space: nowrap; }

.pu-logo-community {
  color: #a09da4;
  font-size: 14px;
  letter-spacing: 1px; }

.pu-logo-free {
  position: relative;
  top: -1px;
  padding: 0 3px 1px 4px;
  background: #d33333;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bc1818), to(#e84c4b));
  background: -webkit-linear-gradient(#bc1818, #e84c4b);
  background: -moz-linear-gradient(#bc1818, #e84c4b);
  background: -o-linear-gradient(#bc1818, #e84c4b);
  background: linear-gradient(#bc1818, #e84c4b);
  -pie-background: linear-gradient(#bc1818, #e84c4b);
  color: #fff;
  font-size: 11px;
  overflow: hidden;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 32px;
  color: #342c3e;
  cursor: pointer;
  overflow: hidden; }

.pu-close-text {
  float: left;
  font-size: 11px; }

.pu-close-text a {
  color: #342c3e; }

.btn-close:hover .pu-close-text {
  text-decoration: underline; }

.pu-close-icon {
  float: left;
  width: 32px;
  height: 32px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -692px -535px;
  overflow: hidden; }

.pu-form-simple {
  padding: 7px 0 18px; }

.pu-fields {
  padding: 5px 109px 0 37px; }

.pu-fields a,
.input-suggestions a {
  color: #444444; }

.pu-fields .btn {
  color: #fff; }

.pu-subtitle {
  font-size: 1.2em;
  font-weight: bold; }

.pu-login-wrap .pu-subtitle,
.pu-signup .pu-subtitle {
  padding: 0 0 9px; }

.pu-login-wrap .pu-subtitle {
  padding-top: 5px;
  text-align: center;
  font-size: 12px; }

.pu-login {
  color: #cd2146; }

.profile-username-icon {
  float: left;
  margin-right: 3px; }

.profile-username-icon,
.pu-login:before,
.pu-login:after,
.pu-header-side:before,
.pu-header-side:after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 18px;
  background-image: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947);
  overflow: hidden; }

.pu-login:before,
.pu-header-side:before {
  background-position: -910px -78px; }

.pu-login:after,
.pu-header-side:after {
  background-position: -934px -78px; }

.pu-register {
  color: #4bb6cd;
  position: relative;
  width: 210px;
  margin: 0 auto; }

.pu-box p {
  font-size: 1.1em;
  text-align: center; }

.pu-logout-left,
.pu-logout-right {
  display: inline-block;
  margin: 0 5px;
  width: 15px;
  height: 12px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -1013px -78px;
  overflow: hidden; }

.pu-logout-left {
  background-position: -1028px -78px; }

.pu-register:before,
.pu-register:after,
.pu-highscore-right,
.pu-highscore-left {
  display: inline-block;
  content: '';
  margin-top: 6px;
  width: 15px;
  height: 12px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -1013px -78px; }

.pu-register:after,
.pu-highscore-right {
  background-position: -1028px -78px; }

.pu-logout-confirm-title {
  padding: 25px;
  font-size: 14px;
  font-weight: bold;
  text-align: center; }

.pu-logout-confirm-btns {
  padding: 0 0 50px 0;
  text-align: center; }

.pu-social-connect-btns {
  padding: 0 0 20px 0;
  text-align: center; }

.pu-signup-text,
.pu-or-signup,
.pu-signup-btn {
  color: #37adc7; }

.pu-signup-text {
  top: 25px;
  left: 132px;
  width: 115px; }

.pu-or-signup {
  top: 107px;
  left: 99px; }

.pu-signup-btn,
.pu-activate-btn {
  height: 23px;
  line-height: 23px;
  font-size: 1.1em;
  display: block;
  border-radius: 5px;
  text-align: center;
  background-color: #6fc9dc;
  border: 1px solid #5fbed2;
  color: #fff;
  text-decoration: none;
  font-weight: bold; }
  .pu-signup-btn:hover,
  .pu-activate-btn:hover {
    background-color: #5fbed2;
    color: #fff;
    text-decoration: none; }

.pu-signup-btn {
  margin: 0 auto;
  text-align: center;
  width: 147px; }

.pu-signup-btn a {
  color: #fff; }
  .pu-signup-btn a:hover {
    text-decoration: none; }

.pu-activate-btn {
  margin: 0 auto;
  width: 202px; }

.pu-activate-btn a {
  display: block;
  color: #fff;
  text-decoration: none; }

.pu-person-arm-spacer {
  margin-bottom: 8px; }

.pu-signup-socials {
  float: right; }

.row-1-pu-2-separation {
  margin-left: 16px;
  padding-left: 16px; }

.center .pu-inner-box {
  margin-left: auto;
  margin-right: auto; }

.first {
  margin-left: 0 !important; }

.row-1-pu-1,
.row-1-pu-2 {
  float: left;
  margin-left: 17px;
  overflow: hidden; }

.row-1-pu-1 {
  padding-bottom: 12px;
  width: 240px; }

.row-1-pu-2 {
  margin-left: 36px;
  width: 249px; }

.pu-login-links {
  padding-top: 5px; }

.pu-login-links a {
  color: #515151;
  text-decoration: underline; }

.pu-login-wrap {
  margin: 9px 0;
  padding: 0 15px;
  background: url(https://www.mary.com/static/mary/images/separation_nav.png?9d54a1bd0947) 271px no-repeat; }

.pu-social-login-wrap {
  margin: 9px 0;
  width: 240px;
  height: 95px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -550px -186px; }

.pu-social-login {
  padding: 7px 12px;
  line-height: 1.5;
  color: #dd3d60;
  font-size: 12px;
  overflow: hidden; }

.pu-social-login .social-icons {
  padding-top: 3px;
  text-align: center; }

.pu-login-block {
  position: relative;
  padding-bottom: 9px;
  zoom: 1; }

.pu-login-block label {
  padding-bottom: 2px; }

.pu-login-block-last {
  padding-bottom: 20px; }

.pu-login-block-small {
  padding: 0 0 6px; }

.pu-parental-consent-register {
  left: -19px; }

.pu-fields .btn-submit-inline {
  padding-top: 15px; }

.pu-gender-block {
  overflow: hidden; }

.consent-content {
  margin-top: 6px;
  width: 342px;
  height: 70px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -550px -116px; }

.consent-content-inner {
  padding: 7px 18px; }

.consent-content p {
  margin: 0 0 6px; }

.consent-content label {
  padding-left: 5px;
  color: #fff; }

.pu-fields .consent-content input.text {
  width: 265px; }

/* pu with title */
.pu-header-title,
.pu-header-title-text {
  padding: 9px 16px 3px;
  font-size: 16px; }

.pu-header-title {
  color: #9a9a9a; }

.pu-header-title .icon-controller {
  float: left;
  margin-right: 6px;
  width: 24px;
  height: 22px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -995px -61px;
  overflow: hidden; }

.mygames-block-ban {
  padding: 30px 135px 30px 22px;
  line-height: 1.6;
  min-height: 70px; }

.banned {
  color: #d34362; }

.pu-info-table-wrap {
  padding: 20px 50px 9px;
  line-height: 1.6; }

.pu-info-table th {
  padding-right: 25px;
  color: #d03657;
  font-size: 14px; }

.pu-info-table td {
  color: #9c9b9b;
  font-size: 12px; }

/* pu my games list */
.my-game-legend,
.pu-my-games-list li {
  overflow: hidden; }

/* handle this with Javascript by adding a class */
.pu-my-games-list li:hover,
.pu-my-games-list li:hover a,
.pu-my-games-list .hover,
.pu-my-games-list .hover a {
  background-color: #fce3e9;
  color: #ec4d73; }

.my-game-thumb,
.my-game-title,
.my-game-played,
.my-game-move {
  position: relative;
  float: left;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  overflow: hidden; }

.my-game-legend {
  margin: 0 10px;
  color: #ec4d73; }

.pu-my-games-list {
  margin: 0 12px 12px;
  padding: 6px 0 6px 3px;
  border: 1px solid #dc7d91;
  background: #fdf4f7;
  -moz-box-shadow: inset 1px 2px 3px #e5a6b1;
  -khtml-box-shadow: inset 1px 2px 3px #e5a6b1;
  -webkit-box-shadow: inset 1px 2px 3px #e5a6b1;
  box-shadow: inset 1px 2px 3px #e5a6b1; }

.pu-my-games-list-inner {
  position: relative;
  list-style: none;
  height: 432px;
  overflow: auto; }

.my-game-thumb {
  width: 42px; }

.my-game-title {
  width: 210px; }

.my-game-title a {
  color: #9c9b9b; }

.my-game-title a:hover,
.my-game-title a:focus,
.my-game-title a:active {
  color: #ec4d73; }

.my-game-played {
  margin-right: 60px;
  width: 155px;
  text-align: left; }

.my-game-legend .my-game-played {
  margin-right: 14px;
  width: 184px;
  text-align: left; }

.my-game-move {
  text-align: left;
  width: 20px; }

.my-game-legend .my-game-move {
  width: 88px; }

.my-game-move-icon {
  position: absolute;
  top: 8px;
  left: 0;
  width: 21px;
  height: 21px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -1020px -94px;
  cursor: pointer;
  overflow: hidden; }

.my-game-move-icon:hover,
.pu-my-games-list li:hover .my-game-move-icon,
.pu-my-games-list .hover .my-game-move-icon {
  background-position: -999px -94px; }

.my-game-thumb img {
  margin: 9px 0 9px 10px; }

.pu-my-games-list li {
  background-color: #fdf4f7; }

.puc-game-preview {
  display: block;
  margin: 0 auto;
  padding: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 10px solid #73c6d8;
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position: center;
  text-align: center;
  position: relative; }

.puc-game-preview h1 {
  font-size: 1.1em;
  color: #5e5e5e;
  position: absolute;
  top: 60px;
  left: -200px;
  width: 180px;
  padding: 2px 5px; }

.puc-game-preview p {
  font-size: 1.5em;
  color: #e04163;
  position: absolute;
  top: 75px;
  left: 160px;
  width: 190px;
  padding: 2px 5px; }

/* mygames block */
.mygames-block-wrapper {
  display: block;
  margin: 0 5px 15px;
  padding: 18px 9px 9px;
  width: auto; }

.mygames-block a {
  color: #28a7b9;
  font-weight: bold;
  text-decoration: underline; }

.mygames-block img {
  float: left; }

.mygames-block .tags a,
.rating-label {
  color: #d95c77; }

.rating-label {
  padding-right: 9px;
  font-size: 12px; }

.mygames-block-thumb {
  float: left;
  margin: 0 10px;
  width: 122px;
  height: 130px;
  color: #ec4d73 !important;
  text-align: center;
  text-decoration: none !important;
  overflow: hidden; }

.mygames-block-thumb img {
  margin: 1px; }

.mygames-block-gamename {
  display: block;
  padding-top: 4px; }

.mygames-block-content-firstcontainer {
  padding: 12px 0 20px; }

.mygames-block-content-container {
  padding: 0 0 10px; }

.mygames-block-content-title {
  float: left;
  width: 65px; }

.my-games-block-content-text {
  color: #28a7b9;
  font-weight: bold; }

.persons-in-room {
  padding: 20px 34px 16px; }

.persons-in-room,
.profile-highscore-block-info .rating,
.mygames-block-content .rating {
  color: #000;
  font-size: 14px; }

.profile-highscore-block-info .rating-positive,
.mygames-block-content .rating-positive {
  padding-right: 20px; }

.mygames-block-images {
  float: left;
  width: 122px;
  height: 141px; }

.mygames-block-images img {
  clear: left;
  float: left;
  margin: 0 0 9px;
  border: 2px solid #d03657; }

.mygames-block-text {
  float: left;
  width: 285px;
  line-height: 1.5; }

.mygames-block-text p {
  margin: 0 0 .6em; }

.mygames-username,
.mygames-when {
  color: #d03657; }

.mygames-username {
  font-size: 16px; }

.mygames-game {
  padding: 0 0 4px;
  font-size: 1.5em; }

.reply-icon {
  position: absolute;
  top: 20px;
  right: 28px;
  width: 95px;
  height: 91px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -645px -480px;
  overflow: hidden; }

.puc-game-preview .reply-icon {
  top: 35px;
  right: 35px; }

.reply-thumbs-up {
  background-position: -550px -480px; }

.reply-thumbs-down {
  background-position: -1004px -281px; }

.reply-ban {
  background-position: -740px -480px; }

.mygames-rating-block {
  float: left;
  margin: 25px 30px 25px 15px;
  width: 180px;
  height: 75px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -790px -206px; }

.mygames-rating-block-content {
  padding: 23px 0 0 20px;
  line-height: 26px;
  color: #4a4b4b;
  font-size: 14px; }

.mygames-block .game-rating a {
  color: #ec4d73; }

.game-rating-big-positive,
.game-rating-big-negative {
  padding: 0 0 0 10px;
  overflow: hidden; }

.game-rating-big-positive-image,
.game-rating-big-negative-image {
  width: 128px;
  height: 90px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -522px -279px; }

.game-rating-big-negative-image {
  background-position: -650px -279px; }

.game-rating-big-positive .game-rating,
.game-rating-big-negative .game-rating {
  float: left;
  margin: 5px 0 0; }

.choose-gender {
  padding: 9px 0; }

.choose-gender .radio {
  float: left;
  margin-top: 8px; }

.choose-gender .icon-error,
.choose-gender .icon-v {
  float: left;
  position: relative;
  right: 0;
  margin: 2px 0 0; }

.boy,
.girl {
  float: left;
  margin-right: 24px;
  line-height: 24px;
  color: #dd3d5f; }

.boy {
  color: #2eacbd; }

.gender {
  float: left;
  position: relative;
  margin-right: 5px;
  left: 2px;
  width: 28px;
  height: 28px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -724px -535px; }

.boy .gender {
  background-position: -752px -535px; }

.icon-wrap {
  position: relative; }

.pu-box-bg {
  position: relative;
  background: #fff;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#e4f9fc));
  background: -webkit-linear-gradient(white, #e4f9fc);
  background: -moz-linear-gradient(white, #e4f9fc);
  background: -o-linear-gradient(white, #e4f9fc);
  background: linear-gradient(white, #e4f9fc);
  -pie-background: linear-gradient(white, #e4f9fc);
  border: 1px solid #d9d8d8; }

.pu-inner-box {
  position: relative;
  margin: 0 0 3px;
  border: solid #cdcdcd;
  border-width: 1px 0 0 1px;
  width: 166px;
  height: 28px;
  background: #fefcfd;
  overflow: hidden;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

.pu-inner-box-inner {
  padding: 0 5px; }

.pu-inner-box .social-icons {
  padding: 5px;
  text-align: center; }

.pu-not-activated {
  margin: 0 0 40px 25px; }

.checkbox-container {
  position: relative; }

.checkbox-label {
  padding: 0 75px 0 30px; }

.pu-person-layer {
  position: absolute;
  left: 50%;
  bottom: 77px;
  margin-left: 79px;
  width: 247px;
  height: 185px;
  background: url(https://www.mary.com/static/mary/images/bg_tessa_signup_pu.png?9d54a1bd0947); }

.pu-side {
  position: absolute;
  bottom: 189px;
  left: 50%;
  margin-left: 270px;
  width: 210px; }

.pu-signup .pu-border-side {
  padding: 7px;
  border: 0;
  color: #818181;
  text-align: left;
  overflow: hidden;
  -moz-border-radius: 16px;
  -khtml-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px; }

.pu-box-side {
  padding: 4px 12px; }

.pu-box-side-text {
  padding-bottom: 7px; }

.btn-submit-inline .btn {
  float: left; }

.btn-submit-inline-multiple .btn {
  margin-right: 7px; }

.pu-fields .btn-submit-overlay {
  color: #c4c2c7;
  cursor: wait; }

.icon-report-a-bug,
.icon-share,
.icon-share-email,
.icon-embed {
  display: inline-block;
  margin: 0 8px;
  width: 32px;
  height: 32px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -925px -44px;
  vertical-align: middle;
  overflow: hidden; }

.icon-report-a-bug {
  width: 40px;
  height: 33px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -955px -61px; }

.icon-share {
  background-position: -893px -44px; }

.icon-share-email {
  width: 31px;
  height: 26px;
  background-position: -914px -93px; }

.report-a-bug .pu-header-line,
.report-a-bug-succes-wrap .pu-header-line {
  margin: 0 0 9px; }

.report-a-bug dt {
  margin: 0 0 0 30px;
  width: 110px;
  color: #9c9b9b;
  font: 14px "Trebuchet MS", Verdana, sans-serif; }

.report-a-bug-game dt {
  line-height: 52px; }

.wrap-report-bug {
  height: 24px; }

.wrap-report-bug #bug-type {
  margin: 2px 0 0; }

.report-a-bug input.text {
  width: 350px; }

.report-a-bug textarea {
  width: 350px; }

.btn-right .cancel-btn,
.btn-right .confirm-btn,
.btn-right .send-btn {
  float: right;
  margin: 0 46px 14px 9px; }

.report-a-bug .choose-file-btn {
  float: left;
  margin: 0 10px 10px 0; }

.report-a-bug .figbox {
  margin-right: 4px;
  border: 1px solid #cc2b4d; }

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

.report-a-bug-succes {
  padding: 0 9px 16px 60px;
  line-height: 22px; }

.pu-share-out dl {
  margin: 0 0 10px; }

.pu-share-out dt {
  float: left;
  margin: 0 0 0 20px;
  width: 100px; }

.pu-share-out label {
  float: left;
  margin: 0 0 0 20px;
  width: 76px;
  font-size: 14px;
  overflow: hidden; }

.pu-share-out .pu-share-icons {
  margin: 10px 25px 15px; }

.pu-share-out-email {
  margin: 10px 0 0; }

.pu-share-out-email .field-wrap {
  width: 397px; }

.pu-share-out .pu-game-url {
  margin: 0 0 20px; }

.pu-game-url dt {
  margin: 0 0 0 25px;
  width: 80px;
  line-height: 22px;
  font-size: 14px; }

.game-url {
  color: #484a4a; }

.pu-share-out input.text {
  width: 396px; }

.share-game-email .pu-header-title {
  margin: 0 0 10px 42px; }

.url-icon {
  float: left;
  margin: 0 5px 0 0;
  width: 18px;
  height: 16px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -902px -205px;
  overflow: hidden; }

.share-game-email-import {
  margin: 0 0 15px 100px; }

.share-game-email-import a {
  color: #9c9b9b;
  text-decoration: underline; }

.share-game-email-import img {
  margin: 0 10px 0 0; }

.btn-share-out {
  float: right;
  margin: 0 27px 10px 0; }

.embed-copy .btn {
  float: right;
  margin: 0 10px 12px 0; }

.embed-code-container {
  margin: 10px 0 8px; }

.field-wrap-embed-top,
.field-wrap-embed-bottom {
  height: 10px; }

.field-wrap-embed,
.field-wrap-embed-top,
.field-wrap-embed-bottom {
  margin: 0 7px 0 8px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -550px -28px;
  vertical-align: middle; }

.field-wrap-embed-top {
  background-position: -550px -18px; }

.field-wrap-embed {
  background: url(https://www.mary.com/static/mary/images/repeat_y.png?9d54a1bd0947); }

.field-wrap-embed p {
  padding: 5px 20px;
  margin: 0; }

.embed-copy {
  padding: 9px 0 0 34px;
  color: #55c5db;
  font-size: 14px;
  font-weight: bold; }

.embed-dimensions {
  padding: 9px 0 13px 35px; }

.embed-dimensions,
.embed-dimensions input.text {
  font-size: 14px;
  font-weight: bold; }

#dimensions-width,
#dimensions-height {
  margin: 0 10px;
  width: 91px;
  height: 31px;
  line-height: 31px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -522px -369px;
  color: #9c9b9b;
  text-align: center; }

.delete-block {
  margin: 10px 0;
  width: 450px;
  text-align: center; }

#body-right #body-content-block-subcategories.multiplayer-block-text {
  margin: 38px 0 1em; }

.multiplayer-block-text #body-content-block-subcategories-text {
  float: left;
  margin: 8px 0 0 8px; }

.multiplayer-block-text #body-content-block-subcategories-text h1 {
  text-align: left; }

.multiplayer-members-guests {
  float: left;
  margin: 0 0 0 88px; }

.multiplayer-members,
.multiplayer-guests {
  float: left;
  padding-top: 25px;
  text-align: center; }

.multiplayer-members-image,
.multiplayer-guests-image {
  position: relative;
  margin: 0 10px 5px;
  width: 35px;
  height: 70px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -689px -411px; }

.multiplayer-guests-image {
  background-position: -654px -411px; }

.multiplayer-girl {
  float: right;
  margin: -38px 0 0 0; }

.multiplayer-girl-image {
  width: 341px;
  height: 181px;
  background: url(https://www.mary.com/static/mary/images/bg_tessa_multiplayer.png?9d54a1bd0947); }

.multiplayer-girl-text {
  top: 3px;
  left: 8px;
  width: 254px;
  height: 88px;
  line-height: 18px;
  color: #434343;
  font-size: 12px; }

.gameslist-multiplayer-images li {
  position: relative;
  float: left;
  margin: 0 16px 10px 0;
  padding-top: 5px;
  width: 206px;
  height: 165px; }

.gameslist-multiplayer-images a {
  display: block;
  padding: 1px 0 0 1px;
  width: 205px;
  height: 170px;
  background: url(https://www.mary.com/static/mary/images/gamepage.png?9d54a1bd0947) -253px -437px;
  color: #e9587b;
  line-height: 1.8em;
  text-align: center;
  text-decoration: none !important; }

.gameslist-multiplayer-images .text {
  display: block; }

.gameslist-multiplayer-images .rating,
.gameslist-multiplayer-images .multiplayer {
  float: left;
  padding-top: 1px;
  width: 122px;
  color: #636363; }

.gameslist-multiplayer-images .rating-positive {
  margin: 0 25px 0 15px; }

.gameslist-multiplayer-images .multiplayer {
  width: 80px;
  text-align: left; }

.gameslist-multiplayer-images .multiplayer-member {
  float: left;
  margin: 0 33px 0 2px;
  width: 20px;
  text-align: right; }

.multiplayer-prev-next {
  padding: 0 6px 0 0; }

.loader {
  float: left;
  width: 36px;
  height: 23px;
  background: url(https://www.mary.com/static/mary/images/loader.gif?9d54a1bd0947) center no-repeat; }

.btn-submit .loader {
  width: 92px;
  height: 26px; }

.xid_content #content h1 {
  margin: 0 0 14px;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase; }

.footer-texts {
  text-align: justify; }

.footer-texts h2 {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

.footer-texts h3 {
  margin: 0 0 5px;
  font-size: 14px; }

.footer-texts ol {
  padding-left: 38px;
  list-style: lower-alpha; }

.footer-texts ul {
  padding-left: 38px;
  list-style: disc; }

.footer-texts ul ul {
  list-style: circle; }

.footer-texts li {
  padding-left: 6px; }

.footer-side {
  padding-top: 50px;
  width: 207px; }

.mary-wrapper {
  position: relative;
  width: 220px;
  padding: 20px 20px 230px;
  margin: 10px 20px 0 0;
  float: left;
  background: url(https://www.mary.com/static/mary/images/content/mary_welcome_character_2014-1.png?9d54a1bd0947) center bottom no-repeat; }

.pu-header-side {
  padding-bottom: 9px;
  color: #e64769;
  color: #e04163;
  text-align: center;
  font-size: 1.1em;
  text-transform: uppercase; }

.pu-signup .pu-header-side {
  line-height: 39px;
  color: #2eacbd;
  color: #73c6d8;
  font-size: 1.9em;
  text-transform: none; }

.pu-block-side {
  padding: 0 5px 15px 30px; }

.pu-footer .pu-block-side {
  padding: 3px 0 15px 35px; }

.icon-side {
  position: absolute;
  top: 0;
  left: 6px;
  width: 16px;
  height: 16px;
  background: url(https://www.mary.com/static/mary/images/icons.png?9d54a1bd0947) -73px -185px;
  overflow: hidden; }

.pu-footer .icon-side {
  left: 0;
  width: 30px;
  height: 30px; }

.pu-border-side .icon-side {
  left: 1px;
  width: 22px;
  height: 22px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -764px -439px; }

.date_of_birth {
  padding: 3px 0 5px;
  white-space: nowrap; }

.icon-medal {
  background-position: -90px -185px; }

.icon-photo {
  background-position: -107px -185px; }

.icon-reply {
  background-position: -124px -185px; }

.icon-comment {
  background-position: -141px -185px; }

.icon-avatar {
  background-position: -158px -185px; }

.pu-border-side .icon-medal {
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -1019px -61px; }

.pu-border-side .icon-photo {
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -955px -94px; }

.pu-border-side .icon-reply {
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -1041px -61px; }

.pu-border-side .icon-comment {
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -1063px -61px; }

.pu-border-side .icon-avatar {
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -977px -94px; }

.icon-service {
  background-position: -278px 0; }

.icon-checkbox-checked {
  background-position: -278px -30px; }

.icon-envelope {
  background-position: -278px -60px; }

.icon-lock {
  background-position: -278px -90px; }

.icon-key {
  background-position: -278px -120px; }

.icon-dices {
  background-position: -308px 0; }

.icon-jaludo {
  background-position: -308px -30px; }

.icon-cookie {
  background-position: -308px -60px; }

.icon-stats {
  background-position: -308px -90px; }

.pu-footer .icon-warranties {
  left: 3px;
  width: 20px;
  height: 20px;
  background-position: -32px -185px; }

.pu-box-side-help {
  text-align: center; }

.help-check {
  margin: 0 auto 5px;
  width: 38px;
  height: 36px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -722px -481px;
  overflow: hidden; }

.help-check-v {
  background-position: -654px -535px; }

.help-check-text {
  padding: 0 0 9px;
  text-align: justify; }

.button-get {
  display: block;
  margin: 0 auto 3px;
  width: 158px;
  height: 40px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -404px -518px;
  overflow: hidden; }

.button-java {
  background-position: -404px -558px; }

.button-shockwave {
  background-position: -404px -478px; }

.button-javascript {
  background-position: 0 -608px; }

.pu-or-line {
  position: relative;
  top: 18px;
  border-top: 1px solid #cccbcf;
  border-bottom: 1px solid #e5e4e5; }

.pu-or-side {
  margin: 0 0 9px;
  line-height: 32px;
  color: #c4c2c7;
  text-align: center;
  font-size: 12px; }

.pu-or {
  position: relative;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  background: url(https://www.mary.com/static/mary/images/icons.png?9d54a1bd0947) 0 -207px; }

.field-parent:first-child {
  margin-top: 0; }

.field-parent {
  margin: 15px 0 0px;
  line-height: 1.8; }

.contact-captcha {
  margin-bottom: 15px; }

.captcha-legend {
  font-style: italic;
  margin-right: 50px; }

.login-btn,
.send-btn {
  width: 106px;
  height: 23px;
  line-height: 23px;
  font-size: 1.1em;
  display: block;
  border-radius: 5px;
  text-align: center;
  background-color: #6fc9dc;
  border: 1px solid #5fbed2;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  color: #fff !important;
  font-weight: bold; }
  .login-btn:hover,
  .send-btn:hover {
    background-color: #5fbed2;
    color: #fff;
    text-decoration: none; }

.login-btn {
  float: right; }

.choose-file-btn {
  width: 129px;
  height: 35px;
  line-height: 32px;
  font-size: 1.1em;
  display: block;
  border-radius: 5px;
  text-align: center;
  background-color: #6fc9dc;
  border: 1px solid #5fbed2;
  color: #fff;
  text-decoration: none;
  font-weight: bold; }
  .choose-file-btn:hover {
    background-color: #5fbed2;
    color: #fff;
    text-decoration: none; }

.send-btn-reply {
  margin-top: 10px;
  float: left;
  width: 108px;
  height: 27px;
  line-height: 27px;
  font-size: 1.1em;
  display: block;
  border-radius: 5px;
  text-align: center;
  background-color: #6fc9dc;
  border: 1px solid #5fbed2;
  color: #fff;
  text-decoration: none;
  font-weight: bold; }
  .send-btn-reply:hover {
    background-color: #5fbed2;
    color: #fff;
    text-decoration: none; }

.icon-error,
.icon-v {
  position: absolute;
  top: 6px;
  left: 2px;
  background: url(https://www.mary.com/static/mary/images/icons.png?9d54a1bd0947) -32px -185px;
  width: 20px;
  height: 20px;
  overflow: hidden; }

.icon-v {
  width: 16px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -715px -571px; }

.comment-error {
  position: relative;
  left: 0;
  top: 0;
  float: left;
  margin: 0 10px 0 0; }

.field-wrap .icon-error,
.field-wrap .icon-v,
.icon-wrap .icon-error,
.icon-wrap .icon-v,
.input-wrap .icon-error,
.input-wrap .icon-v {
  top: 1px;
  right: 5px;
  left: auto; }

.icon-wrap .icon-v,
.input-wrap .icon-v {
  top: 5px; }

.date_of_birth .icon-error,
.date_of_birth .icon-v,
.checkbox-container .icon-error,
.checkbox-container .icon-v {
  right: auto;
  left: 296px; }

.input-delete-reason-wrap label,
.date_of_birth label {
  margin: 0 5px 0 0;
  padding: 2px;
  border: 1px solid #e5e5e5; }

.checkbox-container .checkbox {
  position: absolute;
  top: 2px;
  left: 0; }

.field-wrap,
.input-wrap,
.radio-wrap {
  position: relative;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  zoom: 1; }

.pu-error {
  padding: 10px 9px 0 30px; }

form#form-contact {
  padding-bottom: 50px; }

#form-contact .pu-error {
  padding: 0 9px 0 0; }

.profile-column-menu {
  float: left;
  width: 143px; }

.profile-column-main {
  float: left;
  width: 731px;
  min-height: 702px;
  background: url(https://www.mary.com/static/mary/images/bg_profile_main.jpg?9d54a1bd0947) no-repeat; }

.profile-column-main-avatar {
  background: url(https://www.mary.com/static/mary/images/bg_profile_avatar.png?9d54a1bd0947) 0 21px no-repeat; }

.profile-column-main-edit {
  background-image: url(https://www.mary.com/static/mary/images/bg_profile_edit.jpg?9d54a1bd0947); }

.profile-column-highscore {
  float: left;
  width: 703px; }

.profile-username {
  padding: 2px 0 4px;
  line-height: 18px;
  color: #d23255;
  font-size: 14px; }

.open-logout-popup {
  display: block;
  margin: 5px 0 15px;
  padding-left: 28px;
  padding-right: 3px;
  height: 20px;
  line-height: 20px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -305px -608px;
  color: #fff !important; }

.profile-menu-block {
  margin: 0 0 15px;
  font-size: 12px; }

.profile-menu-block-tessa {
  color: #7f7f7f; }

.profile-menu-block-top {
  height: 10px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -442px -101px; }

.profile-menu-block-middle {
  padding: 0 8px;
  background: url(https://www.mary.com/static/mary/images/repeat_y.png?9d54a1bd0947) -760px; }

.profile-menu-block-bottom {
  height: 6px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -439px -412px; }

.profile-menu-block-tessa .profile-menu-block-bottom {
  height: 359px;
  background: url(https://www.mary.com/static/mary/images/bg_profile_menu_tessa.jpg?9d54a1bd0947); }

.profile-main-block {
  margin: 0 0 15px;
  font-size: 12px; }

.profile-main-block-top {
  height: 9px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -56px; }

.profile-main-block-middle {
  padding: 0 5px;
  background: url(https://www.mary.com/static/mary/images/repeat_y.png?9d54a1bd0947) -910px; }

.profile-main-block-bottom {
  height: 5px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -74px; }

.profile-main-block-2 .profile-main-block-top {
  background-position: 0 -65px; }

.profile-main-block-2 .profile-main-block-middle {
  background: url(https://www.mary.com/static/mary/images/repeat_y.png?9d54a1bd0947) -1455px; }

.profile-main-block-2 .profile-main-block-bottom {
  background-position: 0 -79px; }

.profile-main-block-2 .profile-main-column {
  float: left;
  width: 255px; }

.profile-main-column-1 {
  margin-right: 20px; }

.profile-highscore-block-blue,
.profile-highscore-block-red {
  margin: 0 0 5px; }

.profile-highscore-block-top {
  height: 9px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947); }

.profile-highscore-block-middle {
  padding: 0 8px;
  background: url(https://www.mary.com/static/mary/images/repeat_y.png?9d54a1bd0947) -2000px; }

.profile-highscore-block-bottom {
  height: 9px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -9px; }

.profile-highscore-block-red .profile-highscore-block-top {
  background-position: 0 -27px; }

.profile-highscore-block-red .profile-highscore-block-middle {
  background: url(https://www.mary.com/static/mary/images/repeat_y.png?9d54a1bd0947) -2660px; }

.profile-highscore-block-red .profile-highscore-block-bottom {
  background-position: 0 -18px; }

.profile-highscore-block-empty .profile-highscore-block-middle {
  padding-top: 9px;
  padding-left: 34px; }

.profile-main-column-empty {
  padding: 75px 5px 15px;
  color: #e64769;
  text-align: center; }

.profile-main-column-empty p {
  height: 155px;
  font-size: 14px; }

.icon-profile-replies-empty {
  margin: 0 auto 12px;
  width: 68px;
  height: 54px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -654px -481px; }

.profile-replies-block-img {
  float: left;
  padding: 0 14px;
  margin-right: 6px; }

.profile-replies-block-img img {
  padding: 2px;
  border: 1px solid #bdbcbd;
  background: #fff; }

.profile-highscore-block-img {
  float: left;
  margin: 0 9px 0 0; }

.profile-highscore-block-text {
  float: left;
  width: 428px;
  height: 125px; }

.profile-highscore-block-info {
  float: left;
  width: 233px; }

.profile-my-games-actions {
  float: left;
  width: 192px;
  height: 90px; }

.profile-my-games-actions .play {
  margin: 0 0 10px; }

.profile-my-games-actions .my-game-move-icon {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0; }

.profile-highscore-block-position {
  float: left;
  width: 172px;
  height: 124px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -232px -478px; }

.pu-my-games-title {
  padding: 0 0 9px; }

.pu-my-games-title,
.profile-highscore-block-title {
  display: block;
  color: #29cbe1 !important;
  font-size: 18px;
  text-transform: uppercase; }

.profile-highscore-block-title {
  width: 428px;
  height: 25px; }

.profile-highscore-block-paragraph {
  height: 77px;
  color: #d23255; }

.profile-highscore-block-btn-empty {
  display: block;
  margin: 0 auto;
  width: 368px;
  height: 23px;
  line-height: 22px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -432px;
  color: #fff !important;
  overflow: hidden; }

.profile-highscore-block-meta {
  margin: 0 0 16px; }

.profile-highscore-block-label,
.profile-highscore-block-data {
  float: left;
  width: 110px;
  color: #d23255; }

.profile-highscore-block-label {
  clear: left; }

.profile-highscore-block-position-place,
.profile-highscore-block-position-points {
  margin: 0 0 4px;
  height: 33px;
  line-height: 33px;
  color: #d23255;
  font-size: 16px;
  text-indent: 12px; }

.profile-highscore-block-position-points {
  margin: 0 0 17px; }

.profile-highscore-block-position-place .rank {
  position: absolute;
  top: 11px;
  right: 11px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  font-size: 12px;
  text-align: center;
  text-indent: 0;
  overflow: hidden; }

.profile-highscore-block-position-link {
  display: block;
  height: 37px;
  color: #fff !important;
  text-align: center; }

.profile-highscore-block-position-link-inner {
  display: block;
  padding: 2px; }

.profile-highscore-block-position-multiplayer .profile-highscore-block-position-place,
.profile-highscore-block-position-multiplayer .profile-highscore-block-position-points {
  font-size: 12px; }

.profile-highscore-block-position-multiplayer .profile-highscore-block-position-link {
  line-height: 33px;
  font-size: 14px;
  font-weight: bold; }

.pu-complete-wrap {
  padding: 10px 9px 0 60px; }

.pu-complete-popup .pu-title {
  padding: 0 30px 9px; }

.complete-content {
  padding: 10px 0 0 30px; }

.complete-content .text {
  padding: 10px 0 0;
  width: 335px; }

.pu-complete-popup-stars {
  position: absolute;
  top: 0;
  left: 0; }

.complete-profile-option {
  position: relative;
  margin: 0 0 5px; }

.complete-profile-option span {
  display: block;
  width: 300px; }

.complete-profile-option .icon-v {
  left: 320px;
  top: 0; }

.option-todo .icon-v {
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -699px -571px; }

.complete-content-btns {
  padding: 0 0 20px;
  text-align: center; }

.multiplayer-1-on-1-icon,
.multiplayer-team-icon {
  float: left;
  margin: 6px 0 0 8px;
  width: 24px;
  height: 23px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -760px -348px;
  overflow: hidden; }

.multiplayer-team-icon {
  background-position: -760px -325px; }

.gender-battle {
  margin: 0 auto 10px;
  width: 127px;
  height: 25px;
  line-height: 26px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -654px -212px;
  color: #4a4b4b;
  font-size: 14px; }

.gender-battle-blue {
  background-position: -654px -237px; }

.gender-female {
  float: left;
  width: 44px;
  text-align: right; }

.gender-male {
  float: left;
  margin: 0 0 0 45px;
  width: 37px;
  text-align: left; }

.menu-item {
  margin: 0 0 8px; }

.menu-item-sub {
  padding: 2px 0 0 15px; }

.menu-item-sub a {
  color: #4bc2d0; }

.menu-item .current {
  text-decoration: underline; }

.profile-menu-social-connect,
.profile-menu-new-games,
.profile-main-info {
  margin: 0 0 9px;
  color: #e64769;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }

.profile-menu-social-connect,
.profile-main-info {
  text-align: center; }

.profile-main-info {
  margin: 0; }

.profile-menu-new-games {
  line-height: 26px; }

.profile-menu-new-games-icon {
  float: left;
  margin-right: 9px;
  width: 25px;
  height: 26px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -760px -481px; }

.profile-info-text {
  padding-top: 9px;
  color: #e64769; }

.profile-menu-list {
  margin: 0 0 9px; }

.profile-menu-list .odd {
  background: #d2f5f9; }

.profile-menu-list a {
  display: block;
  padding: 4px 7px;
  color: #4bc2d0; }

.profile-highscore-title-filter {
  padding-bottom: 5px; }

.profile-avatar-title,
.profile-edit-title,
.profile-highscore-title {
  line-height: 26px;
  color: #29cbe1;
  font-size: 18px;
  text-transform: uppercase; }

.profile-avatar-title,
.profile-edit-title {
  padding: 0 0 8px;
  color: #e64769; }

.profile-edit-title {
  margin: 0 0 19px;
  padding: 0 5px;
  border-bottom: 1px solid #d4e7e9; }

.profile-avatar-icon,
.profile-highscore-icon,
.profile-replies-icon {
  float: left;
  margin: 0 9px 0 0;
  width: 25px;
  height: 26px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -760px -289px;
  overflow: hidden; }

.profile-avatar-icon {
  background-position: -762px -262px; }

.profile-replies-icon {
  background-position: -654px -571px; }

.profile-highscore-rank-filter-by {
  float: right;
  width: 442px;
  height: 28px;
  line-height: 28px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -84px;
  text-align: justify; }

.profile-highscore-rank-filter-by a {
  color: #7f7f7f;
  padding: 0 15px; }

.profile-highscore-rank-filter-by a:hover,
.profile-highscore-rank-filter-by a:focus,
.profile-highscore-rank-filter-by a:active,
.profile-highscore-rank-filter-by .current {
  color: #d93f60;
  text-decoration: underline; }

.profile-my-games-number {
  float: right;
  width: 94px;
  height: 26px;
  line-height: 27px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -654px -371px;
  color: #37cee3;
  font-size: 18px;
  text-align: center; }

.profile-my-games-number-inner {
  padding: 0 3px 0 28px; }

.n-f {
  display: inline-block;
  width: 100%; }

.social-connected {
  height: 29px;
  cursor: pointer; }

.social-logo,
.social-arrows,
.social-connected-no {
  position: absolute;
  top: 7px;
  left: 58px;
  width: 19px;
  height: 6px;
  background: #fff;
  overflow: hidden; }

.social-logo {
  top: 6px;
  left: 22px;
  width: 30px;
  height: 16px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -748px -371px; }

.social-arrows {
  top: 7px;
  left: 58px;
  width: 19px;
  height: 11px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -766px -397px; }

.s-icon {
  float: left;
  margin: 0 9px 0 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  overflow: hidden; }

.social-connected .s-icon {
  position: absolute;
  top: 6px;
  left: 85px;
  margin: 0; }

.t-facebook {
  color: #4e6fac; }

.t-twitter {
  color: #4fbdde; }

.t-twitter .social-arrows {
  background-position: -728px -397px; }

.t-hyves {
  color: #f6b829; }

.t-hyves .social-arrows {
  background-position: -747px -397px; }

.profile-info-completion {
  height: 185px; }

.profile-info,
.profile-completion {
  position: absolute;
  top: 10px;
  height: 158px;
  font-size: 12px;
  overflow: hidden; }

.profile-info {
  left: 25px;
  width: 328px; }

.profile-column-main-avatar .profile-info {
  top: 26px;
  width: 608px;
  height: 118px; }

.profile-completion {
  left: 394px;
  width: 198px; }

.profile-info-column {
  float: left;
  width: 164px; }

.profile-info .info,
.profile-info .content {
  width: 164px;
  height: 15px; }

.profile-info .info {
  color: #e64769; }

.bug-username {
  padding-bottom: 8px;
  font-size: 16px; }

.bug-username,
.profile-info .content {
  color: #4bc2d0; }

.profile-info-public-private {
  padding-top: 6px;
  color: #e64769;
  text-align: center; }

.profile-completed-percentage {
  height: 132px;
  color: #7f7f7f;
  text-align: center; }

.profile-completed-1 {
  padding: 9px 0 15px 62px; }

.profile-completed-2 {
  padding: 15px 42px 30px 0;
  color: #fff;
  font-size: 24px; }

.profile-completed-3 {
  padding-left: 94px; }

.profile-complete-btn {
  display: block;
  margin: 0 auto;
  width: 198px;
  height: 23px;
  line-height: 23px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -439px -177px;
  color: #fff !important;
  font-size: 11px; }

.profile-content-wrap {
  padding-left: 12px; }

.profile-column-highscore .profile-content-wrap {
  padding: 0 24px 0 25px; }

.profile-content-container {
  width: 540px; }

.profile-main-block-relative {
  position: relative; }

.profile-main-block-relative .profile-main-block {
  padding-bottom: 1px; }

.profile-arrow-side {
  position: absolute;
  right: -16px;
  top: 32px;
  width: 23px;
  height: 23px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -764px -411px;
  overflow: hidden; }

.last-action-icon {
  float: left;
  margin: 0 14px 0 3px;
  width: 18px;
  height: 18px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -722px -517px;
  overflow: hidden; }

.last-action {
  color: #e74b6c; }

.last-title {
  color: #929091; }

.last-details {
  color: #63cad6; }

.profile-title {
  padding: 4px 4px 12px;
  color: #4bc2d0;
  font-size: 15px;
  font-weight: bold; }

.profile-games-list {
  line-height: 18px; }

.profile-games-list li {
  padding: 0 0 5px; }

.profile-games-list a {
  display: block;
  color: #4d4d4d !important;
  text-decoration: none !important; }

.profile-games-list img,
.play-title,
.profile-games-list .play-game,
.profile-games-list .rank {
  position: relative;
  float: left; }

.profile-games-list img {
  margin-right: 5px;
  width: 24px;
  height: 18px; }

.play-title {
  width: 171px; }

.profile-games-list-my-highscores .play-title {
  width: 200px; }

.profile-games-list .play-game {
  width: 52px; }

.profile-games-list .rank {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -679px -571px;
  color: #fff;
  text-align: center; }

.profile-more {
  padding: 12px 0 9px;
  text-align: center;
  font-size: 11px; }

.profile-more a {
  display: block;
  margin: 0 auto;
  width: 156px;
  height: 17px;
  line-height: 16px;
  color: #fff !important;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -240px -455px;
  text-align: left; }

.profile-more-text {
  display: block;
  margin-left: 3px;
  width: 140px;
  text-align: center; }

.message-content {
  min-height: 66px; }

.message-figure,
.message-text,
.message-thumbs,
.message-actions,
.message-category {
  position: relative;
  float: left;
  overflow: hidden; }

.message-figure {
  margin: 0 15px 5px 0;
  width: 60px;
  text-align: center; }

.message-text {
  padding-bottom: 5px;
  width: 310px; }

.message-subject {
  font-weight: bold;
  color: #4d4d4d; }

.message-subject strong,
.action-filter-text {
  color: #e64769; }

.message-subject a {
  color: #37cee3 !important; }

.message-body,
.message-tags {
  font-size: 11px;
  color: #837f80; }

.message-tags .tag {
  color: #c42648; }

.message-actions {
  padding: 0 0 8px;
  width: 145px; }

.message-thumbs {
  padding: 24px 0 0;
  width: 72px; }

.message-when {
  padding: 0 0 6px;
  color: #929091;
  font-size: 11px; }

.message-category {
  margin-right: 4px; }

.message-view-btn {
  display: block;
  width: 106px;
  height: 36px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -654px -289px;
  color: #fff !important;
  font-size: 11px; }

.message-view-btn-inner {
  display: block;
  padding-top: 3px; }

.message-view-all-replies {
  border-top: 1px solid #d4e7e9;
  text-align: center; }

.message-view-all-replies a {
  display: block;
  padding: 6px 6px 4px;
  color: #e64769; }

.avatar-figures {
  padding: 0 0 25px; }

.avatar-figures .figure {
  float: left;
  width: 145px;
  margin-right: 22px; }

.pu-my-games-list,
.avatar-figures .figure,
.avatar-figures .figimg a,
.input-delete-reason-wrap label,
.date_of_birth label,
.mygames-block-images img {
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.avatar-figures .figure-last {
  margin-right: 0; }

.avatar-figures .figimg a {
  display: block;
  margin: 0 0 13px;
  width: 133px;
  height: 181px;
  padding: 6px 6px 17px; }

.avatar-boy .figimg a,
.avatar-boy .avatar-options {
  background: #2dcce2; }

.avatar-boy:hover .figimg a,
.avatar-boy:hover .avatar-options {
  background: #86e9f7; }

.avatar-girl .figimg a,
.avatar-girl .avatar-options {
  background: #f36484; }

.avatar-girl:hover .figimg a,
.avatar-girl:hover .avatar-options {
  background: #ffacc0; }

.avatar-create-new,
.avatar-options {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22px; }

.avatar-create-new {
  height: 33px;
  line-height: 27px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -648px;
  color: #fff !important;
  text-align: center; }

.avatar-create-new-inner {
  display: block;
  padding: 3px; }

.avatar-option {
  position: absolute;
  bottom: 6px;
  line-height: 15px;
  color: #fff !important;
  font-weight: bold;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.avatar-boy .avatar-option {
  background: #59daec; }

.avatar-boy .avatar-option:hover,
.avatar-boy .avatar-option:focus,
.avatar-boy .avatar-option:active {
  background: #90babf; }

.avatar-girl .avatar-option {
  background: #f989a2; }

.avatar-girl .avatar-option:hover,
.avatar-girl .avatar-option:focus,
.avatar-girl .avatar-option:active {
  background: #e1748d; }

.avatar-option-choose {
  left: 9px;
  padding: 0 10px; }

.avatar-option-edit {
  left: 106px;
  padding: 2px; }

.avatar-option-remove {
  right: 7px;
  padding: 0 3px;
  cursor: pointer; }

.avatar-edit {
  float: left;
  width: 11px;
  height: 11px;
  background: url(https://www.mary.com/static/mary/images/icons.png?9d54a1bd0947) -113px -229px;
  cursor: pointer;
  overflow: hidden; }

.avatar-empty-img {
  display: block;
  width: 133px;
  height: 177px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -439px -234px; }

.avatar-boy .avatar-empty-img {
  background-position: -654px 0; }

.my-account-form dt {
  padding-left: 9px;
  width: 181px;
  line-height: 23px;
  color: #4bc2d0;
  font-size: 16px; }

.multiline dd {
  padding-top: 11px; }

.my-account-form input.text {
  width: 236px; }

.my-account-form .btn-submit-inline {
  padding: 0 45px 9px 0; }

.my-account-form .send-btn {
  float: right; }

.my-account-form-no-intro {
  height: 8px; }

.my-account-note,
.remove-account-text {
  padding: 9px;
  color: #4bc2d0; }

.my-account-form .btn-remove-account {
  padding-top: 5px; }

.remove-account-text {
  float: left;
  padding: 4px 9px; }

.input-content {
  padding-left: 10px;
  color: #9c9b9b; }

.inset {
  position: relative;
  padding: 5px 4px 4px;
  border: 1px solid #cdcdcd;
  border-right-color: #e8e7e7;
  border-bottom-color: #e8e7e7;
  overflow: hidden;
  -moz-box-shadow: inset 1px 2px 3px #cdcdcd;
  -khtml-box-shadow: inset 1px 2px 3px #cdcdcd;
  -webkit-box-shadow: inset 1px 2px 3px #cdcdcd;
  box-shadow: inset 1px 2px 3px #cdcdcd;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.filter {
  position: relative;
  overflow: hidden; }

.filter .inset {
  float: left;
  color: #837f80; }

.f-item,
.f-icon {
  display: table-cell;
  display: inline-block;
  position: relative;
  cursor: pointer; }

.f-item:hover {
  text-decoration: underline; }

.f-icon,
.message-icon {
  float: left;
  width: 30px;
  height: 27px;
  background: url(https://www.mary.com/static/mary/images/icons.png?9d54a1bd0947) -240px -76px;
  overflow: hidden; }

.f-icon {
  margin: 0 2px 0 0;
  vertical-align: middle; }

.f-icon-send,
.message-icon-send {
  background-position: -240px -103px; }

.f-icon-received,
.message-icon-received {
  background-position: -240px -130px; }

.actions {
  padding: 0 5px; }

.action-item,
.action-text,
.action-icon {
  float: left;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }

.action-item {
  padding: 0 8px;
  color: #db3b5d;
  cursor: pointer; }

.action-feedback,
.comments-extra-rating:hover,
.action-item:hover .action-text {
  color: #32b4c4; }

.action-feedback {
  padding: 0 0 4px;
  text-align: center; }

.action
.action-icon {
  margin: 0 3px 0 0;
  width: 16px;
  height: 18px;
  line-height: 14px;
  background: url(https://www.mary.com/static/mary/images/icons.png?9d54a1bd0947) -177px -76px; }

html > body .message-thumbs .action-icon {
  float: right;
  margin: 0 0 0 2px; }

.action-thumbs-down .action-icon {
  background-position: -192px -76px; }

.action-reply .action-icon {
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -449px -127px; }

.action-reply:hover .action-icon {
  background-position: -541px -127px; }

.actions .action-thumbs-up .action-icon {
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -495px -127px; }

.actions .action-thumbs-up:hover .action-icon {
  background-position: -472px -127px; }

.actions .action-thumbs-down .action-icon {
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -564px -127px; }

.actions .action-thumbs-down:hover .action-icon {
  background-position: -587px -127px; }

.action-not-ok .action-icon {
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -610px -127px; }

.action-not-ok:hover .action-icon {
  background-position: -518px -127px; }

.actions .action-icon {
  position: relative;
  width: 23px;
  height: 34px;
  margin: 0 0 0 4px; }

.action-filter {
  font-size: 14px; }

.action-filter .f-item {
  padding: 0;
  height: 16px;
  line-height: 16px; }

.action-filter-wrap {
  padding: 18px 0 0;
  overflow: hidden; }

.action-filter-text {
  float: left;
  padding: 0 14px 0 0;
  line-height: 27px; }

.mail-settings-form {
  color: #9c9b9b; }

.mail-text {
  padding: 9px; }

.mail-title,
.mail-option {
  position: relative;
  padding-bottom: 9px; }

.mail-options,
.mail-options label {
  display: block;
  font-size: 14px; }

.mail-title,
.mail-options label {
  padding-left: 37px; }

.mail-columns {
  padding: 0 0 20px;
  overflow: hidden; }

.mail-column-1,
.mail-column-2 {
  float: left;
  padding: 0;
  width: 298px;
  line-height: 20px; }

.mail-column-2 {
  width: 228px; }

.mail-title {
  color: #dd3d60;
  font-weight: bold; }

.mail-note {
  display: block;
  font-size: 11px; }

.mail-option .checkbox {
  position: absolute;
  left: 12px;
  top: 4px; }

.mail-settings-btn {
  margin-top: 12px; }

.mail-options .btn-submit-inline {
  padding: 8px 8px 20px; }

.mail-options .btn-submit-inline .btn {
  float: right; }

.reply-error {
  margin-left: 25px;
  padding: 0 0 9px; }

.reply-describe {
  float: left;
  width: 405px;
  height: 78px; }

.comment-game-rating-error,
.reply-describe-error {
  -webkit-box-shadow: inset 1px 1px 20px 3px rgba(224, 65, 99, 0.8);
  -moz-box-shadow: inset 1px 1px 20px 3px rgba(224, 65, 99, 0.8);
  -ms-box-shadow: inset 1px 1px 20px 3px rgba(224, 65, 99, 0.8);
  box-shadow: inset 1px 1px 20px 3px rgba(224, 65, 99, 0.8);
  border-radius: 5px; }

.reply-describe-inner {
  padding: 2px 0 0 6px; }

.highscore-go-to-me {
  position: absolute;
  top: 6px;
  right: 0;
  width: 209px;
  height: 25px;
  line-height: 25px;
  background: url(https://www.mary.com/static/mary/images/replies.png?9d54a1bd0947) -399px -230px;
  color: #de3f61;
  font-size: 12px;
  text-shadow: 1px 1px 1px #fff;
  cursor: pointer; }

.highscore-go-to-me strong {
  padding: 0 12px 0 40px;
  font-size: 14px; }

.welcome-container {
  padding: 0 15px; }

.block-welcome-title {
  padding: 15px 0 30px;
  text-align: center; }

.block-welcome {
  color: #9c9b9b;
  line-height: 20px;
  font-size: 12px; }

.block-welcome-img {
  float: right;
  width: 200px;
  height: 144px;
  background: url(https://www.mary.com/static/mary/images/welcome.jpg?9d54a1bd0947); }

.block-welcome-avatar .block-welcome-img,
.block-welcome-highscore .block-welcome-img {
  float: left;
  margin-right: 20px;
  background-position: -200px 0; }

.block-welcome-profile .block-welcome-img {
  background-position: -200px -144px; }

.block-welcome-highscore .block-welcome-img {
  background-position: 0 -144px; }

.block-welcome-activate .pu-subtitle,
.block-welcome-avatar .pu-subtitle,
.block-welcome-profile .pu-subtitle,
.block-welcome-highscore .pu-subtitle {
  padding: 4px 0 9px; }

.block-welcome p {
  margin-bottom: 9px; }

.btn-welcome {
  display: block;
  margin: 0 0 9px;
  width: 240px;
  height: 23px;
  line-height: 23px;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) 0 -455px;
  color: #fff !important;
  text-align: center; }

.pu-avatar-wrap {
  padding: 0 9px 5px 49px; }

.pu-avatar-wrap .avatar-figures {
  padding: 0; }

.pu-my-games-wrap {
  padding: 0 9px 5px 49px; }

.pu-my-games-text {
  float: left;
  width: 280px; }

.btn-create-avatar a {
  display: block;
  width: 267px;
  height: 22px;
  line-height: 22px;
  color: #fff !important;
  text-align: center;
  background: url(https://www.mary.com/static/mary/images/subpages.png?9d54a1bd0947) -368px -432px;
  font-size: 14px;
  font-weight: bold; }

.addthis_32x32_style {
  float: left;
  margin: 0 0 16px;
  width: 125px;
  height: 32px;
  line-height: 32px;
  color: #312d3c;
  font-size: 11px;
  text-decoration: none;
  cursor: pointer; }

.addthis_32x32_style .at300bs,
.addthis_32x32_style .at15t {
  float: left;
  margin-right: 6px; }

.pu-title {
  padding: 0 25px 9px;
  font-size: 16px;
  font-weight: bold;
  color: #5fb9c4; }

.pu-container {
  padding-left: 53px; }

.change-email-address {
  margin-left: 9px;
  line-height: 21px;
  color: #dd3d60;
  font-style: italic; }

.pu-container-input input.text {
  width: 326px; }

.pu-paragraph-small {
  margin: 0 0 5px; }

.pu-form-fields dl {
  margin: 0 0 16px; }

.pu-form-fields dt {
  width: 160px; }

.pu-form-fields input.text {
  width: 230px; }

.pu-connect {
  padding-top: 20px;
  text-align: center; }

.pu-message {
  font-size: 14px;
  font-weight: bold; }

.pu-message-text {
  color: #9c9b9b; }

.pu-connect-text {
  margin: 0 auto;
  padding: 0 0 14px;
  overflow: hidden; }

.pu-connect .s-icon {
  float: none;
  display: inline-block; }

.pu-connect .social-connected {
  margin: 0 auto;
  width: 127px; }

.pu-connect .pu-message .social-connected {
  width: 110px; }

.pu-connect-not-logged-in .pu-message {
  margin: 0 0 9px;
  line-height: 26px;
  text-align: left; }

.pu-connect-not-logged-in .social-connected {
  float: left; }

.pu-connect-not-logged-in .pu-message-text {
  padding: 0 22px 20px;
  text-align: left; }

.pu-connected-header {
  float: right;
  margin: 0 30px 20px 9px;
  width: 218px;
  text-align: center; }

.headerbox-top {
  height: 10px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -790px -186px; }

.headerbox-middle {
  background: url(https://www.mary.com/static/mary/images/repeat_y.png?9d54a1bd0947) -3320px; }

.headerbox-bottom {
  height: 10px;
  background: url(https://www.mary.com/static/mary/images/popup.png?9d54a1bd0947) -790px -196px; }

.headerbox-inner {
  margin: 0 auto;
  padding: 4px 0 0;
  width: 180px; }

.headerbox .nav-left-login,
.headerbox .nav-left-register {
  margin: 0 0 15px;
  width: 180px;
  height: 26px;
  text-align: left; }

.message-bar-person-wrap {
  text-align: center; }

.message-bar-person,
.message-bar-person .btn-close {
  background: url(https://www.mary.com/static/mary/images/message_bars.png?9d54a1bd0947) no-repeat; }

.message-bar-person {
  position: relative;
  margin: 0 auto 16px;
  height: 61px;
  width: 880px;
  text-align: left;
  overflow: hidden; }

.message-bar-person .btn-close {
  top: 20px;
  right: 19px;
  width: 24px;
  height: 24px;
  background-position: -837px -20px; }

.message-bar-person-logged-out {
  background-position: 0 -70px; }

.message-bar-person-logged-out .btn-close {
  background-position: -837px -90px; }

.message-bar-person-alert {
  background-position: 0 -140px; }

.message-bar-person-alert .btn-close {
  background-position: -837px -160px; }

.message-bar-person-neutral {
  background-position: 0 -210px; }

.message-bar-person-neutral .btn-close {
  background-position: -837px -230px; }

.message-bar-person-box {
  padding: 4px 50px 0 120px; }

.message-bar-person-inner,
.message-bar-person-t,
.message-bar-person-h {
  height: 51px;
  overflow: hidden; }

.message-bar-person-c {
  padding: 3px;
  line-height: 22px;
  overflow: hidden; }

.message-bar-person {
  text-shadow: 1px 1px 1px #fff; }

.message-bar-person-logged-out,
.message-bar-person-alert {
  text-shadow: 1px 1px 1px #000; }

.message-bar-person-neutral {
  text-shadow: none; }

.message-bar-person a {
  text-decoration: underline; }

.message-bar-person,
.message-bar-person a {
  color: #f14e74 !important; }

.message-bar-person-logged-out,
.message-bar-person-logged-out a,
.message-bar-person-alert,
.message-bar-person-alert a {
  color: #fff !important; }

.message-bar-person-neutral,
.message-bar-person-neutral a {
  color: #de3f61 !important; }

#takeover,
#takeover-inside {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 1030px;
  text-align: left; }

#takeover-left,
#takeover-right,
#takeover-inside-left,
#takeover-inside-right {
  position: fixed;
  top: 0; }

#takeover-left .takeover,
#takeover-inside-left .takeover {
  position: absolute;
  right: 0; }

#takeover-right .takeover,
#takeover-inside-right .takeover {
  position: absolute;
  left: 1018px; }

.field-error,
.field-error input.text,
.field-error select,
.field-error option,
.field-error textarea,
.radio-error {
  border-color: #f00d0d;
  background: #facece;
  color: #f00d0d; }

/* Overview of game thumbs home and packages */
.tag_new .tag_type,
.tag_highscore .tag_type {
  opacity: 1; }

.tag_default .tag_type {
  -ms-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7; }

.item_preview {
  margin: 0 0 1em;
  padding-bottom: 1em;
  padding-left: 3px;
  list-style: none;
  overflow: visible; }

.item_game {
  width: 120px;
  height: 140px;
  margin: 0 10px 0 0;
  padding-top: 5px;
  list-style: none;
  display: inline;
  float: left; }

.xid_home .item_game:nth-child(4n+0) {
  margin-right: 0; }

.xid_home .item_game:nth-child(5n+0) {
  margin-right: 10px; }

.xid_package .item_game:nth-child(2),
.xid_package .item_game:nth-child(4),
.xid_package .item_game:nth-child(5n+9) {
  margin-right: 0; }

.xid_package .item_game_highscore:nth-child(2),
.xid_package .item_game_highscore:nth-child(4),
.xid_package .item_game_highscore:nth-child(5n+9) {
  margin-right: 10px; }

.xid_package .xpid_top .item_game:nth-child(2),
.xid_package .xpid_top .item_game:nth-child(4),
.xid_package .xpid_top .item_game:nth-child(5n+9) {
  margin-right: 10px; }

.tuna-carousel .item_game {
  width: 200px;
  height: 165px; }

.tuna-carousel .item_game a {
  width: 200px;
  height: 100%;
  margin-top: 0; }

.tuna-carousel .item_game a:hover {
  height: 100%; }

.tuna-carousel .item_game .item_game_title {
  width: 200px;
  margin-top: 110px; }

.tuna-carousel .item_game a:hover .item_game_title {
  bottom: 10px; }

.tuna-carousel .item_game_thumb {
  width: 200px;
  height: 100px;
  margin-left: -100px; }

.tuna-carousel .item_game a:hover .item_game_description {
  width: 180px;
  margin: 30px 10px 0; }

.item_game .tag_new {
  background-color: #f1b807;
  border-color: #d8a506;
  border-color: #d4a107; }

.item_game .tag_highscore {
  background-color: #18395c;
  border-color: #132c48; }

.item_game .tag_top {
  background-color: #e04163;
  border-color: #bb2443;
  border-color: #dc2b51; }

.item_game .tag_default {
  background-color: #73c6d8; }

.panel-new > article > header > h1 {
  background-color: #f1b807;
  border-color: #d8a506; }
  .panel-new > article > header > h1 .panel-more a {
    color: #f1b807; }

.panel_highscore > article > header > h1 {
  background-color: #18395c;
  border-color: #132c48; }
  .panel_highscore > article > header > h1 .panel-more a {
    color: #18395c; }

.panel-default > article > header > h1,
.panel-top > article > header > h1 {
  background-color: #e04163;
  border-color: #dc2b51; }
  .panel-default > article > header > h1 .panel-more a,
  .panel-top > article > header > h1 .panel-more a {
    color: #e04163; }

.item_game .tag_new .tag_type {
  background-color: #f1b807; }

.item_game .tag_highscore .tag_type {
  background-color: #18395c;
  color: #73c6d8; }

.item_game .tag_default .tag_type {
  background-color: black;
  color: #73c6d8; }

.item_game .tag_top .tag_type {
  background-color: #1d050a; }

.item_game a:hover {
  height: 139px;
  margin-bottom: 1px; }

.item_game a {
  position: relative;
  display: block;
  width: 120px;
  height: 130px;
  margin: 10px 0 0;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border: 1px solid #fff;
  line-height: 1.2em;
  text-align: center;
  text-decoration: none; }

.item_game_thumb {
  display: block;
  position: absolute;
  width: 120px;
  left: 50%;
  margin-left: -60px;
  height: 90px;
  border-width: 0;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  background-size: cover;
  transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out; }

/* tagging games with rating or icons */
.item_game a:hover .item_game_thumb {
  display: block;
  position: absolute;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border: 5px solid #fff;
  box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.29);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.29);
  -moz-box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, 0.29);
  -ms-box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, 0.29); }

.item_game a .tag_type {
  font-family: helvetica;
  display: block;
  position: absolute;
  margin-top: 35px;
  left: 50%;
  margin-left: -20px;
  width: 30px;
  height: 30px;
  transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border: 5px solid #fff; }

.item_game a:hover .tag_type {
  -moz-opacity: 0;
  -ms-opacity: 0;
  opacity: 0; }

.tag_rating {
  display: block;
  width: 30px;
  padding: 8px 0px 2px 0px;
  text-align: center;
  position: relative;
  margin: 0 auto;
  transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s; }

.item_game .item_game_title {
  position: absolute;
  left: 0;
  z-index: 1;
  margin-top: 90px;
  width: 110px;
  overflow: hidden;
  font-size: 12px;
  float: left;
  line-height: 15px;
  height: 12px;
  padding: 10px 5px 5px;
  color: #fff;
  transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s; }

.item_game_description {
  position: absolute;
  left: 0;
  margin-left: 50%;
  margin-top: 100px;
  opacity: 0;
  height: 0;
  width: 0;
  font-size: 0;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  transition: all 0.15s;
  z-index: 0; }

.item_game a:hover .item_game_title {
  bottom: 0;
  margin-top: auto;
  color: #fff; }

.item_game a:hover .item_game_description {
  opacity: 1;
  color: #fff;
  font-size: 11px;
  padding: 2px;
  margin-top: 20px;
  margin-left: 0;
  z-index: 1;
  width: 116px;
  height: auto; }

/******************************* OK-66 *************/
/******************************* start *************/
/***************************************************/
.bar-social {
  position: relative;
  margin-top: 47px;
  padding-left: 531px;
  width: 420px; }

.xid_game #page {
  overflow: visible; }

#breadcrumbs {
  position: relative;
  margin: 0 0 1em;
  padding-bottom: 0px; }

.xid_game #breadcrumbs {
  position: absolute;
  margin-top: 0;
  top: 140px;
  z-index: 2;
  left: 18px; }

.xid_game .s-intro {
  display: none; }

/* layout template 2 skyscraper wings */
.banner-template {
  position: absolute;
  z-index: 0;
  top: 163px;
  left: 50%;
  margin-left: -350px;
  width: 700px;
  overflow: visible; }

.sky-lhs {
  float: left;
  display: block;
  border: 10px solid #fff; }

.sky-rhs {
  float: right;
  display: block;
  border: 10px solid #fff; }

.sky-lhs .banner-sky,
.sky-rhs .banner-sky {
  width: 160px;
  height: 620px;
  background-color: #fff; }

.sky-rhs .banner-sky {
  float: right; }

.xid_game .leader-below-game {
  position: absolute;
  bottom: 0;
  width: 100%; }

.banner-leaderboard {
  width: 960px;
  margin: 0 auto;
  text-align: center; }

.ad_leaderboard {
  width: 960px;
  float: left;
  clear: both; }

.banner-below-game {
  display: block;
  margin-top: 0px;
  width: 960px;
  clear: both; }

.game_related_games {
  display: block;
  position: absolute;
  z-index: 1;
  width: 720px;
  left: 50%;
  margin-left: -360px;
  height: 86px; }

.game_related_games ul {
  padding: 0; }

.game_related_games li {
  display: inline-block;
  float: left;
  margin: 0 4px 0 0;
  width: 140px; }

.game_related_games a {
  position: relative;
  display: block;
  width: 100%;
  height: 76px;
  background-size: 100%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px; }

.game_related_games a span {
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  position: absolute;
  opacity: 0;
  text-align: center;
  width: 134px;
  padding: 3px;
  color: #fff;
  text-decoration: none;
  transition: 0.12s; }

.game_related_games a:hover span {
  opacity: 1;
  height: 48px;
  padding: 30px 3px 0;
  background: #e6466a;
  text-decoration: none; }

/******************************* OK-66 *************/
/******************************* end *************/
/***************************************************/
@media screen and (max-width: 1270px) {
  .game_related_games {
    left: 0;
    margin-left: 10px; }

  .xid_game .banner {
    text-align: left;
    margin-left: 5px; } }
.popup h3,
.icon,
.btn,
.play-btn,
.social-buttons-inner,
.nav-left-btn-text,
.tessa-signup-title,
.tessa-welcome-title,
.tessa-signup-free,
.tessa-signup-btn,
.gameslist-images .text,
.gameslist-multiplayer-images .text,
.play-game,
.favorite-games-goto a,
.highscore-bar,
.highscore-item,
.highscore-bar-highscores,
.rank-filter-by,
.rank-name,
.profile-games-list .rank,
.points,
.recommended-games-title,
.btn-add-favorites,
.btn-add-favorites-active,
.btn-play-now-text,
.avatar-create-new,
.btn-create-avatar a,
.write-comment-col label,
.gamevote,
.game-rating-positive,
.game-rating-negative,
.comments-extra-rating,
#gossip-list .title,
.play-title,
.display-options,
.favorites-games-register-btn a,
.favorites-games-login-btn a,
.pu-activate-btn a,
.profile-logout,
.profile-info .info,
.profile-info .content,
.profile-info-public-private,
.profile-highscore-block-title,
.profile-highscore-block-label,
.profile-highscore-block-data,
.profile-completed-1,
.profile-completed-2,
.profile-more-text,
.addthis_32x32_style,
a.suggestion {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.img-grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  -webkit-transition: all .0s ease;
  -webkit-backface-visibility: hidden;
  zoom: 1; }

.container-shadow {
  position: fixed;
  z-index: -1; }

.container-shadow:before {
  content: '';
  display: block;
  position: fixed;
  height: 100%;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 9px;
  margin-left: -489px;
  background: url(https://www.mary.com/static/mary/images/bg_page_left.png?9d54a1bd0947) repeat-y; }

.container-shadow:after {
  content: '';
  display: block;
  position: fixed;
  height: 100%;
  width: 21px;
  left: 50%;
  top: 0;
  bottom: 0;
  margin-left: 480px;
  z-index: 0;
  background: url(https://www.mary.com/static/mary/images/bg_page_right.png?9d54a1bd0947) 0 repeat-y; }

#header-bottom:before {
  display: block;
  content: '';
  position: absolute;
  left: -9px;
  width: 9px;
  height: 43px;
  top: 54px;
  background: url(https://www.mary.com/static/mary/images/homepage.png?9d54a1bd0947) -41px -178px;
  overflow: hidden; }

/*
 * content/apps.phtml, page content specific layout
 * mga-width = mobile game app item width
 */
.mobile-games {
  position: relative; }

.mobile-games ul.toggle {
  overflow: auto;
  display: block;
  clear: both; }

.xid_content #content .mobile-games > article > header > h1 {
  display: block;
  clear: both;
  font-size: 2.5em;
  margin: 50px 180px 40px 10px; }

.mobile-games > article > p {
  margin: 0 180px 20px 10px;
  max-width: 580px;
  font-size: 1.2em;
  line-height: 1.6em; }

#deviceChoice {
  margin: 10px 180px 20px 10px;
  max-width: 610px; }
  #deviceChoice li {
    float: left;
    width: 33%; }
    #deviceChoice li .selected {
      color: red;
      opacity: 1;
      transition: 0.15s; }
      #deviceChoice li .selected a:hover {
        opacity: 0.5;
        text-decoration: none; }
    #deviceChoice li a {
      display: block;
      width: auto;
      padding: 15px;
      text-align: center;
      border: solid rgba(224, 65, 99, 0.8);
      border-width: 1px 1px 1px 0;
      opacity: 1;
      transition: 0.15s; }
      #deviceChoice li a:hover {
        opacity: 1;
        background-color: #e04163;
        color: #fff;
        text-decoration: none; }
    #deviceChoice li:first-child a {
      border-left-width: 1px; }

.xid_content #content .mobile-game-item {
  width: 295px;
  height: 175px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-bottom: 60px;
  border-radius: 5px;
  background-color: rgba(224, 65, 99, 0.05);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  border: 5px solid rgba(224, 65, 99, 0.05);
  position: relative;
  float: left; }
  .xid_content #content .mobile-game-item h1 {
    background: #73c6d8;
    color: #fff;
    position: absolute;
    z-index: 2;
    padding: 25px 0;
    height: 15px;
    margin: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    transition: 0.25s ease-out; }
  .xid_content #content .mobile-game-item p {
    position: absolute;
    padding: 15px 10px 35px;
    height: 15px;
    bottom: 0;
    margin: 0;
    left: 0;
    right: 0;
    color: #fff;
    background-color: #e45775;
    width: auto;
    z-index: 1;
    text-align: center;
    font-size: 13px;
    transition: 0.10s ease-in; }
  .xid_content #content .mobile-game-item ul {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    transition: 0.15s ease-out; }
    .xid_content #content .mobile-game-item ul:hover {
      opacity: 1; }
      .xid_content #content .mobile-game-item ul:hover li {
        opacity: 0.8; }
        .xid_content #content .mobile-game-item ul:hover li:hover {
          opacity: 1; }
    .xid_content #content .mobile-game-item ul li {
      position: absolute;
      z-index: 3;
      top: 57.5px; }
      .xid_content #content .mobile-game-item ul li a {
        display: block;
        text-indent: -999em;
        border-radius: 8px;
        background: url(https://www.mary.com/static/mary/images/sprite_app-store-icons.png?9d54a1bd0947) center no-repeat;
        width: 60px;
        height: 60px; }
    .xid_content #content .mobile-game-item ul .apps_Google-Play {
      left: 40px; }
    .xid_content #content .mobile-game-item ul .apps_Apple-Store {
      left: 50%;
      margin-left: -30px; }
    .xid_content #content .mobile-game-item ul .apps_Amazon-Apps {
      right: 40px; }
    .xid_content #content .mobile-game-item ul .apps_Google-Play a {
      background-position: 0 0; }
    .xid_content #content .mobile-game-item ul .apps_Apple-Store a {
      background-position: -60px 0; }
    .xid_content #content .mobile-game-item ul .apps_Amazon-Apps a {
      background-position: -120px 0; }
    .xid_content #content .mobile-game-item ul:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background: rgba(224, 65, 99, 0.25); }
  .xid_content #content .mobile-game-item:hover h1 {
    background: transparent;
    color: #000;
    opacity: 0;
    margin-top: 0;
    z-index: 1; }
  .xid_content #content .mobile-game-item:hover p {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    opacity: 1; }
  .xid_content #content .mobile-game-item:hover ul {
    opacity: 1;
    height: auto; }

hr.hr-shadow {
  height: 9px;
  border: 0;
  margin: 10px 0;
  background: url(https://www.mary.com/static/mary/images/separation_horz_top.png?9d54a1bd0947); }

.banner-rectangle-mobile {
  position: absolute;
  right: 10px; }

.banner-content-sky {
  width: 160px;
  height: 600px;
  position: absolute;
  right: -180px;
  background: orange; }

/* Dropdown control */
.selectBox-dropdown {
    display: inline-block;
    position: relative;
    padding-right: 25px;
    width: auto !important;
    height: 22px;
    vertical-align: middle;
    color: #000;
    cursor: pointer;
}

a.selectBox-dropdown,
a.selectBox-dropdown:hover,
a.selectBox-dropdown:focus,
a.selectBox-dropdown:active,
.selectBox-options a,
.selectBox-options a:hover,
.selectBox-options a:focus,
.selectBox-options a:active {
    text-decoration: none;
}

.selectBox-dropdown:focus {
    border-color: #e5e5e5;
}

.selectBox-menuShowing {
    -moz-border-radius: 7px 7px 0 0;
    -khtml-border-bottom-right-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-radius: 7px 7px 0 0;
}

.selectBox-label {
    display: inline-block;
    padding: 0 9px;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-arrow {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    background: #f5546d;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.selectBox-arrow-inner {
    position: absolute;
    top: 5px;
    right: 3px;
    border-color: #f5546d;
    border-top-color: #fff;
    border-style: solid;
    border-width: 5px 5px 0;
    line-height: 0;
}
.selectBox-dropdown:hover .selectBox-arrow-inner,
.selectBox-menuShowing .selectBox-arrow-inner {
    top: 6px;
    border-width: 0 5px 5px;
    border-color: #f5546d;
    border-bottom-color: #fff;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
    position: absolute;
    z-index: 3;
    max-height: 203px;
    background: #fff;
    text-align: left;
    overflow: auto;
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    -khtml-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}


/* Inline control */
.selectBox-inline {
    display: inline-block;
    width: 250px;
    background: #fff;
    overflow: auto;
}

.selectBox-inline:focus {
    border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options li,
.selectBox-options a {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}

.selectBox-options .remove a {
    color: #ff3b06;
}

.selectBox-options a {
    padding: 0 .5em;
    line-height: 1.5;
    background: 6px no-repeat;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-hover a {
    background: #eee;
}

.selectBox-disabled a {
    background: transparent;
    color: #888;
}

.selectBox-selected a {
    background: #c8def4;
}

.selectBox-optgroup {
    padding: 0 .3em;
    line-height: 1.5;
    background: #eee;
    color: #666;
    font-weight: bold;
    white-space: nowrap;
}


/* Disabled state */
.selectBox-disabled {
    color: #888 !important;
}

.selectBox-disabled .selectBox-arrow {
    border-color: #666;
}

.selectBox-disabled {
    color: #888 !important;
}

.selectBox-disabled .selectBox-options a {
    background: transparent !important;
}

.field-error .selectBox-dropdown {
    border-color: #f00d0d;
    color: #f00d0d;
}

/* my-account-form */
.my-account-form .selectBox-arrow-inner {
    border-color: #f5546d;
    border-top-color: #fff;
}
.my-account-form .selectBox-dropdown:hover .selectBox-arrow-inner,
.my-account-form .selectBox-menuShowing .selectBox-arrow-inner {
    border-color: #f5546d;
    border-bottom-color: #fff;
}

.wrap-report-bug .selectBox-label {
    padding: 2px;
}