/* Base Components */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
textarea {
	overflow: auto;
}
input {
	font-family: Arial, Helvetica, sans-serif;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* font family and link */
body{ font-family: Arial, Helvetica, sans-serif; }
a {
	color: #0099ff;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

@font-face {
    font-family: 'BebasRegular';
    src: url("/fonts/BEBAS___-webfont.eot");
    src: url("/fonts/BEBAS___-webfont.eot?#iefix") format('embedded-opentype'),
         url("/fonts/BEBAS___-webfont.woff") format('woff'),
         url("/fonts/BEBAS___-webfont.ttf") format('truetype'),
         url("/fonts/BEBAS___-webfont.svg#BebasRegular") format('svg');
    font-weight: normal;
    font-style: normal;
}
.is-hidden { display:none; }/* Footer CSS */
/** Footer Menu CSS **/
.carousel-page .l-footer {
    border-top: 1px solid #5e5e5e;
}
.l-footer {
    background: #c9cfdb;
    border-top: 1px solid #dcd4cc;
    color: #4d4c4c;
    font-size: 12px;
}

.l-footer .content--footer-top {
    background: #434343;
    border-bottom: 1px solid #6a6a6a;
    width: auto;
    padding-top: 10px;
    padding-bottom: 3px;
}

.footer-top {
    width: 960px;
    margin: 0 auto;
}

.sitemap-list {
    height: 273px;
    float: left;
    width: 125px;
    background-repeat: no-repeat;
    background-position: 8px 16px;
    padding-left: 60px;
    position: relative;
}

.sitemap-list span.icon {
    display: block;
    position: absolute;
    left: 8px;
    top: 16px;
    width: 47px;
    height: 46px;
}

.sitemap-list div {
    height: 150px;
    padding-top: 16px;
}

.sitemap-list strong {
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
    color: #86898f;
    padding-bottom: 13px;
    display: block;
    font-weight: normal;
}

.sitemap-list--main span.icon {
    background-image: url("/i/header_footer_sprites.png");
    background-position: 0 -264px;
    height: 36px;
    width: 62px;
}

.sitemap-list--main {
    padding-left: 85px;
}

.sitemap-list--game {
    width: 135px;
}

.sitemap-list--game span.icon {
    background-image: url("/i/header_footer_sprites.png");
    background-position: 0 -299px;
    height: 40px;
}

.sitemap-list--help {
    width: 125px;
}

.sitemap-list--help span.icon {
    background-image: url("/i/header_footer_sprites.png");
    background-position: 0 -340px;
    height: 43px;
}

.sitemap-list--follow span.icon {
    background-image: url("/i/header_footer_sprites.png");
    background-position: 0 -383px;
    height: 38px;
}

.sitemap-list--follow {
}

.sitemap-list--links {
    width: 120px;
}

.sitemap-list--links span.icon {
    background-image: url("/i/header_footer_sprites.png");
    background-position: 0 -217px;
    height: 47px;
    width: 31px;
}

.sitemap-list--help div {
    background: none;
}

.sitemap-list li {
    padding-bottom: 8px;
}

.sitemap-list a,
.sitemap-list a:visited {
    color: #c9cfdb;
    text-decoration: none;
}

.sitemap-list a:hover {
    border-bottom: 1px dotted #c9cfdd;
}

.l-footer .social-links li {
    padding-bottom: 5px;
}

.l-footer .social-links li a {
    background-image: url("/i/header_footer_sprites.png");
    background-repeat: no-repeat;
    height: 22px;
    line-height: 22px;
    display: block;
    padding-left: 30px;
    direction: ltr;
    overflow: hidden;
}
.sitemap-list strong {
    font-size: 18px;
}

.sitemap-list a {
    font-size: 13px;
}
.sitemap-list .social-links li a:hover {
    border-bottom: none;
}

.sitemap-list .social-links a:hover span {
    border-bottom: 1px dotted #c9cfdd;
}

.social-links li .social-links_fb {
    background-position: 0 -422px;
}

.social-links li .social-links_fb:hover {
    background-position: 0 -510px;
}

.social-links li .social-links_tw {
    background-position: 0 -444px;
}

.social-links li .social-links_tw:hover {
    background-position: left -532px;
}

.social-links li .social-links_gg {
    background-position: 0 -466px;
}

.social-links li .social-links_gg:hover {
    background-position: 0 -554px;
}

.social-links li .social-links_youtube {
    background-position: 0 -488px;
}

.social-links li .social-links_youtube:hover {
    background-position: 0 -576px;
}
.sitemap-list li {
    padding-bottom: 10px;
}

/*.sitemap-list a,
.sitemap-list a:visited {
    color: #c9cfdb;
    text-decoration: none;
}

.sitemap-list a:hover {
    border-bottom: 1px dotted #c9cfdd;
}

.l-footer .social-links li {
    padding-bottom: 5px;
}

.l-footer .social-links li a {
    background: url("/i/header_footer_sprites.png");
    background-repeat: no-repeat;
    height: 22px;
    line-height: 22px;
    display: block;
    padding-left: 30px;
    direction: ltr;
    overflow: hidden;
}

.l-footer .sitemap-list .social-links li a:hover {
    border-bottom: none;
}

.l-footer .sitemap-list .social-links a:hover span {
    border-bottom: 1px dotted #c9cfdd;
}

.l-footer .social-links li .social-links_fb {
    background-position: 0 -422px;
}

.l-footer .social-links li .social-links_fb:hover {
    background-position: 0 -510px;
}

.l-footer .social-links li .social-links_tw {
    background-position: 0 -444px;
}

.l-footer .social-links li .social-links_tw:hover {
    background-position: left -532px;
}

.l-footer .social-links li .social-links_gg {
    background-position: 0 -466px;
}

.l-footer .social-links li .social-links_gg:hover {
    background-position: 0 -554px;
}

.l-footer .social-links li .social-links_youtube {
    background-position: 0 -488px;
}

.l-footer .social-links li .social-links_youtube:hover {
    background-position: 0 -576px;
}*/

/** End of Footer Menu CSS **/
/** Footer Bottom CSS **/
.l-footer .content--footer-bottom {
    background: #c9cfdb;
    border-top: 1px solid #e4e7ed;
    width: auto;
    padding-bottom: 10px;
}

.footer-bottom {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
}

.footer-bottom .first-logo-footer {
    margin-left: 120px;
}

.footer-bottom img {
    margin-left: 20px;
    position: relative;
    top: -2px;
}

.footer-bottom-left {
    padding: 12px 0 0 403px;
}

.footer-bottom-left p {
    margin-bottom: 4px;
    line-height: 14px;
    margin-top: 45px;
}

/*.footer-bottom-left p a {
    color: #4d4c4c;
    text-decoration: underline;
}*/

.footer-bottom-left p a:hover {
    text-decoration: none;
}

/*.footer-bottom-left p.title {
    font-size: 26.29px;
    line-height: 26.29px;
}

.footer-bottom-left p.title strong {
    font-family: 'Arial Black';
}

.footer-bottom-left span {
    display: block;
    margin-top: 5px;
}
.l-footer .content--footer-bottom {
    background: #c9cfdb;
    border-top: 1px solid #e4e7ed;
    width: auto;
    padding-bottom: 10px;
}

.footer-bottom-left p a {
    color: #4d4c4c;
    text-decoration: underline;
}

.footer-bottom-left p a:hover {
    text-decoration: none;
}

.footer-bottom-left p.title {
    font-size: 26.29px;
    line-height: 26.29px;
}

.footer-bottom-left p.title strong {
    font-family: 'Arial Black';
}

.footer-bottom-left span {
    display: block;
    margin-top: 5px;
}
*/

/** End of Footer Bottom CSS **/
/* End of Footer CSS */
/* Main Menu CSS */
.navigationHeaderWrapper {
    background-color: #000000;
    clear: both;
    height: 36px;
    margin-bottom: 29px;
}
.carousel-page .navigationHeaderWrapper {
    margin-bottom: 0px;
}
.l-navigationHeader {
    position: relative;
    z-index: 11;
    width: 960px;
    margin: 0 auto;
}
.l-navigationHeader>ul>li.is-first {
    margin-left: 11px;
}

.l-navigationHeader ul {
    margin-top: 0;
    padding-left: 0;
}
.l-navigationHeader>ul {
    height: 36px;
}
.l-navigationHeader>ul>li {
    float: left;
    height: 36px;
    position: relative;
    display: block;
    margin-right: 20px;
    line-height: 36px;
}
.l-navigationHeader>ul>li.aboutUs,
.l-navigationHeader>ul>li.help {
    float: right;
}
.l-navigationHeader>ul>li>a {
    font-size: 12px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #999999;
}
.l-navigationHeader>ul>li>a:hover,
.l-navigationHeader ul li .is-active {
    color: #ffffff;
}
.l-navigationHeader ul li a .arrow {
    display: inline-block;
    height: 4px;
    width: 7px;
    background-image: url("/i/site-logo-sprite.png?v2");
    background-repeat: no-repeat;
    background-position: -20px 0;
    overflow: hidden;
    float: right;
    margin: 16px 0 0 4px;
}
.l-navigationHeader ul li a:hover .arrow {
    background-position: -20px -10px;
}
.l-navigationHeader ul li ul {
    border: 0;
    padding: 6px 0;
    position: absolute;
    left: -6px;
    z-index: 2;
    top: 36px;
    display: none;
    background: #000000;
}
/*.l-navigationHeader ul li.float-right {
    margin-right: 0;
    padding-right: 11px;
}
.l-navigationHeader ul li.float-right ul {
    left: auto;
    right: 0;
}*/
.l-navigationHeader ul li:hover ul {
    display: block;
}
.l-navigationHeader ul li ul li {
    float: none;
    width: 100%;
    cursor: pointer;
    z-index: 10;
    height: auto;
    position: static;
    padding: 4px 10px;
    line-height: 16px;
    list-style: none;
}
.l-navigationHeader ul li ul a {
    font-size: 12px;
    color: #999999;
    display: block;
    text-decoration: none;
}
.l-navigationHeader ul li ul a:hover {
    color: #ffffff;
    text-decoration: none;
}
/* .l-navigationHeader .games i {
    width: 34px;
    height: 34px;
}

.l-navigationHeader .games .navi-icon i {
    background-position: 0 -182px;
    top: 17px;
}

.l-navigationHeader .games .navi-icon:hover i,
.l-navigationHeader ul .games a.is-active i,
.l-navigationHeader ul .games a.is-active:hover i {
    background-position: 0 -148px;
}

.no-csstransitions .l-navigationHeader .games .navi-icon i,
.l-navigationHeader ul .games a.is-active i,
.l-navigationHeader ul .games a.is-active:hover i {
    top: 20px;
}

.l-navigationHeader .achievements em {
    left: -7px;
}

.l-navigationHeader .achievements .is-active em {
    left: 0;
}

.l-navigationHeader .achievements i {
    width: 39px;
    height: 39px;
}

.l-navigationHeader .achievements .navi-icon i {
    background-position: 0 -255px;
    top: 13px;
}

.l-navigationHeader .achievements .navi-icon:hover i,
.l-navigationHeader ul .achievements a.is-active i,
.l-navigationHeader ul .achievements a.is-active:hover i {
    background-position: 0 -216px;
}

.no-csstransitions .l-navigationHeader .achievements .navi-icon i,
.l-navigationHeader ul .achievements a.is-active i,
.l-navigationHeader ul .achievements a.is-active:hover i {
    top: 17px;
}

.l-navigationHeader .competitions em {
    left: -5px;
}

.l-navigationHeader .competitions .is-active em {
    left: 0;
}

.l-navigationHeader .competitions .arrow {
    right: -20px;
}

.l-navigationHeader .competitions i {
    width: 36px;
    height: 30px;
}

.l-navigationHeader .competitions .navi-icon i {
    background-position: 0 -324px;
    top: 17px;
}

.l-navigationHeader .competitions .navi-icon:hover i,
.l-navigationHeader ul .competitions a.is-active i,
.l-navigationHeader ul .competitions a.is-active:hover i {
    background-position: 0 -294px;
}

.no-csstransitions .l-navigationHeader .competitions .navi-icon i,
.l-navigationHeader ul .competitions a.is-active i,
.l-navigationHeader ul .competitions a.is-active:hover i {
    top: 20px;
}

.l-navigationHeader .blog i {
    width: 34px;
    height: 30px;
}

.l-navigationHeader .blog .navi-icon i {
    background-position: 0 -384px;
    top: 17px;
}

.l-navigationHeader .blog .navi-icon:hover i,
.l-navigationHeader ul .blog a.is-active i,
.l-navigationHeader ul .blog a.is-active:hover i {
    background-position: 0 -354px;
}

.no-csstransitions .l-navigationHeader .blog .navi-icon i,
.l-navigationHeader ul .blog a.is-active i,
.l-navigationHeader ul .blog a.is-active:hover i {
    top: 20px;
}

.l-navigationHeader .forum i {
    width: 35px;
    height: 32px;
}

.l-navigationHeader .forum .navi-icon i {
    background-position: 0 -446px;
    top: 17px;
}

.l-navigationHeader .forum .navi-icon:hover i,
.l-navigationHeader ul .forum a.is-active i,
.l-navigationHeader ul .forum a.is-active:hover i {
    background-position: 0 -414px;
}

.no-csstransitions .l-navigationHeader .forum .navi-icon i,
.l-navigationHeader ul .forum a.is-active i,
.l-navigationHeader ul .forum a.is-active:hover i {
    top: 20px;
}

.l-navigationHeader .wiki i {
    width: 32px;
    height: 35px;
}

.l-navigationHeader .wiki .navi-icon i {
    background-position: 0 -513px;
    top: 15px;
}

.l-navigationHeader .wiki .navi-icon:hover i,
.l-navigationHeader ul .wiki a.is-active i,
.l-navigationHeader ul .wiki a.is-active:hover i {
    background-position: 0 -478px;
}

.no-csstransitions .l-navigationHeader .wiki .navi-icon i,
.l-navigationHeader ul .wiki a.is-active i,
.l-navigationHeader ul .wiki a.is-active:hover i {
    top: 20px;
}

.l-navigationHeader .news i {
    width: 35px;
    height: 35px;
}

.l-navigationHeader .news .navi-icon i {
    background-position: 0 -583px;
    top: 15px;
}

.l-navigationHeader .news .navi-icon:hover i,
.l-navigationHeader ul .news a.is-active i,
.l-navigationHeader ul .news a.is-active:hover i {
    background-position: 0 -548px;
}

.no-csstransitions .l-navigationHeader .news .navi-icon i,
.l-navigationHeader ul .news a.is-active i,
.l-navigationHeader ul .news a.is-active:hover i {
    top: 20px;
}

.l-navigationHeader .help i {
    width: 35px;
    height: 38px;
}

.l-navigationHeader .help .is-active .arrow {
    right: 5px;
}

.l-navigationHeader .help .navi-icon i {
    background-position: 0 -656px;
    top: 13px;
}

.l-navigationHeader .help .navi-icon:hover i,
.l-navigationHeader ul .help a.is-active i,
.l-navigationHeader ul .help a.is-active:hover i {
    background-position: 0 -618px;
}

.no-csstransitions .l-navigationHeader .help .navi-icon i,
.l-navigationHeader ul .help a.is-active i,
.l-navigationHeader ul .help a.is-active:hover i {
    top: 18px;
}
*/
/* End of Main Menu CSS */
/* Header CSS */
.l-header {
    position: relative;
    z-index: 100;
    background: #333333;
}
.l-header .content {
    width: 960px;
    margin: 0 auto;
    z-index: 1;
   /*position:relative;*/
  	height: 56px;
}
/** Non Logged In State **/
.l-header .btn {
    background: #444444;
    margin-right: 3px;
    color: #ffffff;
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
    padding: 20px 21px 23px 23px;
    text-decoration: none;
}
.l-header .btn:hover {
    background-color: #575757;
}
.l-header .btn--reg,
.l-header .btn--reg:hover {
    background: #ffcc00;
    margin-right: 10px;
    color: #333333;
}
.l-header .btn, .l-header .search-box input, .l-header .logged-in .welcome {
    font-size: 14px;
}
/** End of Non Logged In State **/
/** Logged In State **/
.l-header .logged-in {
    margin-right: 19px;
}
.l-header .logged-in li {
    float: left;
    position: relative;
}
.friend-request {
    border-bottom: 1px solid #cccccc;
    padding: 8px 7px 6px;
    position: relative;
}
/*.friend-request--profile {
    padding: 10px 16px 10px 8px;
}*/
.friend-request__photo {
    display: block;
}
.friend-request__content {
    margin-left: 94px;
    padding-top: 3px;
}
/*.friend-request--profile .friend-request__content {
    margin-left: 87px;
    padding-top: 22px;
}*/
.friend-request__content .username {
    font-weight: bold;
}
.friend-request__content .user-type {
    display: block;
    margin: 2px 0 14px;
    color: #0099ff;
    font-style: italic;
}
/*.friend-request__content .button {
    padding: 0 6px;
}*/
.friend-request--profile .friend-request__content .button {
    padding: 0 6px;
    margin-left: 5px;
}

/*.after-ignore {
    text-align: center;
    height: 71px;
}*/
.after-ignore p {
    font-size: 13px;
    color: #666666;
    text-align: left;
    padding-top: 14px;
    padding-bottom: 14px;
}
/*.after-ignore .button {
    position: relative;
    left: -5px;
    width: 44px;
}*/
.after-confirm .button--loading,
.after-confirm .button--loading:visited,
.after-confirm .button--loading:hover {
    cursor: default;
    background: #ffcc00;
}
.after-confirm .button {
    width: 108px;
}
.after-confirm .button--loading img {
    position: relative;
    top: -1px;
    left: -5px;
}
.l-header .logged-in .welcome {
    color: #ffcc00;
    line-height: 56px;
}
.l-header .logged-in .welcome span {
    color: #999999;
    font-weight: bold;
}
.l-header .logged-in .welcome a {
    color: #ffcc00;
    font-weight: bold;
}
.l-header .logged-in .welcome a:hover {
    text-decoration: underline;
}
.l-header .logged-in .welcome .logout {
    font-weight: normal;
}
/** End of Logged In State **/
/** Search Box **/
.l-header .search-box {
    position: relative;
    background: #ffffff;
    display: inline-block;
    margin-top: 10px;
    padding-right: 42px;
    height: 36px;
    border: 1px solid #cccccc;
}
.l-header .search-box a {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 36px;
    text-indent: -9999px;
    background-color: #ffcc00;
    /*direction: ltr;
    display: block;
    overflow: hidden;*/
}
.l-header .search-box > a > span {
    display: block;
    /* width: 20px;*/
    height: 20px;
    background: url("/i/header_footer_sprites.png") 0 -197px no-repeat;
    margin-left: 11px;
    margin-top: 9px;
}
.l-header .search-box input {
    background: none;
    border: none;
    width: 170px;
    margin: 10px 14px 0;
    color: #666666;
    /*font-family: Arial, Helvetica, sans-serif;*/
}
.l-header .search-box .auto-complete li a {
    display: block;
    position: static;
    width: auto;
    text-indent: 0;
    direction: inherit;
    color: #666;
    height: 36px;
    line-height: 36px;
    background: transparent none;
    padding-left: 8px;
}
.auto-compete-wrap {
    position: absolute;
    top: 36px;
    left: -1px;
    right: -1px;
}
.auto-compete-wrap .auto-complete {
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #fff;
    color: #666;
    max-height: 479px;
    overflow-y: auto;
}
/*.auto-compete-wrap .auto-complete-bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
    border-bottom: none;
}*/
.auto-complete li {
    border-bottom: 1px solid #ccc;
    position: relative;
    line-height: 36px;
}
.search-box .auto-complete li ul {
    border-top: 1px solid #ccc;
    width: 100%;
}
.search-box .auto-complete li li {
    position: static;
    background: #ffffff;
}
.auto-complete li img {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -14px;
}
.auto-complete .last-li {
    padding: 0;
    text-align: center;
}
.l-header .search-box .auto-compete-wrap .auto-complete-bottom li a {
    padding-left: 0;
}
.l-header .search-box .auto-complete li a:hover {
    background-color: #fff4c7;
    text-decoration: none;
}
/*.l-header .search-box .auto-complete li .go-searchs {
    padding: 0;
    display: block;
    position: static;
    width: auto;
    text-indent: 0;
    direction: inherit;
    color: #666;
    height: 36px;
    line-height: 36px;
    background: transparent none;
}
.l-header .search-box .go-searchs strong {
    background: url("/i/auto-complete-arrow.png") right center no-repeat;
    display: inline-block;
    padding-right: 11px;
    position: static;
    width: auto;
    height: auto;
    text-indent: 0;
    direction: inherit;
    color: #333;
}
*/
.l-header .search-box .link-user {
    background: transparent none;
    display: inline;
    padding: 0;
    position: static;
    text-indent: 0;
    direction: inherit;
    color: #333;
}
.l-header .search-box .search-result__group {
    background: #f5f5f5;
}
.l-header .search-box .search-result__icon {
    float: left;
    height: 37px;
    margin: 0 6px;
}
.l-header .search-box .search-result__group-count {
    width: 30px;
    float: right;
}
/** End of Search Box **/
/** Socail Links **/
.l-header .social-links {
    margin: 0;
    list-style: none;
}
.l-header .social-links li {
    float: left;
    padding: 18px 13px 16px 13px;
}
.l-header .social-links li a {
    display: block;
    width: 18px;
    height: 23px;
    direction: ltr;
    text-indent: -9999px;
    overflow: hidden;
    margin-top: 2px;
}
.l-header .social-links li a span {
    display: block;
    height: 18px;
    background: url("/i/header_footer_sprites.png");
    background-repeat: no-repeat;
}
.l-header .social-links li .social-links_fb {
    background-position: 0 -75px;
    width: 8px;
    margin-left: 5px;
}
.l-header .social-links li .social-links_fb:hover {
    background-position: 0 -57px;
}
.l-header .social-links li .social-links_tw {
    background-position: 0 -93px;
    height: 13px;
    margin-top: 3px;
}
.l-header .social-links li .social-links_tw:hover {
    background-position: 0 -106px;
}
.l-header .social-links li .social-links_plus {
    background-position: 0 -119px;
    height: 16px;
    margin-top: 1px;
    width: 11px;
    margin-left: 4px;
}
.l-header .social-links li .social-links_plus:hover {
    background-position: 0 -135px;
}
.l-header .social-links li .social-links_yt {
    background-position: 0 -151px;
    height: 23px;
    margin-top: 0;
}
.l-header .social-links li .social-links_yt:hover {
    background-position: 0 -174px;
}
.l-header .content .social-links .social-links_fb,
.l-header .content .social-links .social-links_tw,
.l-header .content .social-links .social-links_gg,
.l-header .content .social-links .social-links_youtube {
    background: url("/i/new-social-links-icon.png");
    background-repeat: no-repeat;
    display: block;
    direction: ltr;
    text-indent: -9999px;
    overflow: hidden;
}
.l-header .content .social-links .social-links_fb {
    width: 11px;
    height: 22px;
    margin: 0 4px 0 8px;
}
.l-header .content .social-links .social-links_tw {
    width: 23px;
    height: 20px;
    margin-top: 0;
}
.l-header .content .social-links .social-links_gg {
    width: 23px;
    height: 21px;
    margin-top: 0;
}
.l-header .content .social-links .social-links_youtube {
    width: 23px;
    height: 22px;
    margin-top: 0;
}
.l-header .content .social-links li .social-links_fb {
    background-position: center top;
}
.l-header .content .social-links li .social-links_fb:hover {
    background-position: center -22px;
}
.l-header .content .social-links .js-current .social-links_fb,
.l-header .content .social-links .js-current .social-links_fb:hover {
    background-position: center -44px;
}
.l-header .content .social-links li .social-links_tw {
    background-position: center -66px;
}
.l-header .content .social-links li .social-links_tw:hover {
    background-position: center -86px;
}
.l-header .content .social-links .js-current .social-links_tw,
.l-header .content .social-links .js-current .social-links_tw:hover {
    background-position: center -106px;
}
.l-header .content .social-links li .social-links_gg {
    background-position: center -126px;
}
.l-header .content .social-links li .social-links_gg:hover {
    background-position: center -147px;
}
.l-header .content .social-links .js-current .social-links_gg,
.l-header .content .social-links .js-current .social-links_gg:hover {
    background-position: center -168px;
}
.l-header .content .social-links li .social-links_youtube {
    background-position: center -189px;
}
.l-header .content .social-links li .social-links_youtube:hover {
    background-position: center -211px;
}
.l-header .content .social-links .js-current .social-links_youtube,
.l-header .content .social-links .js-current .social-links_youtube:hover {
    background-position: center -233px;
}
.l-header .content .social-links .js-current {
    background: #444;
    padding: 18px 13px 0 13px;
    min-height: 38px;
    margin: 0;
    cursor: pointer;
}
/** End of Socail Links **/
/** Social Links Content **/
.social-links_content {
    background: #f1f1f1;
    min-height: 144px;
}
.social-links_content .l-mainContent {
    padding-bottom: 0;
    margin-bottom: 0;
}
.social-links_content a:hover {
    cursor: pointer;
}
.social-links_content .social__left {
    padding: 26px 8px 0 3px;
}
.social-links_content .logo-vg-thumb {
    width: 94px;
    height: 94px;
}
.social-links_content .logo-vg-thumb a {
    background: #fff;
    padding: 13px 8px 19px 9px;
    display: inline-block;
}
.social-links_content .info-module {
    padding-left: 15px;
}
.social-links_content .info-module h2 {
    line-height: 15px;
    padding: 0;
    margin: 0;
}
/*.social-links_content .info-module .text-box {
    vertical-align: top;
    display: inline-block;
}*/
.social-links_content img {
    border: 0;
}
.social-links_content .blue-btn,
.social-links_content .blue-btn span,
.social-links_content .like-btn,
.social-links_content .like-btn span,
.social-links_content .white-btn,
.social-links_content .white-btn span,
.social-links_content .red-btn,
.social-links_content .red-btn span,
.social-links_content .gray-btn,
.social-links_content .gray-btn span {
    display: inline-block;
}
/*.social-links_content .like-btn .tl,*/
.social-links_content .red-btn .tl,
.social-links_content .gray-btn .tl {
    top: 0;
    left: 0;
}
/*.social-links_content .like-btn .tr,*/
.social-links_content .red-btn .tr,
.social-links_content .gray-btn .tr {
    top: 0;
    right: 0;
}
/*.social-links_content .like-btn .bl,*/
.social-links_content .red-btn .bl,
.social-links_content .gray-btn .bl {
    bottom: 0;
    left: 0;
}
/*.social-links_content .like-btn .br,*/
.social-links_content .red-btn .br,
.social-links_content .gray-btn .br {
    bottom: 0;
    right: 0;
}
.social-links_content .blue-btn {
    background: #5573a9;
    border: 1px solid #11316c;
    margin-top: 10px;
}
.social-links_content .blue-btn:hover {
    text-decoration: none;
    background: #4b6698;
}
.social-links_content .blue-btn span {
    color: #fff;
    font-weight: bold;
    text-align: center;
    height: 28px;
    line-height: 27px;
}
.social-links_content .blue-btn .spacing {
    padding-top: 1px;
    border-top: 1px solid #889dc3;
}
.social-links_content .blue-btn .fb-icon {
    padding-left: 21px;
    background: url("/i/social-fb-white-icon.png") no-repeat 11px 6px;
}
/*.social-links_content .like-btn {
    color: #3c5897;
    background: #ebeef5;
    position: relative;
    height: 23px;
}

.social-links_content .like-btn:hover {
    text-decoration: none;
    background: #e1e6ee;
}

.social-links_content .like-btn .like-icon {
    background: url("/i/social-fb-like-icon.gif") no-repeat 6px 4px;
    padding: 1px 6px 0 22px;
    border: 1px solid #c9d5e5;
    line-height: 20px;
}

.social-links_content .like-btn .corner {
    background: url("/i/social-fb-like-btn-corner.gif") no-repeat;
    width: 4px;
    height: 4px;
    line-height: 0;
    position: absolute;
    z-index: 2;
}

.social-links_content .like-btn .tl {
    background-position: 0 0;
}

.social-links_content .like-btn .tr {
    background-position: -4px 0;
}

.social-links_content .like-btn .bl {
    background-position: 0 -4px;
}

.social-links_content .like-btn .br {
    background-position: -4px -4px;
}

.social-links_content .white-btn,
.social-links_content .white-btn span {
    background: url("/i/social-white-btn.gif");
}

.social-links_content .white-btn {
    font-weight: bold;
    color: #333;
    background-position: 0 -33px;
    background-repeat: repeat-x;
    min-height: 32px;
    line-height: 30px;
    padding: 0 24px 0 23px;
    position: relative;
}

.social-links_content .white-btn:hover {
    text-decoration: none;
    background-position: 0 -65px;
}

.social-links_content .white-btn .left-corner,
.social-links_content .white-btn .right-corner {
    background-repeat: no-repeat;
    width: 4px;
    height: 32px;
    position: absolute;
    top: 0;
    z-index: 2;
}

.social-links_content .white-btn .left-corner {
    background-position: 0 0;
    left: 0;
}

.social-links_content .white-btn .right-corner {
    background-position: right -97px;
    right: 0;
}
*/
.social-links_content .red-btn {
    color: #fff;
    text-align: center;
    background: #d73d32;
    position: relative;
    height: 30px;
    line-height: 30px;
}
.social-links_content .red-btn:hover {
    text-decoration: none;
    background: #c33329;
}
.social-links_content .red-btn .corner {
    background: url("/i/social-gg-red-corner.gif") no-repeat;
    width: 3px;
    height: 3px;
    line-height: 0;
    position: absolute;
    z-index: 2;
}
.social-links_content .red-btn .tl {
    background-position: 0 0;
}
.social-links_content .red-btn .tr {
    background-position: -3px 0;
}
.social-links_content .red-btn .bl {
    background-position: 0 -3px;
}
.social-links_content .red-btn .br {
    background-position: -3px -3px;
}
.social-links_content .gray-btn {
    color: #333;
    font-weight: bold;
    background: url("/i/social-tw-gray-btn-bg.png") repeat-x 0 0;
    position: relative;
    height: 30px;
}
.social-links_content .gray-btn .spacing {
    background: url("/i/social-tw-blue-icon.gif") no-repeat 12px 8px;
    border: 1px solid #cecece;
    line-height: 28px;
    padding-left: 34px;
}
.social-links_content .gray-btn:hover {
    text-decoration: none;
    background-position: 0 bottom;
}
.social-links_content .gray-btn .corner {
    background: url("/i/social-tw-gray-btn-corner.gif") no-repeat;
    width: 4px;
    height: 4px;
    line-height: 0;
    position: absolute;
    z-index: 2;
}
.social-links_content .gray-btn .tl {
    background-position: 0 0;
}
.social-links_content .gray-btn .tr {
    background-position: -4px 0;
}
.social-links_content .gray-btn .bl {
    background-position: 0 -4px;
}
.social-links_content .gray-btn .br {
    background-position: -4px -4px;
}
.social-links_fb__content {
    border-top: 4px solid #5573a9;
}
.social-links_fb__content .info-module H2 {
    color: #3b5998;
}
.social-links_fb__content .info-module H2,
.social-links_tw__content .info-module H2 {
    margin-bottom: 5px;
}
/* Fix Bug CSFV-3714
.social-links_fb__content .fb_iframe_widget,
.social-links_fb__content .fb_iframe_widget iframe {
    height: 25px !important;
}
*/

/*.social-links_fb__content .info-module p {
    color: #333;
    line-height: 23px;
    padding: 13px 0 12px 0;
}*/
.social-links_fb__content .info-module .blue-btn .fb-icon {
    width: 114px;
}
/*.social-links_fb__content .info-module .text-box {
    padding-left: 9px;
}*/
.social-links_fb__content .social__right {
    width: 540px;
    padding-top: 17px;
}
.social-links_fb__content .social__right .picture-link {
    background: #dadada;
    margin: 0 4px 10px 6px;
    width: 50px;
    height: 50px;
}
/*.social-links_fb__content .social__right .post__box {
    height: 32px;
    padding-right: 4px;
    padding-left: 6px;
    position: relative;
}

.social-links_fb__content .social__right .post__box input {
    color: #777;
    width: 454px;
    height: 28px;
    line-height: 28px;
}

.social-links_fb__content .social__right .post__box .input-spacing {
    padding-left: 10px;
    border: 1px solid #b4bbcd;
    border-right: 0;
}

*+html .social-links_fb__content .social__right .post__box .blue-btn {
    top: 1px;
}

.social-links_fb__content .social__right .post__box .blue-btn {
    position: absolute;
    top: 0;
    right: 4px;
}

.social-links_fb__content .social__right .post__box .blue-btn .spacing {
    width: 63px;
}
*/
.social-links_tw__content {
    border-top: 4px solid #00afef;
}
.social-links_tw__content .info-module H2 {
    color: #333;
}
/*.social-links_tw__content .info-module p {
    color: #333;
    line-height: 30px;
    padding: 13px 0 10px 0;
}*/
.social-links_tw__content .info-module .follow {
    line-height: 30px;
    margin-bottom: 10px;
}
/*.social-links_tw__content .info-module .text-box {
    padding-left: 9px;
}

.social-links_tw__content .info-module p .gray-btn .tw-icon {
    width: 50px;
}
*/
.social-links_tw__content .info-module .gray-btn .tw-icon {
    width: 111px;
}
.social-links_tw__content .social__right {
    width: 540px;
    padding-top: 17px;
}
.social-links_tw__content .social__right .picture-link {
    background: #dadada;
    margin: 0 4px 10px 6px;
    width: 50px;
    height: 50px;
}
.social-links_tw__content .social__right .picture-link img {
    width: 50px;
    height: 50px;
}
.social-links_gg__content {
    border-top: 4px solid #d73d32;
}
.social-links_gg__content .info-module h2 {
    color: #333;
}
/*.social-links_gg__content .info-module p {
    color: #333;
    line-height: 30px;
    padding: 13px 0 9px 0;
}
*/
.social-links_gg__content .info-module .gg-follow-button {
    line-height: 30px;
    padding: 13px 0 9px 0;
    width: 100%;
}
/*.social-links_gg__content .info-module .gg-follow-button .g-follow {
    width: 100%;
}

.social-links_gg__content .info-module .text-box {
    padding-left: 9px;
}
*/
.social-links_gg__content .info-module .red-btn {
    width: 208px;
    text-decoration: none;
}
.social-links_gg__content .social__right {
    width: 540px;
    padding-top: 17px;
}
/*.social-links_gg__content .social__right .text__box {
    color: #666;
    line-height: 15px;
    overflow: hidden;
    padding: 0 4px 7px 6px;
}
*/
.social-links_content  .l-mainContent {
    display: none;
}
.social-links_content  .l-mainContent.loader {
    display: block;
}
.social-links_content.is-loaded  .l-mainContent {
    display: block;
    margin-top : 0;
}
.social-links_content.is-loaded  .l-mainContent.loader {
    display: none;
}
.social-links_loader__content {
    padding-top: 30px;
    height: 80px;
    min-height: 0;
}
.social-links_content .loader img{
    display: block;
    margin: 0 auto;
    padding-top: 30px;
}
.social-links_gg__content .social__right .picture-link {
    background: #dadada;
    margin: 0 4px 10px 6px;
    width: 50px;
    height: 50px;
}

.social-links_gg__content .social__right .btn__box {
    padding-right: 4px;
}

.social-links_gg__content .social__right .btn__box .red-btn {
    width: 110px;
}

.social-links_youtube__content {
    border-top: 4px solid #ae1500;
}
.social-links_youtube__content .info-module H2 {
    color: #333;
}
.social-links_youtube__content .info-module p {
    color: #333;
    line-height: 22px;
    padding: 6px 0 9px 0;
    margin: 0;
}
/*.social-links_youtube__content .info-module .white-btn {
    text-align: center;
    width: 88px;
    padding: 0;
}*/
.social-links_youtube__content .photo-carousel {
    width: 548px;
    padding-top: 10px;
}

.social-links_youtube__content .photo-carousel li {
    margin-right: 20px;
    overflow: hidden;
}

.social-links_youtube__content .photo-carousel .photo-link {
    display: block;
}

.social-links_youtube__content .photo-carousel li p {
    color: #666;
    line-height: 15px;
    padding: 8px 0 0 0;
    white-space: nowrap;
    margin: 0;
}

.social-links_youtube__content .photo-carousel li p strong {
    display: block;
}

.social-links_youtube__content .photo-carousel li p a {
    color: #666;
    white-space: nowrap;
    text-decoration: none;
}

.social-links_youtube__content .photo-carousel li p a:hover {
    text-decoration: underline;
}

.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-container {
    position: relative;
}

.social-links_youtube__content .jcarousel-clip {
    overflow: hidden;
}

.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-container-horizontal,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-clip-horizontal,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-list-horizontal {
    width: 523px;
    height: 127px;
}

.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-item {
    width: 161px;
    height: 127px;
}

.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-prev-horizontal,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-next-horizontal,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-prev-vertical,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-next-vertical {
    position: absolute;
    z-index: 5;
    background: url("/i/photo-carousel-arrow.gif") no-repeat;
    width: 11px;
    height: 20px;
    bottom: 71px;
    cursor: pointer;
}

.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-prev-horizontal,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-prev-vertical {
    background-position: 0 -20px;
    left: -21px;
}

.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-next-horizontal,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-next-vertical {
    background-position: right -60px;
    right: -21px;
}

.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-prev-disabled-horizontal,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-prev-disabled-horizontal:hover,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-next-disabled-horizontal,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-next-disabled-horizontal:hover,
.social-links_youtube__content .jcarousel-skin-widgets .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -40px;
}

.social-links_fb__content .fb_edge_widget_with_comment {
    display: block;
    padding: 13px 0 12px 0;
}

.social-links_fb__content .stButton {
    z-index: auto!important;
}

.st_facebook_large .stLarge,.st_googleplus_large .stLarge,.st_twitter_large .stLarge {
    background: none!important;
    width: auto!important;
    height: 28px!important;
    line-height: 28px;
}

.st_facebook_large img,.st_twitter_large img {
    display: none;
}

.social-links_gg__content .st_googleplus_large {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.social-links_gg__content .st_googleplus_large .stButton {
    width: 100%;
    height: 30px;
}

.logo-vg-thumb a img {
    max-width: 77px;
    max-height: 64px;
}

.social-links_youtube__content .jcarousel-skin-widgets img {
    height: 90px;
    width: 161px;
}

.social-links_youtube__content .info-module {
    width: 270px;
}

.social-links_youtube__content .photo-carousel img {
    height: 90px;
    width: 161px;
}

.social-links_youtube__content .photo-carousel li p {
    width: 161px;
}
/** End of Socail Links Content **/
/** Site Switch **/
.siteSwitch {
    position: relative;
    width: 124px;
    height: 56px;
    background: #000000;
}
.site-logo-current, .down-arrow i, .site-list li a {
    background-image: url("/i/site-logo-sprite.png?v2");
    background-repeat: no-repeat;
}
.site-logo-current, .down-arrow {
    width: 124px;
    height: 0;
    padding: 56px 0 0 0;
    overflow: hidden;
    display: block;
}
.down-arrow {
    margin-top: -114px;
}
.site-logo-current--veri {
    background-position: -130px -60px;
}
.site-logo-current--circuitboat {
    background-position: -130px -120px;
}
.site-logo-current--ghostmap {
    background-position: -130px -180px;
}
.site-logo-current--pipejam {
    background-position: -130px -240px;
}
.site-logo-current--stormbound {
    background-position: -130px -300px;
}
.site-logo-current--XYLEM {
    background-position: -130px -360px;
}
.site-logo-veri {
    background-position: 0 -60px;
}
.site-logo-circuitboat {
    background-position: 0 -120px;
}
.site-logo-ghostmap {
    background-position: 0 -180px;
}
.site-logo-pipejam {
    background-position: 0 -240px;
}
.site-logo-stormbound {
    background-position: 0 -300px;
}
.site-logo-XYLEM {
    background-position: 0 -360px;
}
.site-logo-paradox {
    background-position: 0 -420px;
}
.site-logo-binaryfission {
    background-position: 0 -480px;
}
.site-logo-dynamakr {
    background-position: 0 -540px;
}
.site-logo-hyperspace {
    background-position: 0 -600px;
}
.site-logo-monsterproof {
    background-position: 0 -660px;
}
.down-arrow i {
    display: block;
    width: 15px;
    height: 15px;
    background-position: 0 0;
    position: absolute;
    top: 21px;
    right: 5px;
}
.down-arrow:hover i {
    background-position: 0 -15px;
}
.siteSwitch ul.site-list {
    display: none;
    width: 124px;
    position: absolute;
    top: 56px;
    overflow: hidden;
    background-color: #000000;
}
.show-sites ul.site-list {
    display: block;
}
.siteSwitch ul.site-list li {
    display: block;
    width: 124px;
    height: 50px;
}
.siteSwitch ul.site-list li a {
    display: block;
    width: 124px;
    height: 0;
    padding: 50px 0 0 0;
    overflow: hidden;
}
.siteSwitch ul.site-list li a:hover {
    background-color: #333333;
}
/** End of Site Switch **/

.footer-subscribe-newsletter{
    background-color: #333333;
    height: 58px;
    position: relative;
}
.footer-subscribe-newsletter .inner{
    width: 864px;
    margin: 0 auto;
}
.footer-subscribe-newsletter .description{
    color: #fccb37;
    margin-top: 22px;
    font-size: 13px;
}
.footer-subscribe-newsletter .email-input{
    margin-top: 15px;

}
.footer-subscribe-newsletter .email-input input{
    border: 1px solid #e7e7e7;
    border-right-width: 0;
    color: #666666;
    font: 14px/18px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 6px 9px 7px 11px;
    display: block;
    width: 253px;
    height: 15px;
    font-size: 12px;
}
.footer-subscribe-newsletter .email-input a{
    height: 20px;
    padding: 5px 7px;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    background-color: #fccb37;
    width: 68px;
    line-height: 20px;
}
/* End of Header CSS *


/* .box-v */
.box-v{
    border:1px solid #dfdfdf;
    margin-bottom:35px;
}
.box-v .h3{
    padding:0 15px;
    line-height:45px;
    background:#339900;
    color:#fff;
    text-transform:uppercase;
    position:relative;
    font-weight:bold;
}
.box-v .h3 span{
    position:absolute;
    right:8px;
    font-weight:normal;
    text-transform:none;
}
.box-v .h3 em{
    color:#ffcd00;
    font-style:normal;
}
.box-v .content{
    height:570px;
    overflow:auto;
    line-height:20px;
    color:#333;
}
.box-v .more{
    line-height:36px;
    text-align:center;
    border-top:1px solid #eee;
    font-size:12px;
}
.box-v .item{
    border-top:1px solid #eee;
    padding:15px;
}
.box-v .even{
    background:#f5f5f5;
}
.box-v .item-first{
    border-top:0;
}
.box-v__box{
    overflow:hidden;
}
.avatar-v{
    height:46px;
    width:46px;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.hide-container {
    visibility: collapse;
}

[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}

/*======================================
  Selectric v1.9.3
======================================*/
.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    background: url("/i/select-left.png") left top no-repeat;
    height: 29px;
    position: relative;
}
.selectric .label {
    display: block;
    text-overflow: ellipsis;
    padding: 0 12px;
    color: #666666;
    white-space: nowrap;
    line-height: 29px;
    overflow: hidden;
    cursor: pointer;
    font-size: 14px;
}
.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: url("/i/blogs_sprites.png") 0 -147px no-repeat;
    width: 25px;
    height: 29px;
    text-indent: -1000px;
    overflow: hidden;
}

.selectric-open {
    z-index: 9999;
}
.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}
.selectric-hide-select select {
    position: absolute;
    left: -100%;
    display: none;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    z-index: -1;
}
.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}
.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}
.selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1;
}
.selectric-items li {
    display: block;
    padding: 7px 12px;
    color: #666666;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
.selectric-items li.selected {
    background: #333333;
    color: #ffffff;
}
.selectric-default .selectric-items li.selected{
    background: #e7e7e7;
    color: #333333;
}
.selectric-items li:hover {
    background: #fff4c7;
    color: #666;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
.selectric-default .selectric-items li:hover {
    background: #333333;
    color: #ffffff;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
}
.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444;
}
.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}
.selectric-items .selectric-group li {
    padding-left: 25px;
}


