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

body {
	background-color: #000000;
	min-width: 1280px;
	padding: 0;
	margin: 0 auto;
    height: 100%;
}

a, 
a:link, 
a:visited,
a:focus,
a:hover,
a:active {
	text-decoration: none;
	border-bottom: none;
}

/***** HEADER *****/
header {
	background-image: url(content/header.jpg);
    background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	width: 1280px;
	height: 131px;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}

#container {
    position: relative;
    width: 900px;
    height: 450px;
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}

/***** LANGUAGE SWITCH *****/
#language {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 15px;
	right: -16px;
}

#language_holder {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#language_bg {
    background-image: url(content/nav_button.jpg);
    background-repeat: no-repeat;
    width: 43px;
    height: 35px;
	position: relative;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 4;
}

.language_icon {
	background-repeat: no-repeat;
    background-position: center;
	position: relative;
	width: 43px;
	height: 34px;
	z-index: 4;
}

#language_dropdown a img {
	position: relative;
	left: 4px;
	vertical-align: middle;
}

.language_icon_de {
	background-image:url(content/language_de_icon.png);
}
.language_icon_en {
	background-image:url(content/language_en_icon.png);
}
.language_icon_es {
	background-image:url(content/language_es_icon.png);
}
.language_icon_fr {
	background-image:url(content/language_fr_icon.png);
}
.language_icon_it {
	background-image:url(content/language_it_icon.png);
}
.language_icon_pl {
	background-image:url(content/language_pl_icon.png);
}
.language_icon_pt {
	background-image:url(content/language_pt_icon.png);
}
.language_icon_ru {
	background-image:url(content/language_ru_icon.png);
}
.language_icon_tr {
	background-image:url(content/language_tr_icon.png);
}
.language_icon_gr {
	background-image:url(content/language_gr_icon.png);
}
.language_icon_lt {
	background-image:url(content/language_lt_icon.png);
}

#language_dropdown {
	list-style: none;
	position: absolute;
	right: 0px;
    top: 35px;
	background: #222222;
	margin: 0;
    padding: 0;
	display: none;
	width: 43px;
	z-index: 3;
	cursor: pointer;
}

#language_dropdown li{
	margin: 0; padding: 0;
	clear: both;
}

#language_dropdown li a {
	float: left;
	width: 43px;
	background: #222222;
}

#language_dropdown li a:hover {
	background: #e2e2e2;
}

/***** NAVIGATION *****/
nav {
	position: absolute;
	height: 35px;
	top: 15px;
    right: 30px;
	padding: 0;
	margin: 0;
}

nav ul {
	margin: auto;
    padding: 0;
	text-align: right;
	position: relative;
}

nav ul li {
    background-image: url(content/nav_button.jpg);
    background-repeat: no-repeat;
    width: 136px;
    height: 35px;
    font-family: 'PT Sans', sans-serif;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul li:hover {
    background-image: url(content/nav_button_selected.jpg);
    background-repeat: no-repeat;
}

.current {
    background-image: url(content/nav_button_selected.jpg);
    background-repeat: no-repeat;
    text-decoration: none;
    color: #ffffff;
}

nav ul li:last-child {
	margin-right: 0px;
}

nav ul li a {
    width: 100%;
    height: 30px;
	display: inline-block;
	color: #d8d8d8;
	font-size: 18px;
	text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}

nav ul li a:hover {
    text-decoration: none;
    color: #ffffff;
}

#pwt_dropdown {
	list-style: none;
	position: absolute;
	right: 190px;
	top: 20px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	display: none;
	float: left;
	width: 200px;
	z-index: 3;
}

#pwt_dropdown li{
	margin: 0; 
	padding: 0;
	clear: both;
}

#pwt_dropdown li a {
	float: left;
	width: 200px;
	font-size: 13pt;
}

#pwt_dropdown li a:hover {
	/*background: #909090;*/
}

/***** BACKGROUND GRADIENTS *****/
#grad_top {
    background-image: url(content/gradient_top.jpg);
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
    width: 1280px;
    height: 1024px;
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}

#grad_bottom {
    position: relative;
    left: 0px;
    width: auto;
    height: auto !important;
    min-height:1024px;
    background-image: url(content/gradient_bottom.png) ;
    background-repeat: repeat-x;
    background-position: center bottom;
}

