#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
    }
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
    }
#cboxMiddleLeft, #cboxBottomLeft {
    clear: left
    }
#cboxContent {
    position: relative
    }
#cboxLoadedContent {
    overflow: auto
    }
#cboxTitle {
    margin: 0
    }
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
    }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer
    }
.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block
    }
.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0
    }
#cboxOverlay {
    background: #000
    }
#cboxWrapper {
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    }
#cboxTopLeft {
    width: 15px;
    height: 15px
    }
#cboxTopCenter {
    height: 15px
    }
#cboxTopRight {
    width: 15px;
    height: 15px
    }
#cboxBottomLeft {
    width: 15px;
    height: 10px
    }
#cboxBottomCenter {
    height: 10px
    }
#cboxBottomRight {
    width: 15px;
    height: 10px
    }
#cboxMiddleLeft {
    width: 15px
    }
#cboxMiddleRight {
    width: 15px
    }
#cboxContent {
    background: #fff;
    overflow: hidden;
    font: 12px "Lucida Grande", Verdana, Arial, sans-serif
    }
#cboxError {
    padding: 50px;
    border: 1px solid #ccc
    }
#cboxLoadedContent {
    margin-bottom: 28px
    }
#cboxTitle {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    bottom: 28px;
    left: 0;
    color: #535353;
    width: 100%;
    padding: 4px
    }
#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 60px;
    color: #949494
    }
.cboxSlideshow_on #cboxSlideshow {
    position: absolute;
    bottom: 0;
    right: 30px;
    background: url(/assets/sites/default/modules/contrib/colorbox/styles/default/images/controls.png) -75px -50px no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px
    }
.cboxSlideshow_on #cboxSlideshow.hover {
    background-position: -101px -50px
    }
.cboxSlideshow_off #cboxSlideshow {
    position: absolute;
    bottom: 0;
    right: 30px;
    background: url(/assets/sites/default/modules/contrib/colorbox/styles/default/images/controls.png) -49px -50px no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px
    }
.cboxSlideshow_off #cboxSlideshow.hover {
    background-position: -25px -50px
    }
#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/assets/sites/default/modules/contrib/colorbox/styles/default/images/controls.png) -75px 0 no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px
    }
#cboxPrevious.hover {
    background-position: -75px -25px
    }
#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/assets/sites/default/modules/contrib/colorbox/styles/default/images/controls.png) -50px 0 no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px
    }
#cboxNext.hover {
    background-position: -50px -25px
    }
#cboxLoadingOverlay {
    background: #fff
    }
#cboxLoadingGraphic {
    background: url(/assets/sites/default/modules/contrib/colorbox/styles/default/images/loading_animation.gif) center center no-repeat
    }
#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/assets/sites/default/modules/contrib/colorbox/styles/default/images/controls.png) -25px 0 no-repeat;
    width: 25px;
    height: 25px;
    text-indent: -9999px
    }
#cboxClose.hover {
    background-position: -25px -25px
    }
.cboxIE6 #cboxTitle {
    background: #fff
    }
.ctools-locked {
    color: red;
    border: 1px solid red;
    padding: 1em
    }
.ctools-owns-lock {
    background: #ffd none repeat scroll 0 0;
    border: 1px solid #f0c020;
    padding: 1em
    }
a.ctools-ajaxing, input.ctools-ajaxing, button.ctools-ajaxing, select.ctools-ajaxing {
    padding-right: 18px !important;
    background: url(http://clubpenguinimg-a.akamaihd.net/sites/default/files/fc_http/Drupal-HD/sites/all/modules/contrib/ctools/images/status-active.gif) right center no-repeat
    }
div.ctools-ajaxing {
    float: left;
    width: 18px;
    background: url(http://clubpenguinimg-a.akamaihd.net/sites/default/files/fc_http/Drupal-HD/sites/all/modules/contrib/ctools/images/status-active.gif) center center no-repeat
    }
div.panel-pane div.admin-links {
    font-size: xx-small;
    margin-right: 1em
    }
div.panel-pane div.admin-links li a {
    color: #ccc
    }
div.panel-pane div.admin-links li {
    padding-bottom: 2px;
    background: white;
    z-index: 201
    }
div.panel-pane div.admin-links:hover a, div.panel-pane div.admin-links-hover a {
    color: #000
    }
div.panel-pane div.admin-links a:before {
    content: "["
    }
div.panel-pane div.admin-links a:after {
    content: "]"
    }
div.panel-pane div.panel-hide {
    display: none
    }
div.panel-pane div.panel-hide-hover, div.panel-pane:hover div.panel-hide {
    display: block;
    position: absolute;
    z-index: 200;
    margin-top: -1.5em
    }
div.panel-pane div.feed a {
    float: right
    }
.ui-selectmenu {
    display: block;
    display: inline-block;
    position: relative;
    height: 2.2em;
    vertical-align: middle;
    text-decoration: none;
    overflow: hidden;
    zoom: 1
    }
.ui-selectmenu-icon {
    position: absolute;
    right: 6px;
    margin-top: -8px;
    top: 50%
    }
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    display: none;
    z-index: 1005
    }
.ui-selectmenu-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
    }
.ui-selectmenu-open {
    display: block
    }
.ui-selectmenu-menu-popup {
    margin-top: -1px
    }
.ui-selectmenu-menu li {
    padding: 0;
    margin: 0;
    display: block;
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: normal !important
    }
.ui-selectmenu-menu li a, .ui-selectmenu-status {
    line-height: 1.4em;
    display: block;
    padding: 0.405em 2.1em 0.405em 1em;
    outline: 0;
    text-decoration: none
    }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
    cursor: default
    }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {
    padding-left: 20px;
    position: relative;
    margin-left: 5px
    }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0
    }
.ui-selectmenu-status {
    line-height: 1.4em
    }
.ui-selectmenu-menu li span, .ui-selectmenu-status span {
    display: block;
    margin-bottom: 0.2em
    }
.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold
    }
.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: 0.8
    }
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em
    }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    line-height: 1.4em;
    display: block;
    padding: 0.6em 0.5em 0;
    font-weight: bold
    }
.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin: 0;
    padding: 0
    }
* html .ui-selectmenu-menu li {
    border-color: pink;
    filter: chroma(color=pink);
    width: 100%
    }
* html .ui-selectmenu-menu li a {
    position: relative
    }
* + html .ui-state-disabled, * + html .ui-state-disabled a {
    color: silver
    }
.video_thumbnail {
    min-width: 100px;
    min-height: 100px
    }
.video-width-text {
    width: 10px
    }
.video-thumbnails .form-item {
    float: left;
    margin-right: 10px;
    max-width: 30%;
    padding-right: 10px
    }
.video_image_teaser {
    float: left;
    padding: 0.5em
    }
br.video_image_clear {
    clear: both
    }
.video-inprogress {
    border: 1px solid red;
    padding: 0.5em
    }
.video-conversion-failed {
    border: 1px solid red;
    padding: 0.5em
    }
.widget-edit {
    max-width: 70%
    }
.widget-edit .form-item {
    white-space: normal !important
    }
.admin_flv_player_wrapper {
    display: none
    }
* html object.video-object {
    display: none
    }
* html object.video-object {
    display: inline
    }
* html object.video-object {
    display: none
    }
div.video-preview {
    float: left;
    padding: 0 10px 10px 0
    }
div.video-widget-data {
    float: left;
    width: 85%
    }
div.video-widget-data input.text-field {
    width: auto
    }
div#video-browser-page-wrapper div#video-browser-page div.video-item {
    float: left;
    height: 128px;
    padding: 5px;
    text-align: center;
    border: 1px #ccc dotted
    }
div#video-browser-page-wrapper div#video-browser-page div.video-item:hover {
    background-color: antiquewhite
    }
#views-slideshow-form-wrapper .form-item.dependent-options {
    padding-left: 5px
    }
#views-slideshow-form-wrapper .vs-dependent {
    padding-left: 30px
    }
body {
    font-family: "proxima_nova_regular", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #616161;
    font-size: 16px;
    line-height: 21px
    }
b, strong {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal
    }
em, i {
    font-family: "proxima_nova_italic", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal
    }
h1, h2, h3, h4, h5, h6 {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0;
    letter-spacing: -0.05em;
    text-rendering: optimizelegibility
    }
h1 {
    font-size: 30px;
    line-height: 34px;
    color: #0051af;
    padding-bottom: 18px
    }
h1#page-title em {
    font-family: "proxima_nova_regular", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    padding-right: 12px
    }
h2 {
    font-size: 20px;
    line-height: 20px;
    color: #616161;
    padding-bottom: 10px
    }
h2 a {
    color: #616161;
    text-decoration: none
    }
h2 a:hover {
    color: #616161;
    text-decoration: underline
    }
h3 {
    font-size: 18px
    }
h4 {
    font-size: 14px
    }
h5 {
    font-size: 12px
    }
h6 {
    font-size: 11px;
    text-transform: uppercase
    }
ul {
    padding-left: 16px;
    margin: 0
    }
ul li {
    list-style: disc outside;
    margin: 5px 0
    }
ol {
    padding-left: 16px;
    margin: 0
    }
ol li {
    list-style: decimal inside;
    margin: 5px 0
    }
.item-list ul.pager {
    color: #22a4f3;
    font-size: 16px;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: right
    }
.item-list ul.pager li {
    -moz-kit-border-radius: 4px;
    -web-kit-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 2px;
    padding: 8px 0
    }