.event-breadcrumb{
    margin: 0 0 33px 0;
}
.event-breadcrumb ul{
    list-style: none;
}
.event-breadcrumb ul li{
    float: left;
    margin: 0 12px 0 0;
}
.event-breadcrumb ul li a{
    font-size: 14px;
    color: #0099ff;
}
.event-breadcrumb ul li a.active{
    color: #333333;
}
.event-breadcrumb ul li a .arrow-left{
    color: #333333;
    margin: 0 0 0 10px;
    width:4px;
    height:14px;
    display:block;
    background:url("/i/v/arrow-breadcrumb.png") left center no-repeat;
}


/* event banner popup */

.event-banner-popup {
    position: absolute;
    right: -110px;
    width: 322px;
    background-color: rgba(54, 52, 51, .98);
    box-shadow: 0px 0px 5px 0px rgba(31, 28, 22, 0.75);
    color: #fff;
    overflow: hidden;
    font-family: BebasRegular;
}

.event-banner-popup a {
    color: #fff;
    font-family: BebasRegular;
}

.event-banner-popup .p-container {
    padding: 0 20px;
}

.event-banner-popup .p-header-bar {
    height: 11px;
    position: relative;
    z-index: 10;
}

.event-banner-popup .p-header-bar .p-close {
    position: absolute;
    right: 0;
    width: 49px;
    height: 45px;
    font-size: 13px;
    text-align: center;
    line-height: 45px;
}

