/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    padding: 0!important;
    margin: 0!important;    
}

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* FONTS */
/*
@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../fonts/futura_medium_bt-webfont.eot');
    src: url('../fonts/futura_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura_medium_bt-webfont.woff') format('woff'),
         url('../fonts/futura_medium_bt-webfont.ttf') format('truetype'),
         url('../fonts/futura_medium_bt-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_icg_bookregular';
    src: url('../fonts/futura_icg_book-webfont.eot');
    src: url('../fonts/futura_icg_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura_icg_book-webfont.woff') format('woff'),
         url('../fonts/futura_icg_book-webfont.ttf') format('truetype'),
         url('../fonts/futura_icg_book-webfont.svg#futura_icg_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'impactregular';
    src: url('../fonts/impact-webfont.eot');
    src: url('../fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/impact-webfont.woff') format('woff'),
         url('../fonts/impact-webfont.ttf') format('truetype'),
         url('../fonts/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'groboldregular';
    src: url('../fonts/grobold-webfont.eot');
    src: url('../fonts/grobold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/grobold-webfont.woff') format('woff'),
         url('../fonts/grobold-webfont.ttf') format('truetype'),
         url('../fonts/grobold-webfont.svg#groboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/* STRUCTURE */

h1.title {
    position:absolute;
    top: -999em;
    width:1px;
    height:1px;
    overflow:hidden;
    font-size:x-small;
}

html, body, #container {
    height: 100%;
}

html {
	min-height: 100%;
  	position: relative;
}

body > #container {
    height: auto;
    /*min-height: 100%;*/
}

body.playbody {
	overflow-y: scroll;
}

div#container {
    width: 100%;
    padding: 0;
    margin: 0;
    /*
    background-image: url('../img/web/common/bodylines_1024.png');
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position: center;
    */
}

div#container.logged {
	/*
	display: block;
	position: relative;
    background-image: url('../img/web/common/bannerLoggedBg.png');
    background-repeat: repeat-x;
    background-position: top;
    */
}

div#container.logged.our-bingo {
	background: #002a45;
}

div#header, div#footer {
    clear: both;
}

div#header {
    padding: 0;
    margin: 0;
    /*min-width: 59.875em; /* 958px/16 = 59.875em */
    width: 100%;
    min-height: 70px; /* 137px/16 = 8.563em */
    background: #7e0a17; /* Non-CSS3 browsers */
    /*background-image: url('../img/web/common/banner_2021.jpg');*/
    /*background-image: url('../img/web/common/banner_1024_navidad.jpg');*/
    /*background-repeat: no-repeat;
    background-position: left top;*/
    overflow: hidden;
    text-align: center;
}

div#logolink {
    display: block;
    position: absolute;
    top: 0; /* 8px/16 = 0.5em */
    left: 20%; /*40%; /*0%;*/
    margin-left: -19.875em; /* -318px/16 = -19.875em */
    width: 70em; /*17.188em; /* 275px/16 = 17.188em */
    height: 70px; /* 75px/16 = 4.688em */
}

div#logolink img {
	width: auto; /* 1255px/16 = 78.438em */
    height: 70px; /* 137px/16 = 8.563em */
    /*max-width: 78.438em; /* 1255px/16 = 78.438em */
}

div#container.logged div#headerkk {
	display: block;
	position: relative;
    min-width: 51.625em; /* 826px/16 = 51.625em */
    min-height: 8.188em; /* 131px/16 = 8.188em */
    background-color: transparent;
    background-image: url('../img/web/common/banner_logged.png');
    /*background-image: url('../img/web/common/banner_logged_navidad.png');*/
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
    text-align: center;
}

div#container.logged div#logolinkkk {
    top: 1em; /* 16px/16 = 1em */
    left: 50%;
    margin-left: -21.375em; /* -342px/16 = -21.375em */
    width: 22.188em; /* 355px/16 = 22.188em */
    height: 6em; /* 96px/16 = 6em */
}

div#container.logged div#logolinkkk img {
    /*width: 22.188em; /* 355px/16 = 22.188em */
    /*height: 6em; /* 96px/16 = 6em */
}

.avatarDisplay {
    display: inline-block;
    position: relative;
    min-width: 9.375em; /* 150px/16 = 9.375em */
    left: 369px; /*245px; /* 199px/16 = 12.438em */
    top: 2px; /* 43px/16 = 2.688em */
    background: url('../img/web/common/blackTrasparent2.png');
    border-radius: 0.375em; /* 6px/16 = 0.375em */
    -moz-border-radius: 0.375em; /* Old Firefox (3.6 to 15) */
    padding-left: 0.5em; /* 8px/16 = 0.5em */
    padding-right: 0.5em; /* 8px/16 = 0.5em */
    padding-top: 0.188em; /* 3px/16 = 0.188em */
    padding-bottom: 0.188em; /* 3px/16 = 0.188em */
}

.avatarPicture {
    display: inline-block;
    position: relative;
    float: right;
    width: 4em; /* 64px/16 = 4em */
    height: 3.75em; /* 60px/16 = 3.75em */
}

.avatar {
    display: inline-block; 
    position: absolute;
    top: 0.438em; /* 7px/16 = 0.438em */
    left: 0.438em; /* 7px/16 = 0.438em */
}

.avatar img {
    width: 3.063em; /* 49px/16 = 3.063em */
    height: 2.938em; /* 47px/16 = 2.938em */
}

.avatarFrame {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 3.938em; /* 63px/16 = 3.938em */
    height: 3.75em; /* 60px/16 = 3.75em */
    background-image: url('../img/web/common/avatarFrame.png');
    background-repeat: no-repeat;
    outline: none;
    cursor: pointer;
}

.avatarInformation {
    float: right;
    height: 3.75em; /* 60px/16 = 3.75em */
    text-align: right;
    margin-right: 0.188em; /* 3px/16 = 0.188em */
}

.avatarInformation p{
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.75em; /* 12px/16 = 0.75em */
    color: #ffffff;
    text-transform: uppercase;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.avatarLogout {
    /*clear:both;*/
    display: block;
    position: relative;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.625em; /* 10px/16 = 0.625em */
    color: #ffffff;
    text-transform: uppercase; 
    text-align: right;
    padding-right: 0.4em; /* 4px/10 = 0.4em */
    margin-top: -10px;
}

.avatarLogout a, .avatarLogout a:visited , .avatarLogout a:active {
    text-decoration: none;
    text-align: right;
    color: #ffffff;
    background-image: url('../img/web/common/logoutArrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 1em; /* 10px/10 = 1em */
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

@-moz-document url-prefix() { /* For Firefox only */
    .avatarLogout a {
        background-position: right 0.1em; /* 1px/10 = 0.1em */
    }
}

.avatarLogout a:hover, .avatarLogout a:visited:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

div#followLogin {
    display: inline-block;
    position: relative;
    left: 25.000em; /* 400px/16 = 25.000em */
    /* width: 7.688em; /* 123px/16 = 7.688em */
    width: 8.438em; /* 135px/16 = 8.438em CAMBIO GOOGLE+ */
}

div#container.logged div#header div#followLogin {
    position: relative;
    top: -1.625em; /* -26px/16 = -1.625em */
    left: 19.375em; /* 310px/16 = 19.375em */
}

.followLinks {
	text-align: left;
	position: relative;
	left: -0.438em; /* -7px/16 = -0.438em */
}

.followLinks span {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.625em; /* 10px/16 = 0.625em */
    color: #ffffff;
}

.followLinks ul {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}

.followLinks li {
    position: relative;
    float: left;
    list-style: none;
    padding-left: 0.063em; /* 1px/16 = 0.063em */
    padding-right: 0.063em; /* 1px/16 = 0.063em */
}

.followLinks a {
    outline: none;
}

#followLogin a.loginButton {
    display: inline-block;
    position: relative;
    top: 25px; /* -7px/12 = -0.583em */
    /* right: 1.333em; /* 16px/12 = 1.333em */;
    right: 0.833em; /* 10px/12 = 0.833em CAMBIO GOOGLE+ */;
}

.LanguageNav {
	display: inline-block;
    position: relative;
 	top: 0; /* -50px/16 = -3.125em */
 	left: 23.125em; /* 370px/16 = 23.125em */
}

div#container.logged .LanguageNav {
    top: -20px; /*-42px; /* -45px/16 = -2.813em */
    left: 368px; /*240px; /* 415px/16 = 25.938em */
    width: 160px;
}

.languagesDropdown {
    float: right; /*left;*/
  	overflow: hidden;
}

.languagesDropdown .languagesDropbtn {  
  border: none;
  outline: none;  
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  cursor: pointer;
}

.languagesDropdownContent {
  display: none;
  position: absolute;
  /*background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;*/
  
  width: 200px;
  right: 39px;
  top: 2px;
  
  
}

.languagesDropdownContent a {
  /*float: none;*/
  color: black;
  /*padding: 1px 1px;*/
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 1px;
    
  float: right;
  display: block;
  padding-left: 5px;
}
  
  
}

.languagesDropdownContent a img {
	margin: 0;
	padding: 0;
}

.LanguageNav:hover .languagesDropdownContent {
  /*display: block;*/
}

div#content {
    padding: 0;
    margin: 0;
    min-width: 59.875em; /* 958px/16 = 59.875em */
    background-image: url('../img/web/common/contentBg.png');
    background-repeat: repeat-x;
    padding-top: 2em; /* 32px/16 = 2em */
    text-align: center;
    /*padding-bottom: 6.875em; /* 110px/16 = 6.875em */
    position: relative;
}

div#container.logged div#content {
	display: block;
    min-width: 51.625em; /* 826px/16 = 51.625em */
    /*background-image: url('../img/web/common/bodylines_logged.png');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    */
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: -0.25em; /* -4px/16 = -0.25em */
    min-height: 48.000em; /* 768px/16 = 48.000em */
    background: none;
}

div#container.logged div#content.noBackground {
    background: none;
}

div#gameClient {    
    min-height: 51.000em; /* 816px/16 = 51.000em */
}

div#gameClient.ads {
    /*min-height: 944px;*/
    min-height: 51.000em; /* 816px/16 = 51.000em */
}

div#mainMenu {
    display: inline-block;
    width: 60em; /* 960px/16 = 60em */
    height: 4.063em; /* 65px/16 = 4.063em */
    /* padding-left: 2.5em; */ /* 40px/16 = 2.5em */
    text-align: left;
}

div#returnToPlayMenu div {
    display: inline-block;
    width: 51.563em; /* 825px/16 = 51.563em */
    text-align: left;
    margin-top: 3.125em; /* 50px/16 = 3.125em */
}

div#footer{
    padding: 0;
    margin: 0;
    min-width: 59.875em; /* 958px/16 = 59.875em */
    background-image: url('../img/web/common/footer.png');
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    position: relative;
    z-index: 10;
    /*height: 6.875em; /* 110px/16 = 6.875em */
    /*margin-top: -6.875em; /* -110px/16 = -6.875em */
}

div#footer.slots {
	margin-top: 2.000em; /* 32px/16 = 2.000em */
}

div#footerLinks , div#footerFlags {
    display: block;
    padding-top: 0.625em; /* 10px/16 = 0.625em */
    padding-bottom: 0.625em; /* 10px/16 = 0.625em */
}

div#footerLinks a {
    outline: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.688em; /* 11px/16 = 0.688em */
    text-decoration: none;
    text-transform: uppercase;
    color: #d8d8d8;
    margin-left: 4.091em; /* 45px/11 = 4.091em */
    margin-right: 4.091em; /* 45px/11 = 4.091em */
}