.item-list ul.pager li a {
    color: #22a4f3;
    text-decoration: none;
    display: inline-block;
    -moz-kit-border-radius: 4px;
    -web-kit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px
    }
.item-list ul.pager li a:link, .item-list ul.pager li a:visited {
    color: #22a4f3;
    text-decoration: none
    }
.item-list ul.pager li a:hover, .item-list ul.pager li a:focus {
    text-decoration: none
    }
.item-list ul.pager li:hover {
    background: #eee
    }
.item-list ul.pager li.pager-current {
    background: #eee;
    padding: 8px
    }
.item-list ul.pager li.pager-next, .item-list ul.pager li.pager-all {
    background: #eee;
    margin: 5px
    }
.item-list ul.pager li.pager-ellipsis:hover {
    background: 0
    }
.more-link {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px
    }
.more-link a {
    color: #00adef;
    text-decoration: none
    }
.more-link a:link, .more-link a:visited {
    color: #00adef;
    text-decoration: none
    }
.more-link a:hover, .more-link a:focus {
    color: #0051af;
    text-decoration: none
    }
#cdn-integration-page-stats {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
    font-size: 10px;
    color: #fff
    }
#cdn-integration-page-stats > .item-list {
    width: 940px;
    margin: 0 10px
    }
#cdn-integration-page-stats > .item-list h3 {
    font-size: 12px;
    margin-bottom: 5px
    }
body {
    font-family: "proxima_nova_regular", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #616161;
    font-size: 16px;
    line-height: 21px
    }
b, strong {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal
    }
em, i {
    font-family: "proxima_nova_italic", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal
    }
h1, h2, h3, h4, h5, h6 {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0;
    letter-spacing: -0.05em;
    text-rendering: optimizelegibility
    }
h1 {
    font-size: 30px;
    line-height: 34px;
    color: #0051af;
    padding-bottom: 18px
    }
h1#page-title em {
    font-family: "proxima_nova_regular", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    padding-right: 12px
    }
h2 {
    font-size: 20px;
    line-height: 20px;
    color: #616161;
    padding-bottom: 10px
    }
h2 a {
    color: #616161;
    text-decoration: none
    }
h2 a:hover {
    color: #616161;
    text-decoration: underline
    }
h3 {
    font-size: 18px
    }
h4 {
    font-size: 14px
    }
h5 {
    font-size: 12px
    }
h6 {
    font-size: 11px;
    text-transform: uppercase
    }
ul {
    padding-left: 16px;
    margin: 0
    }
ul li {
    list-style: disc outside;
    margin: 5px 0
    }
ol {
    padding-left: 16px;
    margin: 0
    }
ol li {
    list-style: decimal inside;
    margin: 5px 0
    }
.item-list ul.pager {
    color: #22a4f3;
    font-size: 16px;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: right
    }
.item-list ul.pager li {
    -moz-kit-border-radius: 4px;
    -web-kit-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 2px;
    padding: 8px 0
    }
.item-list ul.pager li a {
    color: #22a4f3;
    text-decoration: none;
    display: inline-block;
    -moz-kit-border-radius: 4px;
    -web-kit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px
    }
.item-list ul.pager li a:link, .item-list ul.pager li a:visited {
    color: #22a4f3;
    text-decoration: none
    }
.item-list ul.pager li a:hover, .item-list ul.pager li a:focus {
    text-decoration: none
    }
.item-list ul.pager li:hover {
    background: #eee
    }
.item-list ul.pager li.pager-current {
    background: #eee;
    padding: 8px
    }
.item-list ul.pager li.pager-next, .item-list ul.pager li.pager-all {
    background: #eee;
    margin: 5px
    }
.item-list ul.pager li.pager-ellipsis:hover {
    background: 0
    }
.more-link {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px
    }
.more-link a {
    color: #00adef;
    text-decoration: none
    }
.more-link a:link, .more-link a:visited {
    color: #00adef;
    text-decoration: none
    }
.more-link a:hover, .more-link a:focus {
    color: #0051af;
    text-decoration: none
    }
#cboxOverlay {
    opacity: 0.6 !important;
    background: black
    }
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: visible
    }
#colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: visible;
    padding: 0
    }
#cboxContent {
    background: white;
    overflow: visible;
    font-family: "proxima_nova_regular", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 12px
    }
#cboxClose {
    position: absolute;
    top: 4px;
    right: 0;
    background: url(/assets/sites/default/themes/club_penguin/img/common/sprite.png) 0 -490px no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    display: none
    }
#cboxTopLeft {
    width: 0;
    height: 0
    }
#cboxTopCenter {
    height: 0
    }
#cboxTopRight {
    width: 0;
    height: 0
    }
#cboxMiddleLeft {
    width: 0
    }
#cboxMiddleRight {
    width: 0
    }
#cboxLoadedContent {
    margin-bottom: 0
    }
#cboxWrapper {
    background: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(http://clubpenguinimg-a.akamaihd.net/sites/default/files/fc_http/sites/default/themes/club_penguin/css/pie/PIE.htc)
    }
#cboxContent {
    background: transparent;
    overflow: visible;
    font-family: "proxima_nova_regular", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #fff
    }
#cboxLoadedContent {
    background: #22a4f3;
    border: 4px solid #21c0f0;
    margin: 22px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(http://clubpenguinimg-a.akamaihd.net/sites/default/files/fc_http/sites/default/themes/club_penguin/css/pie/PIE.htc);
    overflow: hidden
    }
#cboxLoadedContent h2 {
    color: #fff;
    background: #018ae4;
    padding: 15px 20px;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px
    }
#cboxLoadedContent .download_link, #cboxLoadedContent .download_text {
    padding: 15px 0;
    text-align: center;
    display: block;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px
    }
#cboxLoadedContent .download_link .button, #cboxLoadedContent .download_text .button {
    margin: 0 0 0 20px
    }
#cboxPrevious {
    position: absolute;
    bottom: 43%;
    left: 40px;
    background: url(/assets/sites/default/themes/club_penguin/img/common/sprite.png) -47px -550px no-repeat;
    width: 22px;
    height: 50px;
    text-indent: -9999px
    }
#cboxNext {
    position: absolute;
    bottom: 43%;
    left: auto;
    right: 30px;
    background: url(/assets/sites/default/themes/club_penguin/img/common/sprite.png) -47px -490px no-repeat;
    width: 22px;
    height: 50px;
    text-indent: -9999px
    }
#cboxCurrent {
    display: none !important
    }
.hidden-item {
    display: none
    }