#detail_bottom {
    position: relative;
    left: 0px;
    width: auto;
    height: auto !important;
    min-height:150px;
    background-image: url(content/detail_bottom.jpg) ;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.grad_green {
    position: absolute;
    width: 936px;
    height: 342px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(content/gradient_green.png) ;
    background-repeat: repeat-x;
    background-position: center top;
}

/***** FOOTER *****/
footer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 60px;	
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}

#footer_nav {
	position: relative;
	height: 35px;
	min-width: 900px;
	top: 18px;
	margin-left: -10px;
	margin-right: -10px;
}

#footer_nav ul {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	padding-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	position: relative;
}

#footer_nav ul li {
	font-family: "PT Sans",sans-serif;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 13px;
}

#footer_nav ul li:last-child {
	margin-right: 0px;
}

#footer_nav ul li a {
	height: 100%;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;
	color: #e2e2e2;
	text-align: center;
}

#footer_nav ul li a:hover {
	/*color: #ffffff;*/
	/*font-size: 18px;*/
}

#tos {
    position: relative;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}

#tos_entry_holder {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 60px;*/
}

.tos_entry {
    position: relative;
    top: 0px;
    margin: 0;
    padding: 0;
    padding-top: 6px;
}

.h3sp {
    font-size: 16pt;
    margin-top: 4px;
}

.h4sp {
    font-size: 14pt;
    margin-top: 3px;
}


.tos_entry p {
    clear: both;
}

.tos_entry_title_separator {
    background-color: #8a8c8c;
    margin: 0;
    padding: 0;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 4px;
    width: 1px;
    height: 16px;
    float: left;
}

.tos_entry_title_separator2 {
    background-color: #8a8c8c;
    margin: 0;
    padding: 0;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 9px;
    width: 1px;
    height: 16px;
    float: left;
}

.tos_entry_separator {
    background-color: #6c6f6f;
    margin: 0;
    padding: 0;
    margin-top: 7px;
    height: 1px;
}

/***** CONTENT GENERAL *****/
#content {
    position: relative;
    width: 936px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 0;
    z-index: 2;

    min-height: 1024px;
    height:auto !important;
    height:100%;
    overflow: hidden !important;
}

h1 {
    margin: 0;
    padding: 0;
    font-family: 'Carme', sans-serif;
    font-size: 30px;
    color: #e2e2e2;
    text-align: center;
    margin-bottom: 30px;
}

h2 {
    margin: 0;
    padding: 0;
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    color: #e2e2e2;
    text-align: left;
}

h3 {
    margin: 0;
    padding: 0;
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    color: #e2e2e2;
    text-align: center;
    margin-bottom: 20px;
}

h4 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    color: #e2e2e2;
    text-align: center;
}

p {
    margin: 0;
    padding: 0;
    /*min-width: 320px;*/
    font-family: "PT Sans", sans-serif;
    font-size: 12pt;
    color: #e2e2e2;
    text-align:justify;
    margin-bottom: 15px;
    clear: both;
}

li {
    font-family: "PT Sans", sans-serif;
    font-size: 12pt;
    color: #6c6f6f;
    text-align:justify;
}

a {
    color:#8a0d0d;/*#000000;*/
}

a:hover {
    color:#ef1616;
    text-decoration:underline;
}

a img {
    border:none;
}

.text_image_right {
    margin-left: 15px;
    margin-bottom: 5px;
}

.text_image_left {
    margin-right: 15px;
    margin-bottom: 5px;
}

.text_block {
    width: 906px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 25px;
	float: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    border-bottom: solid;
    border-bottom-color: #273f2f;
    border-bottom-width: 1px;
}

.text_block li {
    color: #c6c6c6;
}

.text_block p {
    color: #c6c6c6;
}

.text_block a {
    color: #ffffff;
    text-decoration: underline;
}

.quote_text {
    margin-bottom: 2px;
    font-size: 26px;
    font-style: italic;
    text-align: center;
}

.quote_source {
    font-style: italic;
    font-size: 16px;
    text-align: right;
    padding-right: 12px;
}

.quote {
    text-align: center;
}

.spacer {
    height: 30px;
}

.cr1 {
    text-align: center;
    color: #364e3f;
    font-family: 'PT Sans', sans-serif;
    font-size: 11px;
    clear: left;
}

.cr2 {
    text-align: center;
    color: #364e3f;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
}

.cr2_linkfix {
    position: relative;
}

.cr2 a {
    color: #364e3f;
}

