/* Minification failed. Returning unminified contents.
(1668,29): run-time error CSS1027: Expected semi-colon or close brace, found ':'
(1675,29): run-time error CSS1027: Expected semi-colon or close brace, found ':'
 */
.ARK_mainContainer{font-size: 12px;}
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
.ARK_mainContainer abbr,.ARK_mainContainer acronym,.ARK_mainContainer address,.ARK_mainContainer big,.ARK_mainContainer cite,.ARK_mainContainer code,.ARK_mainContainer del,
.ARK_mainContainer dfn,.ARK_mainContainer em,.ARK_mainContainer img,.ARK_mainContainer ins,.ARK_mainContainer kbd,.ARK_mainContainer q,.ARK_mainContainer s,.ARK_mainContainer samp,
.ARK_mainContainer small,.ARK_mainContainer strike,.ARK_mainContainer strong,.ARK_mainContainer sub,.ARK_mainContainer sup,.ARK_mainContainer tt,.ARK_mainContainer var,
.ARK_mainContainer b,.ARK_mainContainer u,.ARK_mainContainer i,.ARK_mainContainer center,
.ARK_mainContainer dl,.ARK_mainContainer dt,.ARK_mainContainer dd,.ARK_mainContainer ol,.ARK_mainContainer ul,.ARK_mainContainer li,
.ARK_mainContainer fieldset,.ARK_mainContainer form,.ARK_mainContainer label,.ARK_mainContainer legend,
.ARK_mainContainer table,.ARK_mainContainer caption,.ARK_mainContainer tbody,.ARK_mainContainer tfoot,.ARK_mainContainer thead,.ARK_mainContainer tr,.ARK_mainContainer th,.ARK_mainContainer td,
.ARK_mainContainer article,.ARK_mainContainer aside,.ARK_mainContainer canvas,.ARK_mainContainer details,.ARK_mainContainer embed,
.ARK_mainContainer figure,.ARK_mainContainer figcaption,.ARK_mainContainer footer,.ARK_mainContainer header,.ARK_mainContainer hgroup,
.ARK_mainContainer menu,.ARK_mainContainer nav,.ARK_mainContainer output,.ARK_mainContainer ruby,.ARK_mainContainer section,.ARK_mainContainer summary,
.ARK_mainContainer time,.ARK_mainContainer mark,.ARK_mainContainer audio,.ARK_mainContainer video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
.ARK_mainContainer article, .ARK_mainContainer aside,.ARK_mainContainer details,.ARK_mainContainer figcaption,.ARK_mainContainer figure, 
.ARK_mainContainer footer,.ARK_mainContainer header,.ARK_mainContainer hgroup,.ARK_mainContainer menu,.ARK_mainContainer nav,.ARK_mainContainer section {
	display: block;
}
.ARK_mainContainer ol,.ARK_mainContainer ul {
	list-style: none;
}
.ARK_mainContainer blockquote,.ARK_mainContainer q {
	quotes: none;
}
.ARK_mainContainer blockquote:before, .ARK_mainContainer blockquote:after,
.ARK_mainContainer q:before,.ARK_mainContainer q:after {
	content: '';
	content: none;
}
.ARK_mainContainer table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*leaderbord reset*/
.ark_leaderboard{font-size: 12px;}

.ark_leaderboard abbr,.ark_leaderboard acronym,.ark_leaderboard address,.ark_leaderboard big,.ark_leaderboard cite,.ark_leaderboard code,.ark_leaderboard del,
.ark_leaderboard dfn,.ark_leaderboard em,.ark_leaderboard img,.ark_leaderboard ins,.ark_leaderboard kbd,.ark_leaderboard q,.ark_leaderboard s,.ark_leaderboard samp,
.ark_leaderboard small,.ark_leaderboard strike,.ark_leaderboard strong,.ark_leaderboard sub,.ark_leaderboard sup,.ark_leaderboard tt,.ark_leaderboard var,
.ark_leaderboard b,.ark_leaderboard u,.ark_leaderboard i,.ark_leaderboard center,
.ark_leaderboard dl,.ark_leaderboard dt,.ark_leaderboard dd,.ark_leaderboard ol,.ark_leaderboard ul,.ark_leaderboard li,
.ark_leaderboard fieldset,.ark_leaderboard form,.ark_leaderboard label,.ark_leaderboard legend,
.ark_leaderboard table,.ark_leaderboard caption,.ark_leaderboard tbody,.ark_leaderboard tfoot,.ark_leaderboard thead,.ark_leaderboard tr,.ark_leaderboard th,.ark_leaderboard td,
.ark_leaderboard article,.ark_leaderboard aside,.ark_leaderboard canvas,.ark_leaderboard details,.ark_leaderboard embed,
.ark_leaderboard figure,.ark_leaderboard figcaption,.ark_leaderboard footer,.ark_leaderboard header,.ark_leaderboard hgroup,
.ark_leaderboard menu,.ark_leaderboard nav,.ark_leaderboard output,.ark_leaderboard ruby,.ark_leaderboard section,.ark_leaderboard summary,
.ark_leaderboard time,.ark_leaderboard mark,.ark_leaderboard audio,.ark_leaderboard video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
.ark_leaderboard article, .ark_leaderboard aside,.ark_leaderboard details,.ark_leaderboard figcaption,.ark_leaderboard figure, 
.ark_leaderboard footer,.ark_leaderboard header,.ark_leaderboard hgroup,.ark_leaderboard menu,.ark_leaderboard nav,.ark_leaderboard section {
	display: block;
}
.ark_leaderboard ol,.ark_leaderboard ul {
	list-style: none;
}
.ark_leaderboard blockquote,.ark_leaderboard q {
	quotes: none;
}
.ark_leaderboard blockquote:before, .ark_leaderboard blockquote:after,
.ark_leaderboard q:before,.ark_leaderboard q:after {
	content: '';
	content: none;
}
.ark_leaderboard table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
    font-family: 'Futura Today';
    src: url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_normal.eot);
    src: url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_normal.eot?#iefix) format('embedded-opentype'),url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_normal.woff) format('woff'),url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_normal.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family:'Futura Today DemiBold';src:url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_demibold.eot);src:url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_demibold.eot?#iefix) format('embedded-opentype'),url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_demibold.woff) format('woff'),url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_demibold.ttf) format('truetype');font-style:normal;
}
@font-face {
    font-family:'Futura Today Bold';src:url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_bold.eot);src:url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_bold.eot?#iefix) format('embedded-opentype'),url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_bold.woff) format('woff'),url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_bold.ttf) format('truetype');font-style:normal;
}
@font-face {
    font-family:'Futura Today Light';src:url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_light.eot);src:url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_light.eot?#iefix) format('embedded-opentype'),url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_light.woff) format('woff'),url(http://amsarkadium-a.akamaihd.net/assets/usa-today/arena/heap/futura_today_light.ttf) format('truetype');font-style:light;
}
.ARK_mainContainer {
    width: 660px;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    display: block;
    color:#333;
    
}

.GameBodyContainer {
    width: 100%;
    min-width: 630px;
}

.ARK_mainContainer img,
.ARK_block img {
    border: 0;
    width: 100%;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

#textLogoDiv {
    width: 200px;
}

#textLogoDiv a {
    line-height: 1.3em;
    font-size: 390%;
    text-transform: uppercase;
}

.ARK_mainContainer .ARK_block {
    letter-spacing: -4px;
    overflow: hidden;
    border:1px solid #ccc;
    border-radius:0;
    box-shadow:none;
    margin: 10px 0;
    padding:20px 0 20px 19px;
    background:#fff;
}

.ARK_mainContainer .ARK_block > h2,.ARK_playGame.ARK_block h1 {
    display: block;
    letter-spacing: normal;
    font-size:18px;
	color:#333;
	text-transform:uppercase;
	font-weight: normal;
	font-family: "Futura Today Bold";
	line-height:13px;
	padding:0;
}
.ARK_playGame #gameName {
    margin-bottom: 0;    
}
.ARK_button {
    position: absolute;
    top: 145px;
    right: 6%;
    text-align: center;
    
    padding: 2px 11px;
	font-family:"Helvetica Regular", Helvetica, Arial,sans-serif;
	font-size:13px;
	line-height:16px;
	color:#fff;
	background:#009bff;
	border:1px solid #008fef;
	-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.1);
	box-shadow:0 2px 0 0 rgba(0,0,0,0.1);
}

.ARK_button:hover {
    text-decoration: none;
    cursor: pointer;
    background:#00aeff;
	color:#fff !important;
	padding: 2px 11px !important;
}

.ARK_isNew {
    background: url(../Content/Images/ARK_newLable_R.png) no-repeat;
    width: 63px;
    height: 27px;
    position: absolute;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
    z-index: 2;
    top: 51px;
    right: -3px;
    padding: 0;
    margin: 0;
}

.ARK_allGames .ARK_isAndroid {
    width: 55%;
    top: 58px;
}

.ARK_isAndroid {
    width: 70%;
    position: absolute;
    top: 45px;
    left: -5px;
}

.ARK_isAndroid img {
    max-width: 100%;
}

/*Main end*/
/*Main Navigation*/
.fixed_size {
    width: 200px !important;
}

#ARK_header {
    width: 100%;
    overflow: hidden;
}

#ARK_header > h1 {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    direction: ltr;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 45px;
    letter-spacing: normal;
    font-weight: bold;
    font-family: arial,sans-serif;
    color: #333;
    margin-right: 40px;
}

#ARK_header > h1 > a {
    color: #333;
    font-weight: bold;
}

#ARK_header > ul {
    list-style: none;
    width: 60%;
    float: left;
    margin: 0 0 0 5%;
}

#ARK_header > ul li {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUAQMAAAB2wMXiAAAAA1BMVEUzMzPK7GI1AAAAC0lEQVQI12MgEgAAACgAAUanPikAAAAASUVORK5CYII=) no-repeat right center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    vertical-align: middle;
    list-style: none;
    letter-spacing: normal;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    padding: 0 5px;
}
#ARK_header > li > a {
    color: #333;
    font-weight: bold;
}
#fb_like, #tweet{
    padding:5px 0;
}

#fb_like iframe {
    height: 20px;
    width: 90px;
}

#tweet iframe{
    width: 90px !important;
    height: 20px;
}

#ARK_header .logo-top-buttons {
    position: relative;
    line-height: 8px;
}
.logo-top-buttons .social-buttons {
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0px;
}
.logo-top-buttons .social-buttons.social-buttons-middle {
    margin-top: -15px;
}
.logo-top-buttons .social-buttons li{
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
}
.logo-top-buttons a.header-logo {
    display: block;
    margin: 10px 0 0 0;
    width:200px;
}
.ark_fb_login {
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: bold;
    border-radius: 0 !important;
    padding: 5px 10px !important;
    color: #fff !important;
    background: #627AAC !important;
    border: 2px solid #29447E !important;
    -webkit-box-shadow: 0 1px 0 0 #8A9CC2 inset !important;
    box-shadow: 0 1px 0 0 #8A9CC2 inset !important;
    cursor: pointer;
    margin: 0 0 0 5px;
    display: inline-block;
    width: auto !important;
}

.ARK_playGame_gameend .ark_fb_login {
    margin: 10px auto !important;
    float: none;
    width: auto;
    display: inline-block;
}

#ARK_header > ul#category_menu {
    background: #141414;
    float: left;
    padding: 10px 6px;
    margin: 12px 0 0 0;
    clear: both;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

#ARK_header > ul#category_menu li {
    padding:0 14px;
}

#ARK_header > ul#category_menu li a {
    color: #999;
    font-family: "Futura Today",sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#ARK_header > ul#category_menu li a:hover,
#ARK_header > ul#category_menu li.current a,
#ARK_header > ul#category_menu li a:active {
    color: #fff;
}

#ARK_header > ul#category_menu li#Help, #ARK_header > ul#category_menu li#All_games {
    background: none;
}

#ARK_header > ul#category_menu li#Help, #ARK_header > ul#category_menu li#Profile {
    float: right;
}

#ARK_header > ul li.current a {
    color: #ccc;
}

/*Main Navigation end*/
/*Popular Games, Featured Games*/
.ARK_popularGames > span, .ARK_featuredGames > span {
    font-size: 23px;
    line-height: 26px;
}


.ARK_popularGames div {
    max-width: 100%;
}

.ARK_featuredGames > a {
    width: 30%;
    margin: 10px 10px 0 11px !important;
}

.ARK_popularGames > a {
    width: 23.4%;
    margin: 5px !important;
}

.ARK_popularGames > a, .ARK_featuredGames > a {
    display: inline-block;
    font-size: 12px !important;
    color: #555;
    text-decoration: none;
    letter-spacing: normal;
    vertical-align: top !important;
    position: relative;
}

.ARK_popularGames > a img, .ARK_featuredGames > a img {
    display: block;
    margin-bottom: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ARK_popularGames > a b {
    display: block;
    color: #000;
}

/*Popular Games, Featured Games end*/
.promo_flash {
    text-align: center;
    height: 315px;
    margin: 10px 0 0 0 !important;
}

.promo_flash object {
    min-width: 620px !important;
    max-width: 100%;
}

/*Category Games*/
.ARK_categoryGames {
    position: relative !important;
}
.ARK_categoryGames.ARK_topRG > div
{height: auto;}
.ARK_topRG #ratingstars{width: 50%!important;}
.ARK_categoryGames > div {
    display: inline-block;
    font-size: 12px;
    color: #555;
    width: 46%;
    height: 110px;
    text-decoration: none;
    letter-spacing: normal;
    vertical-align: top;
    margin: 5px 10px;
}

.ARK_categoryGames > div > a {
    float: left;
    margin: 5px 4px;
    display: inline;
    position: relative;
    overflow: visible;
    width: 51%;
}

.ARK_categoryGames > div > span {
    float: left;
    display: inline;
    width: 44%;
    margin: 2px 0 0 5px;
}

.ARK_categoryGames > div > span > span {
    display: block;
    color: #555555;
    height: 58px;
    overflow: hidden;
    line-height: 15px;
}

.ARK_categoryGames > div > span > span > a {
    color: #363636;
    text-decoration: underline;
    display: block;
    font-weight: bold;

}

.ARK_categoryGames > div > span > a {
    padding: 1px 15px;
}

.ARK_categoryGames > a {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 95px;
    margin: 0 !important;
    float: right;
    font-size: 12px !important;
    color: #363636;
    text-decoration: none;
}

.ARK_categoryGames > a:hover {
    text-decoration: underline;
}

/*Category Games end*/
/*Featured Games*/

/*Featured Games end*/
/*All Games*/
.ARK_allGames > span {
    font-size: 23px;
}

.ARK_allGames > div {
    display: inline-block;
    font-size: 12px;
    color: #555;
    width: 23%;
    text-decoration: none;
    letter-spacing: normal;
    vertical-align: top;
    margin: 1%;
}

.ARK_allGames > div > a {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    overflow: hidden;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.333;
    height: 80px;
    color: #5E5E5E;
    vertical-align: top;
    position: relative;
}

.ARK_allGames > div > a > img {
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ARK_allGames > div > a > span.ARK_isNew,.jcarousel-item > div > a > span.ARK_isNew{
    padding: 0;
}
.play_agp {
    text-align: right;
    color: #04a7ff;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    margin: 0 5px 0 0;
}
.ARK_allGames > div > a > span,.jcarousel-item > a > span {
    display: block;
    padding: 3px;
    height: 56px;
    overflow: hidden;
}

.ARK_allGames > div > a > span > b,.jcarousel-item > a > span > b {
    display: block;
    font-size: 12px;
    width: 100%;
    text-decoration: none !important;
    color: #0C0C0C;
}

.ARK_allGames > div > span,.jcarousel-item > span {
    display: block;
    text-align: center;
    font-weight: bold;
}

.ARK_allGames > div:hover > a {
    border: 1px solid #929292;
    display: inline-block;
    text-decoration: none;
}

.ARK_allGames > div:hover > a > span.ARK_isNew {
    display: none;
}

.ARK_allGames > div:hover > a > img {
    display: none;
    height: 0;
}

.ARK_allGames > div:hover > span {
    visibility: hidden;
}

/*All Games end*/
/*Play Game*/
.ARK_playGame.ARK_block {
    overflow: visible;
}

.ARK_playGame > p {
    letter-spacing: normal;
    font-family:"Helvetica Regular", Helvetica, Arial,sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333;
    margin:20px 0 0 0;
    padding:0 0 0 10px !important;
}

.ARK_playGame_preroll {
    display: block;
    text-align: center;
    margin: 10px 0;
}

.ARK_playGame_preroll, .ARK_timer, #get_height span {
    font-size: 12px;
    letter-spacing: normal;
    color: #fff;
}
#get_height {
    background: rgba(0, 0, 0, 0.8);
}
.ARK_playGame_preroll > div {

    display: inline-block;
}