a.cp-button-secondary {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZjJmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fefeff), color-stop(100%, #eef2f4));
    background-image: -moz-linear-gradient(#fefeff, #eef2f4);
    background-image: -webkit-linear-gradient(#fefeff, #eef2f4);
    background-image: linear-gradient(#fefeff, #eef2f4);
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    height: 45px;
    line-height: 45px;
    padding: 0 30px;
    color: #22a4f3;
    font-size: 16px;
    text-decoration: none !important;
    border: 1px solid #d5dde1;
    border-width: 1px 1px 3px
    }
a.cp-button-secondary:hover {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjlmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f8f9fb), color-stop(100%, #fdfdfe));
    background-image: -moz-linear-gradient(#f8f9fb, #fdfdfe);
    background-image: -webkit-linear-gradient(#f8f9fb, #fdfdfe);
    background-image: linear-gradient(#f8f9fb, #fdfdfe);
    color: #22a4f3
    }
a.cp-button-play-feature {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center 0, url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTk5MSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZkYzRmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZjYzAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center 0, -moz-linear-gradient(270deg, #ffe991 0, #ffdc4f 10%, #fc0 100%);
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center 0, -webkit-linear-gradient(270deg, #ffe991 0, #ffdc4f 10%, #fc0 100%);
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center 0, linear-gradient(-180deg, #ffe991 0, #ffdc4f 10%, #fc0 100%);
    -moz-box-shadow: #b89300 0 4px 0, rgba(0, 0, 0, 0.2) 0 6px 0;
    -webkit-box-shadow: #b89300 0 4px 0, rgba(0, 0, 0, 0.2) 0 6px 0;
    box-shadow: #b89300 0 4px 0, rgba(0, 0, 0, 0.2) 0 6px 0;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 24px;
    color: #6e4e00;
    text-decoration: none !important;
    border: 2px solid #ffe991
    }
a.cp-button-play-feature:hover {
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center -100px, url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTk5MSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZkYzRmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZjYzAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center -100px, -moz-linear-gradient(90deg, #ffe991 0, #ffdc4f 10%, #fc0 100%);
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center -100px, -webkit-linear-gradient(90deg, #ffe991 0, #ffdc4f 10%, #fc0 100%);
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center -100px, linear-gradient(0deg, #ffe991 0, #ffdc4f 10%, #fc0 100%);
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 0;
    margin-top: 4px
    }
a.cp-button-play {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center 0, url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTQ3NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center 0, -moz-linear-gradient(270deg, #ffe477 0, #fc0 100%);
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center 0, -webkit-linear-gradient(270deg, #ffe477 0, #fc0 100%);
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center 0, linear-gradient(-180deg, #ffe477 0, #fc0 100%);
    -moz-box-shadow: #fff7d7 0 2px 0 0 inset, rgba(0, 0, 0, 0.15) 0 3px 0;
    -webkit-box-shadow: #fff7d7 0 2px 0 0 inset, rgba(0, 0, 0, 0.15) 0 3px 0;
    box-shadow: #fff7d7 0 2px 0 0 inset, rgba(0, 0, 0, 0.15) 0 3px 0;
    height: 55px;
    line-height: 55px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 24px;
    color: #6e4e00;
    text-decoration: none !important;
    text-shadow: #fff 0 1px 0;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
    border: 1px solid #ff9d00
    }
a.cp-button-play:link, a.cp-button-play:visited {
    color: #6e4e00
    }
a.cp-button-play:hover {
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center -100px, url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTQ3NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center -100px, -moz-linear-gradient(90deg, #ffe477 0, #fc0 100%);
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center -100px, -webkit-linear-gradient(90deg, #ffe477 0, #fc0 100%);
    background: url(/assets/sites/default/themes/club_penguin/img/common/button-shine-play.png) no-repeat center -100px, linear-gradient(0deg, #ffe477 0, #fc0 100%)
    }
a.cp-button-yellow {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTQ3NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(270deg, #ffe477 0, #fc0 100%);
    background: -webkit-linear-gradient(270deg, #ffe477 0, #fc0 100%);
    background: linear-gradient(-180deg, #ffe477 0, #fc0 100%);
    -moz-box-shadow: #fff7d7 0 2px 0 0 inset, rgba(0, 0, 0, 0.15) 0 3px 0;
    -webkit-box-shadow: #fff7d7 0 2px 0 0 inset, rgba(0, 0, 0, 0.15) 0 3px 0;
    box-shadow: #fff7d7 0 2px 0 0 inset, rgba(0, 0, 0, 0.15) 0 3px 0;
    height: 55px;
    line-height: 55px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 24px;
    color: #6e4e00;
    text-decoration: none !important;
    text-shadow: #fff 0 1px 0;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
    border: 1px solid #604e3f
    }
a.cp-button-yellow:link, a.cp-button-yellow:visited {
    color: #6e4e00
    }
a.cp-button-yellow:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTQ3NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(90deg, #ffe477 0, #fc0 100%);
    background: -webkit-linear-gradient(90deg, #ffe477 0, #fc0 100%);
    background: linear-gradient(0deg, #ffe477 0, #fc0 100%)
    }
a.cp-button-blue {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyYTRmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDA5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(270deg, #22a4f3 0, #004093 100%);
    background: -webkit-linear-gradient(270deg, #22a4f3 0, #004093 100%);
    background: linear-gradient(-180deg, #22a4f3 0, #004093 100%);
    -moz-box-shadow: 0 3px 0 0 rgba(0, 82, 175, 0.4), inset 0 2px 0 0 rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 82, 175, 0.4), inset 0 2px 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 3px 0 0 rgba(0, 82, 175, 0.4), inset 0 2px 0 0 rgba(255, 255, 255, 0.4);
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #003f72
    }
a.cp-button-blue:link, a.cp-button-blue:visited {
    color: #fff
    }
a.cp-button-blue:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDA5MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyYTRmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(270deg, #004093 0, #22a4f3 100%);
    background: -webkit-linear-gradient(270deg, #004093 0, #22a4f3 100%);
    background: linear-gradient(-180deg, #004093 0, #22a4f3 100%)
    }
a.cp-button-dark-blue {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmFiZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDA5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(270deg, #006abd 0, #004093 100%);
    background: -webkit-linear-gradient(270deg, #006abd 0, #004093 100%);
    background: linear-gradient(-180deg, #006abd 0, #004093 100%);
    -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 rgba(126, 225, 255, 0.4);
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 rgba(126, 225, 255, 0.4);
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 rgba(126, 225, 255, 0.4);
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #003f72
    }
a.cp-button-dark-blue:link, a.cp-button-dark-blue:visited {
    color: #fff
    }
a.cp-button-dark-blue:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDA5MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmFiZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(270deg, #004093 0, #006abd 100%);
    background: -webkit-linear-gradient(270deg, #004093 0, #006abd 100%);
    background: linear-gradient(-180deg, #004093 0, #006abd 100%)
    }
a.cp-button-green {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlZDIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVkYjEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(270deg, #6ed200 0, #5db100 100%);
    background: -webkit-linear-gradient(270deg, #6ed200 0, #5db100 100%);
    background: linear-gradient(-180deg, #6ed200 0, #5db100 100%);
    -moz-box-shadow: 0 3px 0 0 rgba(0, 62, 113, 0.3), inset 0 1px 1px 0 #ccff7d;
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 62, 113, 0.3), inset 0 1px 1px 0 #ccff7d;
    box-shadow: 0 3px 0 0 rgba(0, 62, 113, 0.3), inset 0 1px 1px 0 #ccff7d;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    border: 1px solid;
    border-color: #003f72;
    border-color: rgba(0, 63, 114, 0.8);
    transition: all 200ms ease
    }
a.cp-button-green:link, a.cp-button-green:visited {
    color: #fff
    }
a.cp-button-green:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYjEwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZlZDIwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(270deg, #5db100 0, #6ed200 100%);
    background: -webkit-linear-gradient(270deg, #5db100 0, #6ed200 100%);
    background: linear-gradient(-180deg, #5db100 0, #6ed200 100%)
    }
a.cp-button-flat {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    border: 1px solid;
    border-color: #003f72;
    border-color: rgba(0, 63, 114, 0.8);
    transition: all 200ms ease
    }
a.cp-button-flat:hover {
    background-color: #003f72;
    background-color: rgba(0, 63, 114, 0.8)
    }
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
    }
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
    }
a {
    background-color: transparent
    }
a:focus, a:hover, a:active {
    outline: 0
    }
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
    }
button {
    overflow: visible
    }
button, select {
    text-transform: none
    }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
    }
button[disabled], html input[disabled] {
    cursor: default
    }
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
    }
input {
    line-height: normal
    }
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
    }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
    }
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
    }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
    }
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
    }
legend {
    border: 0;
    padding: 0
    }
textarea {
    overflow: auto
    }
optgroup {
    font-weight: bold
    }
#overlay-wrapper {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background: #117ad0
    }
#overlay-wrapper .overlay-inner {
    position: relative;
    max-width: 980px;
    margin: 0 auto
    }
#overlay-header {
    background-color: rgba(0, 82, 175, 0.5)
    }
#overlay-header h2.flow-title {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    min-height: 50px;
    margin: 0;
    padding: 15px 50px 10px;
    color: #fff;
    font-size: 16px;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0
    }
@media screen and (min-width: 768px) {
    #overlay-header h2.flow-title {
        min-height: 70px;
        padding: 25px 70px 20px;
        font-size: 22px
        }
    }
#overlay-header.geopalz h2.flow-title {
    padding: 50px 50px 20px;
    background: url(/assets/sites/default/modules/custom/penguin/img/member-header-icon-aff-geopalz.png) center 5px no-repeat;
    background-size: auto 35px
    }
#overlay-header .sub-header {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    height: 32px;
    color: #fc0;
    font-size: 12px;
    line-height: 32px;
    text-transform: uppercase;
    text-align: center;
    background-color: #003f72
    }
@media screen and (min-width: 768px) {
    #overlay-header .sub-header {
        height: 50px;
        line-height: 50px;
        font-size: 16px
        }
    }
#overlay-header .sub-header.selected-plan span {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    padding-left: 36px;
    background: url(/assets/sites/default/modules/custom/penguin/img/plan-member-badge.png) 0 center no-repeat;
    background-size: auto 22px
    }
@media screen and (min-width: 768px) {
    #overlay-header .sub-header.selected-plan span {
        padding-left: 45px;
        background-size: auto 35px
        }
    }
#overlay-content {
    clear: both;
    margin: 0;
    padding: 15px
    }
@media screen and (min-width: 768px) {
    #overlay-content {
        padding: 30px 20px 50px
        }
    }
@media screen and (min-width: 980px) {
    #overlay-content {
        padding: 30px 30px 50px
        }
    }
#overlay-content .column-left, #overlay-content .column-right {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    width: 100%;
    vertical-align: top
    }
@media screen and (min-width: 768px) {
    #overlay-content .column-left, #overlay-content .column-right {
        width: 46%
        }
    }
@media screen and (min-width: 768px) {
    #overlay-content .column-right {
        clear: right;
        float: right
        }
    }
#overlay-content .row-wrapper {
    position: relative;
    margin-bottom: 22px
    }
@media screen and (min-width: 768px) {
    #overlay-content .row-wrapper {
        margin-bottom: 30px
        }
    }
#overlay-content .row-label {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center
    }
@media screen and (min-width: 768px) {
    #overlay-content .row-label {
        margin-bottom: 8px;
        font-size: 16px
        }
    }
#overlay-content .row {
    position: relative
    }
#overlay-footer {
    clear: both
    }
.actions .button-wrap a.play-now {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    height: 45px;
    max-width: 380px;
    margin: 0 auto;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 45px
    }
@media screen and (min-width: 768px) {
    .actions .button-wrap a.play-now {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px
        }
    }
.close, .back {
    position: absolute;
    top: 0;
    z-index: 99;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(/assets/sites/default/modules/custom/penguin/img/btn-x.png) center center no-repeat;
    background-size: 30px auto
    }
@media screen and (min-width: 768px) {
    .close, .back {
        width: 70px;
        height: 70px;
        background-size: 45px auto
        }
    }
.close {
    right: 0
    }
@media screen and (min-width: 980px) {
    #overlay-header .close {
        background-position: center right
        }
    }
.back {
    left: 0;
    background-image: url(/assets/sites/default/modules/custom/penguin/img/btn-back.png)
    }
@media screen and (min-width: 980px) {
    .back {
        background-position: center left
        }
    }
#overlay form {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal
    }
#overlay form input {
    width: 100%
    }
#overlay form input.form-text {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 0;
    background-color: #fff
    }