.cr2 a:hover {
    color: #364e3f;
}

.noclear {
    clear: none;
}

/***** CONTENT PSR PAGE *****/
#best_players {
    position: relative;
    height: 102px;
	width: 900px;
    border: solid;
    border-color: #f0984c;
    margin-bottom: 20px;
}

#best_players a {
    width: 900px;
    height: 102px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.best_players_entry {
    float: left;
    width: 300px;
    font-family: "PT Sans", sans-serif;
    font-size: 12pt;
    color: #c6c6c6;
}

#best_players_player_1 {
    background-color: #23382c;
}

#best_players_player_2 {
    background-color: #1f3228;
}

#best_players_player_3 {
    background-color: #1b2924;
}

.best_players_icon_psr {
    float: left;
    width: 20px;
    height: 20px;
    padding-right: 2px;
    background-image: url(content/elo_icon.png) ;
    background-repeat: no-repeat;
}

.best_players_rank {
    float: left;
    text-align: center;
    margin-top: 40px;
    font-size: 14pt;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 10px;
}

.best_players_image {
    float: left;
    width: 80px;
    height: 100px;
    margin-top: 2px;
}

.best_players_image img {
    background-color:rgba(0,0,0,0.5);
    max-width: 80px;
    max-height: 80px;
    margin-top: 10px;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
}

.best_players_flag {
    float: left;
    width: 40px;
    text-align: center;
    margin-top: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

.best_players_name {
    margin-top: 30px;
}

/***** CONTENT PLAY NOW PAGE *****/
.network_holder {
    height: 200px;
}

.network_block {
    position: relative;
    float: left;
    width: 225px;
    height: 135px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 67px;
    background-image: url(content/network_bg.png) ;
    background-repeat: no-repeat;
}

.network_block:hover {
    background-image: url(content/network_bg_hover.png) ;
    background-repeat: no-repeat;
    color: #ffffff;
}

.network_block a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}

.network_fb {
    position: relative;
    width: 225px;
    height: 60px;
    background-image: url(content/network_fb.jpg) ;
    background-repeat: no-repeat;
}

.network_ok {
    position: relative;
    width: 225px;
    height: 60px;
    background-image: url(content/network_ok.jpg) ;
    background-repeat: no-repeat;
}

.network_vk {
    position: relative;
    width: 225px;
    height: 60px;
    background-image: url(content/network_vk.jpg) ;
    background-repeat: no-repeat;
}

.network_mvz {
    position: relative;
    width: 225px;
    height: 60px;
    background-image: url(content/network_mvz.jpg) ;
    background-repeat: no-repeat;
}

.network_svz {
    position: relative;
    width: 225px;
    height: 60px;
    background-image: url(content/network_svz.jpg) ;
    background-repeat: no-repeat;
}

.network_dg {
    position: relative;
    width: 225px;
    height: 60px;
    background-image: url(content/network_dg.jpg) ;
    background-repeat: no-repeat;
}

/***** CONTENT RANKING PAGE *****/
#ranking_nav {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.ranking_search_rank {
    position: relative;
    width: 125px;
    height: 28px;
    background-image: url(content/search_rank.png) ;
    background-repeat: no-repeat;
    border:none;
    outline:none;
    background-color:transparent;
    color:#e2e2e2;
    padding-right:15px;
    padding-left:23px;
    float: left;
}

.ranking_search_name {
    position: relative;
    width: 316px;
    height: 28px;
    background-image: url(content/search_name.png) ;
    background-repeat: no-repeat;
    border:none;
    outline:none;
    background-color:transparent;
    color:#e2e2e2;
    padding-right:44px;
    padding-left:23px;
    float: left;
}

#ranking_search_name_placeholder {
    position: relative;
    width: 383px;
    height: 28px;
    float: left;
}

.ranking_search_inactive {
    color: #a1a1a1;
    /*font-style: italic;*/
}

.ranking_sort_button {
    position: relative;
    width: 82px;
    height: 27px;
    background-image: url(content/sort_button_long.png) ;
    background-repeat: no-repeat;
    float: left;
    padding-right: 8px;
}

.ranking_sort_button.ranking_sort_enabled:hover {
    background-image: url(content/sort_button_long_hover.png) ;
    background-repeat: no-repeat;
}

.ranking_sort_button p {
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    color: #e2e2e2;
    text-align: left;
    position: absolute;
    top: 6px;
    left: 31px;
}