div#footerLinks a :visited {
    color: #d8d8d8;
}

div#footerLinks a:hover, div#footerLinks a:visited:hover {
    color: #ffffff;
}

div#footerLinks a :active {
    color: #d8d8d8;
}

div#footerFlags a{
    outline: none;
}

div#footerFlags img {
    width: 2.125em; /* 34px/16 = 2.125em */
    height: 1.188em; /* 19px/16 = 1.188em */
    margin-left: 1.25em; /* 20px/16 = 1.25em */
    margin-right: 1.25em; /* 20px/16 = 1.25em */
}

div.colOne {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

div.colTwo {
    display: inline-block;
    position: relative;
    margin-left: 3.125em; /* 50px/16 = 3.125em */
    vertical-align: top;
}

hr {
    visibility: hidden;
}

hr.nomargin{
    margin: 0;
}

/* HTML5 CONTENT */
html.our-bingo {
	background: #002a45;
}

#gameHtmlClient {
	background: #002a45;
}

#gameHtmlClient.slots-client {
	display: inline-block;
	position: relative;
	height: 100px;
	width: 100%;
}

#gameHtmlClient.bingo-client {
	width: auto;
	height: 122vh;
}

#innerGameHtmlCLient {
	 width: 100%;
	 height: 300px;
}

/* COMPONENTS */


/* BUTTONS */

.languageButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.75em; /* 12px/16 = 0.75em */
    padding-top: 0.917em; /* 11px/12 = 0.917em */
    color: #9f2000;
    width: 12.167em; /* 146px/12 = 12.167em */
    height: 3.25em; /* 39px/12 = 3.25em */
    background-image: url('../img/web/common/languageButton.png');
    background-repeat: no-repeat;
}

.languageButton.es {
    background-image: url('../img/web/common/languageButton_es.png');
    background-repeat: no-repeat;
}

.languageButton.en {
    background-image: url('../img/web/common/languageButton_en.png');
    background-repeat: no-repeat;
}

.languageButton.de {
    background-image: url('../img/web/common/languageButton_de.png');
    background-repeat: no-repeat;
}

.languageButton.fr {
    background-image: url('../img/web/common/languageButton_fr.png');
    background-repeat: no-repeat;
}

.languageButton.it {
    background-image: url('../img/web/common/languageButton_it.png');
    background-repeat: no-repeat;
}

.languageButton.pt {
    background-image: url('../img/web/common/languageButton_pt.png');
    background-repeat: no-repeat;
}

.languageButton:visited {
    text-decoration: none;
    color: #9f2000;
}

.languageButton:hover, .languageButton:visited:hover {
    text-decoration: none;
    color: #e15a00;
    background-image: url('../img/web/common/languageButtonRoll.png');
}

.languageButton.es:hover, .languageButton.es:visited:hover {
    background-image: url('../img/web/common/languageButtonRoll_es.png');
}

.languageButton.en:hover, .languageButton.en:visited:hover {
    background-image: url('../img/web/common/languageButtonRoll_en.png');
}

.languageButton.de:hover, .languageButton.de:visited:hover {
    background-image: url('../img/web/common/languageButtonRoll_de.png');
}

.languageButton.fr:hover, .languageButton.fr:visited:hover {
    background-image: url('../img/web/common/languageButtonRoll_fr.png');
}

.languageButton.it:hover, .languageButton.it:visited:hover {
    background-image: url('../img/web/common/languageButtonRoll_it.png');
}

.languageButton.pt:hover, .languageButton.pt:visited:hover {
    background-image: url('../img/web/common/languageButtonRoll_pt.png');
}

.languageButton:active {
    text-decoration: none;
    color: #9f2000;
}

.loginButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-indent: 1em; /* 12px/12 = 1em */
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.75em; /* 12px/16 = 0.75em */
    padding-top: 0.917em; /* 11px/12 = 0.917em */
    color: #671500; /* #B74900;*/
    width: 12.917em; /* 155px/12 = 12.917em */
    height: 3.083em; /* 37px/12 = 3.083em */
    background-image: url('../img/web/common/loginButton.png');
    background-repeat: no-repeat;
}

.loginButton:visited {
    text-decoration: none;
    color: #671500; /* #B74900;*/
}

.loginButton:hover, .loginButton:visited:hover {
    text-decoration: none;
    color: #671500; /* #B74900;*/
    background-image: url('../img/web/common/loginButtonRoll.png');
}

.loginButton:active {
    text-decoration: none;
    color: #671500; /* #B74900;*/
}

.submitButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.938em; /* 15px/16 = 0.938em */
    padding-left: 0.667em; /* 10px/15 = 0.667em */
    padding-right: 0.667em; /* 10px/15 = 0.667em */
    padding-top: 0.2em;
    padding-bottom: 0.6em;
    color: #FFFFFF;
    height: 0.933em; /* 14px/15 = 0.933em */
    min-width: 7.533em; /* 113px/15 = 7.533em */
    background: #96ca00; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #96ca00, #1c7900); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #96ca00, #1c7900); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #96ca00, #1c7900); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #96ca00, #1c7900); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #96ca00, #1c7900);
    border-style: solid;
    border-width: 0.067em; /* 1px/15 = 0.067em */
    border-color: #6d836b;
    border-top-color: #fefefe; /* #96ca00; */
    border-bottom-color: #1c7900;
    border-radius: 0.4em; /* 6px/15 = 0.4em */
    -moz-border-radius: 0.4em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.133em 0.133em #262626; /* 2px/15 = 0.133em */
    margin-left: 0.867em; /* 13px/15 = 0.867em */
    margin-right: 0.867em; /* 13px/15 = 0.867em */
    margin-bottom: 0.867em; /* 13px/15 = 0.867em */
    margin-top: 0.2em;
}

.submitButton:visited {
    color: #FFFFFF;
}

.submitButton:hover, .submitButton:active, .submitButton:visited:hover {
    text-decoration: none;
    color: #FFFFFF;
    background: #c3fb70; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #c3fb70, #65c60c); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #c3fb70, #65c60c); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #c3fb70, #65c60c); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #c3fb70, #65c60c); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #c3fb70, #65c60c);
    border-top-color: #fefefe;
    border-bottom-color: #65c60c;
}

.sendButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.938em; /* 15px/16 = 0.938em */
    padding-left: 0.667em; /* 10px/15 = 0.667em */
    padding-right: 0.667em; /* 10px/15 = 0.667em */
    padding-top: 0.2em;
    padding-bottom: 0.6em;
    color: #9f2000;
    height: 0.933em; /* 14px/15 = 0.933em */
    min-width: 7.533em; /* 113px/15 = 7.533em */
    background: #ffcc00; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #ffcc00, #ff6600); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #ffcc00, #ff6600); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #ffcc00, #ff6600); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #ffcc00, #ff6600); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #ffcc00, #ff6600);
    border-style: solid;
    border-width: 0.067em; /* 1px/15 = 0.067em */
    border-color: #6d836b;
    border-top-color: #fefefe;
    border-bottom-color: #ff6600;
    border-radius: 0.4em; /* 6px/15 = 0.4em */
    -moz-border-radius: 0.4em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.133em 0.133em #262626; /* 2px/15 = 0.133em */
    margin-left: 0.867em; /* 13px/15 = 0.867em */
    margin-right: 0.867em; /* 13px/15 = 0.867em */
    margin-bottom: 0.933em; /* 14px/15 = 0.933em */
}

.sendButton:visited {
    color: #9f2000;
}

.sendButton:hover, .sendButton:active, .sendButton:visited:hover {
    text-decoration: none;
    color: #9f2000;
    background: #ffe16a; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #ffe16a, #ff9900); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #ffe16a, #ff9900); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #ffe16a, #ff9900); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #ffe16a, #ff9900); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #ffe16a, #ff9900);
    border-top-color: #fefefe;
    border-bottom-color: #ff9900;
}

.formRegisterButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 1.188em; /* 19px/16 = 1.188em */
    padding-top: 0.421em; /* 8px/19 = 0.421em */
    padding-bottom: 0.263em; /* 5px/19 = 0.263em */
    color: #005500;
    height: 1.579em; /* 30px/19 = 1.579em */
    min-width: 8.421em; /* 160px/19 = 8.421em */
    background: #8eb710; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #c6ff1a, #648209); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #c6ff1a, #648209); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #c6ff1a, #648209); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #c6ff1a, #648209); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #c6ff1a, #648209);
    border-style: solid;
    border-width: 0.053em; /* 1px/19 = 0.053em */
    border-color: #6d836b;
    border-top-color: #658309;
    border-bottom-color: #648209;
    border-radius: 0.316em; /* 6px/19 = 0.316em */
    -moz-border-radius: 0.316em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.105em 0.105em #888888; /* 2px/19 = 0.105em */
}

.formRegisterButton:visited {
    color: #005500;
}

.formRegisterButton:hover, .formRegisterButton:active, .formRegisterButton:visited:hover {
    text-decoration: none;
    color: #005500;
    background: #8eb710; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #c6ff1a, #8db610); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #c6ff1a, #8db610); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #c6ff1a, #8db610); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #c6ff1a, #8db610); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #c6ff1a, #8db610);
    border-top-color: #fefefe;
    border-bottom-color: #8db610;
}

.mainButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding-top: 0.8em;
    color: #CCCCCC;
    width: 11.75em; /* 188px/16 = 11.75em */
    height: 3.6875em; /* 59px/16 = 3.6875em */
    background-image: url('../img/web/common/mainButton.png');
    background-repeat: no-repeat;
}

.mainButton:visited {
    text-decoration: none;
    color: #CCCCCC;
}

.mainButton:hover, .mainButton:visited:hover , .mainButton.visited {
    text-decoration: none;
    color: #B74900;
    text-shadow: 0 -0.0625em 0.0625em rgba(255,255,255,1); /* 1px/16 = 0.0625em */
    background-image: url('../img/web/common/mainButtonRoll.png');
}

.mainButton:active {
    position: relative;
    top: 1px; /* 1px/16 = 0.0625em */
    text-decoration: none;
    color: #B74900;
    text-shadow: 0 0.0625em 0.0625em rgba(0,0,0,.3); /* 1px/16 = 0.0625em */
    background-image: url('../img/web/common/mainButtonRoll.png');
}

.registerButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.938em; /* 15px/16 = 0.938em */
    padding-top: 0.8em; /* 12px/15 = 0.8em */
    color: #FFFFFF;
    text-shadow: 0.067em -0.067em 0.067em rgba(156,91,95,1); /* 1px/15 = 0.067em */
    width: 9.667em; /* 145px/15 = 9.667em */
    height: 3.067em; /* 46px/15 = 3.067em */
    background-image: url('../img/web/common/registerButton.png');
    background-repeat: no-repeat;
}

.registerButton:visited {
    color: #FFFFFF;
}

.registerButton:hover, .registerButton:visited:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-image: url('../img/web/common/registerButtonRoll.png');
}

.registerButton:active {
    color: #FFFFFF;
    background-image: url('../img/web/common/registerButtonRoll.png');
}

.fbenterButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    /* font-family: futura_md_btmedium, Arial, Helvetica, sans-serif; */
    font-family: futura_icg_bookregular, Arial, Helvetica, sans-serif;
    font-size: 0.625em; /* 10px/16 = 0.625em; */
    padding-top: 1.2em; /* 12px/10 = 1.2em; */
    color: #C7D1EF;
    width: 12.8em; /* 128px/10 = 12.8em */
    height: 3em; /* 30px/10 = 3em */
    background-image: url('../img/web/common/fbenterButton.png');
    background-repeat: no-repeat;
}