#overlay form input.form-submit {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlZDIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVkYjEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(270deg, #6ed200 0, #5db100 100%);
    background: -webkit-linear-gradient(270deg, #6ed200 0, #5db100 100%);
    background: linear-gradient(-180deg, #6ed200 0, #5db100 100%);
    -moz-box-shadow: 0 3px 0 0 rgba(0, 62, 113, 0.3), inset 0 1px 1px 0 #ccff7d;
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 62, 113, 0.3), inset 0 1px 1px 0 #ccff7d;
    box-shadow: 0 3px 0 0 rgba(0, 62, 113, 0.3), inset 0 1px 1px 0 #ccff7d;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    border: 1px solid;
    border-color: #003f72;
    border-color: rgba(0, 63, 114, 0.8);
    transition: all 200ms ease
    }
#overlay form input.form-submit:link, #overlay form input.form-submit:visited {
    color: #fff
    }
#overlay form input.form-submit:hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYjEwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZlZDIwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background: -moz-linear-gradient(270deg, #5db100 0, #6ed200 100%);
    background: -webkit-linear-gradient(270deg, #5db100 0, #6ed200 100%);
    background: linear-gradient(-180deg, #5db100 0, #6ed200 100%)
    }
@media screen and (min-width: 768px) {
    #overlay a.cp-button-green, #overlay form input.form-submit, #overlay form input.form-text {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        height: 45px;
        line-height: 45px;
        font-size: 16px
        }
    }
#overlay .form-required {
    display: none
    }
#overlay .form-item {
    margin: 0;
    padding: 0
    }
#overlay .form-item .error {
    border: 2px solid #ffbc3a;
    background: #fff url(/assets/sites/default/modules/custom/penguin/img/errormark.png) no-repeat 97% center
    }
#overlay .form-item .valid {
    background: #fff url(/assets/sites/default/modules/custom/penguin/img/checkmark-green.png) no-repeat 98% center
    }
#overlay .form-item .progress-disabled {
    background: #fff url(/assets/sites/default/modules/custom/penguin/img/box-loader.gif) no-repeat 98% center
    }
#overlay .form-item .field-prefix {
    display: block;
    position: relative;
    width: 245px;
    margin: 0 auto
    }
#overlay .form-item .error-msg, #overlay .form-item .error_msg, #overlay .form-item .success-msg {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 3px 0 0 rgba(0, 62, 113, 0.3);
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 62, 113, 0.3);
    box-shadow: 0 3px 0 0 rgba(0, 62, 113, 0.3);
    position: absolute;
    bottom: 13px;
    left: 0;
    z-index: 10;
    width: 245px;
    padding: 6px 10px;
    color: #0052af;
    font-size: 12px;
    line-height: 1.1;
    text-align: center;
    border: 2px solid #ffbc3a;
    background: 0;
    background-color: #ffbc3a
    }
#overlay .form-item .error-msg:after, #overlay .form-item .error_msg:after, #overlay .form-item .success-msg:after {
    position: absolute;
    height: 0;
    width: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    left: 107px;
    bottom: -15px;
    border-left: 13px solid transparent;
    border-top: 13px solid #ffbc3a;
    border-right: 13px solid transparent
    }
#overlay .form-item .error-msg .name-suggestion, #overlay .form-item .error_msg .name-suggestion, #overlay .form-item .success-msg .name-suggestion {
    display: block;
    margin: 5px 0;
    color: #6b079c;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline
    }
#overlay .form-item .error-msg .name-suggestion:focus, #overlay .form-item .error-msg .name-suggestion:hover, #overlay .form-item .error_msg .name-suggestion:focus, #overlay .form-item .error_msg .name-suggestion:hover, #overlay .form-item .success-msg .name-suggestion:focus, #overlay .form-item .success-msg .name-suggestion:hover {
    color: #07a1ce;
    text-decoration: none
    }
#overlay .form-item .success-msg {
    color: #fff;
    border-color: #6ed200;
    background-color: #6ed200
    }
#overlay .form-item .success-msg:after {
    border-top: 13px solid #6ed200
    }
#overlay .form-item label {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    color: #bfcfd8;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center
    }
@media screen and (min-width: 768px) {
    #overlay .form-item label {
        top: 15px;
        font-size: 18px
        }
    }
#overlay .legal-text {
    color: #fff;
    font-size: 10px;
    line-height: 1.1
    }
@media screen and (min-width: 768px) {
    #overlay .legal-text {
        font-size: 12px
        }
    }
#overlay .box-title {
    height: 35px;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase
    }
@media screen and (min-width: 768px) {
    #overlay .box-title {
        height: 70px;
        line-height: 70px;
        font-size: 22px
        }
    }
body.page-club-penguin-rules .page {
    width: auto
    }
body.page-club-penguin-rules .modal-inner-close {
    display: none
    }
body.page-club-penguin-rules #section-content #zone-content-wrapper {
    box-shadow: none;
    background: transparent;
    padding: 0
    }
body.page-club-penguin-rules #section-content #zone-content-wrapper #zone-content {
    background: transparent
    }
#club-penguin-rules-wrapper {
    display: block;
    width: 300px;
    height: 428px;
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
    border-radius: 20px;
    border: 3px solid #0052af;
    background: #fff url(/assets/sites/default/modules/custom/penguin/img/rules-background.png) 0 0 no-repeat;
    box-sizing: border-box
    }
@media screen and (min-width: 768px) {
    #club-penguin-rules-wrapper {
        width: 500px
        }
    }
#club-penguin-rules-wrapper #rules-header h1 {
    padding-left: 20px;
    padding-top: 10px;
    text-align: left;
    font-size: 18px;
    color: #0052af;
    background-color: #ddd
    }
#club-penguin-rules-wrapper #rule-one, #club-penguin-rules-wrapper #rule-two, #club-penguin-rules-wrapper #rule-three, #club-penguin-rules-wrapper #rule-four {
    position: relative;
    margin-top: 20px;
    margin-left: 20px;
    padding: 7px;
    color: #0052af
    }
#club-penguin-rules-wrapper #rule-one {
    background: url(/assets/sites/default/modules/custom/penguin/img/rules-smiley.png) 0 0 no-repeat
    }
#club-penguin-rules-wrapper #rule-two {
    background: url(/assets/sites/default/modules/custom/penguin/img/rules-chatbox.png) 0 0 no-repeat;
    background-size: 50px auto
    }
#club-penguin-rules-wrapper #rule-three {
    background: url(/assets/sites/default/modules/custom/penguin/img/rules-tube.png) 0 0 no-repeat
    }
#club-penguin-rules-wrapper #rule-four {
    background: url(/assets/sites/default/modules/custom/penguin/img/rules-controller.png) 0 0 no-repeat
    }
#club-penguin-rules-wrapper #rule-one h3, #club-penguin-rules-wrapper #rule-two h3, #club-penguin-rules-wrapper #rule-three h3, #club-penguin-rules-wrapper #rule-four h3 {
    margin-left: 65px;
    font-size: 14px;
    font-weight: bold;
    color: #0052af
    }
@media screen and (min-width: 768px) {
    #club-penguin-rules-wrapper #rule-one h3, #club-penguin-rules-wrapper #rule-two h3, #club-penguin-rules-wrapper #rule-three h3, #club-penguin-rules-wrapper #rule-four h3 {
        font-size: 16px
        }
    }
#club-penguin-rules-wrapper #rule-one h4, #club-penguin-rules-wrapper #rule-two h4, #club-penguin-rules-wrapper #rule-three h4, #club-penguin-rules-wrapper #rule-four h4 {
    margin-left: 65px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2em
    }
@media screen and (min-width: 768px) {
    #club-penguin-rules-wrapper #rule-one h4, #club-penguin-rules-wrapper #rule-two h4, #club-penguin-rules-wrapper #rule-three h4, #club-penguin-rules-wrapper #rule-four h4 {
        font-size: 14px
        }
    }
#club-penguin-rules-wrapper #rules-footer {
    position: relative;
    margin-top: 20px;
    font-size: 10px;
    text-align: center;
    color: #0052af
    }
#club-penguin-rules-wrapper #rules-footer h5 {
    padding: 0 10px;
    line-height: 1.2em
    }
@media screen and (min-width: 768px) {
    #club-penguin-rules-wrapper #rules-footer h5 {
        font-size: 14px
        }
    }
.overlay-login-create #overlay-footer {
    text-align: center;
    margin: 0 15px;
    padding-bottom: 15px
    }
.overlay-login-create #overlay-footer .overlay-inner {
    border-top: 1px solid #003f72;
    border-color: rgba(0, 63, 114, 0.7)
    }
.overlay-login-create .giftcard-info {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 auto;
    padding: 20px 0 0 60px;
    font-size: 16px;
    line-height: 1.1;
    text-align: left;
    background: url(/assets/sites/default/modules/custom/penguin/img/Gift-Card-Stack.png) no-repeat 0 20px;
    background-size: auto 35px
    }
@media screen and (min-width: 768px) {
    .overlay-login-create .giftcard-info {
        min-height: 100px;
        padding: 40px 0 0 125px;
        font-size: 18px;
        background-size: auto 78px
        }
    }