.ranking_sort_button a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}

.ranking_sort_enabled {
	cursor: pointer;
}

.ranking_sort_disabled {
	opacity: 0.5;
}

#ranking_sort_icon_psr {
    position: relative;
    width: 72px;
    height: 27px;
    background-image: url(content/sort_button_psr.png) ;
    background-repeat: no-repeat;
}

#ranking_sort_icon_chips {
    position: relative;
    width: 72px;
    height: 27px;
    background-image: url(content/sort_button_chips.png) ;
    background-repeat: no-repeat;
}

#ranking_sort_icon_level {
    position: relative;
    width: 72px;
    height: 27px;
    background-image: url(content/sort_button_level.png) ;
    background-repeat: no-repeat;
}

#ranking_sort_icon_votes {
    position: relative;
    width: 72px;
    height: 27px;
    background-image: url(content/sort_button_votes.png) ;
    background-repeat: no-repeat;
}

#ranking_list {
    position: relative;
    clear: left;
}

.ranking_list_entry {
    height: 39px;
    border-bottom: solid;
    border-bottom-color: #2a4533;
    border-bottom-width: 1px;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    color: #e2e2e2;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    clear: left;
}

#ranking_top3_gradient {
    top: 118px;
    z-index: -1;/* necessary for hover effects on rows */
}

.ranking_list_rank {
    float: left;
    margin-left: 5px;
    margin-top: 9px;
    width: 55px;
}

.ranking_list_rankchange {
    float: left;
    margin-left: 0px;
    margin-top: 9px;
    width: 95px;
}

.ranking_list_rankchange_none {
    background-image: url(content/arrow_down.png) ;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    color: #ffffff;
}

.ranking_list_rankchange_negative {
    background-image: url(content/arrow_down.png) ;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    color: #c30e09;
}

.ranking_list_rankchange_positive {
    background-image: url(content/arrow_up.png) ;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    color: #75bc7f;
}

.ranking_list_image {
    float: left;
    width: 47px;
    text-align: center;
    margin-top: 2px;
}

.ranking_list_image img {
    background-color:rgba(0,0,0,0.5);
    max-width: 34px;
    max-height: 34px;
}

.ranking_list_flag {
    float: left;
    width: 40px;
    text-align: center;
    margin-right: 6px;
}

.ranking_list_flag_DEFAULT {
    background-image: url(content/flags/flag_default.png) ;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.ranking_list_flag_DE {
    background-image: url(content/flags/flag_DE.png) ;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.ranking_list_flag_IT {
    background-image: url(content/flags/flag_IT.png) ;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.ranking_list_flag_FR {
    background-image: url(content/flags/flag_FR.png) ;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.ranking_list_name {
    float: left;
    margin-left: 0px;
    margin-top: 9px;
    width: 290px;
}

.ranking_list_psr {
    float: left;
    text-align: right;
    padding-right: 5px;
    margin-top: 9px;
    width: 85px;
}

.ranking_list_chips {
    float: left;
    text-align: right;
    padding-right: 5px;
    margin-top: 9px;
    width: 85px;
}

.ranking_list_level {
    float: left;
    text-align: right;
    padding-right: 5px;
    margin-top: 9px;
    width: 85px;
}

.ranking_list_votes {
    float: left;
    text-align: right;
    padding-right: 5px;
    margin-top: 9px;
    width: 85px;
}

.ranking_list_you {
    background-image: url(content/rank_you.png) ;
    background-repeat: no-repeat;
    background-position: 0px -1px;
    width: 906px;
    height: 40px;
}

.ranking_list_you_active {
    text-shadow:  0px  0px 3px #404040;
}

.ranking_list_friend {
    background-image: url(content/rank_you.png) ;
    background-repeat: no-repeat;
    background-position: 0px -1px;
    opacity: 0.5;
    width: 906px;
    height: 40px;
}

.ranking_list_search {
    background-image: url(content/search.png) ;
    background-repeat: no-repeat;
    background-position: 0px -1px;
    width: 906px;
    height: 40px;
}

#ranking_sort_marker {
    background-image: url(content/sort_marker.png) ;
    background-repeat: no-repeat;
    width: 82px;
    height: 560px;
    position: absolute;
    top: 5px;
    left: 561px;
    display: block;
}

#ranking_sort_marker_disabled {
    display: none;
}

#ranking_side_nav {
    position: absolute;
    top: 230px;
    right: 120px;
    height: 520px;
    width: 40px;
}

#ranking_side_nav_top {
    background-image: url(content/nav_top.png) ;
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 0px;
}