.ARK_playGame_preroll > span,
.ARK_playGame_preroll > .ARK_timer {
    display: block;
    padding: 5px 0;
}

.ARK_playGame_preroll > .ARK_preroll {
    display: inline-block;
}

.ARK_playGame_preroll > .ARK_preroll > table td > div > span,
.ARK_playGame_preroll > .ARK_preroll > table td > div > div {
    text-align: center
}

.ARK_playGame_game {
    display: block;
    text-align: center;
}

.ARK_playGame_game > div {
    display: inline-block;
}

.ARK_playGame_gameend {
    background-color: #535353;
    overflow: hidden;
    margin: 10px 0;
}

#gameBlock.Gameblock_shifted #flash_game {
    position: absolute;
    left: -10000px;
}

.ARK_playGame_gameend .sign_in_points {
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 3% 6%;
    cursor: pointer;
}

.universal_align {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.universal_align #div_GameEnd_1 {
    display: inline-block;
    vertical-align: top;
}

.universal_align .ARK_score {
    display: inline-block;
    width: 45%;
    padding: 0 10px 0 0;
    float: none;
    vertical-align: top;
}

.ARK_iF_gameEnd_score #score {
    line-height: 60px;
    font-size: 30px;
    color: #fff;
    margin: 51px 0 54px 0;
}
.ARK_iF_gameEnd .ARK_score > h3 {
    color: #000;
}
.ARK_score > h3 {
    font-size: 26px;
    color: #ededed;
    margin: 10px 0 0 0;
    text-align: center;
}

.ARK_score #score
{
    background-color: #000;
    display: block;
    width: 230px;
    margin: 20px auto;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.universal_align .ARK_button {
    margin: 0 5px;
    padding: 5px 0;
    width: 110px;
}

.ARK_button_align {
    clear: both;
    width: 100%;
    text-align: center;
}

#SignInBtn {
    padding: 5px 15px;
}

.ARK_score > span.ARK_button {
    background: url(../Content/Images/ARK_shareOnFB.png) no-repeat left center;
    display: block;
    margin: 10px 35px;
    border: 1px solid #183473;
    padding: 5px 25px 5px 50px !important;
    width: auto;
}

.ARK_playGame .ARK_playGame_gameend > .ARK_delim {
    display: block;
    clear: both;
    margin: 0 10px 10px 10px;
    background-color: #242424;
    height: 2px;
}

.ARK_playGame .ARK_playGame_gameend > .ARK_carousel {
    width: 100%;
    height: 135px;
    background-color: #878a8d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #1f1f1f;
    display: block;
    margin: 0 auto 10px auto;
}

.ARK_playGame .ARK_playGame_gameend > .ARK_carousel > span {
    font: bold 18px Arial;
    padding: 0 0 0 6px;
    display: block;
    color: #333
}

/*Play Game end*/
/*More Games*/
.ARK_mainContainer  .ARK_moreGames {
    overflow: hidden;
    clear: both;
    padding:20px 0 20px 19px;
}

.ARK_moreGames > div {
    display: inline-block;
    position: relative;
    font-size: 1em;
    color: #555;
    text-align: center;
    text-decoration: none;
    letter-spacing: normal;
    vertical-align: top;
    width:146px;
    margin:20px 12px 0 0;
}

.ARK_moreGames > div > a.ARK_img,
.ARK_moreGames > div > span,
.ARK_moreGames > div > span > a,
.ARK_moreGames > div > a.ARK_button {
    display: block;
}

.ARK_moreGames > div > a.ARK_img {
    position: relative;
    max-width: 100%;
}

.ARK_moreGames > div > span {
    overflow: hidden;
    text-align: left;
    color: #555;
}

.ARK_moreGames > div > span > a {
    color: #363636;
    font: bold 12px Arial;
}

.ARK_moreGames > div > a.ARK_button {
    margin: 5px auto;
}

.ARK_moreGames > a {
    float: right;
    font-size: 12px;
    color: #363636;
    margin: 5px 10px 5px 0 !important;
    text-decoration: none;
}

.ARK_moreGames > a:hover {
    text-decoration: underline;
}

.ARK_moreGames .ARK_isNew {
    right: -5px;
}

.ARK_moreGames .block_title{
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #333;
}

.block_title span {
    padding-left: 10px;
    line-height:25px;
    color: #868686;
}

#ratingstars {
    margin-bottom: 0 !important;
    width: 30% !important;
    cursor: pointer;
    margin-top: 10px;
}

.ARK_moreGames .no_info_hint {
    width: auto;
}

/*More Games end*/
/*Help*/
.ARK_help .Q_list > div,
.ARK_help .A_list > div {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 10px 10px 0;
    padding: 5px 0;
    border-top: 1px solid #999999;
}

.ARK_help .Q_list > a {
    color: #0096FF !important;
    display: list-item;
    font-size: 12px;
    margin: 0 0 0 35px;
}

.ARK_help .A_list > h3 {
    color: #222222;
    font-size: 13px;
    padding: 10px 15px 5px 15px;
}

.ARK_help .A_list > span {
    display: block;
    color: #333333;
    font-size: 12px;
    padding: 0 20px;
}

.ARK_help .A_list > span ul {
    margin: 10px 35px
}

.ARK_help .A_list > span a {
    color: #0096FF !important;
}

.ARK_help {
    padding: 20px 0;
}

/*Help end*/
/*AD popup*/
.ARK_OverlayFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    z-index: 3000000000;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
}

.ARK_AD_popup {
    position: fixed;
    overflow: hidden;
    border-collapse: collapse;
    padding: 0;
    z-index: 3000000000;
}

#prerollAd.ARK_AD_popup, #postrollAd.ARK_AD_popup {
    background-color: #555;
}

.ARK_AD_popup span,
.ARK_timer {
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin: 0 !important;
    background-color: #555;
    letter-spacing: normal;
}

#prerollAdTablet .ARK_AD_popup span, #prerollAdTablet .ARK_timer, #prerollAdTablet #prerollAd, #prerollAdPhone .ARK_AD_popup span, #prerollAdPhone .ARK_timer, #prerollAdPhone #prerollAd {
    background: none;
    color: #555;
}

.ARK_AD_popup iframe {
    display: block;
}

/*AD popup end*/
/*Profile*/
.Profile #ratingstars {
    width: 100% !important;
}

.Profile #ratingstars img {
    width: 21px !important;
}

.Profile .top_scores {
    width: 320px;
    font-size: 12px !important;
    float: left;
    height: 462px;
}

.ARK_block .block_title {
    background: #f1f1f1;
    padding: 10px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
}
.ARK_user_badges .block_title, .ARK_user_info .block_title, .ARK_moreGames .block_title{
    padding: 10px 0;
}
.scores_table-header {
letter-spacing: -1px;
}
.scores_table-header span.ark_games_sc{padding: 0 0 0 10%;}
.top_select div {
width: 42%;
text-align: center;
padding: 5px;
display: inline-block;
vertical-align: middle;
}
.top_scores table
{
    background:#D7F1FF;
    color: #0086D0;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}
.ark_topSC,.ark_hightSC{text-align: right;font-size: 1.2em;}
.ark_hightSC{color: #DB8B00;}
.top_select div.active{background: #db8b00;border-radius: 5px;color: #fff;}
.IGPage .Profile img {
    width: auto !important;
}

.Profile .ARK_block {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e1e1e1 !important;
    border-radius: 0;
}

.profile_font {
    font-family: Arial, Helvetica, sans-serif;
}

.Profile .preload_profile {
    height: 200px;
    position: relative;
}

#userInfoDiv {
    width: 100%;
    /*position: relative;*/
}

#userInfoDiv .block_title {
    position: relative;
}

#userInfoDiv .profileEdit {
    height: 41px;
    padding-right: 50px;
    font-size: 16px;
    color: #868686;
    line-height: 43px;
    top: 0;
    right: 0;
    margin: 2px 10px 0 0;
    position: absolute;
    cursor: pointer;
    background: url("../Content/Images/settings.png") top right no-repeat;
}

#userInfoDiv .MyProfile_data_wrapper {
    padding: 1%;
    width: 98%;
    margin: 0;
    display: inline-block;
    text-align: left;
}

.MyProfile_data_wrapper #curavatar {
    width: 100px !important;
    display: inline-block;
    margin:43px 0 0 1%;
    float: left;
}
.ARK_user_info.edit .MyProfile_data_wrapper #curavatar {margin: 0 0 0 1%;}
.ark_points_block {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    margin: 0 0 0 2%;
}
.UserName
{
    font-size: 1.8em;
    font-weight: bold;
    line-height: 2em;
    white-space: nowrap;
    width: 79%;
    margin: 0 0 0 -15%;
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 18px;
}

.userPoints-header {
    font-size:1.8em;
    color: #db8b00;
    margin-bottom: 1%;
    height: 8em;
}

#userInfoDiv .userPoints {
    display: inline-block;
    border-right: 1px solid #e1e1e1;
    background: #f0f0f0;
    width: 50%;
    padding: 1%;
}
#userInfoDiv .userPoints.progress_bages {
    width: 24%;
    border:0px;
}
.ARK_Bages_title {
    background: url("../Content/Images/logo_bage.png") no-repeat left center;
    color: #d1d1d1;
    font-size: 22px;
    line-height: 31px;
    padding: 0 0 0 30px;
}

.progress_bages{width: 25%;display: inline-block;vertical-align: top;margin: 0 0 0 1%;}
.userPoint-cntType {
    font-size: 18px;
}

.userPoints-type {
    color: #b8b8b8;
    font-size: 16px;
}

.Profile .no_info_hint {
    letter-spacing: normal;
    font-size: 14px;
    color: #7e7e7e;
    padding: 7px;
}
.ark_rec_blocks {
    width: 23%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 1% 0 0 1%;
}
.ark_rec_blocks .ARK_isNew {
    right: 0;
}
/*Profile*/

/*Top Scores*/
.top_scores table.scores_table {
    background: none;
    letter-spacing: normal;
    font-size: 14px;
    color: #7e7e7e;
    border-collapse: collapse;
    border-spacing: 0;
    width: 97%;
    margin: 0 0 2px 5px;
    vertical-align: middle;
}

.top_scores .scores_table th {
    height: 31px;
    background-color: #D7F1FF;
    font-size: 13px;
    color: #0086D0;
    font-weight: bold;
    vertical-align: middle;
}

.scores_table tr th:first-child {
    padding-left: 10px;
    width: 42%;
}

.scores_table tr {
    padding-left: 9px;
}

.top_scores .scores_table td {
    width: 25%;
    height: 39px;
    vertical-align: middle;
}

.ARK_name {
    color: #0086d0;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}

.scores_table td a {
    font-size: 14px;
}

.scores_table tr td:first-child {
    width: 45%;
    padding-left: 10px;
}

.scores_table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

.scores_table tr.even {
    background-color: #f8f8f8;
}

.scores_table tr:nth-child(2n) td {
    height: 27px;
}

.scores_table tr.even td {
    height: 27px;
}

.top_scores table.scores_table-header {
    margin-bottom: 0;
    margin-top: 6px;
}

.scores_table-wrapper {
    height: 355px;
    overflow: hidden;
    overflow-y: auto;
    margin-right: 5px;
}

/*Top Scores*/

/*Favorite Games*/
.add_button_show,.fav_wrap span  {
width:31.6%;
height: auto;
float: left;
position: relative;
margin: 5px 5px 0 0;
}
.fav_wrap span:nth-child(3n) {clear: both;}
.add_button_show {
cursor: pointer;
}
.add_button_show span{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
    left: 0;
    color: #b7302d;
    font-weight: bold;
}
.add_button_show img,#favGame img {
    max-width: 100%;
}
.ARK_favGames {
    width: 321px;
    height: 462px;
    float: right;
    letter-spacing: normal;
    font-size: 14px;
}