.overlay-login-create .giftcard-info .giftcard-title {
    color: #fff;
    margin-bottom: 5px
    }
.overlay-login-create .giftcard-info .giftcard-link a {
    color: #fc0;
    text-decoration: none
    }
.login-box, .create-box {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 100%
    }
.login-box {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    background-color: rgba(34, 164, 243, 0.5)
    }
@media screen and (min-width: 768px) {
    .login-box {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px
        }
    }
.login-box #login-form {
    padding: 10px 10px 20px
    }
@media screen and (min-width: 768px) {
    .login-box #login-form {
        padding: 20px 30px 40px
        }
    }
.login-box .login-title {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0;
    background-color: rgba(0, 82, 175, 0.75)
    }
@media screen and (min-width: 768px) {
    .login-box .login-title {
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px;
        border-radius: 8px 8px 0 0
        }
    }
.login-box .description {
    margin-top: 15px;
    font-size: 12px;
    text-transform: uppercase
    }
@media screen and (min-width: 768px) {
    .login-box .description {
        margin-top: 35px;
        font-size: 16px
        }
    }
.login-box .description a {
    color: #fc0;
    text-decoration: none
    }
.create-box {
    padding: 20px 10px
    }
@media screen and (min-width: 768px) {
    .create-box {
        padding-top: 0
        }
    }
.create-box .actions {
    margin-top: 20px
    }
.create-box .actions a {
    width: 100%
    }
.create-box .create-legal {
    margin-top: 15px;
    text-align: center
    }
.create-box .create-legal span {
    display: block
    }
.page-moderator #overlay {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    top: 0;
    width: 1180px;
    color: #000;
    border: 0;
    background: 0
    }
.page-moderator #page-title {
    display: block
    }
.page-moderator #or, .page-moderator #create-box, .page-moderator .modal-close {
    display: none
    }
.page-moderator #section-content {
    width: 1220px
    }
.page-moderator #section-content .container-12 {
    width: 1200px
    }
.page-moderator #section-content .container-12 .grid-12 {
    width: 1180px
    }
.page-moderator #igloo-select h2, .page-moderator #room-select h2 {
    text-align: left
    }
.page-moderator table th {
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    background: #0052af
    }
.page-moderator table td {
    padding: 5px 10px;
    color: #000;
    text-align: left;
    border: 1px solid #0052af;
    background: #fff
    }
.page-moderator table tr:hover td {
    background: #ccc
    }
#overlay.overlay-giftcert .giftcert-box {
    width: 100%;
    text-align: center;
    background-color: rgba(34, 164, 243, 0.5)
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-giftcert .giftcert-box {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        max-width: 500px;
        margin: 0 auto
        }
    }
#overlay.overlay-giftcert .box-title {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0;
    background-color: rgba(0, 82, 175, 0.75)
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-giftcert .box-title {
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px;
        border-radius: 8px 8px 0 0
        }
    }
#overlay.overlay-giftcert .cert-gift-card {
    text-align: center;
    padding: 20px 10px
    }
#overlay.overlay-giftcert .cert-gift-card img {
    width: 100%;
    max-width: 330px
    }
#overlay.overlay-giftcert .actions {
    margin-top: 20px
    }
#overlay.overlay-giftcert .actions a {
    width: 100%
    }
#overlay.overlay-checkout {
    text-align: center
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-checkout .paperdoll {
        height: 320px;
        width: 260px;
        background-size: auto 320px
        }
    }
#overlay.overlay-checkout .login-avatar {
    margin-top: -15px;
    margin-bottom: -10px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-checkout .login-avatar {
        margin-top: -30px
        }
    }
#overlay.overlay-checkout .checkout-legal {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 20px 0;
    font-size: 10px;
    color: #7ee1ff
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-checkout .checkout-legal {
        font-size: 16px
        }
    }
#overlay.overlay-checkout .error {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    max-width: 400px;
    padding: 10px 20px;
    margin: 20px auto;
    font-size: 14px;
    background: 0;
    background-color: #fff
    }
#overlay.overlay-checkout .actions .button-wrap:first-child {
    margin-bottom: 30px
    }
#overlay.overlay-checkout .actions .button-wrap:last-child {
    padding-top: 30px;
    border-top: 1px solid #003f72;
    border-color: rgba(0, 63, 114, 0.7)
    }
#overlay.overlay-checkout .actions .button-wrap a {
    width: 100%;
    max-width: 380px
    }
#overlay.overlay-checkout .actions .button-wrap a.login-different {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    border: 1px solid;
    border-color: #003f72;
    border-color: rgba(0, 63, 114, 0.8);
    transition: all 200ms ease;
    color: #7ee1ff
    }
#overlay.overlay-checkout .actions .button-wrap a.login-different:hover {
    background-color: #003f72;
    background-color: rgba(0, 63, 114, 0.8)
    }
#overlay.overlay-emailsent {
    text-align: center
    }
#overlay.overlay-emailsent .back {
    display: none
    }
#overlay.overlay-emailsent .tip-box {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    top: 145px;
    left: 15px;
    display: block
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-emailsent .tip-box {
        top: 185px;
        left: 80px
        }
    }
#overlay.overlay-emailsent .tip-box .tip-inner {
    font-size: 12px
    }
#overlay.overlay-emailsent .tip-box p {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    padding: 0 0 10px
    }
#overlay.overlay-emailsent .tip-box p:last-child {
    padding: 0
    }
#overlay.overlay-emailsent .tip-box .email {
    display: block;
    color: #22a4f3
    }
#overlay.overlay-emailsent .paperdoll {
    margin-bottom: 50px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-emailsent .paperdoll {
        margin-bottom: 0;
        height: 320px;
        width: 260px;
        background-size: auto 320px
        }
    }
#overlay.overlay-emailsent .note, #overlay.overlay-emailsent .emailsent-legal, #overlay.overlay-emailsent .bright-idea {
    max-width: 380px;
    margin: 0 auto 20px;
    font-size: 14px;
    line-height: 1.2
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-emailsent .note, #overlay.overlay-emailsent .emailsent-legal, #overlay.overlay-emailsent .bright-idea {
        margin: 0 auto 30px
        }
    }
#overlay.overlay-emailsent .note {
    color: #7ee1ff
    }
#overlay.overlay-emailsent .emailsent-legal {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #fff
    }
#overlay.overlay-emailsent .bright-idea {
    margin: 10px auto;
    color: #fff
    }
#overlay.overlay-emailsent .bright-idea span {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    height: 54px;
    padding: 13px 0 0 48px;
    background: url(/assets/sites/default/modules/custom/penguin/img/bright-idea-icon.png) no-repeat 0 center
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-emailsent .bright-idea span {
        padding-top: 17px
        }
    }
#overlay.overlay-activation-thanks {
    text-align: center
    }
#overlay.overlay-activation-thanks .back {
    display: none
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-activation-thanks .paperdoll {
        height: 320px;
        width: 260px;
        background-size: auto 320px
        }
    }
#overlay.overlay-activation-thanks .note {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 auto 20px;
    max-width: 380px;
    color: #7ee1ff;
    line-height: 1.2;
    font-size: 16px
    }
#overlay.overlay-penguin-thanks #overlay-content {
    padding-top: 0;
    background: url(/assets/sites/default/modules/custom/penguin/img/thanks-bg.png) no-repeat center -60px;
    background-size: auto 500px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-penguin-thanks #overlay-content {
        padding-top: 60px;
        padding-bottom: 150px;
        background-position: center 0;
        background-size: auto 100%
        }
    }
#overlay.overlay-penguin-thanks .thanks-avatar, #overlay.overlay-penguin-thanks .thanks-upsell, #overlay.overlay-penguin-thanks .thanks-or {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    width: 100%
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-penguin-thanks .thanks-avatar, #overlay.overlay-penguin-thanks .thanks-upsell, #overlay.overlay-penguin-thanks .thanks-or {
        width: 44%
        }
    }
#overlay.overlay-penguin-thanks .thanks-avatar {
    margin-top: 20px
    }
#overlay.overlay-penguin-thanks .thanks-avatar img {
    height: 190px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-penguin-thanks .thanks-avatar {
        margin-top: 0
        }
    #overlay.overlay-penguin-thanks .thanks-avatar img {
        height: auto
        }
    }
#overlay.overlay-penguin-thanks .thanks-or {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 20px 0 0;
    font-size: 22px;
    color: #fff;
    color: rgba(255, 255, 255, 0.25);
    text-transform: uppercase
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-penguin-thanks .thanks-or {
        width: 8%;
        margin: 0 auto
        }
    }
#overlay.overlay-penguin-thanks .thanks-upsell {
    position: relative
    }
#overlay.overlay-penguin-thanks .thanks-upsell .view-membership-upsell .views-row:not(.views-row-1) {
    display: none
    }
#overlay.overlay-penguin-thanks .thanks-upsell .view-membership-upsell .views-row {
    padding-bottom: 60px
    }
#overlay.overlay-penguin-thanks .thanks-upsell .view-membership-upsell img {
    width: 100%;
    max-width: 290px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-penguin-thanks .thanks-upsell .view-membership-upsell img {
        width: auto;
        max-width: 385px;
        max-height: 360px
        }
    }
#overlay.overlay-penguin-thanks .thanks-upsell .view-membership-upsell h2 {
    position: absolute;
    bottom: 34px;
    left: 0;
    width: 100%;
    font-size: 22px;
    text-transform: uppercase
    }