#ranking_side_nav_top.ranking_side_nav_enabled:hover {
    background-image: url(content/nav_top_hover.png) ;
    background-repeat: no-repeat;
}

#ranking_side_nav_bottom {
    background-image: url(content/nav_bottom.png) ;
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    position: absolute;
    bottom: 0px;
}

#ranking_side_nav_bottom.ranking_side_nav_enabled:hover {
    background-image: url(content/nav_bottom_hover.png) ;
    background-repeat: no-repeat;
}

#ranking_side_nav_jumpup {
    background-image: url(content/nav_jumpup.png) ;
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 160px;
}

#ranking_side_nav_jumpup.ranking_side_nav_enabled:hover {
    background-image: url(content/nav_jumpup_hover.png) ;
    background-repeat: no-repeat;
}

#ranking_side_nav_jumpdown {
    background-image: url(content/nav_jumpdown.png) ;
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 320px;
}

#ranking_side_nav_jumpdown.ranking_side_nav_enabled:hover {
    background-image: url(content/nav_jumpdown_hover.png) ;
    background-repeat: no-repeat;
}

#ranking_side_nav_up {
    background-image: url(content/nav_up.png) ;
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 200px;
}

#ranking_side_nav_up.ranking_side_nav_enabled:hover {
    background-image: url(content/nav_up_hover.png) ;
    background-repeat: no-repeat;
}

#ranking_side_nav_down {
    background-image: url(content/nav_down.png) ;
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 280px;
}

#ranking_side_nav_down.ranking_side_nav_enabled:hover {
    background-image: url(content/nav_down_hover.png) ;
    background-repeat: no-repeat;
}

#ranking_side_nav_side {
    position: absolute;
    top: 252px;
    left: -7px;
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    color: #e2e2e2;
    text-align: center;
    width: 50px;
}

.ranking_side_nav_button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}

.ranking_side_nav_enabled {
	cursor: pointer;
}

.ranking_side_nav_disabled {
	opacity: 0.5;
}

#ranking_details {
    position: absolute;
    top: 560px;
    left: 380px;
    display: none;
    width: 360px;
    height: 182px;
    background-image: url("content/mouse_over_bg.png");
    background-repeat: no-repeat;
    z-index: 1000;
}

#ranking_detail_header {
    width: 358px;
    height: 24px;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color: #e2e2e2;
}

.ranking_detail_green {
    background-image: url("content/mouse_over_header_green.png");
    background-repeat: no-repeat;
    background-position: center;
}

.ranking_detail_gold {
    background-image: url("content/mouse_over_header_gold.png");
    background-repeat: no-repeat;
    background-position: center;
}

#ranking_detail_name {
    margin-left: 12px;
    margin-top: 2px;
    float: left;
    text-shadow:  0px  0px 3px #404040;
}

#ranking_detail_image {
    margin-left: 6px;
    float: left;
    width: 148px;
    height: 148px;
    position: absolute;
}

#ranking_detail_image img {
    background-color:rgba(0,0,0,0.5);
    max-width: 148px;
    max-height: 148px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

#ranking_detail_flag {
    float: right;
    width: 40px;
    text-align: center;
    margin-top: -8px;
    margin-right: 13px;
}

#ranking_detail_statistics {
    width: 185px;
    position: absolute;
    left: 160px;
    top: 26px;
}

#ranking_detail_statistics2 {
    width: 185px;
    position: absolute;
    left: 160px;
    top: 45px;
}

#ranking_detail_statistics_title {
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    color: #5bac66;
}

#ranking_detail_statistics_value {
    float: right;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    color: #5bac66;
    text-align: right;
}

#ranking_detail_chart {
    position: absolute;
    top: 90px;
    left:160px;
    width: 185px;
    height: 80px;
    background-image: url("content/mouse_over_chart.jpg");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
}

#ranking_detail_chart_cs {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #e2e2e2;
    text-align: center;
    width: 185px;
    position: absolute;
    top: 125px;
    left: 160px
}