.ARK_favGames a {
    font-size: 14px;
}
.ARK_favGames:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.FG_block{padding: 40px 0 0 0;position: relative;}
.favGames-wrapper {
    padding: 6px 0 0 6px;
}
.game_list_addFG_pc{height: 365px;}
#favGame{height:408px;}
#favGame,.game_list_addFG_pc {
    padding: 0 0 0 2px;
    overflow: hidden;
    overflow-y: auto;
}
.game_list_addFG_pc div {
    line-height: 3em;
    padding: 0 0 0 10px;
    border-bottom: 1px solid #ccc;
    color: #555;
    font-weight: bold;
    position: relative;
}
.game_list_addFG_pc div:hover {
    background-color: #b7302d;
    color: #fff;
}
.game_list_addFG_pc.close:hover {
    background-color: #fff;
    color: #555;
}
.fav_game_hover:hover .del_favgame_button {
    display: block;
}
.FG_block .FG_first{color: #ccc!important;}
.del_favgame_button,.game_list_addFG_pc div > span,.FG_popup_tablet span.close,.FG_block span.close {
    display:none;
    position: absolute;
    height: 15px;
    width: 15px;
    top: 5px;
    right: 5px;
    overflow: hidden;
    line-height: 15px;
    font-size: 19px !important;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-align: center;
    vertical-align: middle !important;
    color: #fff;
    border-radius: 7px;
    background-color: #ccc;
    background-color: rgba(0, 0, 0, 0.5);
}
.game_list_addFG_pc div > span,.FG_popup_tablet span.close,.FG_block span.close {
    display: block;
    height: 15px;
    width: 25px;
    padding: 5px 0;
    cursor: pointer;
    background-color: #b7302d;
    color: #fff;
}
a.del_favgame_button:hover {
    color: #ff0;
    display: block;
    background-color: #f00;
}
/*Favorite Games*/

/*jCarousel*/
.ARK_carousel .viewport,
.ARK_carousel .viewport .jcarousel-container {
    width: 100%;
    height: 100px;
}

.ARK_carousel .viewport .jcarousel-container {
    position: relative;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip,
.ARK_carousel .viewport .jcarousel-container .jcarousel-prev,
.ARK_carousel .viewport .jcarousel-container .jcarousel-next {
    position: absolute;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-prev,
.ARK_carousel .viewport .jcarousel-container .jcarousel-next {
    top: 28px;
    width: 30px;
    height: 44px;
    background-image: url(../Content/Images/ARK_carousel_button.png);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-prev {
    left: 10px;
    background-position: center -176px;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-prev:hover {
    background-position: center -220px;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-prev.jcarousel-prev-disabled,
.ARK_carousel .viewport .jcarousel-container .jcarousel-prev.jcarousel-prev-disabled:hover {
    background-position: center -264px;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-next {
    right: 10px;
    background-position: center 0;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-next:hover {
    background-position: center -44px;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-next.jcarousel-next-disabled,
.ARK_carousel .viewport .jcarousel-container .jcarousel-next.jcarousel-next-disabled:hover {
    background-position: center -88px;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip {
    top: 10px;
    left: 85px;
    width: 516px;
    overflow: hidden;
    position: absolute !important;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip .overview {
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip .overview .jcarousel-item {
    height: 90px;
    display: block;
    margin-right: 26px;
    padding: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip .overview .jcarousel-item > img {
    display: block;
    width: 100%;
    height: 90px;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip .overview .jcarousel-item > a {
    display: none;
    height: 100%;
    color: #5E5E5E;
    font: 11px Arial;
    padding: 5px 5px 0 5px;
    text-align: left;
    direction: ltr;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip .overview .jcarousel-item:hover {
    background-color: #fff;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip .overview .jcarousel-item:hover > a {
    display: block;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip .overview .jcarousel-item > a:hover {
    text-decoration: none;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip .overview .jcarousel-item:hover > img {
    display: none;
}

.ARK_carousel .viewport .jcarousel-container .jcarousel-clip .overview .jcarousel-item > a > b {
    display: block;
    font-weight: bold;
    color: #000;
}

/*jCarousel end*/
/*iFrame Game End*/
.ARK_iF_gameEnd_BG {
    margin: 0;
    background: #666;
}

.ARK_iF_gameEnd_ad {
    float: right;
    margin: 10px 10px 0 0;
    width: 300px;
    height: 250px;
}


/*iFrame Game End end*/
/*Home Carousel*/
.Index div.ic_myCarousel {
    margin: 0 auto;
    clear: right;
    height: 330px;
}

.Index div.ic_myCarousel .infiniteCarousel_item img {
    width: 660px !important;
}
.Index .ic_wrapper .ic_link{
    width:660px;
    height:300px;
    display:inline-block;
}

.Index .infiniteCarousel_item{
    background:url("../Content/Images/defPromo.png") no-repeat scroll 50% 50% / cover #ddd;
}
.IGPage .infiniteCarousel_item{
    background:url("../Content/Images/wait.gif") center center no-repeat #ddd;
}

.Index .ic_myCarousel .ic_button {
    background: url(../Content/Images/dots.png) no-repeat;
    width: 15px;
    height: 15px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 6px;
}

.Index .ic_myCarousel .ic_thumbnails {
    position: relative;
    overflow: auto;
    height: 15px;
    margin: 5px auto 0 auto;
    display: inline-block;
}

/* keep this after the ic_button code for proper border coloring */
.Index .ic_myCarousel2 .ic_active, .Index .ic_myCarousel .ic_active, .IGPage .ic_vidCarousel .ic_active {
    background: url(../Content/Images/dots.png) no-repeat 0 -15px !important;
}

.Index .ic_caption {
    opacity: .6;
    background: #fff;
    font-size: 12px;
    font-family: arial, sans-serif;
    padding: 4px 8px;
    width: auto;
}

.Index .infiniteCarousel_item {
    background: url(../Content/Images/defPromo.png) no-repeat !important;
    width: 660px !important;
    height: 300px !important;
}

.Index .ic_left_nav, .Index .ic_right_nav {
    height: 100%;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    background-color: rgba(255, 255, 255, 0.5);
    top: 0 !important;
    width: 50px !important;
    text-align: center;
}

.Index .ic_left_nav img, .Index .ic_right_nav img {
    width: 21px;
    top: 45%;
    position: relative;
    margin: 0 auto;
}

/*Home Carousel*/
.ARK_IGP .ARK_IGP_promo_img {
    width: 50% !important;
    margin: 10px 0;
}
.ARK_block.ARK_IGP{padding: 10px!important;}
/*.IGPage .infiniteCarousel_item{margin: 0 10px 0 0;}*/
.IGPage .ic_wrapper {
    padding: 0 0 0 15px !important;
    width: 97% !important;
}

.IGPage .ic_left_nav, .IGPage .ic_right_nav, .IGPage .ic_left_nav img, .IGPage .ic_right_nav img {
    width: 20px !important;
}

.IGPage .ic_thumbnails {
    display: none;
}

.IGPage img {
    width: 195px !important;
}

/*Individual game page*/
.ARK_IGP {
    padding: 10px !important;
}

.ARK_IGP #gameName {
    padding: 10px 0 10px 0;
    letter-spacing: normal;
}
.ARK_IGP #gameName h1{font-size: 32px;}
.ARK_IGP_descr, .ARK_IGP_promo_img {
    display: inline-block;
}

.ARK_mainContainer .ARK_IGP_descr {
    width: 47%;
    margin: 0 0 0 10px;
    vertical-align: top;
}

.ARK_IGP_descr p {
    margin: 10px 0;
    font-size: 12px;
}

.ARK_IGP_descr a.ARK_button {
    padding: 7px 15px !important;
    font-size: 20px;
}

.fb_iframe_widget {
    background: #fff;
}
.add_to_fav{background: url(../Content/Images/favorite.png);height: 30px;width: 30px;overflow: hidden;float: left;display: block;margin-right: 5px;}
.add_to_fav:active{background: url(../Content/Images/favorite.png);height: 30px;width: 30px;overflow: hidden;float: left;display: block;margin-right: 5px;}

#ratingstars img {
    width: 25px !important;
}

.ARK_relGames_img span {
    display: none;
}

.ARK_relGames_img:hover span {
    border-radius: 5px;
    display: block;
    background:rgba(0,0,0,0.1);
    position: absolute;
    text-align: center;
    top: 0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8060c7ff,endColorstr=#8060c7ff);
    width: 100%;
    height: 100%;
}
.ARK_relGames_img span p {
    margin: 30px 0 0 0;
}
.category_footer {
    position: relative;
    width: 100%;
    height: 300px;
}
.category_footer ul {
    margin: 0 2% 0;
    padding: 0 2%;
    width: 92%;
}
li.category_name {
    float: left;
    list-style: none outside none;
    padding-top: 20px;
    width: 20%;
}
.category_name .category_list {
    padding:0 5px;
}
li.category_name .list_title {
    line-height: 1.5em;
    text-decoration: none;
    font-family: "Futura Today",sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #333;
}
li.category_name div a {
    font-size: 0.7em;
    color: #999;
    text-decoration:none;
}
li.category_name div.game-item a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    font-family: font-family:"Helvetica Regular", Helvetica, Arial,sans-serif;
    font-size: 11px;
    color: #888;
}
.category_footer .category_more_games {
    text-decoration: none;
    font-weight: bold;
    font-family: font-family:"Helvetica Regular", Helvetica, Arial,sans-serif;
    font-size: 11px;
    color: #009bff;
}
.ARK_relGames_img {
    position: relative;
    display: block;
    height: 80px;
    width: 146px;
}

.ARK_moreGames .ARK_name {
    width: 100%;
    display: block;
    font-family:"Helvetica Regular", Helvetica, Arial,sans-serif;
	text-align:left !important;
	font-size:12px;
	line-height:14px;
	color:#333;
	padding:0;
}

.ARK_moreGames .ARK_descr, .ARK_moreGames .ARK_name {
    clear: both;
}

.ARK_relGames_img img {
    width: 146px !important;
}

/*Individual game page end*/
/*Pop up create user name*/
#UserNameRequestPopup {
    position: fixed;
    background: #ededed;
    border-radius: 5px;
    z-index: 10000001;
    width: 480px;
    -webkit-box-shadow: 1px 2px 0 0 #fff inset;
    box-shadow: 1px 2px 0 0 #fff inset;
    border: 2px solid #3b363a;
}

.gest_popup_content {
    padding: 0 10px;
}
.gest_popup_content .title_urp,.gest_popup_content .title2_urp {
    display: block;
}
.gest_popup_content .title_urp {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
}

.gest_popup_content .title2_urp {
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    padding: 10px 10px 10px 40px;
}

.gest_popup_content p {
    float: left;
    width: 40%;
    text-align: right;
    padding: 20px 10px 0 0;
    font-weight: bold;
    font-size: 14px;
}

.gest_popup_feilds, .field_left, .gest_popup_feilds input {
    height: 66px;
}

.gest_popup_feilds {
    background: url(../Content/Images/field_corner.png) no-repeat;
    float: left;
    width: 56%;
}

.field_left {
    background: url(../Content/Images/field_corner.png) no-repeat left center;
    width: 18px;
    overflow: hidden;
    float: right;
    background-position: -18px 0;
}

.gest_popup_feilds input {
    background: url(../Content/Images/field.png) repeat-x left center;
    width: 86%;
    padding: 0;
    border: 0;
    margin: 0 0 0 18px;
    font-size: 20px;
    color: #fff;
}

.field_left, .gest_popup_feilds input {
    display: inline-block;
}

.gest_popup_bottom {
    background: #2ea9e6;
    padding: 5px 10px;
    -webkit-box-shadow: 0 0 1px 0 #144963 inset;
    box-shadow: 0 0 1px 0 #144963 inset;
    text-align: right;
    color: #2c2a26;
    font-weight: bold;
    clear: both;
    font-size: 16px;
}
.gest_popup_content a,.gest_popup_content a .lc,.gest_popup_content a .rc 
{
    height: 41px;
    display: inline-block;
}
.gest_popup_content a {
    background: #666;
    border: 3px solid #999;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 5px #000 inset;
    -ms-box-shadow: 0 0 5px #000 inset;
    box-shadow: 0 0 5px #000 inset;
    float: right;
    margin: 10px 5px 5px 0 !important;
    cursor: pointer;
}
.gest_popup_content a:active {
    background: #cccccc;
}

.gest_popup_content a .lc {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 41px;
    padding: 0 0 0 16px;
    float: left;
}
.gest_popup_content a .rc {
    float: right;
    width: 16px;
}
.gest_popup_Overlay {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000000;
    height: 100%;
}

/*Profile edit*/
.MyProfile_data_wrapper h1 {
    color: #db8b00;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 0 0 1% 0;
    font-weight: normal;
}
.Profile_eidt-checkbox{ padding: 1% 0;}
.Profile_edit-item {
    font-size:1em;
    color: #333;
    font-weight: bold;
}
.Profile_edit-message{
    color:#f00;
}
.Profile_edit-userName{width: 60%;display: inline-block;vertical-align: top;margin: 0 0 2% 2%;}
.Profile_edit-userName input.UserName {
    color: #333;
    border: 1px solid #9c9c9c;
    padding: 0 4px;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    -moz-text-overflow: clip;
    text-overflow: clip;
    margin: 0;
    width: 232px;
    height: 2em;
}

.UserName-hint {
    font-size: 16px;
    font-style: italic;
    color: #ababab;
}

.Profile_edit-userName .Profile_edit-item {
    display: block;
}

.Profile_edit-avatar {
    clear: both;
}

.Profile_eidt-checkbox input {
    display: inline !important;
}

#usefbimagediv label {
    color: #333;
    font-size: 16px;
    margin-bottom: 22px;
    cursor: pointer;
}

.MyProfile_data_wrapper .avatar_collection {
    width: auto;
    height: 220px;
    overflow: hidden;
    overflow-y: auto;
    margin-right: 18px;
    margin-bottom: 21px;
}

.avatar_collection img.avatars {
    border: 1px solid #afafaf;
    margin-right: 11px;
    margin-bottom: 11px;
    width: 100px !important;
    cursor: pointer;
    display: inline-block;
    height: 100px;
}

.MyProfile_data_wrapper .ARK_button {
    height: 37px;
    line-height: 37px;
    font-size: 18px;
}

/*Profile edit*/

/*New badge Popup*/
.ARK_overlay{
    position: fixed;
    top:0;
    left: 0;
    bottom:0;
    right: 0;
    margin: auto;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width:0;
    height: 0;
    opacity: 0;
}

.ARK_iframe-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    margin: 0;

}
#gameBlock{position: relative;margin-top:20px;}
#gameBlock #flash_game {position: relative;}
#gameBlock.pop_up_active #flash_game.game_hidden{
    top: -10000px;
    visibility: hidden;
}

.newBadgeOverlay {
   display: none!important;
}
.ARK_overlay-active{
    display: block!important;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ARK_overlay-active .ARK_overlay {
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1000;
}
.ARK_overlay .badge_container{
    width: 0;
    height: 0;
    background: #fff;
    top: 10%;
    border: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease 0.5s;
    -moz-transition: opacity 0.5s ease 0.5s;
    -ms-transition: opacity 0.5s ease 0.5s;
    -o-transition: opacity 0.5s ease 0.5s;
    transition: opacity 0.5s ease 0.5s;
}
.pc.ARK_overlay-active .badge_container {
    left: 37%;
}
.closeOverlay.rightInlineButton{width:5%;float: right;}
.ARK_overlay-active .badge_container{
    opacity: 1;
    width: 25%;
    display: inline-block;
    margin: 0;
    height:auto;
    position: absolute;
    z-index: 1001;
    background: #fff;
}
.ARK_overlay .block_title{
    position: relative;
    padding: 10px 0;
}
.ARK_overlay .badge_container .block_title
{ text-align: left;}
.ARK_overlay .block_title span.title-text
{
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    white-space: nowrap;
}

.rightInlineButton{
    margin: 0!important;
    padding: 0 1% 0 0;
    display: inline-block;
    width: 99%;
    background: #D7F1FF;
    text-align: right;
}
.seeAllBtn.rightInlineButton,.closeOverlay.rightInlineButton{background: none;position: relative;}
.ARK_overlay .block_title .closeOverlay{
    top:0;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    margin: 15px 10px 0 0 !important;
    color: #0086D0;
    height:16px;
    width: auto;
    right: 0;
}
.closeOverlay .close{
    padding: 0;
    line-height: 16px;
    font-size: 30px;
    vertical-align: middle;
    cursor: pointer;
    color: inherit;
}
.newBadgeContent{
    margin-top:5%;
    text-align: center;
}
.newBadgeContent .badgeImage{
    background: url("../Content/Images/wait.gif") no-repeat center center transparent;
    width: 30%;
    display: inline-block;
    margin:3% 0;
}
.newBadgeContent .badgeImage img{
    width:auto;
    max-width: 100%;
}
.badgeAlertTitle{
    font-size:3em;
    font-weight: bold;
}
.newBadgeContent .descOfBadge {
    display: inline-block;
    font-size: 1.3em;
    width: 90%;
    padding: 0 5%;
    text-align: center;
}
.newBadgeFooter{
    padding: 16px 0;
    width: 100%;
    font-size: 16px;
}
.seeAllBtn{
    bottom:0;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    margin: 0 10px 16px 0;
    color: #0086D0;
}
.badge_container .ARK_score {
    text-align: center;
}
.badge_container .ARK_score > span.ARK_button {
    margin: 10px 0 0 0;
}
.newBadgeFooter .progress_bages {
    width: 40%;
    display: inline-block;
    text-align: left;
}
.bages_info{color: #666;font-size: 0.75em;font-weight: bold;}
/*New badge Popup end*/

/*User badges (on profile page)*/
.ARK_block.ARK_user_badges {
    font-size: 12px !important;
    line-height: 12px;
    margin: 1% 0 0 0;
    letter-spacing: normal;
}
.ARK_user_badges .block_title {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #6d6d6d;
}
.ARK_user_badges .badgeHelp {
    top: 0;
    line-height: 30px;
    margin: 10px 10px 0 0;
    font-weight: normal;
}
.badgeHelp .button-icon{
    line-height: 30px;
    font-size: 30px;
    vertical-align: middle;
    color: #989898;
    padding: 0;
    font-weight: bold;
}
.ARK_user_badges .user_badge_wrapper {
    max-height: 320px;
}
.badge_image .badge_image_wrapper {
    position: relative;
    display: inline-block;
}
.ARK_user_badges .badge_image .badge{
    width: 100px !important;
}
.ARK_user_badges .badge_image .active-badge {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.ARK_user_badges .badge_image .disable-badge {
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray alpha(opacity=40); /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.badge_image img.badge-lock {
    width: 50px !important;
    position: absolute;
    right: 0;
    bottom: 0;
    filter: alpha(opacity=100); /* IE6-9 */
    opacity: 1;
}
.ARK_mainContainer .badges_categorys{margin: 0 10px 0 0;}
.badges_categorys {
    display: inline-block;
    float: right;
    margin: 0 1% 0 0;
    padding: 0;
}
.ARK_user_badges .block_title span{display: inline-block;padding:1% 0 0 1%;}
.badges_list .badge_image, .badges_categorys .badge_type {
    display: inline-block;
    vertical-align: top;
    float: left;
}
.user_badge_wrapper .badges_list {
    /*position: relative;*/
    max-height: 260px;
    display: none;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
}
.user_badge_wrapper .badges_list-active {
    display: block;
    padding: 20px 0 0 0;
}
.badges_categorys .badge_type {
    height: 46px;
    padding-left: 8px;
}
.badge_type .badge-tab {
    padding: 0 23px;
    position: relative;
    z-index: 2;
    background: #fed644;
    border: 1px solid #6d6d6d;
    margin-top: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}
.badge-type-active .badge-tab {
    color: #333;
    background: #fff;
    border-bottom: 2px solid #fff;
}
.badges_list .badge_image {
    margin: 0 0 20px 20px;
}
.badge_image .badge-hint {
    display: none;
    position: fixed;
    z-index: 100;
    left: -100px;
    top:-100px;
    margin-top: 20px;
    width: 150px;
    margin-left: -75px;
    background: #fff;
}
.badge_image:hover .badge-hint {
    display: block;
    z-index: 100;
}
.badge-hint b{font-size: 14px;}
.badge_image .arrow_box{
	background: #f6efef;
	border: 1px solid #cecece;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 5px;
    line-height: 14px;
    text-align: center;
}
.ARK_user_badges .arrow_box img{
    width: 24px!important;
    height: 12px;
    position: absolute;
    top: -12px;
    margin-left: -12px;
    left: 50%;
}


.ark_user_coins_bal_block{ position: relative;}
.bage_tooltipe,.points_tooltipe,.coins_tooltipe
{
    display: none;
    position: absolute;
    font-size: 12px;
    padding: 5px;
    background: #f1f2f4;
    border: 1px solid #0C5E83;
    font-weight: bold;
    color: #0C5E83;
    z-index: 2;
}
.ark_user_coins_bal_block .coins_tooltipe{ left: 0;top: 20px;}
/*Profile Progress bar*/
.progress-bar {
background-color: #1a1a1a;
height: 20px;
padding: 5px;
width: 350px;
margin:10px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}
.progress-bar span {
display: inline-block;
height: 20px;
width: 200px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
}
.blue span {
background-color: #34c2e3;
}
.orange span {
background-color: #fecf23;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
background-image: -o-linear-gradient(top, #fecf23, #fd9215);
background-image: linear-gradient(top, #fecf23, #fd9215);
}      
.green span {
background-color: #a5df41;
background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
background-image: -o-linear-gradient(top, #a5df41, #4ca916);
background-image: linear-gradient(top, #a5df41, #4ca916);
}
.stripes span {
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-image: -webkit-gradient(linear, left top, right bottom, 
color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent); 
-webkit-animation: animate-stripes 3s linear infinite;
-moz-animation: animate-stripes 3s linear infinite;
}

@-webkit-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}


/* Profile Progress bar   */

/*Score table on IGP*/
.game-points-hint {
    float: right;
    cursor: pointer;
    font-weight: normal;
    background: url("../Content/Images/logo_bage.png") no-repeat right center;
    padding: 0 30px 0 0;
    line-height: 28px;
}
#gamePointsScoreMatrix.ARK_overlay-active .badge_container {
    height: auto;
    position: static;
    width: 625px;

}
#gamePointsScoreMatrix .overlayContent {
    text-align: center;
}
#gamePointsScoreMatrix .overlayContent .scores-info{
    font-size: 18px;
    font-weight: bold;
}
#gamePointsScoreMatrix .score-matrix {
    margin: 10px 0;
    max-height: 350px;
    position: relative;
    font-size: 12px;
    padding-top: 0;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    display: inline-block;
    width: 90%;
}
.score-matrix .scores_table-wrapper {
    height: 320px;
}
.score-matrix .scores_table-header th{
    font-size: 18px;
    color: #ce5e0a;
}
.score-matrix .scores_table {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}
.scores_table-wrapper .scores_table td {
    padding: 5px;
}
.score-matrix .scores_table tr th:first-child {
    width: 61%;
}
.score-matrix .scores_table tr td:first-child {
    width: 65%;
}
#gamePointsScoreMatrix .scores_table tr:nth-child(2n) td {
    height: auto;
}

#gamePointsScoreMatrix .scores_table tr.even td {
    height: auto;
}
#gamePointsScoreMatrix .scores_table-wrapper .scores_table tr:nth-child(2n) {
    background-color: #fff;
}

#gamePointsScoreMatrix .scores_table-wrapper .scores_table tr.even {
    background-color: #fff;
}
#gamePointsScoreMatrix .scores_table-wrapper .scores_table tr:nth-child(2n+1) {
    background-color: #c3e2fe;
}

#gamePointsScoreMatrix .scores_table-wrapper .scores_table tr.odd {
    background-color: #c3e2fe;
}
/*localization flags*/
.localization_flags_block {
display: inline-block;
float: right;
overflow: hidden;
font-size: 0px;
}
.localization_flags_block a {
width: 35px;
height: 31px;
margin: 0 0 0 5px;
overflow: hidden;
display: inline-block;
}
.localization_flags_block a.hover {
opacity: 0.5;
filter: alpha(opacity=50); /* IE6-9 */
}
.localization_flags_block a.de {
background: url("../Content/lang/localization-flags.png");
}
.localization_flags_block a.en {
background: url("../Content/lang/localization-flags.png") no-repeat -35px center;
}
.localization_flags_block a.ru {
background: url("../Content/lang/localization-flags.png") no-repeat -70px center;
}
.localization_flags_block a.fr {
background: url("../Content/lang/localization-flags.png") no-repeat -105px center;
}
.localization_flags_block a.it {
background: url("../Content/lang/localization-flags.png") no-repeat -140px center;
}
.localization_flags_block a.es {
background: url("../Content/lang/localization-flags.png") no-repeat -175px center;
}

/* Profile Progress bar   */
.ark_preroll_text {
    width: 500px;
    text-align: center;
    margin: 300px auto 0 auto;
}
.ark_preroll_text span {
    font-size: 32px;
    color: #fff;
}

        .nodeHeight{ line-height: 1.2em!important;}

/*Ark popup*/
.ARK_popup{
    display: none;
    position: absolute;
    z-index: 1001;
}

.ARK_popup.ARK_overlay-active{
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}

.ARK_popup_wrap_table {
    display: table;
    height: 100%;
    width: 100%;
}

.ARK_popup_wrap_cell {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.ARK_popup_content {
    background: #fff;
    display: inline-block;
    max-width: 600px;
    min-width: 300px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: left;
}
.ark_outfit_block{
background:#fff;
}
.Ark_popUp_title{
    font-size: 24px;
    font-weight: bold;
	background:#f1f1f1;
    text-align: center;
    padding: 1% 0;
}
.ARK_popup .button.close {
    float: right;
    margin: 0 2% 0 0;
}
.ARK_popup .button {

    cursor: pointer;
    display: inline-block;
    color: #3cc4fd;
    font-size: 1.2em;
    line-height: 1em;
    font-weight: bold;
    padding:0 0.2em;
}
.ARK_popup_position{position: absolute;z-index: 1001; width:100%; height:100%;left: 0;right: 0;}
#UltimatePayPayTagsKeeper {
text-align: center;
}
.line_block
{
color: #fff;
width:30%;
height: 24em;
display: inline-block;
vertical-align: top;
text-align:center;
margin: 1%;
}
.ark_subtitle{
margin:0;
padding:2% 0 1% 0;
font-size:18px;
text-align: center;
}
table.ark-upay-buy-amount {
    width: 100%;
    text-align: center;
    height: 3.5em;
    margin: 10px 0 0 0;
    background:#3cc4fd;
}
table.ark-upay-buy-amount td {
    vertical-align: middle;
}
table.ark-upay-buy-amount .ark_old_price {
    text-decoration: line-through;
    color: #666;
}
.packege_sum{
font-size:20px;
height: 10em;
line-height: 45px;
color:#fff;
font-weight:bold;
width:100%;
display: inline-block;
position: relative;
background: #0c5f82;
}
.ark_sale_birka {
    background: url(../Content/Images/sale_tag.png) no-repeat;
    padding-left: 30px;
    position: absolute;
    top: 70px;
    left: 0px;
    line-height: 24px;
}
.ark_sale_birka b {
   color: #fff;
   background-color: #d90008;
   padding: 0 5px;
}
.ark_but_buy {
margin: 4% 0;
display: inline-block;
text-align: left;
}
.line_block .ark_but_buy button {
    background: #0c5f82!important;
    color: #fff;
    border-radius: 2px;
    padding: 0 20px;
    border: none;
}
.upay-buy-widget.upay-theme-default .upay-buy-amount {
    display: none!important;
    margin: 0!important;
}
/*User Info Area*/
.ark_user_info_block {
    background: #0c5e83;
    padding: 1%;
    margin: 0 0 1% 0;
}
.ark_acount_info{width: 28%;}
.ark_acount_info img.ui_avatar{width: 14%!important;}
.ark_acount_info .UserName{color: #fff;font-size: 1em;margin: 5px 0 0 5px;vertical-align: top;width: auto;width: 75%;line-height: 1.2em;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ark_user_info_bages span.bage_ico {
    background: url('../Content/Images/bage_icon.png');
    width: 17px;height: 20px;
}
.ark_user_info_bages .progress_bages{width: 73%;}
.ark_user_area_prof_link{display: inline-block;margin: 5px;font-weight: bold; color: #abd3ec;}
.ark_user_info_bages  p.bages_info{ display: none;}
.ark_user_info_bages .progress-bar,.progress-bar span{height: 19px;}
.ark_user_info_bages,.ark_acount_info,.ark_user_info_bages span.bage_ico,.ark_user_info_points,.ark_user_coins_bal_block .ark_user_info_coins_bal,.ark_user_coins_bal_block span.open_popup,.ark_user_info_points .point_ico,.ark_user_coins_bal_block,.ark_user_coins_bal_block,.ark_user_coins_bal_block .colin_ico{ display: inline-block;vertical-align: top;}
.ark_user_info_bages .progress-bar{margin: 0px;padding: 1px;}
.ark_user_info_bages{width: 15%;}
.ark_user_info_points{ width: 12%;}
.ark_user_info_points #arkuserInfoPoints,.ark_user_coins_bal_block .ark_user_info_coins_bal{color: #fff;font-weight: bold;}
.ark_user_info_points .point_ico {
    background: url('../Content/Images/star.png');
    width: 23px;height: 22px;
}
.ark_user_coins_bal_block .colin_ico{
    background: url('../Content/Images/coins.png');
    width: 24px;height: 23px;
}
.ark_user_coins_bal_block span.open_popup{background: url('../Content/Images/addCoins.png');width: 23px; height:23px;cursor: pointer;}
.ark_user_coins_bal_block .ark_user_info_coins_bal{margin: 5px 5px 0 0;}
.ark_user_info_coins_bal.loading{background: url(../Content/Images/update-coins.gif) no-repeat center center;font-size: 0px !important;width: 21px;height: 16px;}
.form-buttons.loading{background: url(../Content/Images/update-coins.gif) no-repeat center center;font-size: 0px !important;height: 16px;}
.MyProfile_data_wrapper .ark_user_info_coins_bal.loading{height:23px;}
.ark_user_info_points .userPoint-count{ display: inline-block;font-size: 1em;line-height: 2em;}
.ark_user_coins_bal_block{ width: 20%;}
a:hover .ark_buy_tooltip{
    display: block;
    background: #fff;
    border: 1px solid #ffac1b;
    color: #000;
    padding: 5px;
    position: absolute;
    top: 15px;
    left: 0;
}
a .ark_buy_tooltip
{
    display: none;
}
.ark_user_coins_bal_block .back,.ark_user_info_points .back,.ark_user_info_bages .back {
    background: #0c5e83;
    color: #fff;
    height: 2em;
    font-size: 1.5em;
    display: inline-block;
    width: 100%;
}
.MyProfile_data_wrapper .ark_user_info_bages .progress-bar{margin: 10px 0 0 10px;}
.ark_user_info_points .back span,.ark_user_info_bages .back span{ font-weight: bold;margin: 5px 0 0 5px;display: inline-block;text-transform: uppercase;}
.ark_user_coins_bal_block .back{width: 95%;margin: 0 0 0 5%;}
.ark_user_coins_bal_block .back img,.ark_user_coins_bal_block .back span{font-weight: bold; margin: 5px 0 0 5px;}
.MyProfile_data_wrapper .ark_user_coins_bal_block .ark_user_info_coins_bal,.MyProfile_data_wrapper .ark_user_info_points .userPoint-count{font-weight: bold; color: #0c5e83;font-size: 2em;line-height: 1em;margin: 20px 0 0 20px;}
.MyProfile_data_wrapper .ark_user_coins_bal_block span.open_popup{margin: 5px 5px 0 0;}
/*User Info Area*/
.MyProfile_data_wrapper .ark_user_coins_bal_block,.MyProfile_data_wrapper .ark_user_info_points,.MyProfile_data_wrapper .ark_user_info_bages {
    width: 40%;
    margin: 0;
    float: left;
    border-right: 1px solid #ccc;
    height: 8em;
}
#UltimatePay_loader{background: url(../Content/Images/connectLoader.gif) no-repeat center center #fff;height: 75px;}

.MyProfile_data_wrapper .ark_user_info_bages .bages_info{display: block; font-size: 0.8em; margin: 2px 0 0 13px;}
.ark_user_info_block .ark_user_coins_bal_block .back img,.MyProfile_data_wrapper .ark_user_coins_bal_block .back img{width: 20px!important;vertical-align: middle;}
.ark_user_info_block .ark_user_coins_bal_block .back span,.MyProfile_data_wrapper .ark_user_coins_bal_block span{display: inline-block;vertical-align: middle;}

.line_block .packege_sum img{width: 55%!important;}
.ark-upay-buy-original-amount{}
.ark_user_info_preloader {position: relative;}
.ark_user_info_preloader.loading {min-height: 100px;}
.ark_user_info_preloader .preload_profile {display: none;}
.ark_user_info_preloader.loading .preload_profile {
    display: block;
    -ms-opacity: 1;
    opacity: 1;
}
/*transaction history block*/
.ARK_mainContainer table.transaction_header{width: 100%;}
.ARK_mainContainer .ARK_block .transaction_header td,.ARK_mainContainer .ARK_block .transaction_header th{ letter-spacing: normal;padding: 0 0 0 1%;}
.ARK_mainContainer .ARK_block .transaction_header tr:nth-child(odd){background: #ccc;}
.ARK_mainContainer .ARK_block .transaction_header tr{line-height: 30px;padding: 1% 0;}
.ARK_mainContainer .ARK_block .transaction_header tr:nth-child(1){background: #e1e1e1;}
.ARK_mainContainer .ARK_block .scores-info{display: inline-block;font-size: 1.2em;letter-spacing: normal;padding: 2% 0 2% 2%;width: 100%;}
.ARK_mainContainer .ARK_block #showTransaction{font-size: 1.3em;line-height: 1.2em;text-align: right;padding:2% 0;}
.ARK_mainContainer .ARK_block #showTransaction span{background: url('../Content/Images/arrows_pc.png')no-repeat left center; float: right;height: 21px;margin: 0 5px;overflow: hidden;width: 14px;cursor: pointer;}
.ARK_mainContainer .ARK_block #showTransaction.open span{background-position: -15px 5px;width: 21px;}
.ARK_mainContainer .ARK_block .transaction_history{background: none repeat scroll 0 0 #F1F1F1;border-bottom: 1px solid #E0E0E0;font-size: 21px;padding: 5px 10px;}
.ARK_mainContainer .ARK_block .transaction_history_block{height: 276px;overflow-y: auto;overflow-x: hidden; }

#ARK_Game_Iframe_Overlay{ background: transparent;}
.upay_reset{width: 100%;height: 100%;}
.upay_dialog{left: 0!important;top: 15%!important;}
#upay-modal{background: none!important;}

/*Contact Us popup*/
.ContactUs .fields {width: 100%;margin-bottom: 5px;}
.ContactUs .fields.clearfix:before,
.ContactUs .fields.clearfix:after {content:"";display:table;}
.ContactUs .fields.clearfix:after {clear: both;}
.ContactUs .fields .field-required {font-size: 20px; color: #DC1F26;}
.ContactUs .fields .field-required-warning { display: block;font-size: 14px;}
.ContactUs .fields .name {width: 20%;float: left;font-size: 16px;text-align: right;}
.ContactUs .fields .field-parent {width: 79%;float: right;}
.ContactUs .fields .field-parent.billing-data { display: none;}
.ContactUs .fields .field-parent input, 
.ContactUs .fields .field-parent textarea, 
.ContactUs .fields .field-parent select{
    margin: 0;
    padding: 0;
    width: 90%;
    font-size: 16px;
    font-family: Arial;
}
.ContactUs .fields .field-parent textarea {resize: vertical;}
.ContactUs .fields .field-parent input:focus,
.ContactUs .fields .field-parent textarea:focus,
.ContactUs .fields .field-parent select:focus {
    border: 1px solid #4D90FE;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.ContactUs .fields .field-parent textarea:focus {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.ContactUs .fields .field-parent textarea{
    height: 5em;
}
.ContactUs .fields .message-hint{
    width: 90%;
    display: inline-block;
    text-align: justify;
    font-size: 14px;
    margin-top: 1.5em;
}
.ContactUs .fields .file_upload {
    width: 90%;
    padding: 10px 0;
    overflow: hidden;
    background: #BFBFBF;
    border: 3px dashed #EBEBEB;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    min-height: 75px;
    text-align: center;
    cursor: pointer;
}
.ContactUs .fields .file_upload.active {
    border-color: #DC1F26;
}
.ContactUs .fields .file_upload .up-icon{width: auto;}
.ContactUs .fields .file_upload .output-info{ text-align: left;}
.ContactUs .fields .file_upload .output-info span {
    max-height: 70px;
    overflow: hidden;
    display: inline-block;
}
.ContactUs .fields .file_upload .fileselector {
    height: 100%;
    width: 200%;
    margin-left: -100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}

.ContactUs .fields .file_upload.notSupportDragDrop {
    height: 30px;
    min-height: 30px;
    background: #fff;
    border: none;
}
.ContactUs .fields .file_upload.notSupportDragDrop p{
    display: none;
}
.ContactUs .fields .file_upload.notSupportDragDrop .fileselector{
    width: 100%;
    margin-left: 0;
    cursor: default;
    opacity: 1;
    background: #fff;
}
.ContactUs .fields .form-buttons {
    text-align: right;
    padding-right: 10%;
}
.ContactUs .fields .form-buttons button.ARK_button{
    border: none;
}
.ContactUs .fields .form-buttons input {width: auto;}

.ContactUs .optionalField{ display: none;}
.ContactUs .optionalField.otherSubject { display: inline;}
.ContactUs .ReportMessage {
    color: #DC1F26;
    font-size: 14px;
    font-weight: bold;
}
.ContactUs .message-result {
    display: none;
}

/*date picker*/
.ui-datepicker{ background: #fff;border: 2px solid #666;padding: 5px;display: none;}
.ui-datepicker-calendar td{ background: #ccc;text-align: center;}
.ui-datepicker-calendar td a{ color: #666;}
.ui-datepicker-calendar td.ui-datepicker-current-day{background: #3CC4FD;}
.ui-datepicker-calendar td.ui-datepicker-current-day a{ color: #fff;}
.ui-datepicker-title{ background: #0a0487;text-align: center;color: #fff;height: 21px;}
.ui-datepicker-prev span,.ui-datepicker-next span{font-size: 0;}
.ui-datepicker-prev{background: url(../Content/Images/calend_arrows.png) no-repeat;background-position:0 0;float: left;}
.ui-datepicker-next{background: url(../Content/Images/calend_arrows.png) no-repeat;background-position:-24px 0;float: right;}
.ui-datepicker-prev,.ui-datepicker-next{width: 24px;height: 21px;display: block;}
.ui-datepicker-next:hover{background-position: -24px -21px;}
.ui-datepicker-prev:hover{background-position: 0 -21px;}

.slide:hover:after,.ARK_moreGames > div > a.ARK_img:hover:after,
.ARK_popularGames.ARK_block a:hover:after{background:rgba(0,0,0,0.1);content:"";width:100%;height:100%;left:0;top:0;position:absolute;}
.ARK_popularGames.ARK_block a:hover:after,.ARK_moreGames > div > a.ARK_img:hover:after{height:80px;}
#gameContent.ARK_IGP{margin-bottom:0 !important;border-bottom:none !important;padding-bottom:0 !important;}
#gameContent.ARK_IGP + div.ARK_block{margin-top:0 !important;border-top:none !important;}





a img{ border: none;}
html
{
height:100%;
}
body
{
/*background: #dadada;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#f5f5f5');
background: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#f5f5f5));
background: -moz-linear-gradient(top, #dadada,  #f5f5f5);
background: -o-linear-gradient(top, #dadada,  #f5f5f5);*/
height:100%;
margin: 0;
background-attachment: fixed;
font-family: Arial;
}
a {text-decoration:none; -webkit-user-select: none;}
a:active { outline: 0; background:transparent; }
#GameBodyContainer.phone
{padding-top: 5em;}
#GameBodyContainer.tablet
{}
.GameB_absolute{ position: absolute;}
.ACM_title
{
font-size:1.75em;
color:#000;
width:60%;
font-weight:bold;
padding:0 1%;
text-align: left;
display: inline-block;
}
.blocks_bg_help .ACM_title{padding: 0;}
.ARK_container{display: inline;}
.ARK_container_center{ display: inline-block;}
.ACM_title.mob{
    font-size: 3em;
    padding: 1em 0 1em 0.5em;
}
    .ACM_title.mob a{
    margin: 0 4% 0 0; 
    }
    .ACM_title a {
    float:right;
    }
.help .ACM_title{width:100%}
#gameBlock.Gameblock_shifted{position: absolute;left: -10000px;}
.inner_style,.blocks_bg,.ACM_title {
font-family: Arial;    
}
.img_conteiner .ARK_isNew {
    font-size: 0.75em;
    color: #fff;   
}
.ARK_container_ipad{width: 100%;}
.blocks_bg.ipad {
width:98%;
margin: 1% 0 1% 1%!important;
    text-align: center;
}
.game_list
{
display:block;
}
.game_list.left_col {
width: 65%;
display: inline-block;
float: left; 
padding: 1% 0!important;
margin: 0 0 0 1%;
}
.game_list_mob{text-align: center;}
.blocks_bg
{
margin:1.56em auto;
background:#fff;
box-shadow: 0.08em 0.1em 0.5em 0 #d6d6d6;
-webkit-box-shadow: 0.08em 0.1em 0.5em 0 #d6d6d6;
padding:1% 0!important;
border: 0!important;
font-size: 1em!important;
letter-spacing: normal;
vertical-align:top;
border-radius: 0!important;
margin: 0px!important;
}
.blocks_bg_help{
vertical-align:top;
width: 100%;
}
.game_list_mob .help
{display: inline-block;padding: 2% 3%!important;text-align: left;}
.blocks_bg.help {
width: 90%;
clear: both;
}
.left_col .inner_style {
width:48%;
height: 18em;
}
.promo {
width:60%;
margin: 1% 0;
}
.promo,#div_arena300x250Tablet_1
{
display:inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}
#div_arena300x250_1,#div_arena300x250Tablet_1 {
width:40%;
margin: 2% 0 0 1% !important;
}
.help_content {
width:60%;
display:inline-block;
float:left;
font-size:1em;
}
    .help_content p {
    padding:5px 0;
    }
    .help_content .qw {
    font-weight:bold;
    font-size:1.2em;
    }
.back_home {
font-weight:bold;
float:right;
font-size:1.75em;
padding:0 1%;
}
.play_btn {
    position:absolute;
    z-index:10;
    bottom:10%;
    right:10%;
    color:#fff;
    font-size:1em;
    font-weight:bold;
    width:30%;
    height:2em;
    line-height:2.2em;
    letter-spacing:normal;
}
#ARK_container {
width:auto;
}
#gameBlock {
width:100%;
font-size: 0px;
text-align:center;
}
/*IGP carousel*/
.ARK_IGP_descr {
width: 40%;
vertical-align: top;
margin: 0 0 0 1%;
}
#slideshow {
  overflow:hidden;
  margin:0 3%;
  width: 94%;
}

#slideshow #slidesContainer {
  margin:0 auto;
  overflow:auto;
  position:relative;
}
#slideshow #slidesContainer .slide {
  float:left;
  margin:0 0 0 10px;
  width: 31.5%;
}
#controlcursor_conteiner{position:absolute;width:100%;}
#controlcursor_conteiner a{position:absolute; display:block;top:0;text-decoration:none;}
#controlcursor_conteiner #leftControl,#controlcursor_conteiner #rightControl{width:3%;height:100%;
height: 44px;margin-top: 3em;border-radius: 0.5em;
}
#controlcursor_conteiner #leftControl{left:1%;background-image: url(../../Content/Images/ARK_carousel_button.png);background-position:-14px -176px;}
#controlcursor_conteiner #rightControl{right:1%;background-image: url(../../Content/Images/ARK_carousel_button.png);background-position:-14px 0;}
.slide img{max-width: 100%;width: 100%;}

/*Game end*/
.ARK_score_mobile {
display: inline-block; 
zoom: 1;
*display: inline;
width: 54%; 
padding: 0 10px 10px 0;
vertical-align: top;
}
#div_gameEnd_1,#div_gameEndTablet_1,#div_gameEndPhone_1 {
display: inline-block; 
vertical-align: top;
zoom: 1;
*display: inline;
}
.ACM_playGame_gameend {
background:#535353;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
-webkit-box-shadow: 0.08em 0.1em 0.1em 0.08em #d6d6d6;
-moz-box-shadow: 0.08em 0.1em 0.1em 0.08em #d6d6d6;
box-shadow: 0.08em 0.1em 0.1em 0.08em #d6d6d6;
padding:1% 2%;
margin:1.56em auto;
width:90%;
text-align: center;
}
.ACM_playGame_gameend .ARK_score_mobile .ARK_title_ge {
font-family:'Arial';
font-size:4em;
font-weight:bold;
text-align:center;
width:100%;
}
.ARK_title_ge {
font-size: 2em !important;
color: #fff;
font-weight: normal !important;
padding: 0.5em 0;
}
.ACM_playGame_gameend .ARK_score_cont {
background:#000000;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
padding:1% 2%;
}
    .ACM_playGame_gameend .ARK_score_cont #score
    {
        color: #ffffff;
        font-size: 3em;
        text-align: center;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
.sign_in_points {
text-align:center;
color: #fff;
font-weight: bold;
display: inline-block;
padding: 1em;
margin: 3% 0 0 0;
background:#b4b4b4;
box-shadow:inset 0 0 0.75em #373737;
-moz-box-shadow:inset 0 0 0.75em #373737;
-webkit-box-shadow:inset 0 0 0.75em #373737;
}
.points{color:#F69014;font-size:1.5em;line-height:2em;}
.ACM_playGame_gameend .ARK_delim {
border-bottom: 2px dashed #000;
width:100%;
height:1px;
margin:1% 0 0 0;
float:left;
}
.ACM_playGame_gameend #dCarousel {
background-color: #878A8D;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px; /* KHTML */
border-radius: 5px; /* CSS3 */
margin: 1em 0 0 0;
}
.ACM_playGame_gameend #dCarousel span {
font-family:'Arial';
font-size:1.2em;
line-height:1.5em;
float:left;
text-align:left;
width:100%;
margin: 0.2em 0 0 0.5em;
}
.ACM_playGame_gameend #dCarousel .ARK_isMember {
width:6em;
margin: 0;
left: -0.4em;
}
.ACM_playGame_gameend #dCarousel .ARK_isMember img{width: 100%!important;}
.GE_carousel_block {
width:98%;
padding:1%;
position:relative;
clear:both;
}
.GE_carousel_block .arrow,.GE_carousel_block .arrow_right {
position:absolute;
width:4em;
height:100%;
top:0;
background-color:#878A8D;
opacity:0.5;
z-index:100;
}
.GE_carousel_block .arrow {
left:0;
}
    .GE_carousel_block .arrow img,.GE_carousel_block .arrow_right img {
    margin:7em 0 0 1em;
    }
.GE_carousel_block .arrow_right {
right:0;
}
#wrapper {
	width:100%;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
}
#scroller {
    float: left;
    padding: 0;
}
#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	text-align:left;
}
#scroller li {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block; float:left;
	text-align:center;
	font-size:1.125em;
	line-height:140%;
}
    #scroller li img {
    width:360px;
    }
#gameConteinerHTML .ARK_playGame_preroll{
    background: none;
    color: #666;
    margin:0;
}
#get_height > div
{zoom: normal;}
.vert_centred
{
width:10em;
height:2em;
vertical-align:middle;
display:table-cell;
}
    .vert_centred span
    {
width:10em;
height:2em;
vertical-align:middle;
display:table-cell;
position:relative;
    }
.ARK_buttons_cont {
clear: both;

margin:5% auto 0 auto;
}
.ARK_buttons_cont a {
display: inline-block;
}
.ARK_button_play div, .ARK_button_home div {
text-align:center;
line-height:1.8em;
}
    .ARK_button_play span, .ARK_button_home span {
    color: #fff;
    font-size:1.3em;
    text-align:center;
    font-weight:bold;
    line-height:105%;
    }
.ARK_button_home {
margin:0 0 0 2em;
}
.ARK_score_mobile span.ARK_button {
    background: url(../Content/Images/ARK_shareOnFB.png) no-repeat left center;
    display: block;
    margin: 1% 0;
    border: 1px solid #183473;
    padding: 0.4em 1em 0.4em 3em !important;
    width: auto;
}

/*Game end*/
.ARK_isMember
{left:0;top:2%;position:absolute;z-index:10;width: 100%;text-align: left;color: #fff;line-height: 3.333em;text-align: center;font-weight: bold;}

/*-------------------mobile menu----------------------*/
.Ark_mob_menu{
width: 100%;
position: relative;
z-index:15;
height: 6em;
clear: both;
background: url('../Content/Images/menu_bg.png') repeat-x center -2em;
}
 ul.Ark_mob_menu{padding: 0px;margin: 0px;}
.Ark_mob_menu li{
list-style: none; 
width: 50%;
float: left;
text-align:center;
height: 95.6%;
}
.Ark_mob_menu.is_lb li{
width: 33%;
}
.Ark_mob_menu li span{background: #aaa;width: 1px;height: 53%;float: right;}
.Ark_mob_menu li a{color: #818181 !important; width: 99%; font-weight: bold!important;display: inline-block;font-size: 1em;line-height: 3em;}
.Ark_mob_menu li.selected {background: url('../Content/Images/menu_arrow.png') no-repeat center -2em;}
.Ark_mob_menu li.selected a{color: #b90000 !important;}

/*-------------------mobile menu----------------------*/
.game_menu{
background:#fff;
-webkit-box-shadow: 0.08em 0.1em 0.5em 0 #d6d6d6;
-moz-box-shadow: 0.08em 0.1em 0.5em 0 #d6d6d6;
box-shadow: 0.08em 0.1em 0.5em 0 #d6d6d6;
width:98%;
margin:1%;
display: inline-block;
border: 0!important;
letter-spacing: normal;
vertical-align:top;
border-radius: 0!important;
}
.game_menu .ark_fb_login{float: right; margin:0.5em 0.5em 0 0;}
.game_menu ul,.game_menu li {
margin: 0;
padding: 0;
display: inline-block;
}
.game_menu ul{width: 60%;}
.game_menu li{border-right: 1px solid #ccc;margin:1% 0;line-height: 1.5em;font-size: 1.2em;padding:0 2%;}
.game_menu li:last-child{border-right: none;}
.game_menu li a{display: inline-block;color: #000;}
/*BUTTONS*/
.ARK_button_play div,.ARK_button_home div,.roundabout-moveable-item .play_carousel_btn,.play_btn{
text-align:center;
border-radius:0.3em;
-moz-border-radius:0.3em;
-webkit-border-radius:0.3em;
-khtml-border-radius:0.3em;
border-top:1px solid #84ccff;
border-bottom:1px solid #00355a;
background-color: #22a0f8;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#22a0f8), color-stop(100%,#0684dc));
background: -moz-linear-gradient(top,  #22a0f8,  #0684dc);
background: -o-linear-gradient(top,  #22a0f8,  #0684dc); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #22a0f8,  #0684dc); /* IE10+ */
}
/*BUTTONS*/
/*AD*/
#prerollAdBlock > table > tbody > tr > td {
    height: 100%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
#prerollAdBlock > table {
border-collapse: collapse;
    height: 100%;
    width: 100%;
}
#prerollAdBlock div,#prerollAdBlock span {
text-align:center;
color:#333333;
font-size:110%;
}
/*------------POP UP's'----------*/
#popupLogin,#toBeMemberPopup
{ width: 100%;position: fixed;top: 2%;left: 0; z-index: 200000;}
.popUp_over
{ background: #000;opacity: 0.7;width: 100%;height: 100%;z-index: 19999;top: 0;left: 0;position: fixed;}
.mob_popup
{position: relative;width:45em;height:auto;margin:0 auto;background: #fff;border: 0.3em solid #999;padding: 2%;border-radius:10px;-moz-border-radius:10px;}
.Text{ width: 100%;padding: 1%;font-size: 1.3em;line-height: 2em;}
.Text p{color: #d52b1e;padding: 5% 0;}
.mob_popup .title{ font-size: 2em;width: 95%;display: inline-block;line-height: 2em;color: #d52b1e;font-weight: bold;padding: 0 0 4% 0;}
.mob_popup .close{background: url('../Content/Images/close.png') no-repeat;display: inline-block;width: 19px;height: 18px;float: right;cursor: pointer;}
.mob_popup .LText,.mob_popup .RText{width: 47%;padding: 1%;font-size: 1.2em;line-height: 2em;text-align: left;vertical-align: top;   display: inline-block;}
.mob_popup .RText ul{ padding: 0px;}
.mob_popup .button{width:6em;color: #fff;font-weight: bold;font-size: 1.5em; margin: 5% auto 0 auto;padding: 2%;display: inline-block;
text-align:center;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-khtml-border-radius: 0.3em;
border-radius: 0.3em;
border-top:1px solid #d07c71;
background: #bd1600;
background: -webkit-linear-gradient(#bd1600, #972b2b);
background: -moz-linear-gradient(top,  #bd1600,  #972b2b);
background: -o-linear-gradient(top,  #bd1600,  #972b2b); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bd1600,  #972b2b);
background: linear-gradient(to bottom, #bd1600 0%,#972b2b 100%);
}
.mob_popup .RText_block li{list-style: square;}
.mob_popup .RText_block ul{margin: 0 0 0 5%;}

.RText_block {
        position:relative;
        width:90%;
        padding:1em;
        font-size: 0.8em;
        background:#fff;
        border-radius:4px;
       -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-border-radius:4px;
}
.RText_block:before,
.RText_block:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:94%;
        height:93%;
        max-width:300px;
        -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
 
.RText_block:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}
.Ark_rotate_mobile {
width: 100%;
height: 100%;
position: absolute;
z-index: 99;
background-color: rgba(0, 0, 0, 0.3);
background-image:url(../Content/Images/rotate-screen.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 70% auto;
}

/*------------POP UP's'----------*/
.fb_phone .ark_fb_login {
    background: none repeat scroll 0 0 #627AAC !important;
    border: 0.2em solid #29447E !important;
    border-radius: 0.4em 0.4em 0.4em 0.4em !important;
    box-shadow: 0 0.2em 0 0 #8A9CC2 inset !important;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: Arial;
    font-size: 1em !important;
    font-weight: bold!important;
    line-height: 14px !important;
    margin: 1% 0 1% 1% !important;
    padding: 2% 1%!important;
    text-align: center;
    width: 90%!important;
}
.ARK_container_ipad .game_menu span{border: none;}
/*Individual game page*/
.ARK_IGP_tablet .ARK_IGP_descr{width:40%;vertical-align:top; margin:0 0 0 1%;}
.ARK_IGP_tablet,.ARK_container_ipad .ARK_moreGames{width:98%;margin: 1%!important;}
.ARK_container_ipad .ARK_moreGames > span{display: inline-block;font-size: 1.5em;width: 100%;}
.ARK_IGP_tablet #gameName{font-size: 26px;padding: 0 0 1% 1%;display: inline-block;width: 100%;}
.ARK_IGP_tablet #ratingstars{margin: 0 0 0 1%;}
.ARK_IGP_tablet .ARK_IGP_promo_img{margin: 0 0 0 1%; width: 50%;}
.ARK_container_ipad .ARK_moreGames > div{width:22%;position: relative;margin: 1%;}
.ARK_container_ipad  .content_left.left_col .ARK_moreGames > div{width:47%;}
.ARK_container_ipad .ARK_relGames_img:hover span,.ARK_container_ipad .ARK_relGames_img a span{display: none!important;}
.ARK_container_ipad .content_left.left_col #fbComments{ width: 100%;}

.ARK_container_ipad .ARK_relGames_img img{max-width: 100%!important;width: 100%!important;}
.ARK_container_ipad .ARK_relGames_img.left_col{height: 16em;width: 100%;}
.ARK_container_ipad .ARK_relGames_img{height: auto!important;width: 100%;}
.ARK_container_ipad .ARK_moreGames .ARK_descr{font-size: 1.5em;line-height: 1.5em;}
.ARK_container_ipad .MG_view{ font-size: 16px;color: #29447E;}
.ARK_container_ipad .igp_home,.ARK_container_ipad .igp_help{ font-size: 2em;color: #777;text-decoration: underline;}
.ARK_container_ipad .igp_home{float: left;}
.ARK_container_ipad .igp_help{float: right;}
.ARK_container_ipad .content_left.left_col{width: 66%;float: left;border-radius: 0px!important;}
.ARK_container_ipad .fb_iframe_widget span{width: 100%!important;}
.igp_carousel_tablet{ width: 97%;margin: 1%!important;}
#igp_carousel_tablet{width: 92%;padding: 0 4%;overflow: hidden;height: 13em;}
#igp_carousel_tablet li{ list-style: none;display: inline-block;width: 31%;margin: 0 1%;}
#igp_carousel_tablet li img{max-width: 100%;width: 100%;}
/*Individual game page*/
/*Profile page*/
#helpPageTablet{margin: 0 0 0 2%;}
.ARK_tablet_right_rail{margin:1% 1% 0 0;width:31%;display: inline-block;vertical-align: top;}

.ARK_container_ipad .Profile .ARK_user_badges .badge_image .badge {
    width: auto!important;
    max-width: 100%;    
}
.ARK_container_ipad.profile_tablet{display: inline-block;width: 65%;margin: 1%;vertical-align: top;float: left;}
.ARK_container_ipad .Profile .recently_block{width: 100%;margin: 1% 0 0 0;}
.ARK_container_ipad .Profile .badges_list .badge_image{width: 18%;margin: 0 0 1% 1%;}
.profile_phone.Profile .ARK_user_badges .badge_image .badge{width: 100%!important;}
.profile_phone.Profile .badges_list .badge_image{width: 47%;margin: 0 0 1% 1%;float: none;}
.ARK_container_ipad .Profile .badge_image .badge_image_wrapper,.profile_phone.Profile .badge_image .badge_image_wrapper{width: 100%;}
.ARK_tablet_right_rail .top_scores{border: 1px solid #E0E0E0;}
.ARK_container_ipad .Profile .badge_image .badge-hint,.profile_phone.Profile .badge_image .badge-hint{width: 100%; display: block;position: inherit;margin: 0!important;background: none;border: none;}
.ARK_container_ipad .Profile .badge-hint b,.profile_phone.Profile .badge-hint b{color: #DB8B00;}
.profile_phone.Profile .user_badge_wrapper .badges_list,.profile_phone.Profile .ARK_user_badges .user_badge_wrapper{ max-height: none;}
.profile_phone.Profile #favGame,.profile_phone.Profile .ARK_favGames{height: auto;}
.profile_phone.Profile .ARK_favGames{ padding: 0 0 2% 0;}
.ARK_container_ipad .Profile .top_scores table{font-size: 0.8em;}
.profile_phone.Profile .badge-hint b{font-size: 1.2em;}
.profile_tablet .ARK_favGames {
width: 100%;
height: auto;
margin: 1% 0;
}
.profile_phone .ark_user_coins_bal_block .back{margin: 0;width: 100%;}
.profile_tablet .badge-hint.arrow_box img{display: none;}
.profile_tablet .add_button_show{
width: 15%;
}
.profile_tablet .fav_wrap{width: 83%;float: left;overflow: hidden;position: relative;padding: 5px 0 0 0;}
.profile_tablet .fav_wrap #fav_wrap_list{position: relative;padding: 0;margin: 0;display: inline;}
.profile_tablet .favGames-wrapper{padding: 0 0 0.5% 1%;}
.profile_tablet .favGames-wrapper .fav_wrap{white-space: nowrap;}
.profile_tablet .fav_wrap .fav_game_hover{float: none;display: inline-block;width: 18%;}
.profile_tablet #favGame,.profile_tablet .game_list_addFG{height: auto;}
.profile_tablet #ARK_favGames .editBtn {
    height: 41px;
    padding-right: 50px;
    font-size: 16px;
    color: #868686;
    line-height: 43px;
    top: 0;
    right: 0;
    margin: 2px 10px 0 0;
    position: absolute;
    cursor: pointer;
    background: url("../Content/Images/settings.png") top right no-repeat;
}
#ARK_favGames .block_title {
    position: relative;
}
#favoriteGameEditMessage {
    display:none;
    width: 50%;
    position: absolute;
    top: 7%;
    left: 23%;
    color: #B7302D;
    text-align:center;
    clear: both;
    font-size: 72%;
}
.FG_popup_tablet{position: fixed;width: 45%;top: 20%;left: 20%;z-index: 1000000000;background: #ccc;padding: 3% 0 0 0;border-radius: 5px;}
.profile_tablet .game_list_addFG,.profile_phone .game_list_addFG{height:33em;width:98%;margin:2% 0 1% 1%;background: #fff;padding: 0!important;}
.FG_first{border: 0px!important;position: absolute!important;top: 0;color: #fff!important;font-size: 1.5em;line-height: 1.8em !important;}
.FG_first:hover{ background: none!important;}
.profile_phone .FG_popup_tablet{width: 90%;width: 90%;top: 5%;left: 5%;}
.profile_tablet .game_list_addFG .overview,.profile_phone .game_list_addFG .overview{width: 98%!important;}
.profile_tablet .game_list_addFG .overview div,.profile_phone .game_list_addFG .overview div{line-height: 3em;height: 3em;font-size: 1.5em;border-bottom: 1px solid #ccc;width:96%;padding: 0 0 0 4%;}
.profile_tablet #favGame .dragged-game {
    position: relative;
}
#loginBtnBlock{ float: right;}
.profile_phone .gest_popup_Overlay{position: fixed;}
.FG_popup_tablet .FG_first{display: none;}
.profile_tablet .UserName{width:79%;font-size: 1.5em;line-height: 1.5em;margin-left: -16%;}
.profile_tablet .MyProfile_data_wrapper .ark_user_coins_bal_block,.profile_tablet .MyProfile_data_wrapper .ark_user_info_points,.profile_tablet .MyProfile_data_wrapper .ark_user_info_bages{height: 7em;}
.profile_tablet .MyProfile_data_wrapper #curavatar{ margin: 6% 2% 0 0;}
.profile_tablet .edit .MyProfile_data_wrapper #curavatar{ margin: 0 2% 0 0;}
/*Profile page*/
/*Profile page mobile*/
.profile_phone{
    overflow: hidden;
    float: left;
    width: 100%;
}
.profile_phone #menu_bages,.profile_phone #menu_fg,.profile_phone #menu_ts,.profile_phone #menu_ui {
left: -100%;
position: absolute;
background: #fff;
width: 97%;
margin: 1%;
}
    .profile_phone #menu_bages.mm_selected, .profile_phone #menu_ts.mm_selected, .profile_phone #menu_fg.mm_selected, .profile_phone #menu_ui.mm_selected
    {
        left: 0px;
        -moz-transition: left 0.5s ease-in-out 0.3s;
        -o-transition: left 0.5s ease-in-out 0.3s;
        -webkit-transition: left 0.5s ease-in-out 0.3s;
        transition: left 0.5s ease-in-out 0.3s;
    }

.profile_phone .badges_categorys {
float: none;
}
.profile_phone .ARK_user_badges .block_title {
text-align: center;
}
.Profile .profile_item .top_scores{width: 100%;}
.profile_phone .badge_type .badge-tab {
padding: 0 1em;
font-size: 0.8em!important;

}
.profile_phone .ARK_favGames {
float: none;
width: 100%;
}
.profile_tablet .Profile_edit-userName{ margin: 0 0 2% 2%;}
.profile_phone .MyProfile_data_wrapper h1{ font-size: 0.85em;line-height: 1.2em;padding: 2% 0 2% 4%;}
.profile_phone .Profile_edit-userName{width: 64%;}
.profile_phone .recently_block{margin: 3% 0 0 0;}
.profile_phone  .ark_points_block{width: 60%;}
.profile_phone .progress_bages{width: 88%;margin: 5% 0 0 5%;}
.profile_phone .progress-bar{background: #ccc;margin: 1% 0;}
.profile_phone #userInfoDiv .userPoints{width: 100%;}
.profile_phone .Profile_edit-userName input.UserName{width: 100%;font-size: 1.5em;}
.profile_phone .ark_rec_blocks{width: 47%;margin: 1% 0 0 1.5%;}
.profile_phone .ark_rec_blocks .ARK_name{width: 100%;display: inline-block;padding: 3% 0;}
.profile_phone .ARK_user_info{border: none!important;}
.profile_phone .ARK_user_info .block_title{ background: none;border: none;height: 2em;display:inline-block;width: 100%;}
.profile_phone #userInfoDiv .profileEdit{background-position: right center; display: inline-block;font-size:0;height: auto;min-width: 41px;padding: 0 45px 0 0;text-align: center;margin: 2% 0 0 0;}
.profile_phone #userInfoDiv .MyProfile_data_wrapper{background: #f1f1f1;}
.profile_phone .ARK_user_info .block_title span{color: #DB8B00;display: table-cell;vertical-align: middle;height: 2em;font-size: 1.2em;width: 11em;text-transform: uppercase;}
.profile_phone .scrollable .viewport{width: 100%!important;}
.profile_phone .Profile_eidt-checkbox{background: #ccc;}
.profile_phone.Profile .top_scores{ width: 100%;}
.profile_phone.Profile .scores_table-wrapper,.profile_phone.Profile .top_scores{height: auto;}
.profile_phone.Profile .del_favgame_button{ width: 30px;height: 30px;line-height: 30px;font-size: 30px!important;display: block;}
.profile_phone.Profile .user_badge_wrapper .badges_list{ height: auto;}
.profile_phone.Profile .UserName{margin: 0;width: 65%;font-size: 1.5em;}
.profile_phone.Profile .MyProfile_data_wrapper .ARK_button{margin: -1em 0 0.3em;}
.profile_phone.Profile #ratingstars{display: none!important;}
.profile_phone.Profile .game_list_addFG_pc div:hover{color: #555;background: #fff;}
.profile_phone.Profile .ARK_popup_content{ max-width: 85%;width: 85%; }
.profile_phone.Profile .packege_sum{font-size: 1em;width: 47%;}
/*Profile page mobile*/
/*add to home style*/
/**
 *
 * Main container
 *
 */
#addToHomeScreen {
	z-index:9999;
	-webkit-user-select:none;
	-webkit-box-sizing:border-box;
	width:240px;
	font-size:15px;
	padding:12px 14px;
	text-align:left;
	font-family:helvetica;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
	border:1px solid #505050;
	-webkit-border-radius:8px;
	-webkit-background-clip:padding-box;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,0.75);
	line-height:130%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#addToHomeScreen.addToHomeIpad {
	width:268px;
	font-size:18px;
	padding:14px;
}

/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.addToHomeWide {
	width:296px;
}

#addToHomeScreen.addToHomeIpad.addToHomeWide {
	width:320px;
	font-size:18px;
	padding:14px;
}

/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .addToHomeArrow {
	position:absolute;
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#505050;
	width:16px; height:16px;
	-webkit-transform:rotateZ(45deg);
	bottom:-9px; left:50%;
	margin-left:-8px;
	-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
	-webkit-border-bottom-right-radius:2px;
}


/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
	-webkit-transform:rotateZ(-135deg);
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
	-webkit-box-shadow:inset -1px -1px 0 #fff;
	top:-9px; bottom:auto; left:50%;
}
/**
 *
 * Close button
 *
 */
#addToHomeScreen .addToHomeClose {
	-webkit-box-sizing:border-box;
	position:absolute;
	right:4px;
	top:4px;
	width:18px;
	height:18px; line-height:14px;
	text-align:center;
	text-indent:1px;
	-webkit-border-radius:9px;
	background:rgba(0,0,0,0.12);
	color:#707070;
	-webkit-box-shadow:0 1px 0 #fff;
	font-size:16px;
}
/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .addToHomePlus {
	font-weight:bold;
	font-size:1.3em;
}
/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .addToHomeShare {
	display:inline-block;
	width:18px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
	background-size:18px 15px;
	text-indent:-9999em;
	overflow:hidden;
}
/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .addToHomeTouchIcon {
	display:block;
	float:left;
	-webkit-border-radius:6px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
		inset 0 0 2px rgba(255,255,255,0.9);
	background-repeat:no-repeat;
	width:57px; height:57px;
	-webkit-background-size:57px 57px;
	margin:0 12px 0 0;
	border:1px solid #333;
	-webkit-background-clip:padding-box;
}
/**
 *
 * The 'share' icon for retina display
 *
 */
@media all and (-webkit-min-device-pixel-ratio: 2) {
	#addToHomeScreen .addToHomeShare {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
	}
}
#div_prerollAdTablet_1 div {
    margin: 0 auto!important;
}

/**
 * for preroll scaled AD
 */
.prerollAd_Scaled {
    position: absolute;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}
#prerollAdPhone .ARK_timer, #prerollAdPhone .ARK_AdTopMesage ,
#prerollAdTablet .ARK_timer, #prerollAdTablet .ARK_AdTopMesage {
    width: 100%;
    display: block;
    position: absolute;
    text-align: center;
}
#prerollAdPhone .ARK_timer, #prerollAdTablet .ARK_timer{
    bottom: 0;
}
#prerollAdPhone .ARK_AdTopMesage, #prerollAdTablet .ARK_AdTopMesage {
    top: 0;
    color: #555555;
}
.promo-phone {
    width: 94%;
    margin: 0 3%;
}

/*touch menu on phone*/
.touch-menu {
    width: 100%;
    overflow: visible;
    clear: both;
    border-top: 1px solid #675d5d;
    overflow: hidden;
}
.touch-menu-wrapper {
    text-align: left;
    border-bottom: 1px solid #c2c3c3;
    position: relative;
    overflow: hidden;
    z-index: 20;
    margin-top: -85px;
    -moz-transition: margin-top 0.3s ease;
    -o-transition: margin-top 0.3s ease;
    -webkit-transition: margin-top 0.3s ease;
    transition: margin-top 0.3s ease;
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(154,171,183,0.5) 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(154,171,183,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(154,171,183,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(154,171,183,0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(154,171,183,0.5) 100%); /* W3C */
}
.menu-nav {
    padding-bottom: 10px;
    cursor: pointer;
    min-height: 10px;
    padding-top: 20px;
    text-align: center;
    -webkit-user-select: none;
}
.menu-label {
    padding-left: 23px;
    text-transform: uppercase;
    font-size: 1.125em;
    color: #282828;
    line-height: 1.125em;
    display: block;
    position: absolute;
    left: 0;
    bottom: 10px;
    height: auto;
    visibility: visible;
}
.menu-list {
    margin: 0;
    padding: 0;
    text-align: center;
     -webkit-user-select: none;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.menu-list li {
    display: inline-block;
    list-style: none;
    vertical-align: bottom;
    margin-left: 2%;
}
.menu-list li .button-link{
    display: table-cell;
    width: 6em;
    height: 6em;
    font-size: 0.6em;
    border: 1px solid #2f6a9b;
    border-bottom: 3px solid #2f6a9b;
    border-radius: 0.6em;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
}
.menu-list li .button-link .button-icon {
    display: inline-block;
    width: 100%;
}
.menu-list .button-link {
    color: #fff;
}
.menu-list .blue-button.current .button-link {
    box-shadow: 0 0 10px #00355a;
}
.menu-list .orange-button.current .button-link {
    box-shadow: 0 0 10px #ea8400;
}
.menu-list .green-button.current .button-link {
    box-shadow: 0 0 10px #018146;
}
.menu-list .phiolet-button.current .button-link {
    box-shadow: 0 0 10px #410380;
}
.menu-list .blue-button .button-link{
    border-color:#2f6a9b;
    background: -moz-linear-gradient(top,  #0f538c 0%, #85d3e6 100%);
    background: -webkit-linear-gradient(top,  #0f538c 0%,#85d3e6 100%);
    background: -o-linear-gradient(top,  #0f538c 0%,#85d3e6 100%);
    background: -ms-linear-gradient(top,  #0f538c 0%,#85d3e6 100%);
    background: linear-gradient(to bottom,  #0f538c 0%,#85d3e6 100%);
}
.menu-list .orange-button .button-link{
    border-color:#ea8400;
    background: -moz-linear-gradient(top,  #ec8104 0%, #fcf0af 100%);
    background: -webkit-linear-gradient(top,  #ec8104 0%,#fcf0af 100%);
    background: -o-linear-gradient(top,  #ec8104 0%,#fcf0af 100%);
    background: -ms-linear-gradient(top,  #ec8104 0%,#fcf0af 100%);
    background: linear-gradient(to bottom,  #ec8104 0%,#fcf0af 100%);
}
.menu-list .green-button .button-link{
    border-color:#0e834e;
    background: -moz-linear-gradient(top,  #038046 0%, #8ade97 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #038046 0%,#8ade97 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #038046 0%,#8ade97 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #038046 0%,#8ade97 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #038046 0%,#8ade97 100%); /* W3C */
}
.menu-list .phiolet-button .button-link{
    border-color:#420084;
    background: -moz-linear-gradient(top,  #430380 0%, #c8b0d9 100%);
    background: -webkit-linear-gradient(top,  #430380 0%,#c8b0d9 100%);
    background: -o-linear-gradient(top,  #430380 0%,#c8b0d9 100%);
    background: -ms-linear-gradient(top,  #430380 0%,#c8b0d9 100%);
    background: linear-gradient(to bottom,  #430380 0%,#c8b0d9 100%);
}
.menu-list_all li:first-child, .menu-list_profile li:first-child, .menu-list_profile li.first-elem{
    margin: 0;
}
.menu-list .button-icon:before {
    content: "";
    display: inline-block;
    height: 36px;
    width: 100%;
    background: url("../Content/Images/menu-icons.svg") top center no-repeat;
    height: 2.9em;
}
.menu-list .button-icon_home:before {
    background-position: center 0;
}
.menu-list .button-icon_leaderboard:before {
    background-position: center -3.1em;
}
.menu-list .button-icon_profile:before {
    background-position: center -6em;
}
.menu-list .button-icon_help:before {
    background-position: center -8.8em;
}
/*-profile-icons*/
.menu-list .button-icon_userinfo:before {
    background-position: center -5.8em;
}
.menu-list .button-icon_badges:before {
    background-position: center -12.3em;
}
.menu-list .button-icon_topscores:before {
    background-position: center -18.2em;
}
.menu-list .button-icon_favorite:before {
    background-position: center -15.3em;
}
.menu-list-wrapper{
    position: relative;
    display: block;
    margin: 15px 0 10px 0;
    height: 58px;
}
.menu-list_profile {
    display: none;
}
.menu-list_profile.current {
    display: block;
    z-index: 2;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.menu-list_profile.current + .menu-list_all {
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.menu-list_profile .submenu-nav {
    display: block;
    position: absolute;
    height: 100%;
    width: 7.75%;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 3;
}
.touch-menu-open {
    margin-top: 0;
}
.touch-menu-open .menu-label {
    visibility: hidden;
    height: 0;
}
.menu-list_profile.current.menu-list-hide {
    -moz-transform: translate3d(92.25%, 0, 0);
    -ms-transform: translate3d(92.25%, 0, 0);
    -o-transform: translate3d(92.25%, 0, 0);
    -webkit-transform: translate3d(92.25%, 0, 0);
    transform: translate3d(92.25%, 0, 0);
}
.menu-list_profile.current.menu-list-hide + .menu-list_all {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.ARK_notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

/* animated arrow */
.swipe-arrow {
    width: 48px;
    text-align: center;
    display: inline-block;
}
.swipe-arrow-elem {
    background-color: #282828;
    border-radius: 3px;
    display: inline-block;
    height: 6px;
    width: 20px;
    -moz-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease; 
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.swipe-arrow-elem-right {
    margin-left: -8px;
}
.swipe-arrow-right{ line-height: 0;}
.swipe-arrow-bottom .swipe-arrow-elem-left,
.swipe-arrow-left .swipe-arrow-elem-top, .menu-list-hide .swipe-arrow .swipe-arrow-elem-top {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.swipe-arrow-bottom .swipe-arrow-elem-right,
.swipe-arrow-left .swipe-arrow-elem-bott, .menu-list-hide .swipe-arrow .swipe-arrow-elem-bott {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.swipe-arrow-top .swipe-arrow-elem-left, .touch-menu-open .swipe-arrow-elem-left,
.swipe-arrow-right .swipe-arrow-elem-top {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.swipe-arrow-top .swipe-arrow-elem-right, .touch-menu-open .swipe-arrow-elem-right,
.swipe-arrow-right .swipe-arrow-elem-bott {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.ARK_notransition .menu-nav .swipe-arrow-elem {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
/*arrow vertical*/
.menu-list_profile .submenu-nav .swipe-arrow{
    width: 6px;
    height: 34px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}
.menu-list_profile .submenu-nav .swipe-arrow-elem {
    width: 6px;
    height: 20px;
}
.menu-list_profile .submenu-nav .swipe-arrow-elem-bott {
    margin: -6px 0 0 0;
}
.profile_phone .ark_user_coins_bal_block,.profile_phone .MyProfile_data_wrapper .ark_user_info_points,.profile_phone .MyProfile_data_wrapper .ark_user_info_bages{width: 100%!important;}
.profile_phone .MyProfile_data_wrapper .ark_user_coins_bal_block,.profile_phone .MyProfile_data_wrapper .ark_user_info_points,.profile_phone .MyProfile_data_wrapper .ark_user_info_bages {
    border: 0px;
    background: #fff;
}
.MyProfile_data_wrapper a:hover .ark_buy_tooltip{display: none;}
.profile_tablet .MyProfile_data_wrapper .ark_user_info_bages .bages_info{ font-size:0.6em;}
.profile_phone .MyProfile_data_wrapper .ark_user_info_bages .bages_info{ font-size: 0.8em;}
.profile_phone .MyProfile_data_wrapper #curavatar,.profile_phone .MyProfile_data_wrapper .Profile_edit-userName{ margin: 0 2% 0 0;}

.phone.ARK_overlay-active .badge_container{width: 98%;left: 1%;}
.phone .closeOverlay.rightInlineButton{font-size: 0;float: right;width: 5%;}
.phone .newBadgeFooter .progress_bages{width: 60%;margin: 0;}
.phone .newBadgeContent .descOfBadge{font-size: 1em;}
.phone .badgeAlertTitle{font-size: 2em;}
.phone .newBadgeContent .badgeImage{width: 55%;}
.profile_phone .ark_user_info_coins_bal,.profile_phone .ark_user_info_points .userPoint-count{line-height: 1.5em;}
.fb_phone #loginBtnBlock{display: inline-block;text-align: center; width: 100%; float: none;}

.ContactUs fieldset{ margin: 0;padding: 0;border: none;}
/*smartphones*/
@media only screen and (max-width: 479px) {
  .ipad {
    display: none; }

  .inner_style {
    width: 98%;
    box-shadow: none; }

  .ARK_score_mobile {
    width: 98%;
    padding: 0 0 2% 0; }

  .ARK_ad_mobile {
    display: none; }

  .vert_centred, .vert_centred span {
    width: 6.5em;
    height: 3em; }

  .ARK_button_play span, .ARK_button_home span {
    font-size: 100%; }

  .avatar_collection img.avatars {
    width: 44%!important;
    height: auto!important; }

  .lb_mobile .leaderboard_BG_C .item .avaURL {
    width: 15%!important; }

  .mob_popup {
    text-align: center;
    width: 85%; }
    .mob_popup .RText {
      display: none; }
    .mob_popup .button {
      width: 40%;
      font-size: 1.2em;
      margin: 2% 0!important; }

  .ACM_playGame_gameend .ARK_score_cont #score {
    font-size: 2em; }

  ul.Ark_mob_menu {
    left: 0px; }

  .line_block, .profile_phone.Profile .packege_sum {
    width: 100%; }

  .line_block {
    height: 17em; }

  .line_block .packege_sum img {
    width: 38%;
    display: block;
    margin: 0 auto; } }
@media only screen and (min-width: 320px) and (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .ipad {
    display: none; }

  .inner_style {
    width: 98%;
    box-shadow: none; }

  .ARK_score_mobile {
    width: 98%;
    padding: 0 0 2% 0; }

  .ARK_ad_mobile {
    display: none; }

  .vert_centred, .vert_centred span {
    width: 6.5em;
    height: 3em; }

  .ARK_button_play span, .ARK_button_home span {
    font-size: 100%; }

  .avatar_collection img.avatars {
    width: 44%!important;
    height: auto!important; }

  .lb_mobile .leaderboard_BG_C .item .avaURL {
    width: 15%!important; }

  .inner_style {
    width: 30%!important;
    height: 13em; } }
@media only screen and (min-width: 480px) and (max-width: 680px) {
  .ipad {
    display: none; }

  .inner_style {
    width: 98%;
    box-shadow: none; }

  .ARK_score_mobile {
    width: 98%;
    padding: 0 0 2% 0; }

  .ARK_ad_mobile {
    display: none; }

  .vert_centred, .vert_centred span {
    width: 6.5em;
    height: 3em; }

  .ARK_button_play span, .ARK_button_home span {
    font-size: 100%; }

  .avatar_collection img.avatars {
    width: 44%!important;
    height: auto!important; }

  .phone .newBadgeContent .descOfBadge {
    width: 47%;
    vertical-align: top;
    padding: 10% 0 0 0; }

  .phone .newBadgeContent .badgeImage {
    width: 28%; }

  .game_list {
    width: 100%;
    margin: 4% 0 0 0; }

  .badges_categorys .badge_type {
    height: 40px; }

  .profile_phone.Profile .badges_list .badge_image {
    width: 23.5%; }

  .profile_phone .ARK_user_info .block_title span {
    width: 17em; }

  .avatar_collection img.avatars {
    width: 21%!important;
    height: auto!important; }

  .profile_phone.Profile .packege_sum {
    width: 100%; }

  .line_block {
    height: 17em; } }
/*smartphones*/
/*tablets*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (resolution: 163dpi) and (orientation: portrait) {
  .user_badge_wrapper .badges_list-active {
    background: red; }

  .ARK_container_ipad.profile_tablet {
    background: red; } }
@media only screen and (min-width: 681px) and (max-width: 767px) {
  .fb-comments span, .fb-comments span iframe {
    height: auto!important;
    width: 100%!important; }

  .help_content {
    width: 65%; }

  .blocks_bg_help div#div_arena300x250Tablet_1 {
    margin: 0 0 0 3%!important; }

  .ARK_IGP_tablet .ARK_IGP_descr p {
    font-size: 1.2em;
    padding: 0 3% 0 0;
    margin: 0; }

  .ARK_IGP_tablet .ARK_IGP_descr a.ARK_button {
    margin: 5% 0 0 0; }

  .inner_style {
    height: 18em; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .fb-comments span, .fb-comments span iframe {
    height: auto!important;
    width: 100%!important; }

  .help_content {
    width: 65%; }

  .blocks_bg_help div#div_arena300x250Tablet_1 {
    margin: 0 0 0 3%!important; }

  .ARK_IGP_tablet .ARK_IGP_descr p {
    font-size: 1.2em;
    padding: 0 3% 0 0;
    margin: 0; }

  .ARK_IGP_tablet .ARK_IGP_descr a.ARK_button {
    margin: 5% 0 0 0; }

  .inner_style {
    height: 18em; }

  .ARK_score_mobile {
    width: 98%;
    padding: 0 0 2% 0; }

  .vert_centred, .vert_centred span {
    width: 8.8em; }

  .ARK_container_ipad .ARK_relGames_img {
    height: 11em; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .fb-comments span, .fb-comments span iframe {
    height: auto!important;
    width: 100%!important; }

  .help_content {
    width: 65%; }

  .blocks_bg_help div#div_arena300x250Tablet_1 {
    margin: 0 0 0 3%!important; }

  .ARK_IGP_tablet .ARK_IGP_descr p {
    font-size: 1.2em;
    padding: 0 3% 0 0;
    margin: 0; }

  .ARK_IGP_tablet .ARK_IGP_descr a.ARK_button {
    margin: 5% 0 0 0; }

  .inner_style {
    height: 18em; }

  .ARK_score_mobile {
    width: 46%; }

  .Ark_mob_menu {
    left: 0;
    max-width: 100%; }

  .vert_centred, .vert_centred span {
    width: 7em; } }
/*tablets*/


/*----------------LEADERBOARD--------------------*/
.lb_mobile #leaderboardContainer {
    float: none;
    clear: both;
    margin: 0 4%;
}
.ui-select .ui-btn{height: 2.5em; line-height: 1.5em;}
.lb_mobile {
    width: 100%;
}
.lb_mobile .ark_leaderboard {
width: 90%;
}
.leaderboard_BG_B ul,.leaderboard_BG_B li{list-style:none; margin:0px;padding:0px;}
.lb_mobile .jspPane{margin: 0px!important; width: 93% !important;}
.lb_mobile .ark_leaderboard .leaderboard_BG_C .items_list {

    height: 13.7em;
    width: 100% !important;
}
#leaderboardContainer.pc{font-size: 12px;}
#leaderboardContainer {
    float: right;
    position: relative;
    margin: 2% 0;
    font-size: 1em;
}
#leaderboardContainer.tablet{margin: 2% 0 0 0;border-radius: 0;float: left;}
.preload_profile,.ark_leaderboard .leaderboard_loader {
    background:url(../Content/Images/connectLoader.gif) no-repeat center center #fff;
    filter:alpha(opacity=20);
        -moz-opacity:.20;
        opacity:.20;
        width:100%;
        height:100%;
        position:absolute;
        z-index:3;
        top:0px;
        left:0px;
}
.ark_leaderboard{
width:300px;
padding: 1%;
display:inline-block;
position: relative;
vertical-align:top;
background: #42565e;
border-radius:0.4em;
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
-khtml-border-radius:0.4em;
    }
.ARK_lb_title {
color: #f69014;
font-size: 1.5em;
letter-spacing: 0.05em;
line-height: 1.333;
}
.ARK_lb_title, .drop {
width: 100%;
padding: 1% 0;      
}
.lb_mobile .ui-select {
width: 100% !important;
}
.lb_mobile .ARK_lb_title {
padding: 1% 2%;
}
.lb_mobile .ark_leaderboard .leaderboard_BG_B {
width: 99% !important;
overflow: hidden;
}
.lb_mobile .ui-btn-up-c, .lb_mobile .ui-btn-hover-c {
border-radius:0.3em !important;
-moz-border-radius:0.3em !important;
-webkit-border-radius:0.3em !important;
-khtml-border-radius:0.3em !important;
border: 1px solid #95999b !important;
background: #dfdfdf !important;    
text-align: left !important;
color: #454545 !important;
margin: 0 !important;
}
.lb_mobile .ui-select .ui-btn-icon-right .ui-icon
{background:url(../Content/Images/open_close.png) no-repeat!important;border-radius: 0!important;top: 37%;}
.jquery-selectbox {
width: 100% !important;
height:30px;
line-height:24px;
font-size:14px;
border-radius:0.3em;
-moz-border-radius:0.3em;
-webkit-border-radius:0.3em;
-khtml-border-radius:0.3em;
border: 1px solid #95999b;
background: #dfdfdf;
}
.ark_leaderboard.tablet .jquery-selectbox .jquery-selectbox-moreButton{width: 20%;background:url(../Content/Images/open_close.png) no-repeat right top;}
.jquery-selectbox .jquery-selectbox-moreButton {
background:url(../Content/Images/open_close.png) no-repeat;
float: right;
width: 20px;
height: 13px;
cursor: pointer;
position:relative;
right:3%;
top:0.5em;
z-index: 2;
}
.jquery-selectbox .jquery-selectbox-currentItem {
    white-space: nowrap;
    color: #454545;
    font-weight: bold;
    line-height:2em;
    margin:0 0 0 2%; 
}
.jquery-selectbox.selecthover .jquery-selectbox-moreButton {
z-index: 9;
}
.ark_leaderboard.tablet .jquery-selectbox .jquery-selectbox-list{margin-top: 30px;height: 30em!important;width: 94%!important;}
.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
    z-index: 10;
    width: 100% !important;
    
    background: -webkit-linear-gradient(#ededed, #d4d4d4);
    background: -moz-linear-gradient(top,  #ededed,  #d4d4d4);
    background: -o-linear-gradient(top,  #ededed,  #d4d4d4); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ededed,  #d4d4d4); /* IE10+ */

    border-left: 1px solid #95999b;
    border-right: 1px solid #95999b;
    border-bottom: 1px solid #95999b;
    margin:0 0 0 -1px;

    border-bottom-left-radius:0.3em;
    border-bottom-right-radius:0.3em;
    -moz-border-bottom-left-radius:0.3em;
    -moz-border-bottom-right-radius:0.3em;
    -webkit-border-bottom-left-radius:0.3em;
    -webkit-border-bottom-right-radius:0.3em;
    -khtml-border-bottom-left-radius:0.3em;
    -khtml-border-bottom-right-radius:0.3em;
}
.jquery-selectbox .jquery-selectbox-item.listelementhover 
{
	color: #F69014;
}
.jquery-selectbox .jquery-selectbox-item {
    display: block;
    height: 3em;
    line-height:3em;
    border-bottom:1px solid #95999b;
    color:#454545;
    margin:0 0 0 2%;
    font-weight:bold;
}
    .jquery-selectbox .jquery-selectbox-item:last-child {
    border-bottom:none;
    }
.jspContainer
{
    overflow: hidden;
    position: relative;
}
.jspPane
{
	position: absolute;
	padding:0px;
    z-index:2;
}
.leaderboard_BG_C .jspPane {
    z-index: auto;
}
.ark_leaderboard.tablet .jspPane{ margin: 0px!important;width: 100% !important;}
.ark_leaderboard.tablet .jquery-selectbox-list .jspContainer{width: 100% !important;}
.lb_mobile .jquery-selectbox .jquery-selectbox-list{width: 98%!important;height: 23.7em!important;}
.ark_leaderboard.tablet .jspVerticalBar,.ark_leaderboard.phone .jspVerticalBar{width: 5%;height: 100%; background: #ccc;float: right;position: relative;z-index: 2;}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1em;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}
.jspArrow
{
cursor:pointer;
z-index:20;
}
    .jspArrow.jspDisabled {
    /*display:none;*/
    cursor:default;
    }
.ark_leaderboard.tablet .jspArrow.jspDisabled{opacity: 0.3;}
.lb_mobile .jspArrowDown {bottom: 0;}
.jspArrowUp, .jspArrowDown 
{
position:absolute;
background:url(../Content/Images/lb_select.png) no-repeat top center;
width:100%;
height:25px;
overflow: hidden;
}
.jspArrowDown {
background-color:#d4d4d4;
}
/*.ark_leaderboard.tablet .jspTrack{ height: 100%!important;}*/
.ark_leaderboard.tablet{height: 30.5em}
.jspArrowUp {
background:url(../Content/Images/lb_select.png) no-repeat center -25px;
background-color: #ededed;
}
.jspDrag {
width:100%;
}
.lb_mobile .jspContainer{width: 100%;}
.ark_leaderboard.tablet .leaderboard_BG_C .jspDrag,.lb_mobile .jspDrag{margin: 0px;}
.ark_leaderboard.tablet .jspDrag{background: #666;position: relative;margin: 25px 0 0 0;cursor: pointer;}
.ark_leaderboard .leaderboard_BG_C .items_list
{
position:relative;
display:inline-block;
width: 100% !important;
height:20.5em;
overflow: auto !important;
}
.ark_leaderboard .leaderboard_BG_B
    {
    width:300px;
    display:inline-block;
    border-radius:0.4em;
    -moz-border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -khtml-border-radius:0.4em;
    border: 1px solid #95999b;
    background/**/: #ededed;
    background: -webkit-linear-gradient(#ededed, #d4d4d4);
    background: -moz-linear-gradient(top,  #ededed,  #d4d4d4);
    background: -o-linear-gradient(top,  #ededed,  #d4d4d4); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ededed,  #d4d4d4); /* IE10+ */
    margin:1% 0;
        }
.ui-tabs .ui-tabs-nav {
width:101%;
}
        .ark_leaderboard .tabs .ui-state-default, .lb_mobile .tabs li
        {
            cursor:pointer;
            font-size:1.2em;
            line-height:2.5em;
            height:2.5em;
            text-align:center;
            }
.lb_mobile .tabs li {
width: 33.3%!important;
}
.ark_leaderboard .tabs li {
float:left;
width:100px;
}
.LB_delim {
float:right;
width:1px;
height:95%;
background:#b2b2b2;
}
        .ark_leaderboard .leaderboard_BG_B .tabs .ui-tabs-selected
        {
            cursor:default;
            background:#b4b4b4;
            box-shadow:inset 0 0 0.75em #373737;
            -moz-box-shadow:inset 0 0 0.75em #373737;
            -webkit-box-shadow:inset 0 0 0.75em #373737;
            }
.ark_leaderboard .tabs .ui-state-hover {
box-shadow:inset 0 0 0.75em #f2f2f2;
-moz-box-shadow:inset 0 0 0.75em #f2f2f2;
-webkit-box-shadow:inset 0 0 0.75em #f2f2f2;
}
            .ark_leaderboard .leaderboard_BG_B .tabs .ui-state-default a, .lb_mobile .tabs li a
            {
                display:inline-block;
                width:99%;
                cursor:pointer;
                color:#454545;
                text-align:center;
                }
            .ark_leaderboard .leaderboard_BG_B .tabs .ui-tabs-selected a
            {
                cursor:default;
                color:#454545;
                text-decoration:none;
                }
.ark_leaderboard .leaderboard_BG_C{
display:inline-block;
width:100%;
}

.ark_leaderboard.pc .leaderboard_BG_C_title{font-size:1em; line-height:1.5em;margin: 0 0 5px 5px;cursor: pointer;}
.leaderboard_BG_C_title{
width:100%;
font-size:1.2em;
line-height:2em;
color:#e8a232;
cursor: pointer;
}
 .leaderboard_BG_C_title a
  {
color: #ccc;cursor: pointer;
  }
 .leaderboard_BG_C_title a.active
 {
 color:#f69014!important;
 }
.leaderboard_BG_C .jspContainer {
width:100% !important;
background:#373737;
}
.leaderboard_BG_C .items_list_BG
{
display:inline-block;
width:100%;
}
.LB_delim_horiz
{background: #656565;width:100%;height: 1px;margin: 2px 0 0 0!important;}
.leaderboard_BG_C .item
{
width:100%;
display:block;
padding: 1% 0;
height: 3em;
overflow: hidden;
}

.lb_mobile .leaderboard_BG_C .item .avaURL{
width: 10%;
}
.lb_mobile .leaderboard_BG_C .item .lb_score
{ margin: 4% 0;}
.leaderboard_BG_C .item .avaURL
{
width:3.5em;
margin:0.5% 1% 0 1%;
display:inline-block;
}

.leaderboard_BG_C .item .avaURL img
{
max-width:100%;
}.ark_leaderboard.pc .leaderboard_BG_C .item .avaURL img
{
width: 42px;
}
.leaderboard_BG_C .item div {
    display:inline-block;
    width:45%;
    vertical-align:top;
    }
 span.user_name{display:block;width:100%;}
.leaderboard_BG_C .item .user_name
{ 
/* essential */
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
overflow:hidden;
}
   .leaderboard_BG_C .item .user_name, .leaderboard_BG_C .item div a, .leaderboard_BG_C .item span img {
   white-space:nowrap;
   font-weight:bold;
   color:#0493e0;
   font-size:1em;
   line-height: 1.5em;
   }
    .leaderboard_BG_C .item div a {
    display:block;
    white-space:nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow:hidden;
    }
.leaderboard_BG_C .item .user_name{color:#F69014;}
.ark_leaderboard.tablet .rank{display: block;}
.ark_leaderboard.tablet .leaderboard_BG_C .item .lb_score{width: 62px;}
.leaderboard_BG_C .item .lb_score {
display:inline-block;
color:#fff;
font-weight:bold;
width:30%;
vertical-align:top;
text-align:right;
margin:7% 0 0 0;
}
.leaderboard_BG_C .item span
{ 
/* essential */
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
}
.rank
{color:#0493e0;font-weight: bold;}
.lb_mobile .leaderboard_BG_C .jspTrack{
height:86% !important;
}
.ark_leaderboard.tablet .leaderboard_BG_C .jspTrack{
height:94% !important;
}
.ark_leaderboard.phone .leaderboard_BG_C .jspTrack,.ark_leaderboard.tablet .leaderboard_BG_C .jspTrack
{position:relative;
top:25px;}

.leaderboard_BG_C .jspDrag {
background:#aaa;
position:absolute;
}
/* Tabs
----------------------------------*/
.ui-tabs {} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li {}
.ui-tabs .ui-tabs-nav li a {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*--------------------LEADERBORD VIEW FOR PC VERSION----------------------------*/
.ark_leaderboard.pc .leaderboard_BG_C .item {
    height:40px;
}

.ark_leaderboard.pc .leaderboard_BG_C .item img{ border: 0px;}
.ark_leaderboard.pc .jquery-selectbox .jquery-selectbox-list {
    background: #373737;
    top: 84px;
    left: 1px;
    height: 356px!important;
    width: 305px;
    border: 0px;
}
.ark_leaderboard.pc .jquery-selectbox .jquery-selectbox-item{color: #ccc;cursor: pointer;}
.ark_leaderboard.pc .jquery-selectbox .jquery-selectbox-item.listelementhover{color: #666!important;}
.ark_leaderboard.pc .jspVerticalBar{width: 20px;float: right;background: #373737;position: relative;z-index: 2;}
.ark_leaderboard.pc .jspArrow.jspDisabled {
height: 20px;
opacity:0.3;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);    
}
.ark_leaderboard.pc .leaderboard_BG_C .user_name{display: block;}
.ark_leaderboard.pc .jspArrowUp,.ark_leaderboard.pc .jspArrowDown{height: 20px;width: 20px;}
.ark_leaderboard.pc .jquery-selectbox-list .jspTrack{height: 228px;}
.ark_leaderboard.pc .jspTrack{position: relative;height:187px;}
.ark_leaderboard.pc .jspDrag{background: #666;position: relative;margin: 20px 0 0 0;cursor: pointer;}
.ark_leaderboard.pc .jquery-selectbox .jquery-selectbox-moreButton{background:url(../Content/Images/arrows_pc.png) no-repeat left top;width: 14px;height: 21px;overflow: hidden;top: 6px;}
.ark_leaderboard.pc .jquery-selectbox.selecthover .jquery-selectbox-moreButton{background:url(../Content/Images/arrows_pc.png) no-repeat -14px top;height: 14px;width: 21px;top: 10px;}
.ark_leaderboard.pc .leaderboard_BG_C .item .avaURL{margin: 0 5px;}
.ark_leaderboard.pc .leaderboard_BG_C .item .lb_score{ margin: 12px 0 0 5px;font-size: 1.2em;}
.ark_leaderboard.pc h2.ARK_lb_title{margin: 5px 0;}



/* slider
----------------------------------------------------------*/
.slider {
    border: 1px solid #ccc;
    padding: 10px;
}

.slide > * {
    max-width: 100%;
}
.slide > a{
    max-width:100%;
    max-height: 100%;
    display: block;
}
.slide > a > img{
    max-width:100%;
}
.slider .slide-prev,.slider .slide-next {
    cursor: pointer;
    height: 100%;
    width: 48px;
    position: absolute;
    top:0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0.6))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=1 ); /* IE6-9 */
    padding: 0px;
    z-index:11;
}

.slider .slide-prev {
    left: 0
}
.slider .slide-next {
    right: 0;
}
.slider .slide-next img, .slider .slide-prev img {
    position: relative;
    top: 41%;
    left: 0;
    max-height: 100%;
    max-width: 100%;
}
.es-caption {
    position: absolute;
    bottom: 0;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 14px;
    padding: 16px;
    margin: 10px;
    width: auto;
    left: 0;
    right: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.3);
}
ul.es-pager {
    display: block;
    width: 100%;
    text-align: center;
    margin: 5px 0 0 0;
    padding: 0;
    line-height: 0px;	
}
ul.es-pager li {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 16px;
    width: 16px;
    /*background-image: url("../Images/pagericon.png");*/
    background-repeat: no-repeat;
    background-position: 0 -16px;
    cursor: pointer;
	*display:inline;
	*zoom:1;
}
ul.es-pager li:hover, ul.es-pager li.act {
    background-position: 0 0;
}
ul.es-pager li.act {
    cursor: default;
}
.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}
/*profile*/
.game_list_addFG.scrollable .scroll-bar,.avatar_collection.scrollable .scroll-bar{display: block!important;}
.game_list_addFG.scrollable .scroll-bar.horizontal,.avatar_collection.scrollable .scroll-bar.horizontal{display: none!important;}
.avatar_collection.scrollable.default-skin .scroll-bar.vertical{background: #F1F1F1;}
.profile_phone .Profile_edit-avatar .avatar_collection.scrollable.default-skin .scroll-bar.vertical{background: #ccc;}