#overlay.overlay-penguin-thanks .thanks-mobile-upsell {
    display: none;
    width: 100%
    }
#overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-cp-app {
    padding: 20px 0;
    text-align: center;
    background: url(/assets/sites/default/modules/custom/penguin/img/thanks-app-background.png) repeat center 0
    }
#overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-cp-app .app-details {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    min-height: 75px;
    margin: 0 auto;
    padding: 0 0 0 90px;
    text-align: left;
    background: url(/assets/sites/default/modules/custom/penguin/img/thanks-app-icon.png) no-repeat 0 0;
    background-size: auto 75px
    }
#overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-cp-app .app-details h3 {
    margin: 0;
    padding: 10px 0;
    color: #fff;
    font-size: 18px
    }
#overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-cp-app .app-details a.apple, #overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-cp-app .app-details a.google {
    height: 30px;
    width: 106px;
    background-size: auto 30px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-cp-app .app-details {
        min-height: 150px;
        padding-left: 160px;
        background-size: auto 150px
        }
    #overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-cp-app .app-details h3 {
        padding: 30px 0 20px;
        font-size: 22px
        }
    #overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-cp-app .app-details a.apple, #overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-cp-app .app-details a.google {
        height: 50px;
        width: 175px;
        margin-right: 5px;
        background-size: auto 50px
        }
    }
#overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-buy-membership {
    padding: 30px 20px;
    background: url(/assets/sites/default/modules/custom/penguin/img/thanks-membership-bg.png) repeat center 0
    }
#overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-buy-membership .actions a.membership {
    font-size: 14px
    }
@media screen and (min-width: 600px) {
    #overlay.overlay-penguin-thanks .thanks-mobile-upsell .thanks-buy-membership .actions a.membership {
        font-size: 16px
        }
    }
#overlay.overlay-penguin-thanks .actions .button-wrap a.membership {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    max-width: 380px;
    margin: 0 auto;
    font-size: 16px
    }
#overlay.overlay-penguin-thanks .actions .button-wrap a.membership span {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    padding-left: 45px;
    background: url(/assets/sites/default/modules/custom/penguin/img/plan-member-badge.png) no-repeat 0 center;
    background-size: auto 35px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-penguin-thanks .actions .button-wrap a.membership {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px
        }
    }
.browser-mobile.page-penguin-thanks .page, .browser-mobile.page-penguin-thanks .section-content, .browser-mobile.page-penguin-thanks .zone-content-wrapper, .browser-mobile.page-penguin-thanks .zone-content, .browser-mobile.page-penguin-thanks .region-content, .browser-mobile.page-penguin-thanks .region-content-inner, .browser-mobile.page-penguin-thanks .block-system, .browser-mobile.page-penguin-thanks .block-inner, .browser-mobile.page-penguin-thanks .content, .browser-mobile.page-penguin-thanks #overlay-wrapper, .browser-mobile.page-penguin-thanks #overlay, .browser-mobile.page-penguin-thanks #overlay-content {
    height: 100%
    }
.browser-mobile.page-penguin-thanks #overlay-content .overlay-inner {
    position: inherit !important
    }
.browser-mobile.page-penguin-thanks #overlay.overlay-penguin-thanks #overlay-content {
    padding-left: 0;
    padding-right: 0
    }
.browser-mobile.page-penguin-thanks #overlay.overlay-penguin-thanks .thanks-mobile-upsell {
    display: block
    }
.browser-mobile.page-penguin-thanks #overlay.overlay-penguin-thanks .thanks-upsell, .browser-mobile.page-penguin-thanks #overlay.overlay-penguin-thanks .thanks-or, .browser-mobile.page-penguin-thanks #overlay.overlay-penguin-thanks .thanks-avatar .actions {
    display: none
    }
#overlay.overlay-activate .back {
    display: none
    }
#overlay.overlay-activate .paperdoll {
    margin-bottom: 20px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-activate .paperdoll {
        margin-bottom: 0;
        height: 320px;
        width: 260px;
        background-size: auto 320px
        }
    }
#overlay.overlay-activate .form-item label {
    letter-spacing: -0.04em
    }
#overlay.overlay-activate #submit-next {
    margin-top: 20px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-activate #submit-next {
        margin-top: 0
        }
    #overlay.overlay-activate #submit-next.step-2 {
        margin-top: 0
        }
    }
#overlay.overlay-activate .penguin-name {
    text-align: center;
    margin-top: -10px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-activate .penguin-name {
        margin-top: 10px
        }
    }
#overlay.overlay-activate .form-type-radio label, #overlay.overlay-activate .form-type-checkbox label {
    position: relative;
    top: 0;
    left: 0;
    letter-spacing: inherit
    }
#overlay.overlay-activate .row-wrapper, #overlay.overlay-activate .captcha.form-wrapper {
    margin-bottom: 15px
    }
#overlay.overlay-activate .form-item-chat-mode {
    width: 100%;
    margin-top: -7px;
    margin-bottom: -5px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-activate .form-item-chat-mode .form-item-chat-mode {
        display: -moz-inline-box;
        display: inline-block;
        zoom: 1;
        width: 48%
        }
    #overlay.overlay-activate .form-item-chat-mode .form-item-chat-mode:last-child {
        float: right
        }
    }
#overlay.overlay-activate .form-item-chat-mode label {
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
    background: url(/assets/sites/default/modules/custom/penguin/img/checkbox-toggle-off.png) no-repeat left 0;
    background-size: 50px auto
    }
#overlay.overlay-activate .form-item-chat-mode label .description {
    margin: 0;
    padding-right: 60px;
    color: #fff;
    font-size: 14px;
    line-height: 1.2
    }
#overlay.overlay-activate .form-item-chat-mode label h3 {
    color: #fff;
    padding-left: 60px;
    line-height: 28px
    }
#overlay.overlay-activate .form-item-chat-mode label p {
    margin: 0;
    padding: 8px 0
    }
#overlay.overlay-activate .form-item-chat-mode label.checked {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/checkbox-toggle-on.png)
    }
#overlay.overlay-activate .form-item-chat-mode .standard-chat, #overlay.overlay-activate .form-item-chat-mode .ultimate-chat {
    display: block;
    width: 290px;
    height: 190px;
    background: url(/assets/sites/default/modules/custom/penguin/img/standard-chat-default.gif) no-repeat 0 0;
    background-size: contain
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-activate .form-item-chat-mode .standard-chat, #overlay.overlay-activate .form-item-chat-mode .ultimate-chat {
        width: 100%;
        background-size: contain
        }
    }
#overlay.overlay-activate .form-item-chat-mode .ultimate-chat {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/ultimate-chat-default.gif)
    }
#overlay.overlay-activate .form-item-chat-mode .checked .standard-chat.i18n-en {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/standard-chat-en.gif)
    }
#overlay.overlay-activate .form-item-chat-mode .checked .standard-chat.i18n-es {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/standard-chat-es.gif)
    }
#overlay.overlay-activate .form-item-chat-mode .checked .standard-chat.i18n-fr {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/standard-chat-fr.gif)
    }
#overlay.overlay-activate .form-item-chat-mode .checked .standard-chat.i18n-pt {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/standard-chat-pt.gif)
    }
#overlay.overlay-activate .form-item-chat-mode .checked .ultimate-chat.i18n-en {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/ultimate-chat-en.gif)
    }
#overlay.overlay-activate .form-item-chat-mode .checked .ultimate-chat.i18n-es {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/ultimate-chat-es.gif)
    }
#overlay.overlay-activate .form-item-chat-mode .checked .ultimate-chat.i18n-fr {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/ultimate-chat-fr.gif)
    }
#overlay.overlay-activate .form-item-chat-mode .checked .ultimate-chat.i18n-pt {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/ultimate-chat-pt.gif)
    }
#overlay.overlay-activate .activate-checkboxes h2 {
    color: #fff;
    margin-bottom: 15px
    }
#overlay.overlay-activate .activate-checkboxes h2 span {
    display: block;
    font-size: 16px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-activate .activate-checkboxes h2 span {
        font-size: 18px
        }
    }
#overlay.overlay-activate .activate-checkboxes label {
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    background: 0
    }
#overlay.overlay-activate .activate-checkboxes label.checked .icon.icon-checkbox {
    background-position: 0 0
    }
#overlay.overlay-activate .activate-checkboxes span {
    vertical-align: top
    }
#overlay.overlay-activate .activate-checkboxes .icon.icon-checkbox {
    display: block;
    width: 32px;
    height: 32px;
    background: url(/assets/sites/default/modules/custom/penguin/img/icon-checkmark.png) no-repeat 0 -40px;
    background-size: 32px auto
    }
#overlay.overlay-activate .activate-checkboxes .checkbox-text {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    margin-top: -28px;
    padding-left: 47px;
    color: #fff;
    line-height: 1.2;
    text-transform: none
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-activate .activate-checkboxes .checkbox-text {
        font-size: 16px
        }
    }
#overlay.overlay-activate .activate-checkboxes .checkbox-text a {
    color: #fc0
    }
#overlay.overlay-activate .activate-checkboxes .checkbox-text a:not(:last-child) {
    text-transform: uppercase
    }
.privacy-practices.popup-content, #legal-learn-more-content {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    max-width: 290px;
    padding: 25px 70px 0 25px;
    margin: 0 auto;
    border: 3px solid #0052af;
    background: #fff url(/assets/sites/default/modules/custom/penguin/img/legal-popup-bg.png) no-repeat scroll 0 0;
    background-size: 100% auto
    }