.fbenterButton span {
    display: inline-block;
    position: relative;
    left: -4.2em; /* -42px/10 = -4.2em */
    top: -0.2em; /* -2px/10 = -0.2em */
}

.fbenterButton:visited {
    color: #C7D1EF;
}

.fbenterButton:hover, .fbenterButton:visited:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.fbenterButton:active {
    color: #C7D1EF;
}

.fbenterBigButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: right;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 1.25em; /* 20px/16 = 1.25em */
    color: #ffffff;
    text-shadow: 0 -0.05em 0.05em rgba(0,0,0,1); /* 1px/20 = 0.05em */
    padding-top: 1.1em; /* 22px/20 = 1.1em */
    padding-bottom: 0.8em; /* 16px/20 = 0.8em */
    width: 15.25em; /* 305px/20 = 15.25em */
    padding-right: 5.55em; /* 111px/20 = 5.55em */
    background: #e0e2e4;
    background-image: url('../img/web/common/fbenterBigButton.png');
    border: 0.25em solid; /* 5px/20 = 0.25em */
    border-color: #e0e2e4;
    border-radius: 0.4em; /* 8px/20 = 0.4em */
    -moz-border-radius: 0.4em; /* Old Firefox (3.6 to 15) */
}

.fbenterBigButton:visited, .fbenterBigButton:hover, .fbenterBigButton:visited:hover, .fbenterBigButton:active {
    color: #ffffff;
}

.gameCategoryButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    padding-left: 0.833em; /* 10px/12 = 0.833em */
    padding-right: 0.833em; /* 10px/12 = 0.833em */
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    color: #968b79;
    height: 1.166em; /* 14px/12 = 1.166em */
    min-width: 6.25em; /* 75px/12 = 6.25em */
    background: #f8f8f6; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #f8f8f6, #e4e1dc); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #f8f8f6, #e4e1dc); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #f8f8f6, #e4e1dc); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #f8f8f6, #e4e1dc); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #f8f8f6, #e4e1dc);
    border-style: solid;
    border-width: 0.083em; /* 1px/12 = 0.083em */
    border-color: #c6c6c6;
    border-radius: 0.5em; /* 6px/12 = 0.5em */
    -moz-border-radius: 0.5em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.083em #888888; /* 1px/12 = 0.083em */
    margin-left: 1.083em; /* 13px/12 = 1.083em */
    margin-right: 1.083em; /* 13px/12 = 1.083em */
    margin-bottom: 1.166em; /* 14px/12 = 1.166em */
}

.gameCategoryButton:visited {
    color: #968b79;
}

.gameCategoryButton:hover, .gameCategoryButton:active, .gameCategoryButton:visited:hover, .gameCategoryButton.visited {
    text-decoration: none;
    color: #FFFFFF;
    background: #ff6600; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #f9cb16, #ff6600); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #f9cb16, #ff6600); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #f9cb16, #ff6600); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #f9cb16, #ff6600); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #f9cb16, #ff6600);
    border-bottom-color: #ff6600;
}

.gameOptionButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    padding-left: 0.833em; /* 10px/12 = 0.833em */
    padding-right: 0.833em; /* 10px/12 = 0.833em */
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    color: #615d52;
    height: 1.166em; /* 14px/12 = 1.166em */
    min-width: 6.25em; /* 75px/12 = 6.25em */
    background: #f8f8f6; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #f8f8f6, #e4e1dc); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #f8f8f6, #e4e1dc); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #f8f8f6, #e4e1dc); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #f8f8f6, #e4e1dc); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #f8f8f6, #e4e1dc);
    border-style: solid;
    border-width: 0.083em; /* 1px/12 = 0.083em */
    border-color: #c6c6c6;
    border-radius: 0.5em; /* 6px/12 = 0.5em */
    -moz-border-radius: 0.5em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.083em #888888; /* 1px/12 = 0.083em */
    /* margin-left: 13px; */
    margin-right: 1.083em; /* 13px/12 = 1.083em */
    margin-bottom: 1.166em; /* 14px/12 = 1.166em */
}

.gameOptionButton:visited {
    color: #615d52;
}

.gameOptionButton:hover, .gameOptionButton:active, .gameOptionButton:visited:hover, .gameOptionButton.visited {
    text-decoration: none;
    color: #FFFFFF;
    background: #1b52ad; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #b2e7f9, #1b52ad); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #b2e7f9, #1b52ad); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #b2e7f9, #1b52ad); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #b2e7f9, #1b52ad); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #b2e7f9, #1b52ad);
    border-bottom-color: #1b52ad;
}

.menuUser {
    display: none;
    position: absolute;
    top: 4.75em; /* 76px/16 = 4.75em */
    left: 50%;
    margin-left: 21.813em; /* 349px/16 = 21.813em */
    width: 7.813em; /* 125px/16 = 7.813em */
    min-height: 5em; /* 80px/16 = 5em */
    background: #4e4e4e; /* Non-CSS3 browsers  */
    background-image: -moz-linear-gradient(top, #616161, #232323); /* Old Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #616161, #232323); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #616161, #232323); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #616161, #232323); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #616161, #232323);
    border-radius: 0.688em; /* 11px/16 = 0.688em */
    -moz-border-radius: 0.688em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.125em 0.125em #888888; /* 2px/16 = 0.125em */
}

.menuUser ul {
    display: inline-block;
    position: relative;
    margin: 0;
    padding-top: 0.75em; /* 12px/16 = 0.75em */
    padding-bottom: 0.75em; /* 12px/16 = 0.75em */
    padding-left: 0.75em; /* 12px/16 = 0.75em */
}

.menuUser li {
    list-style: none;
}

.menuUser a {
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.75em; /* 12px/16 = 0.75em */
    text-decoration: none;
    text-transform: uppercase;
    color: #b1b1b1;
    outline: none;
}

.menuUser a:visited {
    color: #b1b1b1;
}

.menuUser a:hover, .menuUser a:active, .menuUser a:visited:hover {
    color: #ffffff;
}

.headerMenuUser {
    display: block;
    position: absolute;
    top: -0.938em; /* -15px/16 = -0.938em */
    right: 1.563em; /* 25px/16 = 1.563em */
    width: 1.375em; /* 22px/16 = 1.375em */
    height: 1em; /* 16px/16 = 1em */
    background-image: url('../img/web/common/formLoginArrow.png');
}

.OLDregisteredButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.813em; /* 13px/16 = 0.813em */
    font-weight: bold;
    padding-left: 1em; /* 13px/13 = 1em */
    padding-right: 1em; /* 13px/13 = 1em */
    padding-top: 0.846em; /* 11px/13 = 0.846em */
    color: #FFFFFF;
    height: 2.462em; /* 32px/13 = 2.462em */
    min-width: 9.231em; /* 120px/13 = 9.231em */
    background: #e81d39;
    background-image: url('../img/web/common/textureBtnRegistered.png');
    background-repeat: repeat-x;
    /* background-attachment: fixed; */
    background-position: center bottom; 
    border-style: solid;
    border-width: 0.077em; /* 1px/13 = 0.077em */
    border-color: #830b0b;
    border-radius: 1.692em; /* 22px/13 = 1.692em */
    -moz-border-radius: 1.692em; /* Old Firefox (3.6 to 15) */
    margin-bottom: 0.385em; /* 5px/13 = 0.385em */
    margin-top: 0.385em; /* 5px/13 = 0.385em */
}

.OLDregisteredButton:visited {
    color: #FFFFFF;
}

.OLDregisteredButton:hover, .OLDregisteredButton:active, .OLDregisteredButton:visited:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.registeredButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.875em; /* 14px */
    padding-left: 0.714em; /* 10px/14 = 0.714em */
    padding-right: 0.714em; /* 10px/14 = 0.714em */
    padding-top: 0.286em; /* 4px/14 = 0.286em */
    padding-bottom: 0.857em; /* 12px/14 = 0.857em */
    color: #801a00;
    height: 1em; /* 14px/14 = 1em */
    min-width: 5.357em; /* 75px/14 = 5.357em */
    background: #ffca00; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #ffca00, #ff6b00); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #ffca00, #ff6b00); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #ffca00, #ff6b00); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #ffca00, #ff6b00); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #ffca00, #ff6b00);
    border-top-style: solid;
    border-top-width: 0.071em; /* 1px/14 = 0.071em */
    border-top-color: #fffbea;
    border-bottom-style: solid;
    border-bottom-width: 0.071em; /* 1px/14 = 0.071em */
    border-bottom-color: #973c00;
    border-radius: 0.429em; /* 6px/14 = 0.429em */
    -moz-border-radius: 0.429em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.143em 0.143em #888888; /* 2px/14 = 0.143em */
}

.registeredButton:visited {
    color: #801a00;
}

.registeredButton:hover, .registeredButton:active, .registeredButton:visited:hover, .registeredButton.visited {
    text-decoration: none;
    color: #801a00;
    background: #ffeeae; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #ffeeae, #e26206); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #ffeeae, #e26206); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #ffeeae, #e26206); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #ffeeae, #e26206); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #ffeeae, #e26206);
}

.changeImageButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.875em; /* 14px */
    padding-left: 0.714em; /* 10px/14 = 0.714em */
    padding-right: 0.714em; /* 10px/14 = 0.714em */
    padding-top: 0.286em; /* 4px/14 = 0.286em */
    padding-bottom: 0.857em; /* 12px/14 = 0.857em */
    color: #384d58;
    height: 1em; /* 14px/14 = 1em */
    width: 10.714em; /* 150px/14 = 10.714em */
    background: #d6dfe4; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #d6dfe4, #9fb2bd); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #d6dfe4, #9fb2bd); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #d6dfe4, #9fb2bd); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #d6dfe4, #9fb2bd); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #d6dfe4, #9fb2bd);
    border-top-style: solid;
    border-top-width: 0.071em; /* 1px/14 = 0.071em */
    border-top-color: #fffbea;
    border-bottom-style: solid;
    border-bottom-width: 0.071em; /* 1px/14 = 0.071em */
    border-bottom-color: #7f8385;
    border-radius: 0.429em; /* 6px/14 = 0.429em */
    -moz-border-radius: 0.429em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.143em 0.143em #888888; /* 2px/14 = 0.143em */
}

.changeImageButton:visited {
    color: #384d58;
}

.changeImageButton:hover, .changeImageButton:active, .changeImageButton:visited:hover, .changeImageButton.visited {
    text-decoration: none;
    color: #384d58;
}

.manageFriendsButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.875em; /* 14px */
    padding-left: 0.714em; /* 10px/14 = 0.714em */
    padding-right: 0.714em; /* 10px/14 = 0.714em */
    padding-top: 0.286em; /* 4px/14 = 0.286em */
    padding-bottom: 0.857em; /* 12px/14 = 0.857em */
    color: #801a00;
    height: 1em; /* 14px/14 = 1em */
    width: 10.714em; /* 150px/14 = 10.714em */
    background: #ffca00; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #ffca00, #ff6b00); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #ffca00, #ff6b00); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #ffca00, #ff6b00); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #ffca00, #ff6b00); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #ffca00, #ff6b00);
    border-top-style: solid;
    border-top-width: 0.071em; /* 1px/14 = 0.071em */
    border-top-color: #fffbea;
    border-bottom-style: solid;
    border-bottom-width: 0.071em; /* 1px/14 = 0.071em */
    border-bottom-color: #973c00;
    border-radius: 0.429em; /* 6px/14 = 0.429em */
    -moz-border-radius: 0.429em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.143em 0.143em #888888; /* 2px/14 = 0.143em */
}