.loading {
    width: 1026px;
    height: 630px;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 187px;
    left: 142px;
    z-index: 1000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.loading_icon {
    background-image: url("content/loading.gif");
    width: 32px;
    height: 32px;
    position: absolute;
    left: 492px;
    top: 285px;
}

.loading_text {
    width: 200px;
    height: 32px;
    position: absolute;
    left: 408px;
    top: 330px;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #e2e2e2;
}

#name_tooltip {
    position: absolute;
    background: #ffffff;
    margin: 0;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    z-index: 1000;
    left: 430px;
}

#flag_tooltip {
    position: absolute;
    background: #ffffff;
    margin: 0;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    z-index: 1000;
    left: 390px;
}

/***** CONTENT RULES PAGE *****/
.cards {
    font-family: "PT Sans", sans-serif;
    font-size: 12pt;
    color: #c6c6c6;
}

.card {
    width: 38px;
    height: 55px;
    display: inline-block;
}

.card_highlight {
    position: relative;
    top: -1px;
    left: -1px;
    width: 39px;
    height: 56px;
    background-image: url("content/cards/highlight.png");
}

.card_As {
    background-image: url("content/cards/As.png");
}

.card_Ah {
    background-image: url("content/cards/Ah.png");
}

.card_As_ru {
    background-image: url("content/cards/As_ru.png");
}

.card_Ah_ru {
    background-image: url("content/cards/Ah_ru.png");
}

.card_Ks {
    background-image: url("content/cards/Ks.png");
}

.card_Kd {
    background-image: url("content/cards/Kd.png");
}

.card_Kc {
    background-image: url("content/cards/Kc.png");
}

.card_Qd {
    background-image: url("content/cards/Qd.png");
}

.card_Qh {
    background-image: url("content/cards/Qh.png");
}

.card_Qs {
    background-image: url("content/cards/Qs.png");
}

.card_Qc {
    background-image: url("content/cards/Qc.png");
}

.card_Qd_de {
    background-image: url("content/cards/Qd_de.png");
}

.card_Qh_de {
    background-image: url("content/cards/Qh_de.png");
}

.card_Qs_de {
    background-image: url("content/cards/Qs_de.png");
}

.card_Qc_de {
    background-image: url("content/cards/Qc_de.png");
}

.card_Qd_ru {
    background-image: url("content/cards/Qd_ru.png");
}

.card_Qh_ru {
    background-image: url("content/cards/Qh_ru.png");
}

.card_Qs_ru {
    background-image: url("content/cards/Qs_ru.png");
}

.card_Qc_ru {
    background-image: url("content/cards/Qc_ru.png");
}

.card_Jh {
    background-image: url("content/cards/Jh.png");
}

.card_Jc {
    background-image: url("content/cards/Jc.png");
}

.card_Js {
    background-image: url("content/cards/Js.png");
}

.card_Jd {
    background-image: url("content/cards/Jd.png");
}

.card_Jh_de {
    background-image: url("content/cards/Jh_de.png");
}

.card_Jc_de {
    background-image: url("content/cards/Jc_de.png");
}

.card_Js_de {
    background-image: url("content/cards/Js_de.png");
}

.card_Jd_de {
    background-image: url("content/cards/Jd_de.png");
}

.card_Jh_ru {
    background-image: url("content/cards/Jh_de.png");
}

.card_Jc_ru {
    background-image: url("content/cards/Jc_de.png");
}

.card_Js_ru {
    background-image: url("content/cards/Js_de.png");
}

.card_Jd_ru {
    background-image: url("content/cards/Jd_de.png");
}

.card_Tc {
    background-image: url("content/cards/Tc.png");
}

.card_Td {
    background-image: url("content/cards/Td.png");
}

.card_Ts {
    background-image: url("content/cards/Ts.png");
}

.card_7d {
    background-image: url("content/cards/7d.png");
}

.card_7c {
    background-image: url("content/cards/7c.png");
}

.card_4h {
    background-image: url("content/cards/4h.png");
}

.card_4d {
    background-image: url("content/cards/4d.png");
}

.card_9s {
    background-image: url("content/cards/9s.png");
}

.card_9d {
    background-image: url("content/cards/9d.png");
}

.card_9c {
    background-image: url("content/cards/9c.png");
}

.card_3s {
    background-image: url("content/cards/3s.png");
}

.card_5h {
    background-image: url("content/cards/5h.png");
}

.card_6c {
    background-image: url("content/cards/6c.png");
}

/***** COMING SOON *****/
.coming_soon {
	color: #c6c6c6;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 30px;
}