@media screen and (min-width: 768px) {
    .privacy-practices.popup-content, #legal-learn-more-content {
        max-width: 75%
        }
    }
#overlay.overlay-create .row .description {
    display: none
    }
#overlay.overlay-create .icon.icon-color-selector {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 38px;
    height: 50px;
    background: url(/assets/sites/default/modules/custom/penguin/img/icon-choose-color.png) no-repeat 0 0;
    background-size: 38px auto
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-create .icon.icon-color-selector {
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        top: -15px
        }
    }
#overlay.overlay-create .paperdoll .form-type-radio {
    position: absolute;
    top: 98px;
    left: 60px;
    width: 54px;
    height: 54px;
    margin: 0 auto
    }
#overlay.overlay-create .paperdoll .form-type-radio label {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
    text-indent: -555em;
    background: transparent url(/assets/sites/default/modules/custom/penguin/img/penguin-color-sprites.png) no-repeat 0 0
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-0 {
    margin-left: -58.27638px;
    margin-top: -89.73775px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-1 {
    margin-left: -86.56482px;
    margin-top: -62.89302px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-2 {
    margin-left: -103.35406px;
    margin-top: -27.69364px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-3 {
    margin-left: -106.41384px;
    margin-top: 11.18455px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-4 {
    margin-left: -95.3377px;
    margin-top: 48.57698px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-5 {
    margin-left: -71.59697px;
    margin-top: 79.5165px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-6 {
    margin-left: -38.34537px;
    margin-top: 99.89311px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-7 {
    margin-left: 0;
    margin-top: 107px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-8 {
    margin-left: 38.34537px;
    margin-top: 99.89311px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-9 {
    margin-left: 71.59697px;
    margin-top: 79.5165px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-10 {
    margin-left: 95.3377px;
    margin-top: 48.57698px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-11 {
    margin-left: 106.41384px;
    margin-top: 11.18455px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-12 {
    margin-left: 103.35406px;
    margin-top: -27.69364px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-13 {
    margin-left: 86.56482px;
    margin-top: -62.89302px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.item-14 {
    margin-left: 58.27638px;
    margin-top: -89.73775px
    }
#overlay.overlay-create .paperdoll .form-type-radio label:active {
    -moz-transform: scale(0.52, 0.52);
    -ms-transform: scale(0.52, 0.52);
    -webkit-transform: scale(0.52, 0.52);
    transform: scale(0.52, 0.52)
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-orange {
    background-position: -60px -1px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-orange.checked {
    background-position: -60px -166px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-dark-green {
    background-position: -240px -1px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-dark-green.checked {
    background-position: -240px -166px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-lime-green {
    background-position: 0 -1px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-lime-green.checked {
    background-position: 0 -166px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-yellow {
    background-position: -180px -110px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-yellow.checked {
    background-position: -180px -275px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-peach {
    background-position: -180px -56px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-peach.checked {
    background-position: -180px -220px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-brown {
    background-position: -60px -110px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-brown.checked {
    background-position: -60px -275px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-red {
    background-position: 0 -110px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-red.checked {
    background-position: 0 -275px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-black {
    background-position: -180px -1px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-black.checked {
    background-position: -180px -166px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-blue {
    background-position: -60px -56px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-blue.checked {
    background-position: -60px -220px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-light-blue {
    background-position: -240px -56px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-light-blue.checked {
    background-position: -240px -220px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-green {
    background-position: -120px -110px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-green.checked {
    background-position: -120px -275px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-arctic-white {
    background-position: -240px -110px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-arctic-white.checked {
    background-position: -240px -275px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-dark-purple {
    background-position: -120px -1px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-dark-purple.checked {
    background-position: -120px -166px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-pink {
    background-position: 0 -56px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-pink.checked {
    background-position: 0 -220px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-aqua {
    background-position: -120px -56px
    }
#overlay.overlay-create .paperdoll .form-type-radio label.color-aqua.checked {
    background-position: -120px -220px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-create .paperdoll .form-type-radio {
        top: 160px;
        left: 103px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label {
        -moz-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9)
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-0 {
        margin-left: -86.05297px;
        margin-top: -132.50995px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-1 {
        margin-left: -127.82469px;
        margin-top: -92.87007px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-2 {
        margin-left: -152.61628px;
        margin-top: -40.89341px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-3 {
        margin-left: -157.13446px;
        margin-top: 16.5155px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-4 {
        margin-left: -140.77903px;
        margin-top: 71.7305px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-5 {
        margin-left: -105.72264px;
        margin-top: 117.41688px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-6 {
        margin-left: -56.62214px;
        margin-top: 147.50571px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-7 {
        margin-left: 0;
        margin-top: 158px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-8 {
        margin-left: 56.62214px;
        margin-top: 147.50571px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-9 {
        margin-left: 105.72264px;
        margin-top: 117.41688px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-10 {
        margin-left: 140.77903px;
        margin-top: 71.7305px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-11 {
        margin-left: 157.13446px;
        margin-top: 16.5155px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-12 {
        margin-left: 152.61628px;
        margin-top: -40.89341px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-13 {
        margin-left: 127.82469px;
        margin-top: -92.87007px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label.item-14 {
        margin-left: 86.05297px;
        margin-top: -132.50995px
        }
    #overlay.overlay-create .paperdoll .form-type-radio label:active {
        -moz-transform: scale(0.82, 0.82);
        -ms-transform: scale(0.82, 0.82);
        -webkit-transform: scale(0.82, 0.82);
        transform: scale(0.82, 0.82)
        }
    }
#overlay.overlay-create .paperdoll {
    margin-bottom: 50px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-create .paperdoll {
        height: 320px;
        width: 260px;
        margin-bottom: 92px;
        margin-top: 15px;
        background-size: auto 320px
        }
    }
#overlay.overlay-create .form-item-pass-show {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    margin: -5px auto 0;
    line-height: 24px;
    color: #fff;
    text-align: center;
    background: 0;
    background-color: #003f72;
    transition: all 200ms ease
    }
#overlay.overlay-create .form-item-pass-show:active {
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -webkit-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95)
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-create .form-item-pass-show {
        width: 75%;
        margin-top: -20px
        }
    }
#overlay.overlay-create .form-item-pass-show label {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 4px 50px;
    color: #fff;
    font-size: 12px;
    line-height: auto;
    background: 0
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-create .form-item-pass-show label {
        display: -moz-inline-box;
        display: inline-block;
        zoom: 1;
        padding: 6px 50px
        }
    }
#overlay.overlay-create .form-item-pass-show .sp-val {
    color: #ff343c
    }
#overlay.overlay-create .form-item-pass-show .sp-val.on {
    color: #a6d670
    }
#overlay.overlay-create .form-item-terms {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #003f72;
    border-color: rgba(0, 63, 114, 0.7)
    }
#overlay.overlay-create .form-item-terms label {
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    background: 0
    }
#overlay.overlay-create .form-item-terms label.checked .icon.icon-tou {
    background-position: 0 0
    }
#overlay.overlay-create .form-item-terms span {
    vertical-align: top
    }
#overlay.overlay-create .form-item-terms .icon.icon-tou {
    display: block;
    width: 32px;
    height: 32px;
    background: url(/assets/sites/default/modules/custom/penguin/img/icon-checkmark.png) no-repeat 0 -40px;
    background-size: 32px auto
    }
#overlay.overlay-create .form-item-terms .tou-text {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    margin-top: -32px;
    padding-left: 47px;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    text-transform: none
    }
#overlay.overlay-create .form-item-terms .tou-text a {
    color: #fc0
    }
#overlay.overlay-create .form-item-terms .tou-text a:not(:last-child) {
    text-transform: uppercase
    }
#overlay.overlay-create .fx_friends {
    display: none
    }
#overlay.overlay-create .captcha-wrapper {
    margin-bottom: 15px;
    margin-top: -10px;
    text-align: center;
    opacity: 0
    }
#overlay.overlay-create .captcha-wrapper .item-name {
    color: #fc0;
    text-decoration: underline
    }
#overlay.overlay-create .captcha-wrapper .error-msg, #overlay.overlay-create .captcha-wrapper .success-msg {
    bottom: 28px
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-create .captcha-wrapper .error-msg, #overlay.overlay-create .captcha-wrapper .success-msg {
        bottom: 39px
        }
    }
#overlay.overlay-create .captcha-wrapper.value-chosen .form-type-radio.form-item-captcha:not(.clicked) label {
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    filter: alpha(opacity=60);
    opacity: 0.6
    }
#overlay.overlay-create .captcha-wrapper.captcha-closed .captcha-closed {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 135px
    }
#overlay.overlay-create .form-type-radio.form-item-captcha {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    width: 75px;
    height: 75px;
    margin: 10px 8px;
    text-align: center
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-create .form-type-radio.form-item-captcha {
        margin: 10px 15px
        }
    }
#overlay.overlay-create .form-type-radio.form-item-captcha label {
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-radius: 75px;
    position: relative;
    top: 0;
    left: 0;
    display: table-cell;
    width: 75px;
    height: 75px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    border: 3px solid #0052af;
    background: 0;
    background-color: #0052af;
    transition: all 200ms ease
    }
#overlay.overlay-create .form-type-radio.form-item-captcha label:active {
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -webkit-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
    background-color: #004a9e
    }
#overlay.overlay-create .form-type-radio.form-item-captcha img {
    pointer-events: none;
    width: 35px;
    height: auto
    }
#overlay.overlay-create .passed .form-type-radio.clicked label, #overlay.overlay-create .passed .form-type-radio label.checked {
    background-color: #6ed200;
    border-color: #6ed200
    }
#overlay.overlay-create .form-type-radio.clicked label {
    border-color: #6ed200
    }
#overlay.overlay-create .legal-text {
    text-align: center
    }
@media screen and (min-width: 768px) {
    #overlay.overlay-create .legal-text {
        margin-top: -10px
        }
    }
#overlay.overlay-create #submit-wrapper .preventer {
    position: absolute;
    z-index: 10000;
    display: block;
    width: 100%;
    height: 50px;
    background-color: transparent
    }
#overlay.overlay-create form input.form-submit.disabled {
    filter: alpha(opacity=20);
    opacity: 0.2
    }
@media screen and (min-width: 768px) {
    .i18n-es #overlay-wrapper.flow-membership .form-item-email label {
        top: 6px
        }
    }
@media screen and (min-width: 800px) {
    .i18n-es #overlay-wrapper.flow-membership .form-item-email label {
        top: 15px
        }
    }
#overlay.overlay-update-username #overlay-content {
    max-width: 400px;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 1.2
    }
#overlay.overlay-update-username #overlay-content h2 {
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 1.2
    }
#overlay.overlay-update-username .submit-wrapper {
    padding-top: 20px;
    margin-bottom: 20px
    }
#overlay.overlay-update-username .cancel-wrapper {
    margin-bottom: 0
    }
#overlay.overlay-update-username .cancel-wrapper .cp-button-flat {
    width: 100%
    }
#overlay.overlay-update-username .disclaimer {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.2
    }
html, body {
    width: 100%;
    height: 100%
    }
body.full-page-flow {
    width: 100% !important;
    min-width: 320px !important;
    padding: 0;
    margin: 0;
    background: #117ad0 !important
    }
body.full-page-flow.processing:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    width: 100%;
    content: " ";
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: #000
    }
body.full-page-flow.processing:before {
    position: absolute;
    top: 40%;
    z-index: 100;
    text-align: center;
    width: 100%;
    height: 100%;
    content: url(/assets/sites/default/modules/custom/penguin/img/processing-icon.gif)
    }
body.full-page-flow .page, body.full-page-flow #overlay, body.full-page-flow #section-content, body.full-page-flow #section-content #zone-content-wrapper, body.full-page-flow .container-12, body.full-page-flow .grid-12 {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100% !important;
    min-width: 320px !important;
    margin: 0;
    padding: 0;
    background: 0
    }
body.full-page-flow #section-content #zone-content-wrapper #zone-content {
    background-color: #117ad0
    }
body.full-page-flow .region-content-inner > h1.title {
    display: none
    }
.penguin-name, .upsell_slider h2 {
    font-family: "proxima_nova_bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 20px 0;
    color: #fff;
    font-size: 24px
    }
.paperdoll-wrap {
    position: relative
    }
.paperdoll-wrap.paperdoll-processed .loader-wrap {
    display: none
    }
.paperdoll-wrap .loader-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
    }
.paperdoll-wrap .loader-wrap .loader:before, .paperdoll-wrap .loader-wrap .loader:after, .paperdoll-wrap .loader-wrap .loader {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: loaderAnim 1.8s infinite ease-in-out;
    animation: loaderAnim 1.8s infinite ease-in-out
    }
.paperdoll-wrap .loader-wrap .loader {
    position: relative;
    margin: 80px auto;
    font-size: 10px;
    text-indent: -9999em;
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
    }
.paperdoll-wrap .loader-wrap .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
    }
.paperdoll-wrap .loader-wrap .loader:after {
    left: 3.5em
    }
.paperdoll-wrap .loader-wrap .loader:before, .paperdoll-wrap .loader-wrap .loader:after {
    position: absolute;
    top: 0;
    content: ""
    }
@-webkit-keyframes loaderAnim {
    0%, 80%, 100% {
        -moz-box-shadow: 0 2.5em 0 -1.3em #fff;
        -webkit-box-shadow: 0 2.5em 0 -1.3em #fff;
        box-shadow: 0 2.5em 0 -1.3em #fff
        } 40% {
        -moz-box-shadow: 0 2.5em 0 0 #fff;
        -webkit-box-shadow: 0 2.5em 0 0 #fff;
        box-shadow: 0 2.5em 0 0 #fff
        }
    }
@keyframes loaderAnim {
    0%, 80%, 100% {
        -moz-box-shadow: 0 2.5em 0 -1.3em #fff;
        -webkit-box-shadow: 0 2.5em 0 -1.3em #fff;
        box-shadow: 0 2.5em 0 -1.3em #fff
        } 40% {
        -moz-box-shadow: 0 2.5em 0 0 #fff;
        -webkit-box-shadow: 0 2.5em 0 0 #fff;
        box-shadow: 0 2.5em 0 0 #fff
        }
    }
.paperdoll {
    position: relative;
    opacity: 0;
    height: 214px;
    width: 174px;
    margin: 0 auto;
    background: #149da7 url(/assets/sites/default/modules/custom/penguin/img/paperdoll-base.png) no-repeat center 0;
    background-size: auto 214px;
    transition: all 300ms ease
    }
@media screen and (min-width: 768px) {
    .paperdoll {
        height: 264px;
        width: 215px;
        background-size: auto 264px
        }
    }
.paperdoll.color-orange, .paperdoll.color-6 {
    background-color: #ff6b00
    }
.paperdoll.color-dark-green, .paperdoll.color-11 {
    background-color: #066609
    }
.paperdoll.color-lime-green, .paperdoll.color-13 {
    background-color: #8ee500
    }
.paperdoll.color-yellow, .paperdoll.color-7 {
    background-color: #ffce00
    }
.paperdoll.color-peach, .paperdoll.color-10 {
    background-color: #ff7175
    }
.paperdoll.color-brown, .paperdoll.color-9 {
    background-color: #9a6c02
    }
.paperdoll.color-red, .paperdoll.color-5 {
    background-color: #cf0f00
    }
.paperdoll.color-black, .paperdoll.color-4 {
    background-color: #000
    }
.paperdoll.color-blue, .paperdoll.color-1 {
    background-color: #053767
    }
.paperdoll.color-light-blue, .paperdoll.color-12 {
    background-color: #07a1ce
    }
.paperdoll.color-green, .paperdoll.color-2 {
    background-color: #009a00
    }
.paperdoll.color-arctic-white, .paperdoll.color-16 {
    background-color: #f0f0d7
    }
.paperdoll.color-dark-purple, .paperdoll.color-8 {
    background-color: #6b079c
    }
.paperdoll.color-pink, .paperdoll.color-3 {
    background-color: #ff4ba8
    }
.paperdoll.color-aqua, .paperdoll.color-15 {
    background-color: #149da7
    }
.tip-box {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    position: relative;
    top: 120px;
    left: 20px;
    z-index: 5;
    display: none;
    width: 230px;
    font-size: 16px;
    background: url(/assets/sites/default/modules/custom/penguin/img/tip-box.png) repeat-y -230px 0
    }
@media screen and (min-width: 768px) {
    .tip-box {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        top: 185px;
        left: 80px
        }
    }
.tip-box:before {
    position: absolute;
    top: -62px;
    display: block;
    height: 62px;
    width: 230px;
    content: "";
    background: url(/assets/sites/default/modules/custom/penguin/img/tip-box.png) no-repeat 0 0
    }
.tip-box:after {
    position: absolute;
    bottom: -29px;
    display: block;
    height: 30px;
    width: 230px;
    content: "";
    background: url(/assets/sites/default/modules/custom/penguin/img/tip-box.png) no-repeat -460px -30px
    }
.tip-box .tip-inner {
    padding: 0 20px;
    color: #003f72;
    font-size: 16px;
    line-height: 1.3;
    text-align: center
    }
@media screen and (min-width: 768px) {
    .tip-box .tip-inner {
        font-size: 12px
        }
    }
.tip-box p {
    display: inline;
    margin: 0;
    padding: 0 5px 0 0
    }
a.apple {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    height: 50px;
    width: 175px;
    background: url(/assets/sites/default/modules/custom/penguin/img/available-app-store-en.png) no-repeat 0 center
    }
a.apple.es {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/available-app-store-es.png)
    }
a.apple.fr {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/available-app-store-fr.png)
    }
a.apple.pt {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/available-app-store-pt.png)
    }
a.google {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    height: 50px;
    width: 144px;
    background: url(/assets/sites/default/modules/custom/penguin/img/google-play-en.png) no-repeat 0 center
    }
a.google.es {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/google-play-es.png)
    }
a.google.fr {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/google-play-fr.png)
    }
a.google.pt {
    background-image: url(/assets/sites/default/modules/custom/penguin/img/google-play-pt.png)
    }
.icon {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1
    }
#processing-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    background-repeat: no-repeat;
    background-position: center center
    }
#D_F_GameSection {
    position: relative;
    clear: both;
    overflow: hidden;
    outline: 0;
    display: none;
    width: 1152px;
    height: 720px;
    min-height: 550px;
    min-width: 800px
    }
#MPClient {
    margin: 0 auto;
    padding: 0;
    border: 0
    }
#processing, .popup-content, .ajax-progress, #page-title, .tabs, #upgrade, #block-user-alert-user-alert, .page-moderator #overlay-header, .abtest {
    display: none
    }