.manageFriendsButton.blue {
    color: #a9bae7;
    background: #3d5ba9; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #5879cf, #27438b); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #5879cf, #27438b); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #5879cf, #27438b); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #5879cf, #27438b); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #5879cf, #27438b);
    border-top-color: #abbbe6;
    border-bottom-color: #002797;
}

.manageFriendsButton:visited {
    color: #801a00;
}

.manageFriendsButton.blue:visited {
    color: #a9bae7;
}

.manageFriendsButton:hover, .manageFriendsButton:active, .manageFriendsButton:visited:hover, .manageFriendsButton.visited {
    text-decoration: none;
    color: #801a00;
}

.manageFriendsButton.blue:hover, .manageFriendsButton.blue:active, .manageFriendsButton.blue:visited:hover, .manageFriendsButton.blue.visited {
    text-decoration: none;
    color: #a9bae7;
}

.confirmChangesButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.875em; /* 14px */
    padding-left: 0.714em; /* 10px/14 = 0.714em */
    padding-right: 0.714em; /* 10px/14 = 0.714em */
    padding-top: 0.286em; /* 4px/14 = 0.286em */
    padding-bottom: 0.857em; /* 12px/14 = 0.857em */
    color: #ffffff;
    height: 1em; /* 14px/14 = 1em */
    min-width: 5.357em; /* 75px/14 = 5.357em */
    background: #489600; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #99cc00, #1a6519); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #99cc00, #1a6519); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #99cc00, #1a6519); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #99cc00, #1a6519); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #99cc00, #1a6519);
    border-top-style: solid;
    border-top-width: 0.071em; /* 1px/14 = 0.071em */
    border-top-color: #fffbea;
    border-bottom-style: solid;
    border-bottom-width: 0.071em; /* 1px/14 = 0.071em */
    border-bottom-color: #973c00;
    border-radius: 0.429em; /* 6px/14 = 0.429em */
    -moz-border-radius: 0.429em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.143em 0.143em #888888; /* 2px/14 = 0.143em */
}

.confirmChangesButton:visited {
    color: #ffffff;
}

.confirmChangesButton:hover, .confirmChangesButton:active, .confirmChangesButton:visited:hover, .confirmChangesButton.visited {
    text-decoration: none;
    color: #ffffff;
    background: #b5cb73; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #b5cb73, #144c13); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #b5cb73, #144c13); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #b5cb73, #144c13); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #b5cb73, #144c13); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #b5cb73, #144c13);
}

.confirmRegisterButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.857em; /* 12px/14 */
    padding-left: 0.416em; /* 5px/12 = 0.416em */
    padding-right: 0.416em; /* 5px/12 = 0.416em */
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    color: #615d52;
    height: 1.166em; /* 14px/12 = 1.166em */
    min-width: 5.417em; /* 65px/12 = 5.417em */
    background: #f8f8f6; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #f8f8f6, #e4e1dc); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #f8f8f6, #e4e1dc); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #f8f8f6, #e4e1dc); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #f8f8f6, #e4e1dc); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #f8f8f6, #e4e1dc);
    border-style: solid;
    border-width: 0.083em; /* 1px/12 = 0.083em */
    border-color: #c6c6c6;
    border-radius: 0.5em; /* 6px/12 = 0.5em */
    -moz-border-radius: 0.5em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.083em #888888; /* 1px/12 = 0.083em */
    /* margin-right: 13px; */
    margin-left: 1.083em; /* 13px/12 = 1.083em */
    margin-bottom: 1.166em; /* 14px/12 = 1.166em */
}

.confirmRegisterButton:visited {
    color: #615d52;
}

.confirmRegisterButton:hover, .confirmRegisterButton:active, .confirmRegisterButton:visited:hover, .confirmRegisterButton.visited {
    text-decoration: none;
    color: #FFFFFF;
    background: #1b52ad; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(top, #b2e7f9, #1b52ad); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(top, #b2e7f9, #1b52ad); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(top, #b2e7f9, #1b52ad); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(top, #b2e7f9, #1b52ad); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to bottom, #b2e7f9, #1b52ad);
    border-bottom-color: #1b52ad;
}

.tabletButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 4.625em; /* 74px/16 = 4.625em */
    height: 2.125em; /* 34px/16 = 2.125em */
    margin-left: 1em; /* 16px/16 = 1em */
}

.tabletButton.android {
    /* background-image: url('../img/web/common/androidButton.png'); */
    background-image: url('../img/web/common/available_on_googleplay.png');
    background-repeat: no-repeat;
    width: 6.313em; /* 101px/16 = 6.313em */
}

.tabletButton.apple {
    /* background-image: url('../img/web/common/appleButton.png'); */
    background-image: url('../img/web/common/available_on_appstore.png');
    background-repeat: no-repeat;
    width: 6.313em; /* 101px/16 = 6.313em */
}

.tabletButton.amazon {
    background-image: url('../img/web/common/available_on_amazonappstore.png');
    background-repeat: no-repeat;
    width: 6.313em; /* 101px/16 = 6.313em */
}

/*
.tabletButton.android:hover, .tabletButton.android:visited:hover, .tabletButton.android:active {
    background-image: url('../img/web/common/androidButtonRoll.png');
}

.tabletButton.apple:hover, .tabletButton.apple:visited:hover, .tabletButton.apple:active {
    background-image: url('../img/web/common/appleButtonRoll.png');
}
*/

.acceptRejectButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 8.846em; /* 115px/13 = 8.846em */
    height: 3.385em; /* 44px/13 = 3.385em */
    text-decoration: none;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.813em; /* 13px/16 = 0.813em */
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding-top: 0.923em; /* 12px/13 = 0.923em */
}

.acceptRejectButton.accept {
    background-image: url('../img/web/common/acceptButton.png');
    background-repeat: no-repeat;
}

.acceptRejectButton.reject {
    background-image: url('../img/web/common/rejectButton.png');
    background-repeat: no-repeat;
}

.acceptRejectButton.accept:visited {
    color: #ffffff;
}

.acceptRejectButton.reject:visited {
    color: #ffffff;
}

.acceptRejectButton.accept:hover, .acceptRejectButton.accept:visited:hover, .acceptRejectButton.accept:active {
    background-image: url('../img/web/common/acceptButtonRoll.png');
    text-decoration: none;
    color: #ffffff;
}

.acceptRejectButton.reject:hover, .acceptRejectButton.reject:visited:hover, .acceptRejectButton.reject:active {
    background-image: url('../img/web/common/rejectButtonRoll.png');
    text-decoration: none;
    color: #ffffff;
}

/* COMMON PAGES */

.pageContainer {
    display: inline-block;
    width: 54.75em; /* 876px/16 = 54.75em */
    min-height: 21.875em; /* 350px/16 = 21.875em */
    background-color: #eeede9;
    border-style: solid;
    border-width: 0.062em; /* 1px/16 = 0.062em */
    border-color: #c6c6c6;
    border-radius: 1.5em; /* 24px/16 = 1.5em */
    -moz-border-radius: 1.5em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.25em #888888; /* 4px/16 = 0.25em */
    vertical-align: bottom;
    margin-bottom: 2.25em; /* 36px/16 = 1.25em */
}

.pageContainerHeader {
    position: relative;
    height: 3.438em; /* 55px/16 = 3.438em */
}

.pageContainerTitle {
    display: block;
    width: 11.8em; /* 177px/15 = 11.8em */
    height: 3.8em; /* 57px/15 = 3.8em */
    position: absolute;
    top: 1.333em; /* 20px/15 = 1.333em */
    left: -1.467em; /* -22px/15 = -1.467em */ 
    background-image: url('../img/web/common/gameCardListHeadTitle.png');
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.938em;
    font-weight: normal;
    color: #ffffff;
    padding-top: 0.45em;
}

.pageContainerTitleLong {
    display: block;
    width: 15.8em; /* 237px/15 = 15.8em */
    height: 3.8em; /* 57px/15 = 3.8em */
    position: absolute;
    top: 1.333em; /* 20px/15 = 1.333em */
    left: -1.467em; /* -22px/15 = -1.467em */
    background-image: url('../img/web/common/gameHeadTitle.png');
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 0.938em;
    font-weight: normal;
    color: #ffffff;
    padding-top: 0.45em;
}

.pageContainerContent {
    position: relative;
    text-align: left;
    padding-left: 2.188em; /* 35px/16 = 2.188em */
    padding-right: 2.188em; /* 35px/16 = 2.188em */
    padding-top: 1.5em; /* 24px/16 = 1.5em */
    padding-bottom: 3.75em; /* 60px/16 = 3.75em */
}

.pageContainerContent h3 {
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #554e3e;
}

.pageContainerContent p, .pageContainerContent ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #2f2b22;
    text-align: justify;
}

.pageContainerContent a, .pageContainerContent a:visited, .pageContainerContent span {
    color: #008cea;
    text-decoration: none;
}

.pageContainerContent a:hover, .pageContainerContent a:visited:hover {
    color: #0363a4;
}

.pageContainerContent a:active {
    color: #008cea;
}