.event-banner-popup .p-main-heading .p-tag {
    font-size: 20px;
    line-height: 24px;
    display :inline-block;
    width: 120px;
    margin-top: 24px;
    word-spacing: 4px;
}

.event-banner-popup .p-timeline {
    margin-top: 5px;
    text-align: center;
}

.event-banner-popup .p-timeline .timeline-bar {
    height: 34px;
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    font-family: Arial, Helvetica, sans-serif;
}

.event-banner-popup .p-main-content h3 {
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    font-weight: 400;
    margin: 20px 0;
    word-spacing: 4px;
}

.event-banner-popup .p-main-content p {
    font-size: 14px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

.event-banner-popup .learn-more {
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #016386;
    font-size: 20px;
    display: block;
    margin-top: 34px;
    word-spacing: 4px;
}
/* binary fission popup */
#popup-binary-fission .p-header-bar {
    background-color: #f79751;
}

#popup-binary-fission .p-header-bar .p-close {
    background: url("/i/bg-close1.png") no-repeat 0 0;
}

#popup-binary-fusion .p-main-heading {
    position: relative;
}

#popup-binary-fission .p-main-heading .bg-icon {
    position: absolute;
    width: 234px;
    height: 145px;
    background: url("/i/fission-bg-icon.png") no-repeat 0 0;
    right: -20px;
    top: -40px;
}

#popup-binary-fission .p-main-heading .p-logo {
    margin-top: 13px;
    margin-right: 13px;
    cursor: pointer;
    height : 68px;
}

#popup-binary-fission .p-main-heading .p-container {
    padding-left: 12px;
}

#popup-binary-fission .p-timeline h2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 60px;
    word-spacing: 4px;
}

#popup-binary-fission .p-timeline .timeline-bar {
    background-color: #f79751;
    color: #1e2727;
}

/* monster proof popup */

#popup-monster-proof .p-header-bar {
    background-color: #009b2b;
}

    #popup-monster-proof .p-header-bar .p-close {
        background: url("/i/bg-close2.png") no-repeat 0 0;
    }

    #popup-monster-proof .p-main-heading .p-logo {
        margin-top: 20px;
        cursor: pointer;
    }

    #popup-monster-proof .p-timeline h2 {
        font-size: 16px;
        font-weight: 400;
        line-height: 50px;
        word-spacing: 4px;
    }

    #popup-monster-proof .p-timeline .timeline-bar {
        background-color: #009325;
        color: #fff;
    }



.popup-container{

    width: 355px;
    height: 205px;
    background: transparent;
    z-index: 101;
    position: absolute;
}
.header-userinfo-popup{
    top: 36px;
    left: 864px;
}
.firend-triangle {
    left: -9px;
    top: 11px;
    width: 9px;
    height: 18px;
    position: absolute;
    display: block;
    z-index: 2;
}

.username__info .firend-triangle{
    background :  url("/i/textarea-arrow-left.png") 0 0 no-repeat;
    background-size: 90%;
}
.username__info {
    background-color: #fff;
    display: none;
    position: absolute;
    z-index: 101;
}
.username__info.header-username{
    background:white !important;
}
.popup-content{
    text-align: center;
    height: 44px;
    padding: 0px 0px;
    margin: 6px 0px 0 0;
}

.badge-container .arrow,
.arrow{
    background-image: url("/i/textarea-arrow.png");
    height: 10px;
    background-repeat: no-repeat;
    background-position: -13px 0;
    margin-left: 25px;
    background-size: 26px;
    position: relative;
    margin-bottom: -10px;
    z-index: 10;
    margin-top: -9px;
}

.new-thread.popup-container .arrow{
    height: 16px;
}
.userinfo-container{
    display: inline;
}
.username__info ul,
.username__info ul li {
    margin: 0;
    padding: 0;
}
.username__info li {
    list-style: none;
}
.show-sites .popup-container{
    display: block;
    position: absolute;
}

.block1{
    padding: 12px;
    height: 90px;
    background-color:white;
}

.block2{
    padding: 2px  12px 12px 12px;
    height: 80px;
    background-color: #f2f2f2;
}
.block2 ul li{
    line-height: 2;
    margin: 0 5px;
    color:#0099ff;
    float: left;
}
.block1 img{
    float: left;
    margin-right: 2px;
    line-height: 3;
    margin-top: 3px;
    padding: 0;
}
.block1 li.name{
    display: block;
    width: 100%;
    text-align: left;
    padding: 0px 16px;
    font-size: 10px;
    line-height: 1.5;
    float: left;
    font-stretch: ultra-condensed;
    font-size: 16px;
    color: black;
    font-weight: bold;
}
.block1 ul{
    float: left;
    width: 200px;
}

.block2 li p{
    font-size: 11px;
    line-height: 24px;
    padding: 0;
    margin: 0;
}
.block2 ul li div{
    background: white;
    font-size: 9px;
    padding: 6px 0 0px 0;
    width: 54px;
    margin: 0;
}
.block1 li.button,
.block1 li .button{
    display: block;
    width: auto;
    margin: 0px 0px 10px 19px;
    text-align: left;
    padding: 5px 5px 0 5px;
    float: left;
    line-height: 17px;
    font-size: 12px;
    height: 20px;
    font-stretch: condensed;
    font-weight: bold;
}
.block2 ul li div img{
     max-height: 50px;
     height: 50px;
 }

.block2 ul li div p{
    color:black;
}

.badge-container li{
    float: left;
    padding-left: 3px;
}

.new-thread {
    display: none;
    position: absolute;
    top: 165px;
    left: -4px;
    width: 180px;
    height: 52px;
}
.new-thread .block1{
    width: 155px;
    height: 25px !important;
}
.new-thread .block1  ul{
    width: 110px;
    margin: 0 7px;
}
.new-thread .block1 li{
    font-size: 13px;
    line-height: 14px;
    width: 100%;
    text-align: left;
}
.new-thread .popup-content{
    margin : 0px !important;
    border-width : 0px;
    background: white;
    height:52px;
}
.new-thread .arrow{
    margin-top: -5px;
}
.asset-1 .new-thread{
    left:9px;
}
.asset-2 .new-thread{
    left:26px;
}
.asset-3 .new-thread{
    left:43px;
}
.asset-4 .new-thread{
    left:59px;
}
.blue-color{
    color:#0099ff;
}
.new-thread ,.asset-ghostmap .new-thread{
    width:120px;
}
.new-thread .block1 , .asset-ghostmap .new-thread .block1{
    width: 110px;
    margin: 0px;
    padding: 13px 0px 11px 8px;
}
.new-thread .block1 ul, .asset-ghostmap  .new-thread .block1 ul {
    width: 67px;
    margin: 0 7px;
}