.pageContainerContentCenter {
    width: 100%;
    text-align: center;
    margin-top: 2.5em; /* 40px/16 = 2.5em */
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Prevent callout */

.nocallout {
    -webkit-touch-callout: none;
}

.pressed {
    background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */

textarea[contenteditable] {
    -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */

.gifhidden {
    position: absolute;
    left: -100%;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

.ir br {
    display: none;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait */
	div#header {	    
	    width: 100%;
	    height: 30px;
	    min-height: 30px;
	}
	div#container.logged div#header {
		height: 30px;
	}
	div#logolink {
	    left: 1px;
	    margin-left: -50px; /* -318px/16 = -19.875em */
	    width: 228px; /* 275px/16 = 17.188em */
	    height: 30px; /* 75px/16 = 4.688em */
	}
	div#logolink img {
		width: 228px; /* 1255px/16 = 78.438em */
	    height: 30px; /* 137px/16 = 8.563em */
	    max-width: 228px; /* 1255px/16 = 78.438em */
	    padding-left: 12px;
	}
	div#followLogin {
		top: -23px;
	    left: 50px; /* 400px/16 = 25.000em */	    
	    width: 125px; /* 135px/16 = 8.438em CAMBIO GOOGLE+ */
	}
	div#container.logged div#header div#followLogin {	    
	    top: 0; /* -26px/16 = -1.625em */
	    left: 125px; /* 310px/16 = 19.375em */
	    width: 125px;
	}
	.followLinks {
		display: none;
		top: -3px;
		left: 22px; /* -7px/16 = -0.438em */
	}
	.followLinks span {	    
	    font-size: 8px; /* 10px/16 = 0.625em */
	    vertical-align: top;
	    padding-top: 8px;
	}
	.followLinksBr {
	    /*display: none;*/
	}
	.followLinks ul {
	    /*padding-top: 4px;*/
	}
	.followLinks ul li a img {
		width: 20px;
		height: 20px;
	}
	.avatarDisplay {
	    min-width: 60px; /* 150px/16 = 9.375em */
	    left: 54px; /*62px; /* 199px/16 = 12.438em */
	    top: 0px; /* 43px/16 = 2.688em */
	    border-radius: 4px; /* 6px/16 = 0.375em */
	    -moz-border-radius: 4px; /* Old Firefox (3.6 to 15) */
	    padding-left: 4px; /* 8px/16 = 0.5em */
	    padding-right: 4px; /* 8px/16 = 0.5em */
	    padding-top: 1px; /* 3px/16 = 0.188em */
	    padding-bottom: 1px; /* 3px/16 = 0.188em */
	}
	/*
	body.playbody .avatarDisplay {
		left: 125px;
		top: -27px;
	}
	/*
	body.playbody.our-bingo .avatarDisplay, body.playbody.our-slots .avatarDisplay {
		left: -25px;
		top: 2px;
	}
	*/
	body.playbody.our-slots .avatarDisplay {		
		left: -25px;
		top: 2px;
	}
	body.playbody.our-bingo .avatarDisplay {
	   /*
		position: absolute;
		right: 0;
		top: 0;
		background: none;
		*/
	}
	.avatarPicture {
	    width: 24px; /* 64px/16 = 4em */
	    height: 23px; /* 60px/16 = 3.75em */
	}
	.avatar {
	    top: 3px; /* 7px/16 = 0.438em */
	    left: 7px; /* 7px/16 = 0.438em */
	}
	.avatar img {
	    width: 18px; /* 49px/16 = 3.063em */
	    height: 15px; /* 47px/16 = 2.938em */
	}
	.avatarFrame {
	    top: 3px;
	    left: 4px;
	    width: 23px; /* 63px/16 = 3.938em */
	    height: 23px; /* 60px/16 = 3.75em */
	    background-size: 23px 23px;
	}
	.avatarInformation {
	    height: 30px; /* 60px/16 = 3.75em */	    
	    margin-right: -2px; /* 3px/16 = 0.188em */
	}
	.avatarInformation p{
	    font-size: 7px; /* 12px/16 = 0.75em */	    
	}
	.avatarLogout {	    
	    font-size: 7px; /* 10px/16 = 0.625em */	    
	    padding-right: 4px; /* 4px/10 = 0.4em */
	}
	.avatarLogout a, .avatarLogout a:visited , .avatarLogout a:active {	    
	    padding-right: 12px; /* 10px/10 = 1em */
	}
	
	#followLogin a.loginButton {	    
	    top: 19px; /* -7px/12 = -0.583em */
	    right: 0; /*-80px; /* 10px/12 = 0.833em CAMBIO GOOGLE+ */;
	}
	.LanguageNav {		
	 	top: 5px; /* -50px/16 = -3.125em */
	 	left: 0; /*left: 0; /* 370px/16 = 23.125em */
	 	width: 175px;
	}
	div#container.logged .LanguageNav {
		top: 5px; /* -45px/16 = -2.813em */
		left: -100px; /* 415px/16 = 25.938em */
		width: 175px;
	}
	body.playbody div#container.logged .LanguageNav {
		top: -7px;
		left: 55px; /*60px;*/
	}
	/*
	body.playbody.our-bingo div#container.logged .LanguageNav, body.playbody.our-slots div#container.logged .LanguageNav {
		top: -12px;
		left: -70px;
	}
	*/
	body.playbody.our-slots div#container.logged .LanguageNav {
		top: -12px;
		left: -70px;
	}
	body.playbody.our-bingo div#container.logged .LanguageNav {
		/*left: -70px;*/
	}
	.languagesDropdown {
		float: right;
	}
	.languagesDropdown .languagesDropbtn img {
		width: 20px;
		height: 11px;
	}
	.languagesDropdownContent {
		width: 130px;
		right: 25px;
		top: 6px;
	}
	.languagesDropdownContent a {
	  float: right;  
	  display: block;
	  text-align: left;
	  padding-left: 5px;
	}
	.languagesDropdownContent a img {
		width: 20px;
		height: 11px;
		margin-bottom: 1px;
	}
	.loginButton {	    
	    text-indent: 8px; /* 12px/12 = 1em */	    
	    font-size: 7px; /* 12px/16 = 0.75em */
	    padding-top: 6px; /* 11px/12 = 0.917em */
	    width: 88px; /* 155px/12 = 12.917em */
	    height: 37px; /* 37px/12 = 3.083em */
	    background-image: url('../img/web/common/loginButton.png');
	    background-size: 88px;
	}
	div#content {	    
	    min-width: 0; /* 958px/16 = 59.875em */
	    padding-top: 0; /* 32px/16 = 2em */
	}
	div#container.logged div#content {
		display: block;
	    min-width: 0; /* 826px/16 = 51.625em */
	    min-height: 0; /* 768px/16 = 48.000em */
	    width: 375px;
	    height: auto;
	}
	div#container.logged.our-bingo div#content {
		width: 100%; /*100vw;*/
		height: auto;
	}
	div#mainMenu {
	    display: inline-block;
	    width: 100px; /* 960px/16 = 60em */
	    height: 1px; /* 65px/16 = 4.063em */
	}
	div.colTwo {	    
	    margin-left: 30px; /* 50px/16 = 3.125em */	    
	}
	.registerButton {	   
	    font-size: 8px; /* 15px/16 = 0.938em */
	    padding-top: 7px; /* 12px/15 = 0.8em */	    
	    width: 80px; /* 145px/15 = 9.667em */
	    height: 25px; /* 46px/15 = 3.067em */
	    background-size: 80px 25px;
	}
	.fbenterButton {	    
	    font-size: 7px; /* 10px/16 = 0.625em; */
	    padding-top: 12px; /* 12px/10 = 1.2em; */
	    width: 85px; /* 128px/10 = 12.8em */
	    height: 20px; /* 30px/10 = 3em */
	 	background-size: 85px 20px;   
	}
	.fbenterButton span {
	    display: inline-block;
	    position: relative;
	    left: -24px; /* -42px/10 = -4.2em */
	    top: -7px; /* -2px/10 = -0.2em */
	}
	div#footer {	    
	    min-width: 0; /* 958px/16 = 59.875em */
	}
	div#footerLinks a {	    
	    font-size: 8px; /* 11px/16 = 0.688em */	    
	    margin-left: 5px; /* 45px/11 = 4.091em */
	    margin-right: 5px; /* 45px/11 = 4.091em */
	}
	.submitButton {	    
	    font-size: 8px; /* 15px/16 = 0.938em */
	    padding-left: 10px; /* 10px/15 = 0.667em */
	    padding-right: 10px; /* 10px/15 = 0.667em */
	    padding-top: 3px;
	    padding-bottom: 8px;
	    height: 4px; /* 14px/15 = 0.933em */
	    min-width: 40px; /* 113px/15 = 7.533em */	    
	    border-radius: 3px; /* 6px/15 = 0.4em */
	    -moz-border-radius: 3px; /* Old Firefox (3.6 to 15) */
	    box-shadow: 0 0 2px 2px #262626; /* 2px/15 = 0.133em */
	    margin-left: 13px; /* 13px/15 = 0.867em */
	    margin-right: 13px; /* 13px/15 = 0.867em */
	    margin-bottom: 0; /* 13px/15 = 0.867em */
	    margin-top: 3px;
	}
	.registeredButton {	    
	    font-size: 10px; /* 14px */
	    padding-left: 5px; /* 10px/14 = 0.714em */
	    padding-right: 5px; /* 10px/14 = 0.714em */
	    padding-top: 4px; /* 4px/14 = 0.286em */
	    padding-bottom: 5px; /* 12px/14 = 0.857em */	    
	    height: 14px; /* 14px/14 = 1em */
	    min-width: 75px; /* 75px/14 = 5.357em */
	    border-radius: 6px; /* 6px/14 = 0.429em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    box-shadow: 0 0 2px 2px #888888; /* 2px/14 = 0.143em */
	}
	.fbenterBigButton {
	    font-size: 10px; /* 20px/16 = 1.25em */
	    padding-top: 12px; /* 22px/20 = 1.1em */
	    padding-bottom: 0; /* 16px/20 = 0.8em */
	    width: 154px; /* 305px/20 = 15.25em */
	    height: 23px;
	    padding-right: 67px; /* 111px/20 = 5.55em */
	    border: 5px solid; /* 5px/20 = 0.25em */
	    border-radius: 8px; /* 8px/20 = 0.4em */
	    -moz-border-radius: 8px; /* Old Firefox (3.6 to 15) */
	    background-size: 220px 35px;
	}
	.formRegisterButton {	    
	    font-size: 10px; /* 19px/16 = 1.188em */
	    padding-top: 5px; /* 8px/19 = 0.421em */
	    padding-bottom: 5px; /* 5px/19 = 0.263em */	    
	    height: 12px; /* 30px/19 = 1.579em */
	    min-width: 75px; /* 160px/19 = 8.421em */	    
	    border-radius: 6px; /* 6px/19 = 0.316em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	}
	.gameOptionButton {	    
	    font-size: 9px;
	    padding-left: 10px; /* 10px/12 = 0.833em */
	    padding-right: 10px; /* 10px/12 = 0.833em */
	    padding-top: 7px;
	    padding-bottom: 7px;
	    height: 9px; /* 14px/12 = 1.166em */
	    min-width: 30px; /* 75px/12 = 6.25em */	    
	    border-radius: 6px; /* 6px/12 = 0.5em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    margin-right: 0; /* 13px/12 = 1.083em */
	    margin-bottom: 14px; /* 14px/12 = 1.166em */
	}
	.tabletButton {
	    display: inline-block;
	    outline: none;
	    cursor: pointer;
	    width: 74px; /* 74px/16 = 4.625em */
	    height: 26px; /* 34px/16 = 2.125em */
	    margin-left: 4px; /* 16px/16 = 1em */
	}
	.tabletButton.android {
	    background-size: 50px 26px;
	    width: 50px; /* 101px/16 = 6.313em */
	}
	.tabletButton.apple {
	    background-size: 50px 26px;
	    width: 50px; /* 101px/16 = 6.313em */
	}
	.tabletButton.amazon {
	    background-size: 50px 26px;
	    width: 50px; /* 101px/16 = 6.313em */
	}
	.confirmRegisterButton {	    
	    font-size: 8px; /* 12px/14 */
	    padding-left: 5px; /* 5px/12 = 0.416em */
	    padding-right: 5px; /* 5px/12 = 0.416em */
	    padding-top: 5px;
	    padding-bottom: 5px;
	    height: 10px; /* 14px/12 = 1.166em */
	    min-width: 50px; /* 65px/12 = 5.417em */	   
	    border-radius: 6px; /* 6px/12 = 0.5em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    margin-left: 6px; /* 13px/12 = 1.083em */
	    margin-bottom: 14px; /* 14px/12 = 1.166em */
	}
	.gameCategoryButton {	    
	    font-size: 9px;
	    padding-left: 10px; /* 10px/12 = 0.833em */
	    padding-right: 10px; /* 10px/12 = 0.833em */
	    padding-top: 7px;
	    padding-bottom: 7px;
	    height: 9px; /* 14px/12 = 1.166em */
	    min-width: 30px; /* 75px/12 = 6.25em */
	    border-radius: 6px; /* 6px/12 = 0.5em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    margin-left: 13px; /* 13px/12 = 1.083em */
	    margin-right: 13px; /* 13px/12 = 1.083em */
	    margin-bottom: 14px; /* 14px/12 = 1.166em */
	}
	.pageContainer {
	    width: 280px; /* 876px/16 = 54.75em */
	    min-height: 350px; /* 350px/16 = 21.875em */
	    border-radius: 9px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 9px; /* Old Firefox (3.6 to 15) */	    
	    margin-bottom: 0; /* 36px/16 = 1.25em */
	}
	.pageContainerHeader {
	    position: relative;
	    height: 1px; /* 55px/16 = 3.438em */
	}
	.pageContainerTitle {
	    width: 100px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -12px; /* -22px/15 = -1.467em */
	    background-size: 100px 24px;	    
	    font-size: 9px;	    
	    padding-top: 3px;
	}
	.pageContainerTitleLong {	    
	    width: 200px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */	    
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -18px; /* -22px/15 = -1.467em */
	    background-size: 200px 24px;	    
	    font-size: 9px;	    
	    padding-top: 3px;
	}
	.pageContainerContent {	    
	    padding-left: 15px; /* 35px/16 = 2.188em */
	    padding-right: 15px; /* 35px/16 = 2.188em */
	    padding-top: 24px; /* 24px/16 = 1.5em */
	    padding-bottom: 5px; /* 60px/16 = 3.75em */
	}
	.pageContainerContent h3 {
	    font-size: 10px;
	}
	.pageContainerContent p, .pageContainerContent ul {
	    font-size: 9px;
	}
	#gameHtmlClient.slots-client {
		display: block;
		position: relative;
		height: auto;
		width: 100%;		
		overflow-x: scroll;
	}	
	#gameHtmlClient.bingo-client {
		/*display: inline-block;*/
		position: relative;
		top: 0;		
		height: calc(100vh - 92px);		
		width: 100vw;		
		text-align: center;
	}
	#innerGameHtmlCLient {
		 width: 100%;
		 height: 100%;
	}	
	#gameHtmlClient.bingo-client #innerGameHtmlCLient {
		padding-top: 1px;
	}	
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape */
	div#header {	    
	    width: 100%;
	    min-height: 30px; /* 137px/16 = 8.563em */
	}
	div#container.logged div#header {
		height: 30px;
	}
	div#logolink {
        left: 1px;
        margin-left: -50px; /* -318px/16 = -19.875em */
        width: 228px; /* 275px/16 = 17.188em */
        height: 30px; /* 75px/16 = 4.688em */
    }
    div#logolink img {
        width: 228px; /* 1255px/16 = 78.438em */
        height: 30px; /* 137px/16 = 8.563em */
        max-width: 228px; /* 1255px/16 = 78.438em */
        padding-left: 12px;
    }
	div#followLogin {	    
	    left: 175px; /* 400px/16 = 25.000em */	    
	    width: 125px; /* 135px/16 = 8.438em CAMBIO GOOGLE+ */
	}
	div#container.logged div#header div#followLogin {	    
	    top: 0; /* -26px/16 = -1.625em */
	    left: 125px; /* 310px/16 = 19.375em */
	    width: 125px;
	}
	.followLinks {
		display: none;
		top: -3px;
		left: 22px; /* -7px/16 = -0.438em */
	}
	.followLinks span {	    
	    font-size: 8px; /* 10px/16 = 0.625em */
	    vertical-align: top;
	    padding-top: 8px;
	}
	.followLinksBr {
	    /*display: none;*/
	}
	.followLinks ul {
	    /*padding-top: 4px;*/
	}
	.followLinks ul li a img {
		width: 20px;
		height: 20px;
	}
	.avatarDisplay {	    
	    min-width: 60px; /* 150px/16 = 9.375em */
	    left: 124px; /* 199px/16 = 12.438em */
	    top: 2px; /* 43px/16 = 2.688em */
	    border-radius: 4px; /* 6px/16 = 0.375em */
	    -moz-border-radius: 4px; /* Old Firefox (3.6 to 15) */
	    padding-left: 4px; /* 8px/16 = 0.5em */
	    padding-right: 4px; /* 8px/16 = 0.5em */
	    padding-top: 1px; /* 3px/16 = 0.188em */
	    padding-bottom: 1px; /* 3px/16 = 0.188em */
	}
	body.playbody .avatarDisplay {
		left: 200px;
		top: 0px;
	}
	body.playbody.our-bingo .avatarDisplay, body.playbody.our-slots .avatarDisplay {
		/*left: 125px;
		top: 2px;*/
	}
	.avatarPicture {
	    width: 24px; /* 64px/16 = 4em */
	    height: 23px; /* 60px/16 = 3.75em */
	}
	.avatar {
	    top: 2px; /* 7px/16 = 0.438em */
	    left: 7px; /* 7px/16 = 0.438em */
	}
	.avatar img {
	    width: 17px; /* 49px/16 = 3.063em */
	    height: 16px; /* 47px/16 = 2.938em */
	}
	.avatarFrame {	    
	    top: 4px;
	    left: 4px;
	    width: 23px; /* 63px/16 = 3.938em */
	    height: 20px; /* 60px/16 = 3.75em */
	    background-size: 23px 20px;
	}
	.avatarInformation {
	    height: 27px; /* 60px/16 = 3.75em */	    
	    margin-right: -2px; /* 3px/16 = 0.188em */
	}
	.avatarInformation p{
	    font-size: 7px; /* 12px/16 = 0.75em */	    
	}
	.avatarLogout {	    
	    font-size: 7px; /* 10px/16 = 0.625em */	    
	    padding-right: 4px; /* 4px/10 = 0.4em */
	}
	.avatarLogout a, .avatarLogout a:visited , .avatarLogout a:active {	    
	    padding-right: 12px; /* 10px/10 = 1em */
	}
	#followLogin a.loginButton {	    
	    top: -3px; /*19px; /* -7px/12 = -0.583em */
	    right: -20px; /*241px; /* 10px/12 = 0.833em CAMBIO GOOGLE+ */;
	}
	.LanguageNav {		
	 	top: 5px; /* -50px/16 = -3.125em */
	 	left: 165px; /* 370px/16 = 23.125em */
	 	width: 175px;
	}
	div#container.logged .LanguageNav {
		top: 5px; /* -45px/16 = -2.813em */
		left: -100px; /* 415px/16 = 25.938em */
		width: 175px;
	}
	body.playbody div#container.logged .LanguageNav {
		top: -4px;
		left: 195px;
	}
	body.playbody.our-bingo div#container.logged .LanguageNav, body.playbody.our-slots div#container.logged .LanguageNav {
	/*
		top: -8px;
		left: -25px;
    */
	}
	.languagesDropdown {
		float: right;
	}
	.languagesDropdown .languagesDropbtn img {
		width: 20px;
		height: 11px;
	}
	.languagesDropdownContent {
		width: 130px;
		right: 25px;
		top: 6px;
	}
	.languagesDropdownContent a {
	  float: right;  
	  display: block;
	  text-align: left;
	  padding-left: 5px;
	}
	.languagesDropdownContent a img {
		width: 20px;
		height: 11px;
		margin-bottom: 1px;
	}
	.loginButton {	    
	    text-indent: 8px; /* 12px/12 = 1em */	    
	    font-size: 7px; /* 12px/16 = 0.75em */
	    padding-top: 6px; /* 11px/12 = 0.917em */
	    width: 88px; /* 155px/12 = 12.917em */
	    height: 15px; /* 37px/12 = 3.083em */
	    background-image: url('../img/web/common/loginButton.png');
	    background-size: 88px;
	}
	div#content {	    
	    min-width: 0; /* 958px/16 = 59.875em */
	    padding-top: 0; /* 32px/16 = 2em */
	}
	div#container.logged div#content {
		display: block;
	    min-width: 0; /* 826px/16 = 51.625em */
	    min-height: 0; /* 768px/16 = 48.000em */
	}
	div#mainMenu {
	    display: inline-block;
	    width: 100px; /* 960px/16 = 60em */
	    height: 1px; /* 65px/16 = 4.063em */
	}
	div.colTwo {	    
	    margin-left: 30px; /* 50px/16 = 3.125em */	    
	}
	.registerButton {	   
	    font-size: 8px; /* 15px/16 = 0.938em */
	    padding-top: 7px; /* 12px/15 = 0.8em */	    
	    width: 80px; /* 145px/15 = 9.667em */
	    height: 25px; /* 46px/15 = 3.067em */
	    background-size: 80px 25px;
	}
	.fbenterButton {	    
	    font-size: 7px; /* 10px/16 = 0.625em; */
	    padding-top: 12px; /* 12px/10 = 1.2em; */
	    width: 85px; /* 128px/10 = 12.8em */
	    height: 20px; /* 30px/10 = 3em */
	 	background-size: 85px 20px;   
	}
	.fbenterButton span {
	    display: inline-block;
	    position: relative;
	    left: -24px; /* -42px/10 = -4.2em */
	    top: -7px; /* -2px/10 = -0.2em */
	}
	hr.preFooter {
		display: none;
	}
	div#footer {	    
	    min-width: 0; /* 958px/16 = 59.875em */
	}
	div#footerLinks a {	    
	    font-size: 8px; /* 11px/16 = 0.688em */	    
	    margin-left: 5px; /* 45px/11 = 4.091em */
	    margin-right: 5px; /* 45px/11 = 4.091em */
	}
	.submitButton {	    
	    font-size: 8px; /* 15px/16 = 0.938em */
	    padding-left: 10px; /* 10px/15 = 0.667em */
	    padding-right: 10px; /* 10px/15 = 0.667em */
	    padding-top: 3px;
	    padding-bottom: 8px;
	    height: 4px; /* 14px/15 = 0.933em */
	    min-width: 40px; /* 113px/15 = 7.533em */	    
	    border-radius: 3px; /* 6px/15 = 0.4em */
	    -moz-border-radius: 3px; /* Old Firefox (3.6 to 15) */
	    box-shadow: 0 0 2px 2px #262626; /* 2px/15 = 0.133em */
	    margin-left: 13px; /* 13px/15 = 0.867em */
	    margin-right: 13px; /* 13px/15 = 0.867em */
	    margin-bottom: 0; /* 13px/15 = 0.867em */
	    margin-top: 3px;
	}
	.registeredButton {	    
	    font-size: 10px; /* 14px */
	    padding-left: 5px; /* 10px/14 = 0.714em */
	    padding-right: 5px; /* 10px/14 = 0.714em */
	    padding-top: 4px; /* 4px/14 = 0.286em */
	    padding-bottom: 5px; /* 12px/14 = 0.857em */	    
	    height: 14px; /* 14px/14 = 1em */
	    min-width: 75px; /* 75px/14 = 5.357em */
	    border-radius: 6px; /* 6px/14 = 0.429em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    box-shadow: 0 0 2px 2px #888888; /* 2px/14 = 0.143em */
	}
	.fbenterBigButton {
	    font-size: 10px; /* 20px/16 = 1.25em */
	    padding-top: 12px; /* 22px/20 = 1.1em */
	    padding-bottom: 0; /* 16px/20 = 0.8em */
	    width: 154px; /* 305px/20 = 15.25em */
	    height: 23px;
	    padding-right: 67px; /* 111px/20 = 5.55em */
	    border: 5px solid; /* 5px/20 = 0.25em */
	    border-radius: 8px; /* 8px/20 = 0.4em */
	    -moz-border-radius: 8px; /* Old Firefox (3.6 to 15) */
	    background-size: 220px 35px;
	}
	.formRegisterButton {	    
	    font-size: 10px; /* 19px/16 = 1.188em */
	    padding-top: 5px; /* 8px/19 = 0.421em */
	    padding-bottom: 5px; /* 5px/19 = 0.263em */	    
	    height: 12px; /* 30px/19 = 1.579em */
	    min-width: 75px; /* 160px/19 = 8.421em */	    
	    border-radius: 6px; /* 6px/19 = 0.316em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	}
	.gameOptionButton {	    
	    font-size: 9px;
	    padding-left: 10px; /* 10px/12 = 0.833em */
	    padding-right: 10px; /* 10px/12 = 0.833em */
	    padding-top: 7px;
	    padding-bottom: 7px;
	    height: 9px; /* 14px/12 = 1.166em */
	    min-width: 30px; /* 75px/12 = 6.25em */	    
	    border-radius: 6px; /* 6px/12 = 0.5em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    margin-right: 0; /* 13px/12 = 1.083em */
	    margin-bottom: 14px; /* 14px/12 = 1.166em */
	}
	.tabletButton {
	    display: inline-block;
	    outline: none;
	    cursor: pointer;
	    width: 74px; /* 74px/16 = 4.625em */
	    height: 26px; /* 34px/16 = 2.125em */
	    margin-left: 4px; /* 16px/16 = 1em */
	}
	.tabletButton.android {
	    background-size: 60px 26px;
	    width: 60px; /* 101px/16 = 6.313em */
	}
	.tabletButton.apple {
	    background-size: 60px 26px;
	    width: 60px; /* 101px/16 = 6.313em */
	}
	.tabletButton.amazon {
	    background-size: 60px 26px;
	    width: 60px; /* 101px/16 = 6.313em */
	}
	.confirmRegisterButton {	    
	    font-size: 8px; /* 12px/14 */
	    padding-left: 5px; /* 5px/12 = 0.416em */
	    padding-right: 5px; /* 5px/12 = 0.416em */
	    padding-top: 5px;
	    padding-bottom: 5px;
	    height: 10px; /* 14px/12 = 1.166em */
	    min-width: 50px; /* 65px/12 = 5.417em */	   
	    border-radius: 6px; /* 6px/12 = 0.5em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    margin-left: 6px; /* 13px/12 = 1.083em */
	    margin-bottom: 14px; /* 14px/12 = 1.166em */
	}
	.gameCategoryButton {	    
	    font-size: 9px;
	    padding-left: 10px; /* 10px/12 = 0.833em */
	    padding-right: 10px; /* 10px/12 = 0.833em */
	    padding-top: 7px;
	    padding-bottom: 7px;
	    height: 9px; /* 14px/12 = 1.166em */
	    min-width: 30px; /* 75px/12 = 6.25em */
	    border-radius: 6px; /* 6px/12 = 0.5em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    margin-left: 13px; /* 13px/12 = 1.083em */
	    margin-right: 13px; /* 13px/12 = 1.083em */
	    margin-bottom: 14px; /* 14px/12 = 1.166em */
	}
	.pageContainer {
	    width: 280px; /* 876px/16 = 54.75em */
	    min-height: 350px; /* 350px/16 = 21.875em */
	    border-radius: 9px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 9px; /* Old Firefox (3.6 to 15) */	    
	    margin-bottom: 0; /* 36px/16 = 1.25em */
	}
	.pageContainerHeader {
	    position: relative;
	    height: 1px; /* 55px/16 = 3.438em */
	}
	.pageContainerTitle {
	    width: 100px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -12px; /* -22px/15 = -1.467em */
	    background-size: 100px 24px;	    
	    font-size: 9px;	    
	    padding-top: 3px;
	}
	.pageContainerTitleLong {	    
	    width: 200px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */	    
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -18px; /* -22px/15 = -1.467em */
	    background-size: 200px 24px;	    
	    font-size: 9px;	    
	    padding-top: 3px;
	}
	.pageContainerContent {	    
	    padding-left: 15px; /* 35px/16 = 2.188em */
	    padding-right: 15px; /* 35px/16 = 2.188em */
	    padding-top: 24px; /* 24px/16 = 1.5em */
	    padding-bottom: 5px; /* 60px/16 = 3.75em */
	}
	.pageContainerContent h3 {
	    font-size: 10px;
	}
	.pageContainerContent p, .pageContainerContent ul {
	    font-size: 9px;
	}
	#gameHtmlClient.slots-client {
		display: block;
		position: relative;
		height: auto;
		width: 100%;		
		overflow-x: scroll;
	}	
	#gameHtmlClient.bingo-client {
	   /*
	   width: 100%;
	   height: auto;
	   */
	   height: 93vh;
	   width: auto;
	}
	#innerGameHtmlCLient {
		 width: 100%;
		 height: 100%;
	}
}
@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
	div#logolink {
	    left: 15%;
	}
	.avatarDisplay {	    
	    left: 235px; /* 199px/16 = 12.438em */
	    top: -2px; /* 43px/16 = 2.688em */
	}
	div#followLogin {	    
	    left: 285px; /*340px;*/
	}
	#followLogin a.loginButton {
        top: 10px;
	}
	div#container .LanguageNav {
		top: 15px; /* -45px/16 = -2.813em */
		left: 230px; /* 415px/16 = 25.938em */
	}
	div#container.logged .LanguageNav {
		top: -25px; /* -45px/16 = -2.813em */
		left: 230px; /* 415px/16 = 25.938em */
	}
	div#content {	    
	    min-width: 0; /* 958px/16 = 59.875em */
	    padding-top: 0; /* 32px/16 = 2em */
	}
	div#container.logged div#content {
		display: block;
	    min-width: 0; /* 826px/16 = 51.625em */
	    min-height: 0; /* 768px/16 = 48.000em */
	}
	div#mainMenu {
	    display: inline-block;
	    width: 100px; /* 960px/16 = 60em */
	    height: 1px; /* 65px/16 = 4.063em */
	}
	div.colTwo {	    
	    margin-top: 92px; /* 50px/16 = 3.125em */	    
	}
	.pageContainer {
	    width: 700px; /* 876px/16 = 54.75em */
	    min-height: 350px; /* 350px/16 = 21.875em */
	    border-radius: 9px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 9px; /* Old Firefox (3.6 to 15) */	    
	    margin-bottom: 0; /* 36px/16 = 1.25em */
	}
	.pageContainerHeader {
	    position: relative;
	    height: 1px; /* 55px/16 = 3.438em */
	}
	.pageContainerTitle {
	    width: 100px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -12px; /* -22px/15 = -1.467em */
	    background-size: 100px 24px;	    
	    font-size: 9px;	    
	    padding-top: 3px;
	}
	.pageContainerTitleLong {	    
	    width: 200px; /* 237px/15 = 15.8em */
	    height: 35px; /* 57px/15 = 3.8em */	    
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -18px; /* -22px/15 = -1.467em */
	    background-size: 200px 35px;	    
	    font-size: 12px;	    
	    padding-top: 3px;
	}
	.pageContainerContent {	    
	    padding-left: 15px; /* 35px/16 = 2.188em */
	    padding-right: 15px; /* 35px/16 = 2.188em */
	    padding-top: 50px; /* 24px/16 = 1.5em */
	    padding-bottom: 5px; /* 60px/16 = 3.75em */
	}
	.pageContainerContent h3 {
	    font-size: 14px;
	}
	.pageContainerContent p, .pageContainerContent ul {
	    font-size: 12px;
	}
}
@media (min-width: 768px) and (max-width: 992px) and (orientation: portrait) { /* Small devices (tablets, greater or equal than 768px and less than 992px) and portrait */
	div#header {       
        width: 100%;
        min-height: 60px; /* 137px/16 = 8.563em */
    }
    div#container.logged div#header {
        height: 60px;
    }
    /*
	div#logolink {
	    left: 25%;
	}
	div#logolink img {
		width: 100vw;
	    height: 8.563em;
	    max-width: 100vw;
	}
	*/
	div#logolink {
        left: 1px;
        margin-left: -50px; /* -318px/16 = -19.875em */
        width: 456px; /* 275px/16 = 17.188em */
        height: 60px; /* 75px/16 = 4.688em */
    }
    div#logolink img {
        width: 456px; /* 1255px/16 = 78.438em */
        height: 60px; /* 137px/16 = 8.563em */
        max-width: 456px; /* 1255px/16 = 78.438em */
        padding-left: 12px;
    }
    .avatarDisplay {        
        left: 216px; /* 199px/16 = 12.438em */
        top: -2px; /* 43px/16 = 2.688em */
    }
    div#container.logged .LanguageNav {
        top: -25px; /* -45px/16 = -2.813em */
        left: 215px; /* 415px/16 = 25.938em */
    }
	div#container.logged.our-bingo div#content {
		width: 100%; /*100vw;*/
		height: auto;
	}
	#gameHtmlClient.bingo-client {
		/*display: inline-block;*/
		position: relative;
		top: 0;		
		height: calc(100vh - 180px);		
		width: 100vw;		
		text-align: center;
	}
	#gameHtmlClient.bingo-client #innerGameHtmlCLient {
		/*padding-top: 1px;*/
		width: calc(100vw - 100px);
		height: auto;
		text-align: center;
		margin-left: 50px;
	}
	/*
	body.playbody.our-bingo div#footer, body.playbody.our-slots div#footer {
		display: none;
	}
	*/
	body.playbody.our-slots div#footer {
		display: none;
	}
	div#footer {	   
	   min-width: 100vw; /* 958px/16 = 59.875em */
	}
}
@media (min-width: 768px) and (max-width: 992px) and (orientation: landscape) { /* Small devices (tablets, greater or equal than 768px and less than 992px) and landscape */
	div#header {	    
	    width: 100%;
	    min-height: 30px; /* 137px/16 = 8.563em */
	}
	div#container.logged div#header {
		height: 30px;
	}
	div#logolink {
        left: 1px;
        margin-left: -50px; /* -318px/16 = -19.875em */
        width: 228px; /* 275px/16 = 17.188em */
        height: 30px; /* 75px/16 = 4.688em */
    }
    div#logolink img {
        width: 228px; /* 1255px/16 = 78.438em */
        height: 30px; /* 137px/16 = 8.563em */
        max-width: 228px; /* 1255px/16 = 78.438em */
        padding-left: 12px;
    }
	div#followLogin {
	    left: 260px; /* 400px/16 = 25.000em */	    
	    width: 125px; /* 135px/16 = 8.438em CAMBIO GOOGLE+ */
	}
	div#container.logged div#header div#followLogin {	    
	    top: 0; /* -26px/16 = -1.625em */
	    left: 125px; /* 310px/16 = 19.375em */
	    width: 125px;
	}
	.followLinks {
		display: none;
		top: -3px;
		left: 22px; /* -7px/16 = -0.438em */
	}
	.followLinks span {	    
	    font-size: 8px; /* 10px/16 = 0.625em */
	    vertical-align: top;
	    padding-top: 8px;
	}
	.followLinksBr {
	    /*display: none;*/
	}
	.followLinks ul {
	    /*padding-top: 4px;*/
	}
	.followLinks ul li a img {
		width: 20px;
		height: 20px;
	}
	.avatarDisplay {	    
	    min-width: 60px; /* 150px/16 = 9.375em */
	    left: 124px; /* 199px/16 = 12.438em */
	    top: 2px; /* 43px/16 = 2.688em */
	    border-radius: 4px; /* 6px/16 = 0.375em */
	    -moz-border-radius: 4px; /* Old Firefox (3.6 to 15) */
	    padding-left: 4px; /* 8px/16 = 0.5em */
	    padding-right: 4px; /* 8px/16 = 0.5em */
	    padding-top: 1px; /* 3px/16 = 0.188em */
	    padding-bottom: 1px; /* 3px/16 = 0.188em */
	}
	body.playbody .avatarDisplay {
		left: 80px;
		top: 0px;
	}
	body.playbody.our-bingo .avatarDisplay, body.playbody.our-slots .avatarDisplay {
	/*
		left: 125px;
		top: 2px;
    */
	}
	.avatarPicture {
	    width: 24px; /* 64px/16 = 4em */
	    height: 23px; /* 60px/16 = 3.75em */
	}
	.avatar {
	    top: 2px; /* 7px/16 = 0.438em */
	    left: 7px; /* 7px/16 = 0.438em */
	}
	.avatar img {
	    width: 17px; /* 49px/16 = 3.063em */
	    height: 16px; /* 47px/16 = 2.938em */
	}
	.avatarFrame {	    
	    top: 4px;
	    left: 4px;
	    width: 23px; /* 63px/16 = 3.938em */
	    height: 20px; /* 60px/16 = 3.75em */
	    background-size: 23px 20px;
	}
	.avatarInformation {
	    height: 27px; /* 60px/16 = 3.75em */
	    margin-right: -2px; /* 3px/16 = 0.188em */
	}
	.avatarInformation p{
	    font-size: 7px; /* 12px/16 = 0.75em */	    
	}
	.avatarLogout {	    
	    font-size: 7px; /* 10px/16 = 0.625em */	    
	    padding-right: 0px; /* 4px/10 = 0.4em */
	}
	.avatarLogout a, .avatarLogout a:visited , .avatarLogout a:active {	    
	    padding-right: 9px; /* 10px/10 = 1em */
	}
	#followLogin a.loginButton {	    
	    top: -3px; /* -7px/12 = -0.583em */
	    right: -20px; /* 10px/12 = 0.833em CAMBIO GOOGLE+ */;
	}
	.LanguageNav {		
	 	top: 5px; /* -50px/16 = -3.125em */
	 	left: 270px; /*165px; /* 370px/16 = 23.125em */
	 	width: 175px;
	}
	div#container.logged .LanguageNav {
		top: 5px; /* -45px/16 = -2.813em */
		left: -100px; /* 415px/16 = 25.938em */
		width: 175px;
	}
	body.playbody div#container.logged .LanguageNav {
		top: -3px;
		left: 75px;
	}
	body.playbody.our-bingo div#container.logged .LanguageNav, body.playbody.our-slots div#container.logged .LanguageNav {
	   top: -9px;
	/*
		top: -8px;
		left: -25px;
	*/
	}
	.languagesDropdown {
		float: right;
	}
	.languagesDropdown .languagesDropbtn img {
		width: 20px;
		height: 11px;
	}
	.languagesDropdownContent {
		width: 130px;
		right: 25px;
		top: 6px;
	}
	.languagesDropdownContent a {
	  float: right;  
	  display: block;
	  text-align: left;
	  padding-left: 5px;
	}
	.languagesDropdownContent a img {
		width: 20px;
		height: 11px;
		margin-bottom: 1px;
	}
	.loginButton {	    
	    text-indent: 8px; /* 12px/12 = 1em */	    
	    font-size: 7px; /* 12px/16 = 0.75em */
	    padding-top: 6px; /* 11px/12 = 0.917em */
	    width: 88px; /* 155px/12 = 12.917em */
	    height: 15px; /* 37px/12 = 3.083em */
	    background-image: url('../img/web/common/loginButton.png');
	    background-size: 88px;
	}
	div#content {	    
	    min-width: 0; /* 958px/16 = 59.875em */
	    padding-top: 0; /* 32px/16 = 2em */
	}
	div#container.logged div#content {
		display: block;
	    min-width: 0; /* 826px/16 = 51.625em */
	    min-height: 0; /* 768px/16 = 48.000em */
	}
	div#mainMenu {
	    display: inline-block;
	    width: 100px; /* 960px/16 = 60em */
	    height: 1px; /* 65px/16 = 4.063em */
	}
	div.colTwo {
		margin-top: 0; /* 50px/16 = 3.125em */	    
	    margin-left: 30px; /* 50px/16 = 3.125em */	    
	}
	.registerButton {	   
	    font-size: 8px; /* 15px/16 = 0.938em */
	    padding-top: 7px; /* 12px/15 = 0.8em */	    
	    width: 80px; /* 145px/15 = 9.667em */
	    height: 25px; /* 46px/15 = 3.067em */
	    background-size: 80px 25px;
	}
	.fbenterButton {	    
	    font-size: 7px; /* 10px/16 = 0.625em; */
	    padding-top: 12px; /* 12px/10 = 1.2em; */
	    width: 85px; /* 128px/10 = 12.8em */
	    height: 20px; /* 30px/10 = 3em */
	 	background-size: 85px 20px;   
	}
	.fbenterButton span {
	    display: inline-block;
	    position: relative;
	    left: -24px; /* -42px/10 = -4.2em */
	    top: -7px; /* -2px/10 = -0.2em */
	}
	hr.preFooter {
		display: none;
	}
	div#footer {	    
	    min-width: 0; /* 958px/16 = 59.875em */
	}
	div#footerLinks a {	    
	    font-size: 8px; /* 11px/16 = 0.688em */	    
	    margin-left: 5px; /* 45px/11 = 4.091em */
	    margin-right: 5px; /* 45px/11 = 4.091em */
	}
	.submitButton {	    
	    font-size: 8px; /* 15px/16 = 0.938em */
	    padding-left: 10px; /* 10px/15 = 0.667em */
	    padding-right: 10px; /* 10px/15 = 0.667em */
	    padding-top: 3px;
	    padding-bottom: 8px;
	    height: 4px; /* 14px/15 = 0.933em */
	    min-width: 40px; /* 113px/15 = 7.533em */	    
	    border-radius: 3px; /* 6px/15 = 0.4em */
	    -moz-border-radius: 3px; /* Old Firefox (3.6 to 15) */
	    box-shadow: 0 0 2px 2px #262626; /* 2px/15 = 0.133em */
	    margin-left: 13px; /* 13px/15 = 0.867em */
	    margin-right: 13px; /* 13px/15 = 0.867em */
	    margin-bottom: 0; /* 13px/15 = 0.867em */
	    margin-top: 3px;
	}
	.registeredButton {	    
	    font-size: 10px; /* 14px */
	    padding-left: 5px; /* 10px/14 = 0.714em */
	    padding-right: 5px; /* 10px/14 = 0.714em */
	    padding-top: 4px; /* 4px/14 = 0.286em */
	    padding-bottom: 5px; /* 12px/14 = 0.857em */	    
	    height: 14px; /* 14px/14 = 1em */
	    min-width: 75px; /* 75px/14 = 5.357em */
	    border-radius: 6px; /* 6px/14 = 0.429em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    box-shadow: 0 0 2px 2px #888888; /* 2px/14 = 0.143em */
	}
	.fbenterBigButton {
	    font-size: 10px; /* 20px/16 = 1.25em */
	    padding-top: 12px; /* 22px/20 = 1.1em */
	    padding-bottom: 0; /* 16px/20 = 0.8em */
	    width: 154px; /* 305px/20 = 15.25em */
	    height: 23px;
	    padding-right: 67px; /* 111px/20 = 5.55em */
	    border: 5px solid; /* 5px/20 = 0.25em */
	    border-radius: 8px; /* 8px/20 = 0.4em */
	    -moz-border-radius: 8px; /* Old Firefox (3.6 to 15) */
	    background-size: 220px 35px;
	}
	.formRegisterButton {	    
	    font-size: 10px; /* 19px/16 = 1.188em */
	    padding-top: 5px; /* 8px/19 = 0.421em */
	    padding-bottom: 5px; /* 5px/19 = 0.263em */	    
	    height: 12px; /* 30px/19 = 1.579em */
	    min-width: 75px; /* 160px/19 = 8.421em */	    
	    border-radius: 6px; /* 6px/19 = 0.316em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	}
	.gameOptionButton {	    
	    font-size: 9px;
	    padding-left: 10px; /* 10px/12 = 0.833em */
	    padding-right: 10px; /* 10px/12 = 0.833em */
	    padding-top: 7px;
	    padding-bottom: 7px;
	    height: 9px; /* 14px/12 = 1.166em */
	    min-width: 30px; /* 75px/12 = 6.25em */	    
	    border-radius: 6px; /* 6px/12 = 0.5em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    margin-right: 0; /* 13px/12 = 1.083em */
	    margin-bottom: 14px; /* 14px/12 = 1.166em */
	}
	.tabletButton {
	    display: inline-block;
	    outline: none;
	    cursor: pointer;
	    width: 74px; /* 74px/16 = 4.625em */
	    height: 26px; /* 34px/16 = 2.125em */
	    margin-left: 4px; /* 16px/16 = 1em */
	}
	.tabletButton.android {
	    background-size: 60px 26px;
	    width: 60px; /* 101px/16 = 6.313em */
	}
	.tabletButton.apple {
	    background-size: 60px 26px;
	    width: 60px; /* 101px/16 = 6.313em */
	}
	.tabletButton.amazon {
	    background-size: 60px 26px;
	    width: 60px; /* 101px/16 = 6.313em */
	}
	.confirmRegisterButton {	    
	    font-size: 8px; /* 12px/14 */
	    padding-left: 5px; /* 5px/12 = 0.416em */
	    padding-right: 5px; /* 5px/12 = 0.416em */
	    padding-top: 5px;
	    padding-bottom: 5px;
	    height: 10px; /* 14px/12 = 1.166em */
	    min-width: 50px; /* 65px/12 = 5.417em */	   
	    border-radius: 6px; /* 6px/12 = 0.5em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    margin-left: 6px; /* 13px/12 = 1.083em */
	    margin-bottom: 14px; /* 14px/12 = 1.166em */
	}
	.gameCategoryButton {	    
	    font-size: 9px;
	    padding-left: 10px; /* 10px/12 = 0.833em */
	    padding-right: 10px; /* 10px/12 = 0.833em */
	    padding-top: 7px;
	    padding-bottom: 7px;
	    height: 9px; /* 14px/12 = 1.166em */
	    min-width: 30px; /* 75px/12 = 6.25em */
	    border-radius: 6px; /* 6px/12 = 0.5em */
	    -moz-border-radius: 6px; /* Old Firefox (3.6 to 15) */
	    margin-left: 13px; /* 13px/12 = 1.083em */
	    margin-right: 13px; /* 13px/12 = 1.083em */
	    margin-bottom: 14px; /* 14px/12 = 1.166em */
	}
	.pageContainer {
	    width: 280px; /* 876px/16 = 54.75em */
	    min-height: 350px; /* 350px/16 = 21.875em */
	    border-radius: 9px; /* 24px/16 = 1.5em */
	    -moz-border-radius: 9px; /* Old Firefox (3.6 to 15) */	    
	    margin-bottom: 0; /* 36px/16 = 1.25em */
	}
	.pageContainerHeader {
	    position: relative;
	    height: 1px; /* 55px/16 = 3.438em */
	}
	.pageContainerTitle {
	    width: 100px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -12px; /* -22px/15 = -1.467em */
	    background-size: 100px 24px;	    
	    font-size: 9px;	    
	    padding-top: 3px;
	}
	.pageContainerTitleLong {	    
	    width: 200px; /* 237px/15 = 15.8em */
	    height: 24px; /* 57px/15 = 3.8em */	    
	    top: 5px; /* 20px/15 = 1.333em */
	    left: -18px; /* -22px/15 = -1.467em */
	    background-size: 200px 24px;	    
	    font-size: 9px;	    
	    padding-top: 3px;
	}
	.pageContainerContent {	    
	    padding-left: 15px; /* 35px/16 = 2.188em */
	    padding-right: 15px; /* 35px/16 = 2.188em */
	    padding-top: 24px; /* 24px/16 = 1.5em */
	    padding-bottom: 5px; /* 60px/16 = 3.75em */
	}
	.pageContainerContent h3 {
	    font-size: 10px;
	}
	.pageContainerContent p, .pageContainerContent ul {
	    font-size: 9px;
	}
	#gameHtmlClient.slots-client {
		display: block;
		position: relative;
		height: auto;
		width: 100%;		
		overflow-x: scroll;
	}	
	#gameHtmlClient.bingo-client {
		/*
       width: 100%;
       height: auto;
       */
       height: 94vh;
       width: auto;
	}
	#innerGameHtmlCLient {
		 width: 100%;
		 height: 100%;
	}
}