.badge-container .logo{
    background-image : url("/assets/badges-small-sprite.png") ;
    background-position: -2px 0px;
    width: 13px;
    height: 20px;
}
.asset-stormbound .logo{
    background-position: -3px -58px;
}
.asset-ghostmap .logo{
    background-position: -5px -18px;
}
.asset-circuitbot .logo{
    background-position: -4px -40px;
}
.asset-flowjam .logo{
    background-position: -4px -77px;
}
.badge-xylem img{
    background-image: url("/assets/badge-xylem.png");
    width: 29px;
    height: 29px;
}
.badge-ghostmap img{
    background-image: url("/assets/badge-ghostmap.png");
    width: 24px !important;
    height: 29px !important;
}
.badge-stormbound img{
    background-image: url("/assets/badge-stormbound.png");
    width: 30px;
    height: 31px;
}
.badge-circuitbot img{
    background-image: url("/assets/badge-circuitbot.png");
    width: 29px;
    height: 29px;
}
.badge-flowjam img{
    background-image: url("/assets/badge-flowjam.png");
    width: 29px;
    height: 32px;
}
.badge-medium{
    width: 25px !important;
    height: 25px !important;
    background-size: 100% 100%;
}
.badge-flowjam p ,.badge-stormbound p {
    line-height: 21px !important;
}
.badge-stormbound .badge-medium{
    height: 26px !important;
}
.add-friend-photo{
    background-image: url("/i/add-friend-photo.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 32px;
}
.message-icon{
    background-image: url("/i/message-icon.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 32px;
}
.popup-container.left {
    left: -247px;
}
.popup-container.left .arrow {
    margin-left: 318px;
}

/*.username__info::after {*/
/*content: '';*/
/*position: absolute;*/
/*border-style: solid;*/
/*display: block;*/
/*width: 10px;*/
/*height:0;*/
/*}*/
.username__info.header-username::after{
    display: none !important;
}
.username__info .firend-triangle {
    display:none;
}

.username__info.left-arrow::after {
    top: 12px;
    left: -19px;
    border-color: transparent  #ffffff;
    border-width: 10px 10px 10px 0;
}

.username__info.right-arrow::after {
    top: 12px;
    right: -19px;
    border-color: transparent  #ffffff;
    border-width: 10px 0 10px 10px;
}

.username__info.bottom-arrow::after {
    border-color: transparent  #ffffff;
    top: 190px;
}

.box--forum-page.fix-z-index {
    z-index: 2;
}
.badge-container {
    list-style: none;
}
/* Miscellaneous CSS */
.box--login, .box--recovery {
    margin-top: 28px;
}

.box--login .box__title {
    padding-left: 7px;
}

.box--login .box__title strong {
    background: url("/i/login-icon.png") left 5px no-repeat;
    padding-left: 33px;
}

.box--login .login, .box--recovery .recovery {
    width: 532px;
    margin: 0 auto;
}

.box--recovery .box__title {
    background: #333 url("/i/recovery-box-icon.png") 7px center no-repeat;
    padding-left: 36px;
}

.box--login .login, .box--recovery .recovery {
    padding: 52px 0 117px;
}

.login table, .recovery table {
    width: 100%;
}

.login table td, .recovery table td {
    padding: 0 16px 5px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
}

.login table .pwd td {
    padding-bottom: 11px;
}

.login table .remember td {
    padding-bottom: 19px;
}

.login table td label,
.recovery table td label {
    display: block;
    width: 150px;
    color: #333333;
    font-weight: bold;
}

.login table td .cb-label {
    display: inline-block;
    width: auto;
    color: #666666;
    font-weight: normal;
}

.login table td .sn-label {
    display: inline-block;
    width: auto;
    color: #666666;
    font-weight: normal;
}

.login__forgot {
    margin-top: 4px;
    font-weight: bold;
}

.login .text, .recovery .text {
    width: 286px;
}

.login table td .button {
    width: 79px;
    margin-right: 10px;
}

.login table td .reset-pass-button {
    width: 130px;
}

.login table td .social {
    float: right;
    display: block;
    background-color: #666666;
    width: 34px;
    height: 30px;
    direction: ltr;
    text-indent: -9999px;
    overflow: hidden;
}

.login table td .fb {
    background-position: left -2px;
}

.login table td .tw {
    background-position: left -36px;
    margin: 0 12px;
}

.login table td .plus {
    background-position: left -70px;
    margin-right: 2px;
}

.login table td .google {
    background-position: left -104px;
    margin-right: 2px;
}

.login table td .social:hover {
    background-color: #333333;
}

.recovery .button {
    width: 70px;
    margin-top: 6px;
}

.login__register {
    border-top: 1px solid #cccccc;
    margin-top: 44px;
    padding: 22px 22px 0 0;
    color: #333333;
    font-weight: bold;
    text-align: right;
}

.login__register a {
    display: inline-block;
    margin-left: 15px;
}
.login .is-register-error {
    width: 430px;
}

.login .is-register-error {
    padding-bottom: 10px;
}

.login .is-register-error label {
    top: 13px;
}

.login .is-register-error span {
    padding-top: 3px;
    padding-bottom: 0;
}

.box--permission-login {
    margin-bottom: 500px;
    background: #ffdfdf;
}

.box--permission-login p {
    text-align: center;
    padding: 24px 0;
    color: #333333;
}

.box--permission-login p strong {
    padding-bottom: 10px;
    display: block;
}

.box--permission-login-no-error {
    background: #fff;
}
.privacy-content {
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    line-height: 15px;
}

.privacy-content h2 {
    font-size: 1.5em;
}

.privacy-content p {
    margin: 12px 0;
}
.hide {
    display: none;
}

.button {
    display: inline-block;
    background: #ffcc00;
    height: 30px;
    color: #333333;
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.button:hover {
    background-color: #ffa200;
    text-decoration: none;
}

.tab-button {
    display: inline-block;
    background: #d4d4d4;
    height: 28px;
    line-height: 28px;
    padding: 0 7px;
    color: #333;
    font-weight: bold;
}

.tab-button:hover,
.is-tab-selected {
    background: #8cb058;
    color: #fff;
    text-decoration: none;
}

.is-tab-selected {
    padding: 0 13px;
}

.chkbox {
    background: url("/i/forums_sprites.png") 0 -28px no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.chkbox.is-checked {
    background-position: 0 -48px;
}

.radio {
    background: url("/i/radio.png") 0 0 no-repeat;
    height: 20px;
    line-height: 20px;
    padding-left: 23px;
    color: #666;
    display: inline-block;
}

.radio:hover {
    text-decoration: none;
}

.is-checked {
    background-position: 0 bottom;
}




.blog-preview__preview, .news-preview__preview, .box--friends__list li a, .box--stats table thead th, .box--stats table tbody td,
.feeds-comment .content .meta,
.game-preview p, .game-preview .score, .level-played .level, .level-played p, .friend-request__content .user-type, .feeds .meta span,
.message__content p, .notification__content p, .jcarousel-home .jcarousel-container-vertical, .inforblock div, .infor-table th, .badge-item span,
.badge-element:hover .badge-request__info, .social-links_content .like-btn {
    font-size: 11px;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

.box__title ul li a, .blog-preview__posted, .news-preview__meta, .news-preview__posted, .news-details__content .posted span,
.post-preview__posted, .top-stories__meta, .top-stories__preview, .feeds__content .action .time, .feeds__content .badge,
.feeds__content .self-comment, .feeds__content .edit, .post-area .buton-holder .link, .feed-comment li, .feed-comment li .textarea,
.box--stats table tbody td a, .news-comment .content .meta, .news-comment .content p, .news-comment .content .button-holder,
.login__forgot, .login__register a, .send-message table .photo, .add-friend table .photo, .news-block__posted, .news-block__title span,
.news-block__content p, .news-block__content .read-more, .home-carousel .content .info p, .box--register .validate .terms,
.auto-complete .last-li, .faq-block__category, .box--search .box__title strong, .box--contact-us .box__title strong, .private-profile__sharing-tab a,
.friend-user__list-item .friend-user__list-item__msg, .friend-user__list-item .friend-user__list-item__timestamp, .message__list__item-rec,
.message__list__item-sent, .profile-message__infor__content, .profile-message__infor__timestamp, .tab-button ,
.badge-element:hover .badge-request__info table td,
.box--rules .box__title strong,.box--player-of-the-month .quote,.box--player-of-the-month .location-birthday p,.box--player-of-the-month .number-info .button,.user-stats__lv .emphase-txt,.user-stats__pts-unit {
    font-size: 12px;
}

.user-badge-and-award label,.user-stats-detail li label,.user-stats-detail li p,
.social-links_content .white-btn,
.social-links_content .red-btn,
.social-links_content .gray-btn {
    font-size: 13px;
}

.blog-article__meta--small>div,
.blog-article__meta--small>div p,
.blog-article__meta--small>div a,
.l-row--blog .edit-comment,
.box--blog-related .article__post,
.box--blog-related .article__date,
.table-wrapper table .table-td__blog-name p,
.box--blog-draft ul li p,
.add_article__require_info,
.add-article__row .add-article__infor, .popup--likes, .feeds .meta, .feeds__content strong,
.attchments__more-files, .box--inform__option label, .feeds-comment .post-area .textarea, .feeds p,
.comment__textarea textarea, .box--inform p, .box--inform .box--inform__content h5, .feeds-more-actions-popup,
.box--rules .box__title strong,.private-profile-manageconnection .dt-twoline .social-label span,
.social-links_content,.social-links_fb__content .social__right .post__box input {
    font-size: 12px;
}

.button, .buttons a,
.box__title strong, .box--leaderboard table td, .box--leaderboard table .top3 .rank, .blog-preview strong, .news-preview strong,
.news-details__button .print-btn, .news-details__content .posted, .news-details__content .content, .post-preview strong,
.top-stories__title, .load-more, .feeds__content, .post-area strong, .game-preview a, .level-played a, .login table td,
.login__register, .send-message table label, .add-friend table label, .add-friend table p, .text, .textarea,
.jqTransformSelectWrapper div span, .jqTransformSelectWrapper ul a, .header-popup__head strong, .header-popup__foot a,
.friend-request__content .username, .message__content .username, .profile-area .edit-profile, .profile-area__content .user-type,
.profile-area__content .textarea-holder .edit-status, .news-block__title, .popup__title strong, .home-carousel .content .info a,
.home-carousel .content .info ul, .home-carousel .carousel ul li strong, .player-of-the-month p, .player-of-the-month ul li a,
.register-intro p, .register-intro .feature, .box--register .other-method, .box--register table td, .box--register .validate strong,
.box--register .validate label, .box--news-category ul li a, .user-profile, .private-profile-subpanel, .profile-message, .recovery label,
.auto-complete, .profile-area__content .textarea-holder, .faq-block strong a, .profile-message__breadcrumb,
.msg-load-more, .message__reply-msg-bar textarea, .firend-request__info, .badge-request__info .friend-user__search .friend-user__search-input,
.textarea-bio, .box--rules, .faq-details, .box__faq__related li, .box--search, .contact-us-block, .user-profile .user-profile__field, .faq-block-details .faq-block__title,
.user-profile-description, .private-profile__content-edit input, .table-opt thead tr th div, .box--faq .load-more,
.search-leaderboard__filter-tab .tab-button,
.list-leaderboard strong, .leaderboard-pts,
.achievements__my-badges .badge-info .badges-title,
.popup__unregister-confirm .popup__content-mid,
.popup__unregister-profile .popup__content-mid,
.popup__remove-friend .popup__content-mid,
.box--blog .box__title .breadcrumb-text,
.blog-header .blog-search .search-text,
.blog-details__filter>label,
.blog-details__pagination>label,
.blog-details__pagination .pagination-total>span,
.blog-details__pagination .pagination-total label,
.pagination-number a,
.blog-detail__date,
.blog-detail__article .blog-article__tag,
.blog-article__meta>div,
.blog-tag_article__meta>div,
.blog-article__button .share-button,
.blog-article__txt>p,
.blog-article__txt .read-more,
.link-print,
.link-edit,
.blog-article__date,
.l-row--blog .blog-article__tag,
.l-row--blog>p,
.l-row--blog .blog-article__bottom_button .bottom_button__link,
.box--blog-category .box__article li a,
.box--blog-related .row__article .row__article-title,
.box--recnet-comment .box__article li,
.blog-result__section .blog-result__section-title,
.blog-result__section .blog-result__post,
.blog-result__article p,
.blog-result__article .blog-result__view-details,
.advanced-search__row label,
.blog-posts__date,
.blog-posts__title-group .blog-posts__tag,
.table-wrapper table th,
.table-wrapper table td a,
.table-wrapper table td p,
.table-wrapper table .table-td__articles,
.table-wrapper table .table-td__comments,
.table-wrapper table .table-td__last-poster p,
.my-watches-nofound p,
.box--blog-draft ul li a,
.add-article__row label,
.add-article__row .add-article__input,
.add-article__row .add-article__CKEdit .add-article__textarea,
.attachments__title .attachements__title-txt,
.attachments__container table td,
.add-article__row--verification p,
.blog-article-preview__title p,
.blog-article-preview__container p,
.add-article__title strong,
.upload-process>p,
.uploading__process_precent,
.section--error p,
.js-article-tab__completed span,
.blog--publish-view label,
.is-error-infor,
.popup--error .popup__content-mid dt,
.popup--error .popup__content-mid dd,
.is-register-error, .box--member-search-filter ul li a,
.popup__remove-friend .popup__content-mid, .box--inform__option strong, .box--contact table td,
.message-tip, .box--inform .box--inform__content h3, .box--inform .box--inform__content h4, .middle--empty p, .after-ignore p,
.private-profile-manageconnection .dt-twoline .social-label {
    font-size: 14px;
}

.achievements__my-badges .badge-info .badges-count {
    font-size: 20px;
}

.profile-area__content .username, .popup__title--alt strong, .player-of-the-month .username, .player-of-the-month .pts,
.box--permission-login p, .box--inform .box--inform__content h2,
.register-intro .feature strong, .infor-table td, .badge-request__info-titles,
.social-links_content .info-module h2 {
    font-size: 18px;
}

.private-profile__content-edit dd,
.private-profile__content dd,
.private-profile__content-edit dt,
.private-profile__content dt,
.home-carousel .content .info ul li,
.user-profile .user-profile__field dd.user-profile__label,
.user-profile .user-profile__field dt.user-profile__label,
.feed-comment li img,
.feeds__content .action-photo,
.contact-us-block__content dd,
.contact-us-block__content dt, .filter-badge, .filter-badge dt,
.view-tournaments .box__title--filter .jqTransformSelectWrapper,
.filter-badge-bar .jqTransformSelectWrapper, .box__title ul li,
.box--friends__list li, .search-block .search-result__icon-bg, .search-block .search-result__icon,
.badge-news--alt .badge-image,.upload .upload__thumb {
    float: left;
}

.blog-article-preview__container .container__title,
.blog-posts__title-group .blog-post__title,
.blog-posts__date span,
.l-row--blog .l-low--blog-title,
.blog-article__date span,
.blog-detail__article .blog-detail__article-title,
.blog-detail__date span,
.box__title__login-user,
.tournaments-details__content .title,
.news-details__content .title {
    font-size: 24px;
}

.box__title--filter ul li {
    float: none;
}

.private-profile__title .link-private-profile__title,
.recovery .button,
.box__title--filter .jqTransformSelectWrapper,
.login table td .social {
    float: right;
}

.clear {
    clear: both;
}

.buttons a {
    display: inline-block;
    background-color: #666666;
    background-repeat: no-repeat;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    margin-right: 5px;
}

.buttons a {
    padding: 0 12px 0 31px;
}

.buttons a:hover {
    background-color: #333333;
}

.buttons .social {
    padding-left: 7px;
}



.buttons .tweet,
.login table td .social {
    background-image: url("/i/social-links-icon-2.png");
    /*background-position: left -36px;*/
}

.buttons .active,
.buttons .active:hover {
    background-color: #8cb058;
}

.box {
    border: 1px solid #dfdfdf;
}

.box__title {
    background: #333333;
    height: 41px;
    padding: 0 12px;
    line-height: 43px;
}

.box__title-navi {
    padding: 0 6px;
}

.box__title strong {
    display: block;
    color: #ffffff;
}

.box--rules .box__title strong {
    font-size: 12px;
}

.box__title .breadcrumb {
    display: inline-block;
    padding-left: 6px;
    color: #ffcc00;
    text-decoration: none;
}

.box__title .breadcrumb:hover, .box__title .breadcrumb-sub:hover {
    text-decoration: underline;
}

.box__title strong span, .box__title .breadcrumb-sub {
    display: inline-block;
    background: url("/i/forums_sprites.png") 0 -418px no-repeat;
    padding-left: 34px;
    color: #ffffff;
    text-transform: uppercase;
    height: 42px;
}

.create .box__title strong span {
    background: none;
    text-align: center;
    padding-left: 10px;
}

.box__title .breadcrumb-sub {
    color: #ffcc00;
    text-decoration: none;
}

.box__title ul {
    margin: 5px 0;
}

.box__title ul li {
    float: left;
}

.box__title ul li a {
    display: block;
    padding: 0 9px;
    min-width: 63px;
    height: 31px;
    line-height: 31px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.box__title ul li .mac-fix {
    padding: 0 7px;
}

.box__title ul li a:hover {
    background: #666666;
}

.box__title ul li .is-active,
.box__title ul li .is-active:hover {
    background: #8cb058;
}





.load-more {
    display: block;
    color: #cccccc;
    text-align: center;
}

.box--rules {
    padding-bottom: 52px;
}

.box--rules .box__title {
    background: #333 url("/i/rule-box-icon.png") 8px 9px no-repeat;
    padding: 0 34px;
    height: 41px;
    line-height: 41px;
}

.rules-block__title {
    border-bottom: 1px solid #e7e7e7;
}

.rules-block .rules-block__title {
    height: 41px;
    line-height: 41px;
    font-weight: bold;
    background-color: #f5f5f5;
    padding: 0 16px;
    display: block;
    color: #333;
}

.rules-block__content {
    line-height: 17px;
    color: #333;
    padding: 27px 33px 19px;
}

.rules-block__content p {
    padding-bottom: 16px;
}

.box--search .search-block__title {
    border-bottom: 1px solid #e7e7e7;
    color: #333;
}

.box--search .load-more {
    padding: 15px 0;
}

.box--search .last-item {
    border-bottom: none;
}

.search-block__title {
    height: 41px;
    line-height: 41px;
    background-color: #f5f5f5;
    padding: 0 15px;
    display: block;
}

.box--contact-us {
    overflow: hidden;
}

.box--contact-us .box__title {
    background: #333 url("/i/contact-box-icon.png") 10px center no-repeat;
    padding: 0 49px;
}

.contact-us-block {
    width: 437px;
    margin-left: 34px;
    margin-top: 19px;
    margin-bottom: 30px;
    color: #666;
}

.contact-us-block-alt {
    margin-left: 17px;
}

.contact-us-block__title {
    background-color: #f5f5f5;
    color: #333;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    display: block;
}

.contact-us-block__content {
    padding: 0 30px 37px 30px;
}

.contact-us-block__content dd,
.contact-us-block__content dt {
    padding-top: 17px;
    display: block;
    width: 176px;
}

.contact-us-block__content dd a {
    font-weight: bold;
}




.l-content--profile .post-area--wall {
    padding: 17px 14px 4px 16px;
}

.l-content--profile .post-area--wall .textarea {
    width: 575px;
}

.l-content--profile .px-form-input {
    display: none;
}

.box--feeds .box__title h3 {
    padding-left: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 43px;
}





.badge-request__info,
.firend-request__info {
    width: 242px;
    height: 230px;
    background-color: #fff;
    display: none;
    position: absolute;
    z-index: 2;
}

.datepicker-triangle, .firend-triangle, .badge-triangle {
    background: url("/i/calendar-triangle.png") 0 0 no-repeat;
}

.badge-triangle,
.firend-triangle {
    left: -9px;
    top: 11px;
    width: 9px;
    height: 18px;
    position: absolute;
    display: block;
    z-index: 2;
}

.firend-triangle-right {
    right: -9px;
    top: 11px;
    width: 9px;
    height: 18px;
    position: absolute;
    display: block;
    z-index: 2;
    background: url("/i/calendar-triangle-right.png") 0 0 no-repeat;
}

.badge-request__info .badge-request__info-titles,
.firend-request__info .firend-request__info-titles {
    height: 39px;
    line-height: 39px;
    padding: 0 11px;
    background-color: #8bad4c;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}

.inforblock {
    padding: 7px 0 7px 7px;
    clear: both;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.inforblock img {
    margin-right: 7px;
}

.inforblock a {
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 12px;
    display: block;
}

.inforblock div {
    color: #999;
    font-style: italic;
    line-height: 14px;
}

.infor-table {
    width: 227px;
    margin: 10px auto 0;
}

.infor-table th {
    color: #333;
    text-align: left;
}

.infor-table td {
    color: #999;
    font-weight: bold;
}

.badge-request__info .inforblock-alt,
.firend-request__info .inforblock-alt {
    text-align: center;
}

.badge-request__info .inforblock-alt a,
.firend-request__info .inforblock-alt a {
    width: 91px;
    margin-top: 7px;
}


.is-selected, .is-hover {
    background-color: #ffeeab;
}

.get-started-box .left-menu .subtitle .selected {
    font-weight: bold;
}

.seperator {
    border-bottom: 1px solid #CCC;
    margin: 10px 0;
}


.box--stats {
    margin-bottom: 8px;
}

.box--stats .box__title {
    padding-left: 8px;
}

.box--stats .box__title strong,
.box--games .box__title strong,
.box--level-played .box__title strong {
    background: url("/i/game-title-icon.png") left 8px no-repeat;
    padding-left: 36px;
}

.box--stats table {
    width: 100%;
}

.box--stats table thead th {
    padding: 4px 0;
    color: #333333;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

.box--stats table tbody td {
    padding: 9px 7px 11px;
    border-top: 1px solid #cccccc;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

.box--stats table tbody .first-td {
    padding: 9px 2px 11px 9px;
}

.box--stats table tbody td a {
    display: block;
    text-align: left;
    font-weight: bold;
    line-height: 13px;
}

.box--stats table tbody td .level,
.level-played .level {
    display: block;
    background: url("/i/level.png") left top no-repeat;
    width: 32px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
}

.game-preview {
    padding: 12px 11px;
    border-bottom: 1px solid #cccccc;
}

.game-preview a {
    display: block;
    margin: 1px 0 10px 94px;
    font-weight: bold;
}

.game-preview p {
    margin-left: 95px;
    color: #333333;
    line-height: 12px;
}

.game-preview .score {
    display: block;
    margin: 15px 0 0 95px;
    color: #333333;
    font-weight: bold;
}

.box--games {
    margin-bottom: 12px;
}

.box--games .box__title {
    padding-left: 8px;
}

.box--games--recently .box__title strong {
    padding-right: 0;
    letter-spacing: -1px;
}

.box--games .last-game {
    border-bottom: none;
}

.level-played {
    padding: 8px 7px 16px 11px;
    border-bottom: 1px solid #cccccc;
}

.level-played .level {
    color: #ffffff;
}

.level-played a {
    display: block;
    margin: 1px 0 6px 56px;
    font-weight: bold;
}

.level-played p {
    margin-left: 56px;
    color: #333333;
}

.level-played p strong {
    display: inline-block;
    width: 48px;
}

.box--level-played .box__title {
    padding-left: 8px;
}

.box--level-played .last-game {
    border-bottom: none;
}




.send-message {
    padding: 18px 19px 16px 16px;
}

.send-message table {
    width: 100%;
}

.send-message table td {
    text-align: left;
    vertical-align: top;
}

.send-message table .mid-tr td {
    padding: 5px 0 9px;
}

.send-message table label {
    display: block;
    width: 91px;
    padding-top: 16px;
    color: #333333;
    font-weight: bold;
}

.send-message table .text {
    width: 377px;
}

.send-message table .textarea {
    width: 385px;
    height: 52px;
}

.send-message table .button {
    width: 79px;
    margin-left: 5px;
}

.send-message table .photo {
    display: inline-block;
    padding: 8px 0 0 29px;
    font-weight: bold;
}

.add-friend {
    padding: 16px 19px 18px 17px;
}

.add-friend table {
    width: 100%;
}

.add-friend table td {
    text-align: left;
    vertical-align: top;
}

.add-friend table .mid-tr td {
    padding: 11px 0 10px;
}

.add-friend table label {
    display: block;
    padding-top: 3px;
    width: 91px;
    color: #333333;
    font-weight: bold;
}

.add-friend table p {
    margin-bottom: 7px;
    color: #333333;
    font-weight: bold;
}

.add-friend table .cb-label {
    margin-left: 20px;
    padding-top: 4px;
    width: auto;
    color: #666666;
    font-weight: normal;
}

.add-friend table .text {
    width: 377px;
}

.add-friend table .textarea {
    width: 385px;
    height: 52px;
}

.add-friend table .button {
    width: 79px;
    margin-left: 5px;
}

.add-friend table .photo {
    display: inline-block;
    padding: 8px 0 0 29px;
    font-weight: bold;
}

.text {
    border: 1px solid #e7e7e7;
    background: #ffffff;
    margin: 0;
    padding: 10px 14px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

.textarea {
    display: block;
    border: 1px solid #e7e7e7;
    background: #ffffff;
    margin: 0;
    padding: 12px 10px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
}

.jqTransformCheckboxWrapper,
.jqTransformRadioWrapper {
    display: block;
    float: left;
}

.jqTransformCheckbox,
.jqTransformRadio {
    background: url("/i/blogs_sprites.png") no-repeat 0 -708px;
    height: 20px;
    width: 20px;
    display: block;
}

.jqTransformChecked {
    background-position: left -728px;
}

.jqTransformRadio {
    background-image: url("/i/radio.png");
}

.cb-label {
    display: inline-block;
    padding: 3px 0 0 7px;
}

.jqTransformHidden {
    display: none;
}

.jqTransformSelectWrapper {
    position: relative;
    background: url("/i/select-left.png") left top no-repeat;
    width: auto;
    height: 29px;
}

.jqTransformSelectWrapper div span {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 12px;
    color: #666666;
    white-space: nowrap;
    line-height: 29px;
    overflow: hidden;
    cursor: pointer;
}

.jqTransformSelectWrapper .jqTransformSelectOpen {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: url("/i/blogs_sprites.png") 0 -147px no-repeat;
    width: 25px;
    height: 29px;
}

.jqTransformSelectWrapper ul {
    position: absolute;
    top: 28px;
    left: 0;
    background-color: #ffffff;
    display: none;
    height: 150px;
    overflow: auto;
    z-index: 10;
}

.jqTransformSelectWrapper ul {
    border: 1px solid #e7e7e7;
}

.jqTransformSelectWrapper ul a {
    display: block;
    padding: 8px 12px;
    color: #666666;
    text-decoration: none;
}

.help-filter .jqTransformSelectWrapper ul a {
    padding: 0 12px;
}

.jqTransformSelectWrapper ul .selected {
    background: #e7e7e7;
    color: #333333;
}

.jqTransformSelectWrapper ul a:hover,
.jqTransformSelectWrapper ul .selected:hover {
    background: #333333;
    color: #ffffff;
}






.alpha {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    background: url("/i/alpha.png") left top repeat;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.popup {
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 1000;
}

.popup__title {
    position: relative;
    text-transform: uppercase;
}

.popup__title-left,
.popup__title-right,
.popup__title-mid {
    background-image: url("/i/popup-title.png");
}

.popup__title-left {
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.popup__title-right {
    background-position: right -104px;
    background-repeat: no-repeat;
    padding-right: 31px;
}

.popup__title-mid {
    background-position: left -52px;
    background-repeat: repeat-x;
    height: 14px;
}

.popup__title-mid {
    padding: 25px 0 13px;
}

.popup__title--alt .popup__title-mid {
    padding: 21px 0 13px;
}

.popup__title strong {
    color: #ffffff;
}

.popup__title--alt strong {
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
    font-weight: normal;
}

.popup__title .close-btn {
    position: absolute;
    right: 31px;
    top: 23px;
    display: block;
    background: url("/i/blogs_sprites.png") left -678px no-repeat;
    width: 16px;
    height: 15px;
    direction: ltr;
    text-indent: -9999px;
    overflow: hidden;
}

.popup__title .close-btn:hover {
    background-position: left top;
}

.popup__content-left,
.popup__content-right {
    background-image: url("/i/popup-content.png");
    background-repeat: repeat-y;
}

.popup__content-left {
    background-position: left top;
    padding-left: 12px;
}

.popup__content-right {
    background-position: right top;
    padding-right: 18px;
}

.popup__content-mid {
    background: #f5f5f5;
    position: relative;
}

.popup__footer-left,
.popup__footer-right,
.popup__footer-mid {
    background-image: url("/i/popup-footer.png");
}

.popup__footer-left {
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.popup__footer-right {
    background-position: right -50px;
    background-repeat: no-repeat;
    padding-right: 25px;
}

.popup__footer-mid {
    background-position: left -25px;
    background-repeat: repeat-x;
    overflow: hidden;
    height: 25px;
}

.popup__remove-friend,
.popup__confirm-friend,
.popup__block-friend,
.popup__unblock-friend,
.popup__remove-wiki-article,
.popup__edit-pending-update,
.popup__alert,
.popup__unregister-profile,
.popup__unregister-confirm {
    width: 565px;
}

.popup__unregister-confirm .popup__content-mid,
.popup__unregister-profile .popup__content-mid,
.popup__remove-friend .popup__content-mid,
.popup__confirm-friend .popup__content-mid,
.popup__block-friend .popup__content-mid,
.popup__unblock-friend .popup__content-mid,
.popup__remove-wiki-article .popup__content-mid,
.popup__edit-pending-update .popup__content-mid,
.popup__alert .popup__content-mid {
    text-align: center;
    padding: 35px 70px 24px 70px;
    font-weight: bold;
    color: #333;
    font-size: 14px;
}

.popup__unregister-confirm .popup__content-mid a,
.popup__unregister-profile .popup__content-mid a,
.popup__remove-friend .popup__content-mid a,
.popup__confirm-friend .popup__content-mid a,
.popup__block-friend .popup__content-mid a,
.popup__unblock-friend .popup__content-mid a,
.popup__remove-wiki-article .popup__content-mid a,
.popup__edit-pending-update .popup__content-mid a,
.popup__alert .popup__content-mid a {
    font-weight: normal;
}

.popup__remove-friend .popup__content-mid,
.popup__confirm-friend .popup__content-mid,
.popup__block-friend .popup__content-mid,
.popup__unblock-friend .popup__content-mid,
.popup__remove-wiki-article .popup__content-mid,
.popup__alert .popup__content-mid,
.popup__unregister-confirm .popup__content-mid {
    padding: 35px 30px 24px;
}

.popup__unregister-profile .popup__content-mid p {
    padding: 15px 0;
}

.popup__remove-friend .popup__content-mid .popup__content-mid-tips,
.popup__confirm-friend .popup__content-mid .popup__content-mid-tips,
.popup__block-friend .popup__content-mid .popup__content-mid-tips,
.popup__unblock-friend .popup__content-mid .popup__content-mid-tips,
.popup__remove-wiki-article .popup__content-mid .popup__content-mid-tips,
.popup__edit-pending-update .popup__content-mid .popup__content-mid-tips,
.popup__alert .popup__content-mid .popup__content-mid-tips,
.popup__unregister-confirm .popup__content-mid .popup__content-mid-tips {
    margin-top: 15px;
    color:#000;
}

.popup__remove-friend .popup__content-mid .popup__button-area,
.popup__confirm-friend .popup__content-mid .popup__button-area,
.popup__block-friend .popup__content-mid .popup__button-area,
.popup__unblock-friend .popup__content-mid .popup__button-area,
.popup__remove-wiki-article .popup__content-mid .popup__button-area,
.popup__edit-pending-update .popup__content-mid .popup__button-area,
.popup__alert .popup__content-mid .popup__button-area,
.popup__unregister-confirm .popup__content-mid .popup__button-area {
    margin-top: 60px;
}

.popup__unregister-profile .popup__content-mid .popup__button-area {
    margin-top: 15px;
}

.popup__unregister-confirm .popup__content-mid .popup__button-area a,
.popup__unregister-profile .popup__content-mid .popup__button-area a,
.popup__remove-friend .popup__content-mid .popup__button-area a,
.popup__confirm-friend .popup__content-mid .popup__button-area a,
.popup__block-friend .popup__content-mid .popup__button-area a,
.popup__unblock-friend .popup__content-mid .popup__button-area a,
.popup__remove-wiki-article .popup__content-mid .popup__button-area a,
.popup__edit-pending-update .popup__content-mid .popup__button-area a,
.popup__alert .popup__content-mid .popup__button-area a {
    width: 79px;
    margin-right: 7px;
}





.popup--login {
    width: 564px;
}

.popup--login .login {
    padding: 18px 0 8px;
}

.popup--send-message,
.popup--add-friend {
    width: 564px;
}

.box--member-stats {
    background: #8db15a;
    margin-bottom: 15px;
}

.box--member-stats .leaderboard-type {
    background: #f5f5f5;
    padding: 6px 4px;
}

.user-stats-pri {
    padding: 11px 6px 10px 118px;
    position: relative;
    min-height: 76px;
    border-bottom: 1px solid #5a722e;
}

.user-stats-pri img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 101px;
    height: 76px;
    display: block;
}

.user-stats-pri a {
    line-height: 18px;
    text-transform: uppercase;
    font-size: 17px;
    color: #fffffe;
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
}

.user-stats__pts {
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
    line-height: 30px;
    font-size: 20px;
    color: #333333;
    height: 34px;
    display: block;
    overflow: hidden;
}

.user-stats__pts-unit {
    margin-left: 3px;
}

.user-stats-detail {
    border-bottom: 1px solid #5a722e;
}

.user-stats-detail li {
    padding-top: 6px;
    padding-bottom: 3px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.user-stats-detail li label {
    padding-top: 4px;
    line-height: 15px;
    font-weight: bold;
    color: #333;
    width: 105px;
    display: block;
}

.user-stats-detail .user-stats__rank {
    padding-left: 37px;
}

.user-stats-detail .user-stats__played-time {
    padding-left: 37px;
}

.user-stats-detail .user-stats__last-played {
    padding-left: 37px;
}

.user-stats-detail li p {
    line-height: 19px;
    color: #333333;
}

.user-badge-and-award label {
    display: block;
    background: #5a722e;
    float: left;
    width: 117px;
    height: 30px;
    background-position: 0 1px;
    background-repeat: repeat-x;
    line-height: 30px;
    text-align: center;
    color: #fffffe;
    font-weight: bold;
}

.user-stats__latest-badges-label {
    border-right: 1px solid #5a722e;
    border-bottom: 1px solid #5a722e;
}

.user-stats__latest-awards-label {
    border-bottom: 1px solid #5a722e;
}

.user-badge-and-award ul {
    display: block;
    float: left;
    width: 110px;
}

.user-stats__latest-badges {
    padding: 7px 0 0 10px;
    border-right: 1px solid #5a722e;
}

.user-stats__latest-awards {
    padding: 7px 0 0px;
    position: relative;
    left: 15px;
}

.user-stats__latest-badges li {
    display: block;
    width: 35px;
    height: 32px;
    overflow: hidden;
}

.user-stats__latest-awards li {
    display: block;
    width: 35px;
    height: 32px;
    overflow: hidden;
}

.user-badge-and-award ul li {
    float: left;
}

.user-stats__latest-badges li a {
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
}

.user-stats__badge1 {
    width: 24px;
    height: 24px;
    background-position: 0 -571px;
}

.user-stats__badge2 {
    width: 25px;
    height: 23px;
    background-position: 0 -619px;
}

.user-stats__badge3 {
    width: 25px;
    height: 24px;
    background-position: 0 -732px;
}

.user-stats__badge4 {
    width: 22px;
    height: 21px;
    background-position: 0 -667px;
}

.user-stats__badge5 {
    width: 23px;
    height: 22px;
    background-position: 0 -688px;
}

.user-stats__badge6 {
    width: 22px;
    height: 21px;
    background-position: 0 -711px;
}

.user-stats__badge7 {
    width: 25px;
    height: 23px;
    background-position: 0 -644px;
}

.user-stats__badge8 {
    width: 25px;
    height: 24px;
    background-position: -0 -757px;
}

.user-stats__badge9 {
    width: 24px;
    height: 24px;
    background-position: 0 -595px;
}

.user-stats__latest-awards li a {
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
}

.user-stats__award1 {
    background-position: 0 -435px;
    width: 18px;
    height: 24px;
}

.user-stats__award2 {
    background-position: 0 -531px;
    width: 18px;
    height: 19px;
    margin-top: 3px;
}

.user-stats__award3 {
    width: 18px;
    height: 24px;
    background-position: 0 -483px;
}

.user-stats__award4 {
    width: 18px;
    height: 24px;
    background-position: 0 -459px;
}

.user-stats__award5 {
    width: 18px;
    height: 19px;
    margin-top: 3px;
    background-position: 0 -551px;
}

.user-stats__award6 {
    background-position: 0 -435px;
    width: 18px;
    height: 24px;
}

.user-stats__award7 {
    background-position: 0 -435px;
    width: 18px;
    height: 24px;
}

.user-stats__award8 {
    width: 18px;
    height: 19px;
    margin-top: 3px;
    background-position: 0 -551px;
}

.user-stats__award9 {
    width: 18px;
    height: 24px;
    background-position: 0 -483px;
}

.emphase-txt {
    display: inline-block;
    height: 18px;
    padding-right: 0;
    line-height: 18px;
    background-position: 0 -214px;
    background-repeat: no-repeat;
    position: relative;
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
}

.emphase-txt i {
    position: absolute;
    width: 5px;
    height: 18px;
    display: block;
    right: -10px;
    top: 0;
    background-position: 0 -232px;
}

.emphase-txt span {
    position: relative;
    left: 5px;
    background: #ffcc00;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    background-position: 0 -250px;
    background-repeat: repeat-x;
}







.dp-shadow {
    position: absolute;
    top: -11px;
    left: -12px;
    right: -18px;
    bottom: -19px;
    z-index: -1;
}

.ui-datepicker .dp-shadow {
    z-index: -1;
}

.dp-shadow .shadow-top-left,
.dp-shadow .shadow-top-right,
.dp-shadow .shadow-top {
    background: url("/i/shadow-top.png") left top no-repeat;
}

.dp-shadow .shadow-top-left {
    width: 40px;
    left: 0;
    top: 0;
    height: 40px;
    position: absolute;
}

.dp-shadow .shadow-top-right {
    background-position: right -40px;
    width: 40px;
    right: 0;
    top: 0;
    height: 40px;
    position: absolute;
}

.dp-shadow .shadow-top {
    background-position: left -109px;
    background-repeat: repeat-x;
    left: 40px;
    right: 40px;
    top: 0;
    height: 40px;
    position: absolute;
}

.dp-shadow .shadow-left {
    background: url("/i/shadow-left.png") -28px top repeat-y;
    left: 0;
    top: 40px;
    bottom: 40px;
    width: 40px;
    position: absolute;
}

.dp-shadow .shadow-right {
    background: url("/i/shadow-right.png") 22px top repeat-y;
    right: 0;
    top: 40px;
    bottom: 40px;
    width: 40px;
    position: absolute;
}

.dp-shadow .shadow-bottom-left,
.dp-shadow .shadow-bottom-right,
.dp-shadow .shadow-bottom {
    background: url("/i/shadow-bottom.png") left top no-repeat;
}

.dp-shadow .shadow-bottom-left {
    left: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    position: absolute;
}

.dp-shadow .shadow-bottom-right {
    background-position: left -40px;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    position: absolute;
}

.dp-shadow .shadow-bottom {
    background-repeat: repeat-x;
    background-position: left -80px;
    left: 40px;
    right: 40px;
    bottom: 0;
    height: 40px;
    position: absolute;
}

.ui-datepicker {
    background-color: #fff;
    width: 243px;
    clear: both;
    display: none;
}

.ui-datepicker-calendar {
    background-color: #fff;
    width: 223px;
    margin: 10px;
}

.ui-datepicker-calendar th {
    color: #fff;
    background-color: #333;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 8px;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
    font-size: 15px;
}

.ui-datepicker-calendar td {
    color: #666;
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 8px;
    cursor: pointer;
}

.ui-datepicker-calendar td a {
    color: #666;
}

.ui-datepicker-calendar td:hover {
    background-color: #666;
    color: #fff;
}

.ui-datepicker-calendar td:hover a,
.ui-datepicker-calendar td:hover a:hover {
    color: #fff;
    text-decoration: none;
}

.ui-datepicker-calendar .ui-datepicker-today {
    background-color: #9cba4a;
    color: #fff;
}

.ui-datepicker-calendar .ui-datepicker-today a {
    color: #fff;
}

.ui-datepicker-calendar .ui-datepicker-current-day {
    background-color: #9cba4a;
    color: #fff;
}

.ui-datepicker-calendar .ui-datepicker-current-day a {
    color: #fff;
}

.ui-datepicker-header {
    background-color: #8bad4c;
    color: #fff;
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
    position: relative;
}

.datepicker-triangle {
    left: -9px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    position: absolute;
}

.ui-datepicker-title {
    line-height: 39px;
    text-align: center;
    height: 39px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    background: url("/i/calendar-arrow.png") 0 0 no-repeat;
}

.ui-datepicker-prev {
    width: 7px;
    height: 15px;
    text-indent: 10000px;
    display: block;
    overflow: hidden;
    top: 12px;
    left: 11px;
    position: absolute;
}

.ui-datepicker-next {
    width: 7px;
    height: 15px;
    text-indent: 10000px;
    background-position: -8px 0;
    display: block;
    overflow: hidden;
    top: 12px;
    right: 11px;
    position: absolute;
}

.ui-datepicker-year {
    display: none;
}

.search-result__icon,
.search-result__icon-bg {
    height: 27px;
    width: 27px;
    background: url("/i/search-result-icon.png") 0 center no-repeat;
}

.search-result__group--members .search-result__icon {
    background-position: 0 center;
}

.search-result__group--games .search-result__icon {
    background-position: -27px center;
}

.search-result__group--contests .search-result__icon {
    background-position: -54px center;
}

.search-result__group--tournaments .search-result__icon {
    background-position: -81px center;
}

.search-result__group--forums .search-result__icon {
    background-position: -108px center;
}

.search-result__group--wiki .search-result__icon {
    background-position: -135px center;
}

.search-result__group--blogs .search-result__icon {
    background-position: -162px center;
}

.search-result__icon-bg {
    background-position: -189px center;
}




.message__reply-msg-bar .reply-area {
    padding: 7px;
    border: 1px solid #e7e7e7;
    overflow: auto;
}

.validateError {
    margin: 20px;
    color: red;
}

.friends-type-filter {
    height: 31px;
}

.subtab {
    margin-right: 5px;
}

.avatar {
    width: 226px;
    height: 163px;
}

.popup__alert {
    z-index: 1100;
}

.box--achievements {
    position: relative;
    top: -2px;
    left: -2px;
}

.filter-leaderboard {
    padding: 5px 4px 6px 4px;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
}

.search-leaderboard__filter-tab,
.search-leaderboard__filter-tab--alt {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #666;
}

.search-leaderboard__filter-tab .tab-button {
    color: #333;
    font-weight: bold;
}

.search-leaderboard__filter-tab .is-tab-selected {
    color: #fff;
}

.search-leaderboard__filter-tab--alt .filter--leaderboard {
    width: 163px;
}

.search-leaderboard__filter-tab--alt .filter--type {
    width: 138px;
}

.search-leaderboard__filter-tab >span {
    display: inline-block;
    padding-right: 6px;
    text-align: right;
}

.search-leaderboard__filter-tab >span, .post--fix {
    width: 100px;
}

.search-leaderboard__filter-tab >a {
    padding: 0;
    text-align: center;
    margin-right: 0;
}

.search-leaderboard__filter-tab >a, .post--fix {
    width: 83px;
}

.search-leaderboard__filter-tab--alt >span,
.search-leaderboard__filter-tab--alt .jqTransformSelectWrapper {
    float: left;
    margin-left: 4px;
    display: block;
}

.search-leaderboard__filter-tab--alt .jqTransformSelectWrapper div span {
    padding: 0 5px 0 12px;
}

.search-leaderboard__filter-tab--alt >span {
    line-height: 29px;
    height: 29px;
    padding-right: 10px;
}

.leaderboard-user {
    line-height: 31px;
    height: 33px;
    clear: both;
    overflow: hidden;
}

.list-leaderboard .leaderboard-user {
    padding: 4px 3px;
    border-bottom: 1px solid #ccc;
}

.leaderboard-user--rank {
    line-height: 33px;
    text-align: center;
    margin-right: 10px;
    padding-top: 3px;
    padding-right: 2px;
}

.leaderboard-user--rank, .post--fix {
    width: 32px;
}

.leaderboard-user--rank strong {
    font: bold 14px/31px Arial, Helvetica, sans-serif;
}

.list-leaderboard img {
    margin-top: 4px;
    display: block;
    margin-right: 10px;
}

.leaderboard-pts {
    color: #666;
    margin-right: 16px;
}

.list-leaderboard .load-more {
    height: 31px;
    line-height: 31px;
}

.box__title__login-user {
    color: #666;
    font-size: 24px;
    font-weight: normal;
    background: url("/i/3th-photo.png") 0 3px no-repeat;
    line-height: 36px;
    padding-left: 49px;
    padding-top: 3px;
    margin: 0 0 14px 0;
}

.list-leaderboard .current-user {
    background-color: #ffeeab;
    border: 1px solid #8cb058;
    position: relative;
    top: -1px;
    left: -1px;
    overflow: visible;
}

.list-leaderboard .current-user, .post--fix {
    width: 952px;
}

.is-me-rect__b4,
.leaderboard__my-place {
    background-image: url("/i/icon-my-place.png");
}

.leaderboard__my-place {
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 48px;
    height: 43px;
    right: -48px;
    top: -1px;
}

.badge-request__info .inforblock-alt .add-badge--alt,
.firend-request__info .inforblock-alt .add-friend--alt,
.firend-request__info .is-my-score .add-my-awards {
    background-image: url("/i/icon-add.png");
    background-position: 4px center;
    background-repeat: no-repeat;
    padding-left: 12px;
    padding-right: 4px;
    width: auto;
}

.badge-request__info .inforblock-alt .add-friend--alt:hover,
.firend-request__info .inforblock-alt .add-friend--alt:hover {
    background-color: #ffa200;
}

.badge-request__info--self .inforblock-alt .add-friend--alt,
.firend-request__info--self .inforblock-alt .add-friend--alt {
    display: none;
}

.achievements__my-badges {
    border: 1px solid #8cb058;
    background-color: #f5ffe5;
    padding-left: 147px;
    position: relative;
    margin-bottom: 18px;
}

.achievements__my-badges .badge-info {
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
    color: #fff;
    text-align: center;
    background-color: #8cb058;
    width: 129px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.achievements__my-badges .badge-info div {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -21px;
}

.achievements__my-badges .badge-info .badges-count,
.achievements__my-badges .badge-info .badges-title {
    font-weight: normal;
}

.achievements__my-badges .badge-info .badges-count {
    padding-top: 8px;
}

.badge-item {
    padding: 18px 10px 14px;
}

.badge-item img,
.badge-item span {
    display: block;
    color: #666;
    text-align: center;
    font-weight: bold;
}

.badge-item span {
    padding-top: 6px;
}

.badge-element {
    cursor: pointer;
    position: relative;
}

.badge-request__info {
    left: 70px;
    top: 6px;
}

.badge-element-active .badge-request__info {
    display: block;
    left: 70px;
    top: 6px;
    cursor: default;
}

.badge-element:hover .badge-request__info table {
    width: 221px;
}

.badge-element:hover .badge-request__info table th {
    font-weight: bold;
}

.badge-element:hover .badge-request__info table td a {
    display: inline;
}

.badge-element:hover .badge-request__info table td {
    color: #666;
}

.badge-element:hover .badge-request__info table {
    line-height: 20px;
}

.badge-request__info .inforblock-alt a {
    width: auto;
}

.badge-request__info, .firend-request__info {
    min-height: 230px;
    height: auto;
    padding-bottom: 5px;
}

.hovercontrol {
    position: absolute;
    top: 0;
    left: -10px;
    right: 0;
    width: 22px;
    height: 73px;
    z-index: -10;
}

.badge-request__info-titles {
    font: bold 14px/39px Arial, Helvetica, sans-serif;
}

.badges-block {
    overflow: hidden;
    clear: both;
}

.badge-news--content {
    width: 451px;
}

.badge-news--content .button {
    margin-top: 12px;
    display: block;
    width: 112px;
    text-align: center;
    overflow: hidden;
}

.badge-news--alt .button {
    margin-left: 172px;
}

.badge-news {
    padding: 18px 9px 0 20px;
}

.badge-news--alt {
    border-right: none;
}

.left-part {
    width: 98px;
    margin-right: 19px;
    margin-top: 8px;
    color: #8cb058;
    text-align: center;
    font: bold 14px Arial, Helvetica, sans-serif;
}

.left-part div {
    padding-top: 7px;
}

.badge-title {
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 30px;
}

.green {
    color: #8cb058;
}

.badge-sub-title {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 20px;
    padding-bottom: 5px;
}

.badge-sub-title strong {
    font: bold 14px Arial, Helvetica, sans-serif;
}

.badge-news--content p {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 14px;
}

.pts, .post--fix {
    padding: 5px 17px 0;
}

.pts {
    background: 0 0 no-repeat;
    font: bold 10px Arial, Helvetica, sans-serif;
    color: #666;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 55px;
    height: 34px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.pts strong {
    font: bold 14px Arial, Helvetica, sans-serif;
}

.badge-list {
    min-height: 99px;
}

.badge-list .clear {
    height: 0;
    padding: 0;
    margin: 0;
}

.badge-news--alt {
    padding: 20px 26px 0 31px;
}

.badge-news--alt .badge-news--content {
    width: 420px;
}

.badge-news--alt .left-part {
    width: auto;
    margin-top: 1px;
    margin-right: 25px;
}

.badge-news--alt .badge-title {
    color: #666;
    line-height: 26px;
    padding-bottom: 8px;
}

.badge-image {
    margin-right: 10px;
}

.badge-news--alt .badge-sub-title {
    font: bold 14px Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
}

.badges-top-news {
    overflow: hidden;
    background: url("/i/bg-badge.png") 482px 0 repeat-y;
    padding-bottom: 16px;
}

.box__badges .filter-title {
    background-color: #666;
    font: bold 14px/40px Arial, Helvetica, sans-serif;
    color: #fff;
    clear: both;
    overflow: hidden;
    margin-top: 16px;
    padding: 0 18px;
}

.box__badges--alt .filter-title {
    margin-top: 0;
}

.view-tournaments .filter-button,
.box__badges .filter-title .button {
    font-weight: normal;
    background-image: url("/i/icon-filter-open.png");
    background-position: 28px center;
    background-repeat: no-repeat;
    padding: 0 42px 0 45px;
    margin-top: 6px;
}

.filter-badge {
    padding: 16px 20px 4px 80px;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    position: relative;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #666;
}

.filter-badge--long {
    padding-top: 7px;
}

.post--fix,
.filter-badge {
    width: 382px;
    min-height: 65px;
}

.filter-badge--alt {
    border-right: none;
}

.post--fix,
.filter-badge--alt {
    width: 375px;
}

.filter-badge .float-left {
    float: none;
    position: absolute;
    left: 16px;
    top: 16px;
}

.filter-badge dl {
    width: 300px;
}

.filter-badge dt {
    background: url("/i/icon-mission.png") 0 center no-repeat;
    padding-left: 14px;
    font-weight: bold;
}

.filter-badge dd {
    color: #8cb058;
}

.badge-details {
    padding: 3px 0 7px 0;
}

.check-badge {
    clear: both;
    overflow: hidden;
}

.badge-block .load-more {
    line-height: 41px;
}

.filter-badge-bar {
    clear: both;
    position: relative;
    z-index: 2;
    background-color: #ccc;
    font: bold 14px Arial, Helvetica, sans-serif;
    line-height: 41px;
    padding: 0 18px 0 13px;
    display: none;
}

.is-filter-show .filter-badge-bar {
    display: block;
    height: 41px;
}

.box--tournaments .is-filter-show .box__title--filter .filter-button,
.is-filter-show .filter-title .filter-button {
    background-image: url("/i/icon-filter-close.png");
}

.filter-badge-bar .search-badge__filter >span {
    margin-right: 5px;
    margin-left: 5px;
    display: block;
    color: #666;
}

.filter--games {
    width: 100px;
}

.filter--view {
    width: 100px;
}

.filter--sort {
    width: 130px;
}

.filter--date {
    width: 100px;
}

.filter-badge-bar .jqTransformSelectWrapper {
    position: relative;
    top: 6px;
}

.filter-badge-bar .jqTransformSelectWrapper ul {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #666;
    background-color: #fff;
}

.reset-button, .view-button {
    font: normal 14px "BebasRegular";
    word-spacing: 3px;
    letter-spacing: 0.1px;
    text-align: center;
    display: inline-block;
    height: 29px;
    line-height: 29px;
    width: 75px;
    background-color: #666;
    color: #fff;
}

.reset-button:hover, .view-button:hover {
    text-decoration: none;
    background-color: #8cb058;
}

.badge-block .is-last-1,
.badge-block .is-last-2 {
    border-bottom: none;
}


.achievements__my-score {
    width: 100%;
}

.achievements__my-score, .post--fix {
    border: 1px solid #8cb058;
    margin-bottom: 19px;
}

.achievements__my-score .my-score {
    background-color: #8cb058;
    font: normal 14px "BebasRegular";
    word-spacing: 3px;
    letter-spacing: 0.1px;
    color: #fff;
    border-left: none;
    vertical-align: middle;
}

.achievements__my-score td {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #666;
    text-align: center;
    background-color: #f5ffe5;
    border-left: 1px solid #8cb058;
}

.achievements__my-score .row2 td {
    vertical-align: middle;
    padding-bottom: 13px;
}

.achievements__my-score td span {
    font: normal 24px "BebasRegular";
    word-spacing: 3px;
    letter-spacing: 0.1px;
    color: #333;
}

.achievements__my-score .overall-score {
    font: normal 14px "BebasRegular";
    word-spacing: 3px;
    letter-spacing: 0.1px;
    color: #666;
}

.achievements__my-score .red-score {
    font: normal 24px "BebasRegular";
    word-spacing: 3px;
    letter-spacing: 0.1px;
    color: #fe0000;
    padding-right: 3px;
    display: inline-block;
}

.achievements__my-score .skill-name span {
    position: relative;
    top: -14px;
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #666;
}

.achievements__my-score td .score-level {
    background-color: #8bad4c;
    position: relative;
    line-height: 36px;
    padding: 0 7px;
    display: inline-block;
}

.achievements__my-score td .score-level span {
    color: #fff;
}

.achievements__my-score td .score-level div {
    background: url("/i/green-border.png") 0 0 no-repeat;
    position: absolute;
    width: 10px;
    height: 10px;
}

.achievements__my-score td .score-level .tl {
    left: 0;
    top: 0;
}

.achievements__my-score td .score-level .tr {
    background-position: right top;
    right: 0;
    top: 0;
}

.achievements__my-score td .score-level .bl {
    background-position: left bottom;
    left: 0;
    bottom: 0;
}

.achievements__my-score td .score-level .br {
    background-position: right bottom;
    right: 0;
    bottom: 0;
}

.achievements__my-score td .star-ranking {
    background: url("/i/icon-score-rank.png") 0 0 no-repeat;
    display: inline-block;
    width: 41px;
    text-align: center;
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #666;
    padding-top: 11px;
    padding-bottom: 5px;
}

.row1 td {
    padding-top: 18px;
    padding-bottom: 9px;
}

.box__scores .filter-title {
    margin-top: 0;
}

.score-table {
    color: #666;
    font: normal 14px Arial, Helvetica, sans-serif;
    width: 100%;
}

.score-table th {
    text-align: left;
    border-bottom: 1px solid #d5d5d5;
    padding-left: 16px;
    line-height: 40px;
    background-color: #f5f5f5;
}

.score-table td {
    height: 30px;
    line-height: 30px;
}

.score-table td, .post--fix {
    padding: 5px 15px;
}

.score-table td .image-wrapper {
    margin-right: 10px;
}

.score-table .level-set,
.inforblock .level-set {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    margin-top: 5px;
}

.inforblock .level-set .t-content,
.score-table .level-set .t-content {
    z-index: 1;
    position: relative;
    height: 17px;
    line-height: 17px;
    font: normal 11px "BebasRegular";
    word-spacing: 3px;
    letter-spacing: 0.1px;
    color: #fff;
}

.inforblock .level-set .l,
.inforblock .level-set .r,
.inforblock .level-set .c,
.score-table .level-set .l,
.score-table .level-set .r,
.score-table .level-set .c {
    background-image: url("/i/green-border2.png");
    background-repeat: no-repeat;
    width: 5px;
    height: 17px;
    position: absolute;
}

.inforblock .level-set .l,
.score-table .level-set .l {
    left: 0;
    top: 0;
    background-position: left top;
}

.inforblock .level-set .r,
.score-table .level-set .r {
    right: 0;
    top: 0;
    background-position: right -17px;
}

.inforblock .level-set .c,
.score-table .level-set .c {
    left: 5px;
    right: 5px;
    top: 0;
    width: auto;
    background-position: 0 -34px;
    background-repeat: repeat-x;
}

.score-table .align-right {
    text-align: right;
    padding-right: 18px;
}

.score-table .align-center {
    text-align: center;
}

.ranking-set {
    background: url("/i/rank-star1.png") 0 0 no-repeat;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
}

.ranking-set2 {
    background: url("/i/rank-star2.png") 0 0 no-repeat;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
}

.score-table .ranking-set2,
.score-table .ranking-set,
.inforblock .ranking-set,
.inforblock .ranking-set2 {
    width: 34px;
    height: 29px;
}

.score-table .score-set .red {
    font-weight: bold;
    color: #c00;
}

.score-table td {
    border-bottom: 1px solid #ccc;
}

.score-table .load-more {
    display: table-row;
}

.score-table .load-more td {
    text-align: center;
    border-bottom: none;
}

.score-table .load-more td, .post--fix {
    height: 35px;
    line-height: 35px;
}

.score-table .last-item td {
    border-bottom: none;
}

.score-table .is-me td {
    background-color: #ffeeab;
}

.box__my-related {
    position: relative;
}

.is-me-rect__b1 {
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    background-color: #8cb058;
    width: 1px;
    min-height: 44px;
}

.is-me-rect__b2 {
    position: absolute;
    left: -1px;
    top: -1px;
    height: 1px;
    background-color: #8cb058;
    width: 959px;
}

.is-me-rect__b3 {
    position: absolute;
    left: -1px;
    bottom: -1px;
    height: 1px;
    background-color: #8cb058;
    width: 959px;
}

.is-me-rect__b4 {
    background-color: transparent;
    border-left: 1px solid #8cb058;
    left: 958px;
    top: -1px;
    bottom: -1px;
    position: absolute;
    background-repeat: no-repeat;
}

.is-me-rect__b4, .post--fix {
    width: 48px;
}

.is-my-score {
    display: none;
}

.is-my-score-mode .is-my-score {
    display: block;
}

.is-my-score-mode .is-friend {
    display: none;
}

.inforblock .overall-label {
    font: bold 11px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #333;
}

.inforblock .overall-text {
    font: bold 20px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #666;
}

.inforblock .overall-text .red {
    color: #f00;
}

.is-my-score .infor-table th {
    text-align: center;
}

.is-my-score .infor-table td {
    text-align: center;
    font: bold 11px Arial, Helvetica, sans-serif;
}

.infor-table .rating {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #666;
}

.infor-table .ranking-set,
.infor-table .ranking-set2 {
    font: bold 14px Arial, Helvetica, sans-serif;
    padding-top: 5px;
}

.infor-table .ranking-set--alt {
    padding-top: 10px;
}

.my-score-title {
    font: bold 14px/39px Arial, Helvetica, sans-serif;
}

.my-wards .badge-info div {
    margin-top: -7px;
}

.my-wards .badge-element {
    text-align: center;
}

.my-wards .badge-wp {
    margin-bottom: 10px;
}

.my-wards .badge-element img {
    margin: 0 auto;
}

.my-wards .badge-element >a {
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #09f;
}

.my-wards .badge-element:hover .badge-request__info {
    left: 100px;
}

.my-wards .hovercontrol {
    left: -20px;
    width: 32px;
}

.my-wards .badge-request__info, .firend-request__info {
    min-height: 160px;
}

.my-wards .badge-element:hover .badge-request__info table td {
    text-align: left;
}

.my-wards .badge-request__info .badge-request__info-titles {
    text-align: left;
}

.my-wards .badge-item {
    width: 76px;
}

.placement {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #8cb058;
    text-align: center;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #666;
    padding-top: 20px;
}

.placement, .post--fix {
    width: 165px;
}

.placement .ranking {
    background: url("/i/rank-star3.png") 0 0 no-repeat;
    margin: 5px auto 0;
    display: block;
    padding-top: 11px;
    font: bold 18px Arial, Helvetica, sans-serif;
}

.placement .ranking, .post--fix {
    width: 41px;
    height: 38px;
}

.prize-table td {
    vertical-align: top;
}

.prize-table .wards-set, .prize-table .badges-set, .prize-table .prizes-set {
    overflow: hidden;
    line-height: 30px;
}

.prize-table .wards-set a, .prize-table .badges-set a, .prize-table .prizes-set a {
    height: 30px;
    line-height: 30px;
    margin-right: 3px;
}

.prize-table .prize-link {
    padding-left: 18px;
}

.ward-link {
    background: url("/i/awards.png") 0 center no-repeat;
    line-height: 21px;
    display: inline-block;
    padding-left: 20px;
}

.prize-link {
    background: url("/i/prize.png") 0 center no-repeat;
    line-height: 21px;
    display: inline-block;
    padding-left: 18px;
}

.is-my-score table {
    font: normal 11px Arial, Helvetica, sans-serif;
}

.is-my-score table td a {
    display: inline;
}

.is-my-award td {
    font: normal 12px/20px Arial, Helvetica, sans-serif;
    height: 20px;
}

.is-my-award th {
    text-align: left;
}

.badge-request__info table th {
    text-align: left;
}

.badge-link1 img {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.box--tournaments {
    border: none;
}

.my-tournamments, .view-tournaments {
    font: bold 14px Arial, Helvetica, sans-serif;
    border: 1px solid #dfdfdf;
}

.view-tournaments .box__title,
.my-tournamments .box__title {
    padding: 0;
}

.view-tournaments .box__title >span,
.my-tournamments .box__title >span {
    color: #fff;
    text-transform: uppercase;
    padding-left: 50px;
    background: url("/i/icon-my-tur.png") 13px center no-repeat;
    background-color: #333;
    height: 41px;
    line-height: 41px;
    cursor: pointer;
    display: block;
}

.box--tournaments-detail .box__title,
.view-tournaments .box__title >span {
    background-image: url("/i/icon-tur.png");
    cursor: default;
    background-position: 9px center;
    background-repeat: no-repeat;
}

.view-tournaments .box__title--filter,
.my-tournamments .box__title--filter {
    text-transform: none;
    height: 29px;
}

.hide-detail .box__title >span {
    background-image: url("/i/icon-my-tur-2.png");
}

.tournamments-show-active .my-tournaments--completed {
    display: none;
}

.tournamments-show-completed .my-tournaments--completed {
    display: table;
    width: 100%;
    clear: both;
}

.tournamments-show-active .my-tournaments--active {
    display: table;
    width: 100%;
    clear: both;
}

.tournamments-show-completed .my-tournaments--active {
    display: none;
}

.hide-detail .my-tournaments--completed,
.hide-detail .my-tournaments--active {
    display: none;
}

.box__title--filter {
    width: 217px;
    margin-right: 5px;
    margin-top: 6px;
    color: #fff;
}

.box__title--filter .filter-status {
    width: 134px;
}

.box__title--filter ul {
    margin: 0;
}

.box__title--filter ul li {
    margin-right: 0;
}

.box__title--filter label {
    position: relative;
    top: -6px;
}

.box__title--filter ul li a {
    text-align: left;
    color: #333;
}

.view-tournaments .tournaments-table
.my-tournamments table {
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #666;
}

.view-tournaments .tournaments-table {
    width: 100%;
}

.view-tournaments .tournaments-table th,
.my-tournamments table th {
    text-align: left;
    font-weight: bold;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    padding-left: 14px;
    color: #666;
}

.view-tournaments .tournaments-table th,
.my-tournamments table th, .post--fix {
    height: 41px;
    line-height: 41px;
}

.sortable {
    padding-right: 20px;
    color: #666;
}

.sortable:hover {
    text-decoration: none;
}

.sortableDesc {
    background: url("/i/icon-sort-desc.png") right center no-repeat;
}

.sortableAsc {
    background: url("/i/icon-sort-asc.png") right center no-repeat;
}

.view-tournaments .tournaments-table td,
.my-tournamments table td {
    padding-left: 14px;
    border-bottom: 1px solid #ccc;
}

.view-tournaments .tournaments-table td,
.my-tournamments table td, .post--fix {
    height: 34px;
    line-height: 34px;
    color: #666;
}

.view-tournaments .tournaments-table td .join-button {
    position: relative;
    top: -2px;
}

.view-tournaments .tournaments-table td .my-tournaments-name,
.my-tournamments table td .my-tournaments-name {
    line-height: 27px;
    font-weight: bold;
}

.view-tournaments .tournaments-table .my-tournaments-name img,
.my-tournamments table td .my-tournaments-name img {
    position: relative;
    top: 7px;
    margin-right: 5px;
}

.view-tournaments .tournaments-table .align-center {
    text-align: center;
}

.view-tournaments .tournaments-table td {
    font-weight: normal;
}

.view-tournaments .tournaments-table .last-row td,
.my-tournamments table .last-row td {
    border-bottom: none;
}

.my-tournamments table td .end-date,
.view-tournaments .tournaments-table td .end-date
.view-tournaments .tournaments-table td >span,
.my-tournamments table td >span {
    font-weight: normal;
}

.view-tournaments .tournaments-table td .winner,
.my-tournamments table td .winner {
    background: url("/i/icon-rank1.png") 0 center no-repeat;
    padding-left: 22px;
    line-height: 27px;
    display: inline-block;
    padding-right: 10px;
}

.view-tournaments .tournaments-table td .second-place,
.my-tournamments table td .second-place {
    background: url("/i/icon-rank2.png") 0 center no-repeat;
    padding-left: 22px;
    line-height: 27px;
    display: inline-block;
}

.my-tournamments table td .third-place {
    background: url("/i/icon-rank3.png") 0 center no-repeat;
    padding-left: 22px;
    line-height: 27px;
    display: inline-block;
}

.tournaments-details__content .content table .deadline-field,
.my-tournamments table td .end-date {
    background: url("/i/icon-time.png") 0 center no-repeat;
    padding-left: 23px;
    line-height: 27px;
    color: #333;
}

.my-tournamments table td .end-date label {
    color: #666;
}

.my-tournamments table td .end-date .closing {
    color: #f00;
}

.my-tournamments .jqTransformSelectWrapper ul li .selected,
.view-tournaments .jqTransformSelectWrapper ul li .selected {
    background-color: #8cb058;
    color: #fff;
}

.view-tournaments {
    margin-top: 19px;
}

.view-tournaments .box__title--filter {
    width: 566px;
}

.view-tournaments .box__title label {
    display: block;
    margin-right: 8px;
    margin-left: 23px;
}

.view-tournaments .input-wrapper {
    position: relative;
    padding-right: 26px;
}

.view-tournaments .input-wrapper input {
    border: 1px solid #e7e7e7;
    padding: 6px 8px;
}

.view-tournaments .input-wrapper input, .post--fix {
    height: 15px;
    width: 100px;
    font: normal 14px/15px Arial, Helvetica, sans-serif;
    color: #666;
}

.view-tournaments .input-wrapper a {
    display: block;
    background: url("/i/search-icon-small.png") 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 29px;
}

.view-tournaments .filter-button {
    padding: 0 15px 0 24px;
    background-position: 12px center;
    margin-top: 0;
    margin-left: 7px;
}

.view-tournaments .filter-button, .post--fix {
    height: 29px;
    line-height: 29px;
}

.filter-pane {
    padding: 9px 0;
    background-color: #ccc;
    display: none;
}

.filter-pane .row {
    clear: both;
    position: relative;
    line-height: 29px;
    padding: 3px 0;
}

.filter-pane .label-col1,
.filter-pane .label-col3 {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 29px;
}

.filter-pane .label-col1 {
    padding-left: 14px;
}

.post--fix,
.filter-pane .label-col1 {
    width: 103px;
}

.filter-pane .label-col3 {
    width: 103px;
}

.filter-pane .label-col3, .post--fix {
    padding-left: 100px;
}

.filter-pane .label-col2,
.filter-pane .label-col4 {
    width: 158px;
}

.filter-pane .small-font {
    line-height: 15px;
    font: bold 12px Arial, Helvetica, sans-serif;
}

.filter-pane .date-wrapper {
    position: relative;
}

.filter-pane .text,
.filter-pane .date {
    border: 1px solid #e7e7e7;
    line-height: 21px;
    padding: 2px 5px;
}

.post--fix,
.filter-pane .text,
.filter-pane .date {
    height: 21px;
    width: 146px;
}

.filter-pane .date-icon {
    position: absolute;
    background: url("/i/date-icon.png") 0 0 no-repeat;
    width: 18px;
    height: 22px;
    top: 2px;
    right: 4px;
    display: block;
}

.filter-pane .button-wrapper {
    margin-right: 17px;
}

.filter-pane .row ul li a {
    line-height: 27px;
    margin: 0;
    padding: 0 10px;
}

.box--tournaments .is-filter-show .box__title--filter .filter-button {
    background-position: 5px center;
}

.box--tournaments .is-filter-show .filter-pane {
    display: block;
}

.box--tournaments-briefe {
    margin-bottom: 19px;
}

.box--tournaments .box__title strong {
    padding-left: 43px;
    font: bold 12px Arial, Helvetica, sans-serif;
    line-height: 41px;
    text-transform: uppercase;
}

.box--tournaments .box__title strong span {
    font: bold 12px Arial, Helvetica, sans-serif;
    line-height: 41px;
}

.tournaments-details__content {
    padding: 12px 0 0 0;
}

.join-button {
    width: 106px;
    text-align: center;
    cursor: pointer;
    margin-right: 5px;
}

.tournaments-details__content .content table td {
    border-top: 1px solid #e7e7e7;
    vertical-align: top;
}

.tournaments-details__content .title {
    margin-left: 16px;
    position: relative;
    top: 7px;
}

.my-tournamments .box__title .box__title--filter .float-left {
    padding-right: 10px;
    left: 10px;
}

.tournaments-details__content .content table {
    font: normal 14px Arial, Helvetica, sans-serif;
    text-align: left;
    width: 100%;
}

.tournaments-details__content .content table .normal-field {
    font-weight: bold;
    padding-left: 54px;
    background-position: 17px center;
    color: #666;
    background-repeat: no-repeat;
}

.tournaments-details__content .content table .games-field {
    background-image: url("/i/icon-games.png");
    line-height: 22px;
    margin-top: 44px;
}

.tournaments-details__content .content table .games-data {
    margin: 20px 0;
}

.tournaments-details__content .content table .games-data img {
    margin-bottom: 0;
    margin-right: 9px;
}

.tournaments-details__content .content table .games-data a {
    font-weight: bold;
    position: relative;
    top: -36px;
}

.tournaments-details__content .content table .start-field {
    background-image: url("/i/icon-starts.png");
    line-height: 24px;
    margin-top: 22px;
}

.tournaments-details__content .content table .no-border td {
    border-top: none;
}

.tournaments-details__content .content table .start-data {
    margin-top: 28px;
}

.tournaments-details__content .content table .deadline-field {
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    line-height: 20px;
    padding: 10px 48px;
    margin: 22px 0 20px 0;
    float: left;
    background-position: 27px center;
}

.tournaments-details__content .content table .prize-field {
    background-image: url("/i/icon-prize.png");
    line-height: 29px;
    margin-top: 18px;
}

.tournaments-details__content .content table .prize-filed {
    padding-bottom: 10px;
    padding-top: 7px;
}

.tournaments-details__content .content table .prize-filed a {
    background: url("/i/icon-big-rank.png") 0 0 no-repeat;
    display: block;
    float: left;
    line-height: 35px;
    padding: 0 78px 0 38px;
    font-weight: bold;
    margin: 8px 0;
}

.tournaments-details__content .content table .prize-filed .second-place {
    background-position: 0 -51px;
}

.tournaments-details__content .content table .prize-filed .third-place {
    background-position: 0 -102px;
}

.tournaments-details__content .content table .prize-filed .fourth-place {
    background-position: 0 -153px;
}

.tournaments-details__content .content table .rule-field {
    background-image: url("/i/icon-rules.png");
    line-height: 24px;
    margin-top: 19px;
}

.tournaments-details__content .content table .pre-field {
    background-image: url("/i/icon-p1.png");
    line-height: 25px;
    margin-top: 15px;
}

.tournaments-details__content .content table .skill-field {
    background-image: url("/i/icon-skill.png");
    line-height: 19px;
    margin-top: 24px;
}

.tournaments-details__content .content table .text-filed {
    line-height: 25px;
    padding: 19px 0 18px;
}

.box--tournaments-detail .box__title strong span,
.box--tournaments-detail .box__title .breadcrumb {
    font: bold 12px Arial, Helvetica, sans-serif;
    line-height: 41px;
}

.box--tournaments-detail .box__title {
    padding-left: 45px;
}

.box--tournaments-detail {
    margin-bottom: 11px;
}

.tournameant-side-bar .games-preview {
    padding: 10px;
}

.tournameant-side-bar .games-preview img {
    margin-right: 9px;
}

.tournameant-side-bar .game-preview__preview {
    font: normal 11px Arial, Helvetica, sans-serif;
    line-height: 14px;
    color: #333;
}

.tournameant-side-bar .button-holder {
    text-align: center;
    padding: 13px 0;
}

.tournameant-side-bar .button-holder .button {
    width: 124px;
    text-align: center;
}

.tournameant-side-bar .button-holder .button, .post--fix {
    padding: 0;
}

.friends-preview {
    padding: 23px 0 0 19px;
}

.friends-preview a {
    width: 65px;
    color: #333;
    font: normal 11px Arial, Helvetica, sans-serif;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 15px;
}

.box--contests .view-tournaments .box__title >span,
.box-contest-details .box__title {
    background-image: url("/i/icon-contest.png");
}

.help-center__search {
    height: 39px;
    line-height: 39px;
}

.post--fix,
.help-center__search {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    padding: 0 6px 0 14px;
}

.help-center__search .filter-label {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 39px;
    margin-right: 11px;
}

.help-center__search .grey-button {
    font: bold 11px Arial, Helvetica, sans-serif;
    line-height: 27px;
    padding: 0 6px 0 8px;
    display: block;
    color: #fff;
    margin-left: 5px;
    background: #666 7px -267px no-repeat;
    margin-top: 6px;
    text-transform: uppercase;
}

.help-center__search .grey-button:hover {
    background-color: #333;
    text-decoration: none;
}

.search-area {
    position: relative;
    margin-top: 5px;
    width: 382px;
}

.search-area .search-text {
    font: normal 14px Arial, Helvetica, sans-serif;
    line-height: 18px;
    color: #666;
    padding: 4px 45px 5px 8px;
    border: 1px solid #ccc;
    margin: 0;
}

.search-area .search-text, .post--fix {
    width: 327px;
}

.remove-input-icon {
    background: url("/i/icon-clear-search.png") 0 0 no-repeat;
    display: none;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 32px;
    top: 50%;
    margin-top: -7px;
}

.do-search {
    background: 0 -31px no-repeat;
    display: block;
    width: 25px;
    height: 27px;
    right: 1px;
    top: 1px;
    position: absolute;
}

.do-search-ff {
    height: 27px;
}

.show-tips .remove-input-icon {
    display: block;
}

.search-area .search-results {
    display: none;
}

.show-tips .search-results {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 29px;
    border: 1px solid #ccc;
    border-top: none;
    line-height: 25px;
    background-color: #fff;
    padding: 0 8px;
}

.show-tips .search-results a {
    color: #666;
    font: bold 14px Arial, Helvetica, sans-serif;
    line-height: 25px;
    height: 25px;
    display: block;
}

.show-tips .search-results a:hover {
    text-decoration: none;
}

.show-tips .search-results a strong {
    font-weight: normal;
}

.featured-help {
    padding: 37px 0 47px 0;
    overflow: hidden;
}

.featured-help .article {
    width: 274px;
}

div .featured-help .article {
    padding: 0 13px 0 30px;
}

div .featured-help .last-article {
    padding-right: 0;
}

.featured-help .article img {
    margin-right: 18px;
}

.featured-help .article .article--title {
    font: normal 18px "BebasRegular";
    word-spacing: 3px;
    letter-spacing: 0.1px;
    color: #666;
}

.featured-help .article p {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 15px;
    word-wrap: break-word;
    word-break: break-all;
}

.box--small-widget {
    width: 239px;
}

.help__content .box--small-widget {
    width: 319px;
}

div .box--small-widget {
    border-left: 1px solid #dfdfdf;
}

.small-widget-box {
    overflow: hidden;
    border-left: none;
}

.small-widget-box, .post--fix {
    width: 960px;
    margin-top: 19px;
}

.box--small-widget .box__title {
    height: 41px;
    font: bold 14px Arial, Helvetica, sans-serif;
    line-height: 41px;
    padding-left: 51px;
    color: #fff;
    text-transform: uppercase;
    background-repeat: no-repeat;
}

.box--small-widget p {
    width: 201px;
    margin-left: 20px;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 14px;
    color: #666;
    padding-top: 14px;
    padding-bottom: 8px;
    word-wrap: break-word;
    word-break: break-all;
}

.box--small-widget ul {
    width: 201px;
    margin-left: 20px;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 18px;
}

.box--small-widget ul a {
    font-weight: normal;
    padding-left: 0;
    word-wrap: break-word;
    word-break: break-all;
}

.box--small-widget .button-holder {
    text-align: center;
    margin: 20px 0;
}

.box--small-widget .button {
    width: 123px;
}

.widget__photo {
    margin-left: 13px;
    margin-top: 5px;
}

.video-box {
    margin-top: 20px;
    position: relative;
}

.video-carousel {
    padding: 20px 60px 17px 67px;
}

.carousel-view {
    overflow: hidden;
    position: relative;
}

.carousel-wrapper {
    position: relative;
    overflow: hidden;
    width: 10000px;
    left: -832px;
}

.video-item {
    display: block;
    margin: 0 13px;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.video-area {
    width: 182px;
    height: 115px;
    background-color: transparent;
    position: relative;
    margin-bottom: 7px;
}

.get-started-box .tutor-box .video-post {
    margin-top: 30px;
}

.video-post .video-area {
    width: 600px;
    height: 250px;
}

.video-area a {
    display: block;
    background: 0 -86px no-repeat;
    position: absolute;
    right: 9px;
    bottom: 10px;
    width: 33px;
    height: 34px;
}

.video-item >a {
    font-weight: bold;
    word-wrap: break-word;
    word-break: break-all;
}

.video-item p {
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
}

.video-box .box__title {
    background: #333;
    padding-left: 53px;
    font: bold 14px/41px Arial, Helvetica, sans-serif;
    color: #fff;
}

.prev-page, .next-page {
    display: block;
    position: absolute;
    background: 0 -302px no-repeat;
    width: 14px;
    height: 37px;
    top: 100px;
    left: 37px;
}

.next-page {
    right: 30px;
    left: auto;
    background: 0 -262px no-repeat;
}

.video-box .button-holder {
    text-align: center;
    margin-bottom: 17px;
}

.video-box .button-holder a {
    width: 124px;
}

.get-started-box {
    overflow: hidden;
}

.get-started-box .box--small-widget {
    border-left: none;
    position: relative;
    z-index: 1;
    border-right: 1px solid #dfdfdf;
}

.get-started-box .box--small-widget, .post--fix {
    width: 279px;
}

.get-started-box .box--small-widget >ul {
    border-top: 1px solid #dfdfdf;
}

.get-started-box .box--small-widget >ul li {
    position: relative;
}

.get-started-box .box--small-widget >ul .root-menu >a {
    background-image: none;
    line-height: 43px;
    padding-left: 19px;
    color: #666;
    font-weight: bold;
}

.get-started-box .box--small-widget >ul .root-menu:hover {
    background-color: #f5f6f5;
}

.get-started-box .box--small-widget >ul {
    margin: 0;
    padding: 0;
    width: auto;
}

.get-started-box .box--small-widget >ul .root-menu {
    font: bold 14px/43px Arial, Helvetica, sans-serif;
}

.get-started-box .box--small-widget >ul .root-menu .trigger,
.get-started-box .box--small-widget >ul .root-menu .subtitle {
    display: none;
}

.get-started-box .box--small-widget >ul .expand .trigger,
.get-started-box .box--small-widget >ul .expand .subtitle {
    display: block;
}

.get-started-box .box--small-widget >ul .expand .subtitle {
    padding: 10px 0;
}

.get-started-box .box--small-widget >ul .expand .root-label {
    background-color: #8cb058;
    position: relative;
    line-height: 43px;
    display: block;
    color: #fff;
}

.box__help-center .get-started-box .box--small-widget >ul .selected a {
    font-weight: bold;
}

.get-started-box .box--small-widget >ul a {
    text-decoration: none;
}

.get-started-box .box--small-widget >ul .expand .root-label .trigger {
    background: 0 -120px no-repeat;
    width: 6px;
    height: 11px;
    position: absolute;
    top: 50%;
    right: -6px;
    margin-top: -6px;
}

.get-started-box .box--small-widget >ul .subtitle {
    background-color: #f5f6f5;
    padding: 0;
    margin: 0;
    width: auto;
}

.get-started-box .box--small-widget >ul .subtitle a {
    background-image: none;
    padding-left: 50px;
    display: block;
    color: #666;
    font: normal 14px/29px Arial, Helvetica, sans-serif;
}

.article-body {
    width: 624px;
}

div .article-body {
    padding: 15px 29px 12px 25px;
}

.article-body .article-title {
    font: bold 24px/31px Arial, Helvetica, sans-serif;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
}

.article-body p {
    padding-top: 14px;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
}

.article-body .img-wrapper {
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 4px;
}

.article-body .img-wrapper .first-image {
    margin-right: 14px;
}

.bottom-button-bar {
    margin-top: 113px;
    overflow: hidden;
}

.bottom-button-bar a.button {
    width: 105px;
    font-weight: normal;
}

.bottom-button-bar div {
    font: bold 14px/20px Arial, Helvetica, sans-serif;
    color: #444;
    margin-top: 5px;
}

.bottom-button-bar .prev-button-bar {
    text-align: left;
}

.bottom-button-bar .next-button-bar {
    text-align: right;
}


.not-login-button {
    width: 143px;
    margin-right: 7px;
}

.tournaments-popup .firend-request__info-titles {
    font: bold 14px/39px Arial, Helvetica, sans-serif;
}

.tournaments-popup .desc-para {
    font: normal 11px/13px Arial, Helvetica, sans-serif;
    color: #666;
}

.tournaments-popup .runing-status {
    font: bold 11px/20px Arial, Helvetica, sans-serif;
    color: #f00;
}

.tournaments-popup .complete-status {
    font: bold 11px/20px Arial, Helvetica, sans-serif;
    color: #8cb058;
}

.tournaments-popup .plat-block {
    font: normal 12px/14px Arial, Helvetica, sans-serif;
    color: #666;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
}

.tournaments-popup .plat-block img {
    position: relative;
    top: 7px;
}

.tournaments-popup .inforblock-alt .details-button {
    padding: 0 5px;
    width: auto;
}

.tournaments-popup .infor-table td {
    font: normal 12px Arial, Helvetica, sans-serif;
}

.tournaments-popup .infor-table td span {
    position: relative;
    top: -5px;
}

.tournaments-popup .infor-table td a {
    display: inline;
    font: bold 14px Arial, Helvetica, sans-serif;
    position: relative;
    top: -5px;
}

.search-title {
    font: normal 14px/19px Arial, Helvetica, sans-serif;
    padding: 19px 14px 5px 14px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ccc;
    color: #666;
}

.join-button {
    padding: 0 20px 0 22px;
    width: auto;
}

.joined-label,
.is-joined,
.is-joined:hover {
    background: #8cb058 url("/i/icon-join.png") 2px center no-repeat;
    padding: 0 8px 0 20px;
    cursor: default;
    color: #fff;
}

.joined-label {
    display: none;
}

.is-div-joined .join-button {
    display: none;
}

.is-div-joined .joined-label {
    display: block;
    height: 30px;
    font: normal 14px/30px "BebasRegular";
    word-spacing: 3px;
    letter-spacing: 0.1px;
    background-position: 18px center;
}

.is-div-joined .joined-label, .post--fix {
    margin-right: 5px;
    padding: 0 30px 0 39px;
}

.tournaments-details .join-button {
    padding: 0;
    width: 106px;
    text-align: center;
}

.is-tor-hover td {
    background-color: #ffeeab;
}

.filter-badge-bar .search-badge__filter .space {
    width: 5px;
    height: 10px;
    margin-left: 0;
    margin-right: 0;
}

.inforblock--badges {
    padding-left: 13px;
}

.is-my-score-block th {
    padding-bottom: 5px;
}

.is-my-prize .box__my-related tr td {
    padding-top: 12px;
}

.red {
    color: #f00;
}

.infor-table .popup__skill-name {
    color: #666;
}

.inforblock--badges table td {
    color: #666;
}

.inforblock--badges table td a {
    font-weight: normal;
}

.games-preview strong a {
    font: bold 14px/19px Arial, Helvetica, sans-serif;
}


.is-hint {
    color: #c0c0c0;
}

.upload-controls {
    display: inline;
    position: absolute;
    left: -1000px;
    top: -1000px;
}

.upload-controls {
    height: 0;
    width: 0;
}

.post-area .attachment-add-file {
    padding: 20px 13px 25px 18px;
    margin: 4px -13px 0;
    border-top: 1px solid #ededed;
}

.post-area .attachment-add-file .button {
    width: 80px;
    height: 30px;
    position: relative;
    top: 1px;
}

.post-area .attachment-add-file .input-value {
    background: #fff;
    border: 1px solid #e7e7e7;
}

.post-area .attachment-add-file .input-value {
    width: 585px;
    height: 28px;
}

.l-content--logged-in .post-area .attachment-add-file .input-value {
    width: 342px;
}

.upload {
    padding: 9px 0 0 100px;
    margin: 4px -13px 0;
    border-top: 1px solid #ededed;
}

.upload dl {
}

.upload .upload__thumb img {
    width: 39px;
    height: 37px;
    display: block;
    margin-left: 0;
}

.upload dd,
.upload dt {
    margin-left: 49px;
    font-weight: bold;
    color: #333333;
}

.upload dt span {
    display: block;
    text-align: left;
}

.upload dd {
    width: 146px;
}

.upload .upload__thumb {
    margin-left: 0;
    width: auto;
}

.upload dt {
    padding-bottom: 5px;
}

.upload .upload__progress-bar {
    width: 130px;
    background: #cccccc;
    height: 6px;
    display: block;
}

.upload .upload__progress-bar span {
    width: 0;
    height: 6px;
    display: block;
    background: #8cb058;
}

.upload .upload__percentage {
    display: block;
    padding-top: 3px;
    color: #8cb058;
}

.upload__remove-icon {
    background: url("/i/remove-icon.png") no-repeat 0 0;
    width: 12px;
    height: 13px;
    display: block;
    position: relative;
    top: -3px;
}



.popup--video {
    width: 560px;
}

.popup--video .video {
    text-align: center;
    padding: 24px 15px 20px;
}

.popup--image {
    width: 560px;
}

.popup--image .image {
    text-align: center;
    padding: 15px 10px 17px;
}

.popup--image .image img {
    border: 1px solid #cccccc;
}



.button--remove-selected,
.table__remove-link,
.box--blog-draft ul li a.blog-draft__remove,
.attachments__container table .button--delete,
.button--delete {
    position: relative;
}

.box--blog .box__title .button--remove-selected span.icon,
.table__remove-link span,
.box--blog-draft ul li a.blog-draft__remove span,
.attachments__container table .button--delete span,
.button--delete span {
    background-image: url("/i/blogs_sprites.png");
    position: absolute;
    left: 14px;
    top: 11px;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: 0 -594px;
}

.table__remove-link span {
    left: 8px;
    top: 9px;
}

.box--blog-draft ul li a.blog-draft__remove span {
    left: 10px;
    top: 10px;
}

.attachments__container table .button--delete span {
    left: 11px;
    top: 10px;
}

.button--delete span {
    left: 8px;
    top: 10px;
}


.button--view-more {
    padding: 0 32px;
}



.popup__alert_ex {
    width: 463px;
}

.popup__alert_ex .popup__title-right div {
    height: 41px;
}

.popup__alert_ex .popup__title-mid {
    padding: 11px 0 0 0;
}

.popup__alert_ex .popup__title-mid strong {
    display: inline-block;
    padding-left: 5px;
    background-position: 0 0;
    background-repeat: no-repeat;
    font: bold 14px/40px Arial, Helvetica, sans-serif;
}

.popup__alert_ex .popup__content-mid {
    padding: 14px 20px 20px 19px;
    overflow: hidden;
}

.popup__alert_ex .confirm-btn-holder {
    margin-top: 1px;
}

.popup__alert_ex .confirm-btn-holder a {
    width: 69px;
}

.popup__alert_ex .confirm-btn-holder a:hover {
    cursor: pointer;
}

.popup__alert_ex .popup__button-area {
    padding-top: 50px;
}

.feed-home .feed-comment .replyDiv textarea {
    width: 310px;
}

.feed-home .feed-comment .button-holder {
    font-weight: bold;
    font-size: 10px;
    text-align: right;
}

.feed-home .feed-comment .button-holder a {
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 22px;
    padding-top: 4px;
}

.feed-home .feed-comment .button-holder .reply {
    background-image: url("/i/reply-icon.png");
    background-position: left 3px;
    border-right: 1px solid #999999;
    margin-right: 4px;
    padding-right: 8px;
}

.feed-home .feed-comment .button-holder .like {
    background-image: url("/i/like-icon-small.png");
    background-position: left top;
}

.js-profile-wall .feed-comment .replyDiv textarea {
    width: 560px;
}

.js-profile-wall .feed-comment .button-holder {
    font-weight: bold;
    font-size: 10px;
    text-align: right;
}

.js-profile-wall .feed-comment .button-holder a {
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 22px;
    padding-top: 4px;
}

.js-profile-wall .feed-comment .button-holder .reply {
    background-image: url("/i/reply-icon.png");
    background-position: left 3px;
    border-right: 1px solid #999999;
    margin-right: 4px;
    padding-right: 8px;
}

.js-profile-wall .feed-comment .button-holder .like {
    background-image: url("/i/like-icon-small.png");
    background-position: left top;
}

.content--wiki-details .news-comment textarea {
    width: 860px;
}

.content--wiki-details .news-comment .button-holder textarea.reply-area {
    width: 850px;
}

.content--wiki-details .news-comment .replyDiv textarea {
    width: 795px;
}




.box--register .is-error,
.box--login .is-error ,
.popup--login .is-error {
    border: 1px solid #ff0000;
}


.clear {
    clear: both;
}

.match {
    font-weight: bold;
    text-decoration: underline;
}

.item-multiplier {
    font-size: 12px;
    font-weight: normal;
    margin-right: 4px;
    color: #999;
}

.tag-item {
    cursor: pointer;
}




.blog-tab-content.print-content .wiki-article__title, .blog-tab-content.print-content dl, .blog-tab-content.print-content>p {
    margin: 0;
}

.l-sidebar--logged-in .homepage-blog-abstract {
    width: 200px;
}


.hide-preview {
    display: none;
}

.hide {
    display: none;
}

.item-multiplier {
    font-size: 12px;
    font-weight: normal;
    margin-right: 4px;
    color: #999;
    display: inline-block;
}

.match {
    font-weight: bold;
    text-decoration: underline;
}

.create .hide {
    display: none;
}

.box--recnet-comment .box__title {
    background-image: url("/i/icon-recent-comment.png");
    background-position: 8px 7px;
    background-repeat: no-repeat;
}

.box--recnet-comment .box__title {
    position: relative;
    background-color: #333333;
    background-position: 11px 9px;
}






.search-block .view-more,
.box--comments .view-more,
.box--feeds .view-more,
.box--top-stories .view-more {
    display: block;
    margin: 7px auto;
    cursor: pointer;
    width: 120px;
}

.search-block .button,
.view-more {
    padding: 0 6px;
}

.search-block .button-inactive,
.box--comments .button-inactive,
.box--feeds .button-inactive,
.box--top-stories .button-inactive,
.box--top-stories .button-inactive:hover {
    cursor: default;
    background: #ffcc00;
}

.loading-more {
    direction: ltr;
    text-indent: -9999px;
    background: url("/i/loading-more.gif");
    cursor: default;
}

.message-box {
    text-align: center;
    margin: 0 auto;
    height: 299px;
    position: relative;
}

.message-box span {
    position: absolute;
    display: block;
}

.message-box img {
    margin: 0 auto;
    display: block;
}

.message-box--coming-contest {
    width: 531px;
    padding-top: 62px;
}

.message-box--coming-contest span {
    background: url("/i/message-coming-icon-contest-shadow.png") center center no-repeat;
    width: 359px;
    height: 58px;
    left: -44px;
    bottom: 140px;
}

.message-box--coming-achievements {
    width: 484px;
    padding-top: 56px;
}

.message-box--coming-achievements span {
    background: url("/i/message-coming-icon-achievements-shadow.png") center center no-repeat;
    width: 436px;
    height: 139px;
    left: -180px;
    bottom: 107px;
}

.message-box--coming-tournaments {
    width: 501px;
    padding-top: 56px;
}

.message-box--coming-tournaments span {
    background: url("/i/message-coming-icon-tournaments-shadow.png") center center no-repeat;
    width: 436px;
    height: 133px;
    left: -140px;
    bottom: 110px;
}

.box--reset-password #resetForm table td .button {
    width: 130px;
    margin-right: 2px;
}

.box--reset-password .login__register {
    margin-top: 8px;
}

.is-register-error {
    background: #ffdfdf url("/i/icon-error.png") no-repeat 10px 8px;
    padding-left: 54px;
    font-weight: normal;
    border-top: 1px #dfdfdf solid;
    margin-left: 20px;
    margin-bottom: 13px;
    padding: 10px 9px 15px 54px;
    border: 1px solid #dfdfdf;
    color: #333333;
}

.is-register-error {
    width: 385px;
    position: relative;
}

.is-register-error label {
    position: absolute;
    left: 50px;
    top: 10px;
    color: #f90a0a;
    font-weight: bold;
    display: inline-block;
    padding-right: 8px;
}

.is-register-error span {
    display: none;
    padding-left: 60px;
    padding-bottom: 3px;
}

.box--reset-password .is-error {
    border: 1px solid #ff0000;
}

.box--reset-password .input-mask {
    position: relative;
    display: inline-block;
}

.box--reset-password .input-mask i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    height: 17px;
    width: 17px;
    overflow: hidden;
    display: none;
}

.box--reset-password .input-mask-err .text {
    border: 1px solid #ff0000;
}

.box--reset-password .input-mask-err i {
    background: url("/i/err.png") no-repeat 0 0;
    display: block;
}

.box--reset-password .input-mask-suc i {
    background: url("/i/suc.png") no-repeat 0 0;
    display: block;
}

.box--reset-password .is-register-error {
    width: 435px;
    margin-left: 15px;
}

.button-loading {
    position: relative;
    cursor: default;
}

.button-loading:hover {
    background: #ffcc00;
}

.button-loading i {
    background: url("/i/loading.gif") no-repeat 0 0;
    height: 11px;
    width: 11px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 6px;
}

.button-labeled,
.button-labeled:hover {
    background: #D4D4D4;
    color: #333;
    cursor: default;
}


.profile-area__content .button-loading {
    padding-left: 36px;
}

.profile-area__content .button-loading i {
    left: 20px;
}



.is-hint {
    color: #c0c0c0;
}

.upload-controls {
    display: inline;
    position: absolute;
    left: -1000px;
    top: -1000px;
}

.upload-controls {
    height: 0;
    width: 0;
}

.post-area .attachment-add-file {
    padding: 20px 13px 25px 18px;
    margin: 4px -13px 0;
    border-top: 1px solid #ededed;
}

.post-area .attachment-add-file .button {
    width: 80px;
    height: 30px;
    position: relative;
    top: 1px;
}

.post-area .attachment-add-file .input-value {
    background: #fff;
    border: 1px solid #e7e7e7;
}

.post-area .attachment-add-file .input-value {
    width: 585px;
    height: 28px;
}

.l-content--logged-in .post-area .attachment-add-file .input-value {
    width: 342px;
}

.upload {
    padding: 9px 0 0 100px;
    margin: 4px -13px 0;
    border-top: 1px solid #ededed;
}

.upload .upload__thumb img {
    width: 39px;
    height: 37px;
    display: block;
    margin-left: 0;
}

.upload dd,
.upload dt {
    margin-left: 49px;
    font-weight: bold;
    color: #333333;
}

.upload dt span {
    display: block;
    text-align: left;
}

.upload dd {
    width: 146px;
}

.upload .upload__thumb {
    margin-left: 0;
    width: auto;
}

.upload dt {
    padding-bottom: 5px;
}

.upload .upload__progress-bar {
    width: 130px;
    background: #cccccc;
    height: 6px;
    display: block;
}

.upload .upload__progress-bar span {
    width: 0;
    height: 6px;
    display: block;
    background: #8cb058;
}

.upload .upload__percentage {
    display: block;
    padding-top: 3px;
    color: #8cb058;
}

.upload__remove-icon {
    background: url("/i/remove-icon.png") no-repeat 0 0;
    width: 12px;
    height: 13px;
    display: block;
    position: relative;
    top: -3px;
}



.popup--video {
    width: 560px;
    z-index: 10000;
}

.popup--video .video {
    text-align: center;
    padding: 24px 15px 20px;
}

.popup--image {
    width: 560px;
    top: 10%;
    z-index: 10000;
}

.popup--image .image {
    text-align: center;
    padding: 15px 10px 17px;
}

.popup--image .image img {
    border: 1px solid #cccccc;
}

.feeds__content .buttons--self-comment {
    margin-top: 0;
}

.popup--likes {
    width: 378px;
    position: absolute;
}

.popup--likes li {
    padding: 11px 12px 11px 15px;
    border-bottom: 1px #cccccc solid;
}

.popup--likes .content {
    margin-left: 44px;
    line-height: 16px;
    color: #666666;
}

.popup--likes .content .handle {
    font-weight: bold;
}

.popup--likes .button {
    margin-top: 2px;
    padding: 0 9px;
    cursor: pointer;
}

.popup--likes .loading {
    background-image: url("/i/loading.gif");
    background-repeat: no-repeat;
    background-position: 9px center;
    padding-left: 26px;
    cursor: default;
}

.popup--likes .loading:hover {
    background-color: #FFCC00;
}

.popup--likes .user-liked {
    height: 232px;
    overflow: auto;
}

.popup--delete {
    width: 378px;
}

.popup--delete .popup__content p {
    padding: 25px 15px;
    color: #666;
    font-size: 14px;
}

.popup--delete .popup__content .btns {
    padding: 8px 20px;
    border-top: 1px solid #ccc;
    height: 30px;
}

.popup--delete .popup__content .btns a {
    margin-left: 5px;
    width: 86px;
}

.popup--delete .popup__content .btns .loading {
    background-image: url("/i/loading.gif");
    background-repeat: no-repeat;
    background-position: 10px center;
    cursor: default;
    padding-left: 10px;
}

.popup--delete .popup__content .btns .loading:hover {
    background-color: #FFCC00;
}

.popup--report {
    width: 378px;
}

.popup--report .popup__content dl {
    color: #666;
    font-size: 14px;
    padding: 15px 16px 6px;
    line-height: 18px;
}

.popup--report .popup__content dt {
    padding-bottom: 12px;
}

.popup--report .popup__content dd {
    padding-bottom: 6px;
}

.popup--report .popup__content label {
    line-height: 20px;
    padding-left: 4px;
}

.popup--report .popup__content .reason {
    font-size: 12px;
    padding-left: 25px;
}

.popup--report .popup__content .reason p {
    padding-bottom: 4px;
}

.popup--report .popup__content .reason .textarea {
    height: 30px;
    width: 268px;
}

.popup--report .popup__content .btns {
    padding: 8px 16px 4px;
    border-top: 1px solid #ccc;
    height: 30px;
}

.popup--report .popup__content .btns a {
    margin-left: 5px;
    width: 86px;
}

.popup--report .popup__content .btns .loading {
    background-image: url("/i/loading.gif");
    background-repeat: no-repeat;
    background-position: 10px center;
    cursor: default;
    padding-left: 14px;
}

.popup--report .popup__content .btns .loading:hover {
    background-color: #FFCC00;
}

.news-comment .content p, .feeds-comment .content p, .feeds .handle {
    font-size: 13px;
}





.button-inactive,
.button-inactive:hover {
    cursor: default;
    background: #ffcc00;
}

.notification-widget {
    position: fixed;
    z-index: 11;
    width: 237px;
    right: 0;
    top: 68px;
    left: 50%;
    margin-left: 243px;
    display: block;
}

.notification-widget .notification-widget__title {
    background: #333333 url("/i/notification-title.png") 9px center no-repeat;
    padding-left: 33px;
    color: #fffffe;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

.notification-widget .notification-widget__title .notification-widget__num {
    display: inline-block;
    font-weight: normal;
    padding-left: 5px;
    font-size: 12px;
}

.notification-widget .notification-widget__title .notification-widget__close {
    position: relative;
    top: 9px;
    right: 9px;
    background: url("/i/notification-close.png") 0 0 no-repeat;
    width: 13px;
    height: 13px;
    display: block;
}

.notification-widget .notification-widget__title .notification-widget__close:hover {
    background-position: 0 -13px;
}

.notification-widget ul {
    border: 1px solid #a8a8a8;
    background: #f5f5f5;
    border-bottom: none;
}

.notification-widget ul li {
    font-size: 12px;
    border-top: 1px solid #fffffe;
    border-bottom: 1px solid #a8a8a8;
    padding: 8px 11px 11px 7px;
}

.notification-widget ul li:hover {
    cursor: pointer;
}

.notification-widget__meta {
    display: block;
    text-align: right;
    padding-bottom: 4px;
    font-style: italic;
    color: #999999;
}

.saving-loading {
    background: url("/i/loading.gif") no-repeat 0 center;
    padding-left: 18px;
    cursor: default;
    position: absolute;
    right: 7px;
    bottom: 10px;
    color: #333333;
}


.upload {
}

.box--leaderboard .box__title span {
    height: 17px;
    width: 19px;
    position: relative;
    top: 12px;
    display: inline-block;
    float: left;
    background-position: 0 -137px;
    overflow: hidden;
}

.box--feeds .box__title span,
.box--top-stories .box__title span,
.box--player-of-the-month .box__title span,
.box--member-stats .box__title span {
    width: 22px;
    height: 21px;
    position: relative;
    top: 9px;
    display: inline-block;
    float: left;
    background-position: 0 -39px;
    overflow: hidden;
}



.user-stats-detail li span {
    left: 14px;
    position: absolute;
    display: inline-block;
}

.user-stats-detail .user-stats__rank span {
    background-position: 0 -290px;
    width: 18px;
    height: 18px;
    top: 5px;
}

.user-stats-detail .user-stats__played-time span {
    background-position: 0 -268px;
    width: 17px;
    height: 22px;
    top: 3px;
}

.user-stats-detail .user-stats__last-played span {
    background-position: 0 -308px;
    width: 22px;
    height: 19px;
    left: 12px;
}

.box--player-of-the-month .location-birthday .icon-location span,
.box--player-of-the-month .location-birthday .icon-birthday span,
.box--leaderboard .box__title span,
.box--blog-homepage .box__title span,
.box--feeds .box__title span,
.box--top-stories .box__title span,
.box--player-of-the-month .box__title span,
.box--member-stats .box__title span,
.box--friends .box__title span,
.box--forum-homepage .box__title span,
.box--news-homepage .box__title span,
.pts,
.home-carousel .content .info ul li .like-btn span,
.home-carousel .carousel .jcarousel-next-vertical,
.home-carousel .carousel .jcarousel-prev-vertical,
.box--leaderboard table .top3 .rank,
.leaderboard-user--rank,
.user-stats__latest-badges li a ,
.user-stats__latest-awards li a,
.user-stats-detail li span,
.emphase-txt,
.emphase-txt i,
.emphase-txt em {
    background-image: url("/i/Homepage_CSS_Sprite.png");
    background-repeat: no-repeat;
}



.box--news .box__title>i,
.buttons .like span,
.buttons .comment span,
.buttons .tweet span,
.login table td .social i,
.box--register .other-method .social i,
.buttons .social i,
.box--news-category .box__title i,
.box--comments .box__title i,
.tournaments-details__button .print-btn,
.news-details__button .print-btn {
    background-image: url("/i/news-css-sprite.png");
}

.box--comments .box__title i {
    float: left;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 10px;
    width: 26px;
    height: 21px;
    background-position: 0 -182px;
}





.buttons .tweet i,
.login table td .social i,
.box--register .other-method .social i {
    float: left;
    display: inline-block;
    position: relative;
    top: 9px;
    margin-right: 5px;
    width: 18px;
    height: 13px;
    background-position: 0 -60px;
}

.buttons .social i {
    float: left;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 6px;
    width: 18px;
    height: 20px;
    background-position: 0 -146px;
}


.box__title {
    position: relative;
    z-index: 1;
}

.box,
.my-wards,
.achievements__my-badges {
    position: relative;
    z-index: 1;
}

.post-confirm {
    position: relative;
    top: 5px;
    right: 10px;
    padding: 8px;
}


.firend-request__info .box--player-of-the-month .number-info .button {
    width: 130px;
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
    font-size: 14px;
}

.firend-request__info .box--player-of-the-month .number-info {
    text-align: center;
    padding-bottom: 5px;
}

.box--player-of-the-month .number-info {
    padding: 10px;
}

.firend-request__info .box--player-of-the-month {
    margin-bottom: 0;
    border-bottom: none;
}

.firend-request__info .box--player-of-the-month .number-info .button--long {
    width: 200px;
}

.firend-request__info .box--player-of-the-month .after-confirm img {
    margin: 0;
    width: auto;
    height: auto;
    display: inline-block;
}

.profile-area__content .is-hidden,
.friend-request__content .is-hidden {
    display: none;
}

.box--member-search-filter .box__title {
    padding-left: 9px;
}

.box--member-search-filter .box__title strong {
    background: url("/i/filter-icon.png") left 12px no-repeat;
    padding-left: 25px;
}

.box--member-search-filter ul li {
    border-bottom: 1px solid #cccccc;
}

.box--member-search-filter ul .last-li {
    border-bottom: none;
}

.box--member-search-filter ul li a {
    display: block;
    padding: 13px 18px;
    font-weight: bold;
    text-decoration: none;
}

.box--member-search-filter ul li .is-active,
.box--member-search-filter ul li a:hover {
    background: #fff4c7;
}

.search_title {
    font: bold 20px/30px Arial, Helvetica, sans-serif;
    color: #333;
    margin-left: 13px;
    padding-top: 15px;
}

.search_info {
    font: normal 16px/30px Arial, Helvetica, sans-serif;
    color: #333;
    margin-left: 13px;
    margin-bottom: 20px;
}

.search-block {
    clear: both;
    overflow: hidden;
}

.help-search-result .search-block {
    margin-left: 13px;
    margin-right: 13px;
    width: 773px;
    margin-bottom: 20px;
}

.search-block .search-result__icon-bg {
    margin: 6px 12px;
}

.search-block .search-result__group {
    height: 41px;
    line-height: 41px;
    background: #f5f5f5;
    color: #666666;
}

.search-block .search-result__group {
    border-bottom: 1px #e7e7e7 solid;
}

.search-block .friend-request--profile {
    padding-left: 12px;
    padding-right: 12px;
}

.search-block .friend-request--profile .friend-request__content {
    padding-top: 4px;
}

.search-block .friend-request--profile .friend-request__content .button {
    margin-top: 18px;
}

.search-block .friend-request__content .user-type {
    color: #666666;
}

.search-block .friend-request__content .username {
    font-weight: normal;
}

.search-block .button {
    width: 87px;
    margin-left: 18px;
}

.search-block >a {
    font: bold 14px Arial, Helvetica, sans-serif;
    padding-bottom: 7px;
    display: block;
}

.search-block p {
    font: normal 12px/14px Arial, Helvetica, sans-serif;
    color: #666;
}

.search-block .video-areas {
    width: auto;
}

.search-block .video-areas .video-item {
    margin: 12px 26px 0 0;
}

.search-block .search-result__game,
.search-block .search-result__contest,
.search-block .search-result__tournament {
    height: 31px;
    line-height: 31px;
}

.search-block .search-result__game,
.search-block .search-result__contest,
.search-block .search-result__tournament,
.search-block .search-result__forum-post,
.search-block .search-result__wiki-article,
.search-block .search-result__blog-article {
    padding: 5px 12px 5px 16px;
    border-bottom: 1px #cccccc solid;
}

.search-block .search-result__forum-post,
.search-block .search-result__wiki-article,
.search-block .search-result__blog-article {
    padding-top: 12px;
}

.search-block .search-result__forum-post .button,
.search-block .search-result__wiki-article .button,
.search-block .search-result__blog-article .button {
    margin: 13px 0 0 18px;
}

.search-block .search-result__forum-post p,
.search-block .search-result__wiki-article p,
.search-block .search-result__blog-article p {
    color: #333333;
    padding: 10px 0;
}

.search-block .post-preview__posted {
    width: auto;
    padding-right: 8px;
    color: #757575;
}

.search-block .separator {
    font-weight: bold;
    color: #cc9900;
}

.search-result__icon, .search-result__icon-bg {
    height: 27px;
    width: 27px;
    background: url("/i/search-result-icon.png") 0 center no-repeat;
}

.search-result__icon,
.search-result__icon-bg {
    height: 27px;
    width: 27px;
    background: url("/i/search-result-icon.png") 0 center no-repeat;
}

.search-result__group--members .search-result__icon {
    background-position: 0 center;
}

.search-result__group--games .search-result__icon {
    background-position: -27px center;
}

.search-result__group--contests .search-result__icon {
    background-position: -54px center;
}

.search-result__group--tournaments .search-result__icon {
    background-position: -81px center;
}

.search-result__group--forums .search-result__icon {
    background-position: -108px center;
}

.search-result__group--wiki .search-result__icon {
    background-position: -135px center;
}

.search-result__group--blogs .search-result__icon {
    background-position: -162px center;
}

.search-result__icon-bg {
    background-position: -189px center;
}

.l-content--search {
    width: 714px;
    margin: 0 9px 0 0;
}

.search-block .view-more {
    margin: 7px auto;
    width: 120px;
}

.friend-request__content .button--wide {
    width: 130px;
}

.friend-request__content .button--wide2 {
    width: 175px;
}



.box--contact {
    width: 485px;
    margin-top: 28px;
}

.box--contact .box__title {
    padding-left: 7px;
}

.box--contact .box__title strong {
    background: url("/i/contact-icon.png") left 14px no-repeat;
    padding-left: 29px;
}

.box--contact .other-method {
    margin: 0 16px 12px 21px;
    padding: 20px 4px 18px 0;
    border-bottom: 1px solid #cccccc;
    text-align: right;
    color: #666666;
    line-height: 30px;
}

.box--contact .other-method .social {
    display: inline-block;
    margin: 0 0 0 12px;
    background-color: #666666;
    background-repeat: no-repeat;
    width: 34px;
    height: 30px;
    text-align: left;
    direction: ltr;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: middle;
}

.box--contact .other-method .fb {
    background-position: left -2px;
}

.box--contact .other-method .tw {
    background-position: left -36px;
}

.box--contact .other-method .plus {
    background-position: left -70px;
}

.box--contact .other-method .social:hover {
    background-color: #333333;
}

.box--contact table {
    width: 100%;
    margin: 28px 16px 0 21px;
}

.box--contact table td {
    padding: 0 0 5px;
    color: #666666;
    text-align: left;
    vertical-align: middle;
}

.box--contact table .align-top {
    vertical-align: top;
}

.box--contact table .align-top label {
    position: relative;
    top: 10px;
}

.box--contact textarea {
    height: 135px;
}

.box--contact table td label {
    display: block;
    width: 135px;
    color: #333333;
    font-weight: bold;
    white-space: nowrap;
}

.box--contact table .text {
    width: 270px;
}

.box--contact table .date {
    min-width: 112px;
    width: 112px;
}

.box--contact .validate {
    text-align: right;
    margin: 0 16px 0 21px;
    padding: 12px 0 20px 150px;
}

.box--contact .validate .jqtransformdone {
    margin-bottom: 10px;
}

.box--contact .validate strong {
    display: block;
    margin: 0 0 19px 2px;
    color: #333333;
    font-weight: bold;
}

.box--contact .validate .character {
    background: url("/i/character.png") left top no-repeat;
    width: 321px;
    height: 71px;
    margin-bottom: 11px;
}

.box--contact .validate label {
    display: inline-block;
    padding: 3px 0 0 7px;
    color: #666666;
}

.box--contact .validate .terms {
    font-weight: bold;
}

.box--contact .validate .button {
    margin-top: 5px;
    width: 79px;
}

.box--contact .required-label {
    font-size: 12px;
    color: #666;
    text-align: right;
    padding: 0 16px 10px 21px;
}

.box--contact .input-mask {
    position: relative;
    display: inline-block;
}

.box--contact .input-mask i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    height: 17px;
    width: 17px;
    overflow: hidden;
    display: none;
}

.box--contact .input-mask-err .text {
    border: 1px solid #ff0000;
}

.box--contact .input-mask-err i {
    background: url("/i/err.png") no-repeat 0 0;
    display: block;
}

.box--contact .input-mask-suc i {
    background: url("/i/suc.png") no-repeat 0 0;
    display: block;
}

.box--contact .subject-select select {
    width: 275px;
}

.box--contact .is-register-error {
    margin-top: 15px;
}




.breadcrumb-new {
    padding-top: 23px;
    color: #0099ff;
    font-size: 14px;
    font-weight: bold;
}

.breadcrumb-new a,
.breadcrumb-new a:visited {
    color: #0099ff;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}
.breadcrumb-new a:hover {
    text-decoration: underline;
}
.breadcrumb--home {
    padding-top: 3px;
    background: url(/i/breadcrumb-home.png) no-repeat 0 center;
    padding-left: 24px;
    padding-right: 10px;
}
.breadcrumb--plaintext {
    padding-top: 3px;
    background: url(/i/breadcrumb-arrow2.png) no-repeat 0 center;
    padding-left: 18px;
    padding-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.box--comments .button-holder {
    text-align: center;
}
.box--comments .button-holder .more-comments {
    margin: 7px 0;
    padding: 0 30px;
}
.recovery .is-register-error {
    width: 430px;
    padding-bottom: 10px;
}
.recovery .is-register-error label {
    top: 13px;
}
.recovery .is-register-error span {
    padding-top: 3px;
    padding-bottom: 0;
    display: block;
}

*+html .clearfix {
    min-height: 1%;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.l-mainContent {
    width: 960px;
    margin: 0 auto 118px;
}
.l-sidebar {
    width: 261px;
}
.l-sidebar--logged-in {
    width: 237px;
}
.l-content {
    width: 684px;
    margin-left: 15px;
}
.l-content--logged-in {
    width: 467px;
    margin: 0 11px 0 8px;
}
.l-content--profile {
    width: 714px;
    margin: 0 9px 0 0;
}
.l-content--private-profile {
    width: auto;
    margin: 0;
}
.l-msg-mainlist {
    position: absolute;
    right: 0;
    left: 263px;
    bottom: 4px;
    height: 796px;
}
.box--player-of-the-month .location-birthday .icon-location span {
    width: 8px;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    float: left;
    background-position: 0 -408px;
    overflow: hidden;
}

.box--player-of-the-month .location-birthday .icon-birthday span {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    float: left;
    background-position: 0 -421px;
    overflow: hidden;
}
.box--player-of-the-month {
    margin-bottom: 12px;
}

.box--player-of-the-month img {
    margin: 10px auto;
    display: block;
}

.box--player-of-the-month .username,
.social-links_gg__content .social__right .text__box {
    font-size: 16px;
}

.box--player-of-the-month .username {
    display: block;
   /* text-align: left;*/
    color: #333333;
    font-family: 'BebasRegular';
    word-spacing: 3px;
    letter-spacing: 0.1px;
    text-align: center;
    text-decoration: none;
}

.box--player-of-the-month .quote {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #d1d1d1;
    font-style: normal;
    color: #333333;
}

.box--player-of-the-month .location-birthday {
    padding: 10px 17px 7px;
    border-bottom: 1px solid #d1d1d1;
}

.box--player-of-the-month .location-birthday .icon-location {
    position: relative;
    padding-left: 18px;
}

.box--player-of-the-month .location-birthday .icon-birthday {
    position: relative;
    padding-left: 25px;
}

.box--player-of-the-month .location-birthday p {
    color: #666666;
    font-weight: normal;
    font-style: normal;
    padding-bottom: 3px;
    margin-bottom: 0;
    text-align: left;
}

.box--player-of-the-month .location-birthday p strong {
    color: #333333;
}

.box--player-of-the-month .number-info {
    padding: 10px;
}

.box--player-of-the-month .number-info .button {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
}

.box--player-of-the-month .number-info .button strong {
    display: inline-block;
    padding-right: 3px;
}

.box--player-of-the-month .number-info .right-button {
    margin-left: 5px;
}
.box--friends {
    text-align: center;
    min-height: 211px;
}

.box--friends--alt {
    margin-bottom: 11px;
}

.box--friends--common {
    padding-bottom: 7px;
}

.box--friends .box__title {
    text-align: left;
}

.box--friends .box__title strong {
    padding-left: 28px;
}

.box--friends__list {
    margin: 23px 29px 18px;
    text-align: left;
}

.box--friends--alt .box--friends__list {
    margin-bottom: 0;
}

.box--friends__list li {
    float: left;
    margin: 0 12px 0 0;
    padding-bottom: 16px;
    width: 45px;
    padding-right: 5px;
    overflow: hidden;
}

.box--friends__list .last-item {
    margin-right: 0;
}

.box--friends__list li img {
    display: block;
    margin-bottom: 7px;
}

.box--friends__list li a {
    display: block;
    color: #333333;
    text-decoration: none;
}

.box--friends__list li a:hover {
    text-decoration: underline;
}

.box--friends .button {
    clear: both;
    padding: 0 30px;
    margin: 0 auto;
}


.popup--welcome{
    background:url("/i/welcome-popup-bg.png") no-repeat 0 bottom #ffffff;
    width:476px;
    height:456px;
    opacity: 0.9;
}
.popup--welcome .logo{
    height: 50px;
}
.welcom-decroration{
    position:absolute;
    background:url("/i/welcome-popup-decoration.png") no-repeat 0 0;
    width:150px;
    height:96px;
    z-index:1;
    bottom:0;
    right:0;
}
.popup--welcome .popup__content{
    padding:15px 40px 15px;
}
.popup--welcome .close-btn,
.popup--welcome .close-btn:visited{
    top:10px;
    position:relative;
    right:10px;
    background:url("/i/close-btn2.png") no-repeat 0 0;
    width:11px;
    height:11px;
    display:inline-block;
}
.popup--welcome .close-btn:hover{
    background-position:0 -11px;
}
.popup--welcome h2{
    font-size:30px;
    color:#4e4e4e;
    line-height:39px;
    padding-bottom:15px;
    font-family: 'BebasRegular';
    margin: 0;
}
.popup--welcome h2 span{
}
.popup--welcome h2 span a,
.popup--welcome h2 span a:visited{
    background-image:url("/i/modal-social.png");
    background-repeat:no-repeat;
    width:30px;
    display:inline-block;
    margin-left:15px;
    height:30px;
}
.popup--welcome h2 span .fb{
    background-position:0 0;
}
.popup--welcome h2 span .fb:hover{
    background-position:0 -123px;
}
.popup--welcome h2 span .tw{
    background-position:0 -31px;
}
.popup--welcome h2 span .tw:hover{
    background-position:0 -154px;
}
.popup--welcome h2 span .gg{
    background-position:0 -62px;
}
.popup--welcome h2 span .gg:hover{
    background-position:0 -185px;
}
.popup--welcome h2 span .yt{
    background-position:0 -93px;
}
.popup--welcome h2 span .yt:hover{
    background-position:0 -216px;
}
.popup--welcome p{
    font-size:14px;
    line-height:18px;
    color:#666666;
    margin: 0;
}
.popup--welcome .video{
    margin-top:15px;
    background:#e8e8e8;
    position:relative;
    width:640px;
    height:360px;
}
.popup--welcome .video a,
.popup--welcome .video a:visited{
    background: url("/i/video-play-btn.png") no-repeat 0 0;
    width: 31px;
    height: 50px;
    display: inline-block;
    position: absolute;
    left: 34%;
    margin-left: -31px;
    top: 84px;
}
.popup--welcome .video a:hover{
    background-position:0 -50px;
}
.popup--welcome .bottom-action{
    padding-top:13px;
    text-align:center;
}
.popup--welcome .bottom-action .button{
    font-size: 14px;
    height: 40px;
    line-height: 41px;
    padding: 0 16px;
    margin-bottom: 10px;
}
.popup--welcome .bottom-action p{
    font-size:14px;
    color:#3b3b3b;
}
.popup--welcome .bottom-action p label{
    display:inline-block;
    padding-left:5px;
    position:relative;
    top:-5px;
    font-size: 13px;
}
.popup--welcome .jqTransformCheckboxWrapper{
    float:none;
    display:inline-block;
}
.popup--welcome .jqTransformCheckbox{
    display:inline-block;
}

/* Welcome popup carousel */

.jcarousel-welcome .jcarousel-clip-horizontal{
    width: 395px;
    overflow: hidden;
}

.jcarousel-welcome ul li{
    width: 395px;
    height: 226px;
}

.jcarousel-welcome .jcarousel-prev-horizontal,
.jcarousel-welcome .jcarousel-next-horizontal {
    background-image: url("/i/photo-carousel-arrow.gif");
    background-repeat: no-repeat;
}

.jcarousel-welcome .jcarousel-next-horizontal {
    position: absolute;
    top: 108px;
    right: -23px;
    width: 11px;
    height: 19px;
    cursor: pointer;
    background-position: 0 -60px;
}

.jcarousel-welcome .jcarousel-next-horizontal:hover,
.jcarousel-welcome .jcarousel-next-horizontal:focus { background-position: 0 -40px; }

.jcarousel-welcome .jcarousel-prev-horizontal {
    position: absolute;
    top: 108px;
    left: -23px;
    width: 11px;
    height: 19px;
    cursor: pointer;
    background-position: 0 -20px;
}
.jcarousel-welcome .jcarousel-prev-horizontal:hover,
.jcarousel-welcome .jcarousel-prev-horizontal:focus { background-position: 0 0; }

/* Tooltip */

.tooltipContent{
    display: none;
}
.tooltip{
    background: #111;
    position: absolute;
    padding: 11px 13px 12px 13px;
    background-color: #666666;
    border: 1px solid #595757;
    color: #ffffff;
    font-size: 13px;
    line-height: 16px;
    width: 178px;
    z-index: 1000;
}
.tooltip ul
{
    margin-left: 14px;
    padding-right: 21px;
    padding-top: 1px;
    padding-bottom: 3px;
    line-height: 20px;
    list-style-type: disc;
}
.tooltip .arrow
{
    height: 8px;
    width: 15px;
    background-image: url("/i/tooltip-arrow.png");
    position: absolute;
    bottom: -8px;
    left: 21px;
}
.top .arrow
{
    background-image: url("/i/tooltip-arrow-top.png");
    top: -8px;
    left: 21px;
}


.l-header .messages .is-unread-message {
    background: #dff0d8
}

/* End of Miscellaneous CSS */

/* .popup--media */
.popup--media{
    width:720px;
    background:#292929;
    position:fixed;
    z-index: 1000;
    left:50%;
    top: 50%;
    margin-left:-360px;
    margin-top:-270px;
}
.popup--media{
    border:3px solid #1d1c1c;
}
.popup--media .feeds__comments{
    margin-left:0;
}
.popup--media .feeds{
    border-bottom:0;
    padding-right:11px;
}
/* .media-box */
.popup--media .media-box{
    position:relative;
    background:url("/i/loading.gif") #000 no-repeat center center;
    min-height:480px;
}
.popup--media .media-box .next,
.popup--media .media-box .prev{
    background:url("/i/media-navi.png") #ffcc00 no-repeat 11px 7px;
    height:35px;
    width:35px;
    position:absolute;
    top:50%;
    margin-top:-17px;
    display:none;
}
.popup--media .is-hover .next,
.popup--media .is-hover .prev{
    display:block;
}
.popup--media .media-box .next:hover,
.popup--media .media-box .prev:hover{
    background-color:#ffa200;
}
.popup--media .media-box .prev{
    left:9px;
    background-position:11px -60px;
}
.popup--media .media-box .next{
    right:9px;
}
.popup--media .media-box .desc{
    background:url("/i/media-desc-bg.png") repeat 0 0;
    line-height:20px;
    padding:19px 10px;
    color:#93abaf;
    font-weight:bold;
    font-size:13px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:none;
    text-align:left;
}
.popup--media__video .media-box .next,
.popup--media__video .media-box .prev{
    top:240px;
    z-index: 3;
}
.popup--media__video .video-js{
    position: relative;
    z-index: 1;
}
.popup--media__video .media-box .desc{
    position: relative;
    display: block;
    z-index: 2;
}
.popup--media .is-hover .desc{
    display:block;
}
.popup--media .media-box .desc .name{
    color:#fff;
    padding-right:8px;
}
/* .comment-box */
.popup__title .close-btn,
.popup--media .media-box .close-btn{
    background: url("/i/close-btn.png") no-repeat scroll left top transparent;
}
.popup--media .media-box .close-btn{
    position:absolute;
    height: 15px;
    width: 16px;
    overflow: hidden;
    right: 10px;
    top: 10px;
    z-index: 100;
}
.popup--media .media-box .close-btn:hover{
    background-position:0 -15px;
}

/* .popup--media__image */
.popup--media__image .media-box{
    min-width:480px;
    min-height:320px;
    max-height:1000px;
    overflow:hidden;
    text-align:center;
}
.popup--media__image .media-box img{
    display:inline-block;
}

.disqus-counter {
    display: inline;
}

.activate-sep {
    margin-left: 15px;
}
.badge-container > li:hover .popup-container {
    display: block;
}
/*!
Video.js Default Styles (http://videojs.com)
Version 4.1.0
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #fff;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("/fonts/vjs.eot");
  src: url("/fonts/vjs.eot?#iefix") format('embedded-opentype'), url("/fonts/vjs.woff") format('woff'), url("/fonts/vjs.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: block;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #666;
}
/* General styles for individual controls. */.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 3em;
  cursor: pointer;
    background:#ffcc00;
   color:#000;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  background: #faecba;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 1em;
  height: 1em;
    color:#ffcc00;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

  background: #faecba;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
    color:#ffcc00;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
 left: 50%;
 top: 50%;
 margin:-1.3em 0 0 -2em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e00a";
  font-family: VideoJS;
  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
/* Add a gradient to the spinner by overlaying another copy.
   Text gradient plus a text shadow doesn't work
   and `background-clip: text` only works in Webkit. */
.vjs-default-skin .vjs-loading-spinner:after {
  content: "\e00a";
  /* Loading spinner icon */

  font-family: VideoJS;
  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertially aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  display: block !important;
  /* Visibility needed to make sure things hide in older browsers too. */

  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-fade-out {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1.5s, opacity 1.5s;
  -moz-transition: visibility 1.5s, opacity 1.5s;
  -o-transition: visibility 1.5s, opacity 1.5s;
  transition: visibility 1.5s, opacity 1.5s;
  /* Wait a moment before fading out the control bar */

  /* transition-delay */
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */


.news-content{
	padding:15px;
}