body {
	padding: 0;
	margin: 0;
	background: #f4f5f7;
	font: 12px Arial,sans-serif;
	color: #333333;
}

body.simplebody {
	background: transparent;
}

.RKH-maximise, .collapsed .RKH-maxmin {
	background: url("maximise_fff.svg");
	width: 15px; height: 15px;
	background-size: contain;
}
.RKH-maxmin {
	background: url("minimise_fff.svg");
	width: 15px; height: 15px;
	background-size: contain;
}
.RKH-search {
	background: url("sprite.png") no-repeat -230px -107px;
	height: 40px !important;
}
.RKH-comments_closed {
	background: url("sprite.png") no-repeat -238px -868px;
	display: block;
	width: 20px; height: 20px;
}



#overlay_reg {
	background-color: black;
	opacity : 0.4;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	z-index: 15000;
}
#overlay_reg_loading {
    background-color:#FFF;
    opacity : 1;
	position: fixed;
	top: 0;
	left: 0;
	width: 50%;
    min-height:70px;
    padding:10px;
    border:5px solid #CCC;
    margin: 150px 25% ;
    z-index:15001;
	font-size:20px;
	text-align:center;
}
#overlay_reg_loading>div {
	display: inline-block;
	background: transparent url("loading.gif.1") no-repeat center left;
	padding: 50px 0 50px 40px;
}
#overlay_reg_loading.transparent{
	background-color:transparent;
	border:0;
}


img {
	border: none;
}
img.avatar {
	border: 1px solid #cfd3da;
}
img.s200 {
	width: 200px; height: 200px;
}
img.s120 {
	width: 120px; height: 120px;
}
img.s78 {
	width: 78px; height: 78px;
}
img.s52 {
	width: 52px; height: 52px;
}
img.s44 {
	width: 44px; height: 44px;
}


/* This is link in menues, design.. */
a { text-decoration:none; color:#333;}
a:hover { text-decoration:underline; color:#333;}

/* This is link in text boxes.
   ".purple" is now light blue */
.a_purple a, a.purple { text-decoration:none !important; color:#225588 !important; }
.a_purple a:hover, a.purple:hover { text-decoration:underline !important; color:#225588 !important; }

.purple_txt { text-decoration:none; color:#225588;}
.purple_txt:hover { text-decoration: underline; }

a.purple_dark { text-decoration:none; color:#666699;}
a.purple_dark:hover { text-decoration:underline; color:#444477;}

a.white { text-decoration:none; color:#ffffff;}
a.white:hover { text-decoration:underline; color:#ffffff;}

a.grey { text-decoration:none; color:#999999;}
a.grey:hover { text-decoration:underline; color:#999999;}

a.follow2 { text-decoration:none; color:#900; }
a.follow2:hover { text-decoration:underline; color:#900; }

.important{
	color:#990000;
}

/* on some very specific sizes, this very specific element won't fit anymore. Reduce his 'follow' column */
@media (min-width:1280px) and (max-width:1500px) {
	.reduce_follow2 { font-size: 0 }
	.reduce_follow2:first-letter { font-size: 14px }
}
@media (max-width:500px) {
	.reduce_follow3 a { font-size: 0 !important }
	.reduce_follow3 a:first-letter { font-size: 14px !important }
}

span.bigger{
	font-size:16px;
	font-weight:bold;
}

span.highlight{	
	color:#990000;
}

span.label{	
	color:#999;
}

input.grey {
	vertical-align: middle;
	border: 1px solid #cfd3da;
	background: #f4f5f7;
	color: #333333;
	border-radius: 0.5em;
	padding: 0.35em;
}

a.link_orbe {
	display: block;
	position: absolute;
	bottom: 0.3em; right: 0.5em;
	text-decoration: underline;
	z-index: 5;
}


/* replace checkbox basic display by image */
input[type="checkbox"].big::before,
div.editable input[type="checkbox"]::before {
	content:""; display:inline-block; width:22px; height:22px;
	background:transparent url(sprite.png) no-repeat -327px -972px; margin: -7px 0 0 -7px;
}
input[type="checkbox"].big:checked::before,
div.editable input[type="checkbox"]:checked::before { background-position: -294px -972px; }


/* error-success barre*/
.top_bar {
	color:#ffffff;
	width:100%;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	text-align:center;
	margin-bottom:5px;
}

.top_bar.error {
	background-color:#f40f0f;
}	

.top_bar.success {
	background-color:#f8efd6;
	color:#333333;
}

.top_bar.message {
	background-color:#669966;
	display:none;
}

#top_bar_tut {
	padding-top:0px;
	padding-bottom:0px;
	position:relative;
	vertical-align:top;
	height:125px;
}

#top_bar_tut div {
	font-size:20px;
	padding-top:30px;
	vertical-align:top;
	display:inline-block;
}

#top_bar_tut div a {
	color:#000000;
}

#top_bar_tut a.close{
	position:absolute;
	top:10px;
	right:10px;
}

@media (max-width: 600px) {
	#top_bar_tut img {
		display:none;
	}
}
.top_bar a {
	color:white;
}
	
.top_bar a.close{
	padding-left:10px;
	font-size:18px;
}

.top_bar a:hover {
	text-decoration:none;
}


/************** header (there is a header.less file actually) *********************/ 

#manage_sel>div i { color: #8e8a8a }


/**** content columns management ****/

.central_area {
	width:90%;
	max-width:1728px; /*90% of 1920px*/
	margin: 0 auto;
}

@media (max-width: 1511px) {
	.central_area {	
		width:100%;
		margin: 0;
	}
}

#contentcol1 {
	width:31.9333%; /*4*/
	margin: 10px 0.7% 0;
	padding-top:0px;
	display:inline-block;
	float:left;
} 
#contentcol2 {
	width:48.6%; /*6*/
	margin: 10px 0.7% 0;
	padding-top:0px;
	display:inline-block;
	float:left;
}
#contentcol3 {
	width:15.2667%; /*2*/
	margin: 10px 0.7% 0;
	padding-top:0px;
	display:inline-block;
	float:left;
}

#contentcol4, #contentcol5 {
	display:none;
}
/*** management of individual boxes display ***/

/* So, the website is basically in 3 sizes : S, M, L. Each showing 1, 2 or 3 columns (most of the time).
   The following classes will permit to make a block -or anything else- appear or disapear in some specific sizes.
   We only write css for when they are NOT displayed, because the oposite can be block, inline, etc... depends on the object.
   Here, size L */
@media (min-width: 1281px) {
	
	.box_wrapper.box_M_L, .box_wrapper.box_L, .box_wrapper.box_S_L,
	.box_M_L, .box_L, .box_S_L {
	}

	#box_player_tutorial_col1,
	.box_wrapper.box_S, .box_wrapper.box_S_M, .box_wrapper.box_M,
	.box_S, .box_S_M, .box_M {
		display:none;
	}

	/* general mobile choice. This is actually like .box_S ... */
	.formobile { display: none !important }
}

.search_cols #contentcol1 {
	width:15.2667%; /*2*/
}

.search_cols #contentcol2 {
	width:65.2667%; /*8*/
}

.postsolo_cols #contentcol1 {
	width:23.6%; /*3*/
}

.postsolo_cols #contentcol2 {
	width:56.9333%; /*7*/
}

.ranking_cols #contentcol1,  .favorites #contentcol1 {
	width:81.9333%; /*10*/
}

.ranking_cols #contentcol2,  .favorites #contentcol2 {
	display:none;
}

.follow_cols #contentcol1 {
	width:23.6%; /*3*/
}

.follow_cols #contentcol2 {
	width:73.6%; /*9*/
}

.reg_cols #contentcol1, .reg_cols #contentcol3 {
	width:15.2667%; /*2*/
}

.reg_cols #contentcol2 {
	width:65.2667%; /*8*/
}

#breadcrumbs_container, #contentcolfull{	
	width:98.6%; /*12*/
	margin: 3px 0.7%;
	display:block;
 	background-color: transparent;
}

.breadcrumbs, .breadcrumbs a  {
	color:#666699;
	font-size:11px;
}	

.box_wrapper, .box_wrapper_simple{
	-webkit-box-shadow: -1px 3px 5px #666666;
	-moz-box-shadow:    -1px 3px 5px #666666;
	box-shadow:         -1px 3px 5px #666666;
 	background-color: #ffffff;
	display:inline-block;
	margin-bottom: 10px;
	width:100%;
	/*overflow: auto;*/
}

.box_wrapper.collapsed{
	height: 34px;
    overflow: hidden;
}

.box_wrapper .box_header, .box_wrapper_simple .box_header{
	background-color:#a0a7b6;
	color: #ffffff;
	width:100%;
	/*height:34px;
	display:block;*/
	display:inline-block;
	position:relative;
	margin-bottom: 6px;
}

.box_wrapper .box_header.nomargin {
	margin-bottom: 0px;
}

.box_wrapper .box_header.noshadow{
	-webkit-box-shadow: 0px 0px 0px #ffffff;
	-moz-box-shadow:    0px 0px 0px #ffffff;
	box-shadow:         0px 0px 0px #ffffff;
	margin:0px;
}

.box_wrapper .box_header.activity_header{
	margin-bottom: 0px;
}

.box_wrapper .box_header.search{
	background: #900;
}

.box_wrapper .box_header .box_title , .box_wrapper .box_header h3 , .box_wrapper .box_header h2 , .box_wrapper_simple .box_header .box_title , .box_wrapper_simple .box_header h3 , .box_wrapper_simple .box_header h2{
	padding-left:10px;
	line-height:34px;
	vertical-align:middle;
	font-size:18px;
	float:left;
	font-weight:bold;
	margin: 0;
}
.box_wrapper .box_header .box_title>a {
	color: inherit
}

.box_wrapper .box_header h4{
	padding-left:10px;
	line-height:15px;
	vertical-align:middle;
	font-size:15px;
	float:left;
	margin: 0;
	color:#fff;
}

.box_wrapper .box_header div.comment{
	padding-right:10px;
	line-height:34px;
	vertical-align:middle;
	font-size:12px;
	font-weight:normal;
	margin: 0;
	position:absolute;
	top:0;
	right:0;
}

.box_wrapper .box_sub_header{
	background-color:#1e1e32;
	-webkit-box-shadow: -1px 3px 5px #1e1e32;
	-moz-box-shadow:    -1px 3px 5px #1e1e32;
	box-shadow:         -1px 3px 5px #1e1e32;
	color: #ffffff;
	height:25px;
	width:100%;
	margin-bottom: 6px;
	display: inline-block;
}

.box_wrapper .box_sub_header h4{
	padding-left:10px;
	line-height:25px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	margin: 0;	
}

.box_wrapper .box_sub_header h5, .box_wrapper .box_sub_header h5 + #actions{
	padding-left:10px;
	line-height:25px;
	vertical-align:middle;
	font-size:12px;
	margin: 0;	
	float:left;
	padding-right:2%;
}
.box_wrapper .box_sub_header h5 {
	text-transform:uppercase;
}

.box_wrapper .box_sub_header h5 + #actions a{
	background: url("more_ffffff.png") no-repeat scroll right center transparent;
}

.box_wrapper h4 {
	color:#aa0000;
	padding:5px 10px;
	margin :0;
	font-size:12px;
	font-weight:normal;
}

.box_wrapper .simple .box_title {
	color:#aa0000;
	padding:5px 0px;
	margin :0;
	font-size:16px;
	font-weight:normal;
}

.box_wrapper .simple p {
	font-size:14px;
}

.box_wrapper .simple p img, 
.box_wrapper .simple p iframe, 
.box_wrapper .simple p embed,
.box_wrapper .simple p video,  
.box_wrapper .simple p table {
    max-width: 100%;
    height: auto;
}

.box_wrapper h4.steelbg {
	background:#69758d;
	color:#fff;
	margin:0 10px;
	padding:2px 5px; 
	font-weight:bold;
	font-size:18px;
	width:230px;
}

/* all #action are only containing float=right elements so it doesn't actually need to be float.
   I commented it because in a specific place, I want an element to be floated left... (see class2=big)
.box_wrapper .box_header #actions, .box_wrapper .box_sub_header #actions{
	float: right !important;
}
*/

/* sub content of 2 identical cols in a contentcol of size 10 */
.subcontent10_2col {
	width: 49.5% !important;
	float: left;
}
.subcontent10_2col:nth-child(even) {
	margin-left: 1%;
}
/* sub content of 3 identical cols in a contentcol of size 10 */
.subcontent10_3col {
	width: 32.66%;
	float: left;
	margin-left: 1%;
}
.subcontent10_3col:nth-child(3n+1) {
	margin-left: 0;
}


/*cover 2 columns*/
.subcontent10_3col_1 {
	width: 32.66666%;
	float: left;
	margin-left: 0%;
}

.subcontent10_3col_2 {
	width: 66.3333%;
	margin-left: 1%;
}



.subcontent10_3col_2 div.more_link {
    background: none repeat scroll 0 0 #EEEEEE;
}

/* get identical heights on sub contents » we don't use this general selector anymore, because headers with a selectors don't work anymore.
.box_wrapper.subcontent10_2col .box_header,
.box_wrapper.subcontent10_3col .box_header {
Using a new class instead.
*/
.box_wrapper .box_header.same_height {
	height:2.5em;
	overflow:hidden;
}
.box_wrapper_small .box_header.same_height,
.box_wrapper_small2 .box_header.same_height {
	height:1.9em;
	overflow:hidden;
}


/*** drop down ***/

.sel_button {
	float:right;	
	height:34px;
	position: relative;
}

.sel_button>a, .sel_button>span {
	cursor:pointer;
	margin: 0px 2px;
	padding: 10px 10px 10px;
	font-size:12px;
	height:14px;
	line-height:14px;
	vertical-align:middle;
	color:#ffffff;
	display:inline-block;
}
.sel_button > a:after{
	content:"\25bc";
	padding-left:5px;
	color:#ffffff;
}
.sel_button.active > a:after{
	content:"\25b2";
	text-decoration:none;
}
.sel_button > a:hover, .sel_button.active > a,
.sel_button > span:hover, .sel_button.active > span {
	background:#b1b8c7;
	text-decoration:none;
}

.for_img .sel_button > a:after {
	content:"" !important;
	padding-left:0px;
}

/* in simple body, it's not clicable, there is no JS... */
.simplebody .box_wrapper .box_header #actions,
#widget_preview .box_wrapper .box_header #actions {
	/* we want the selectors to become left-aligned-text */
	float: none;
}
.simplebody .sel_button, #widget_preview .sel_button {
	float: left;
}
.simplebody .sel_button>a, .simplebody .sel_button>span, #widget_preview .sel_button>a, #widget_preview .sel_button>span {
	cursor: default;
	font: normal 14px sans-serif;
}
.simplebody .sel_button > a:after, #widget_preview .sel_button > a:after {
	content:none;
}
.simplebody .sel_button > a:hover, .simplebody .sel_button > span:hover,
#widget_preview .sel_button > a:hover, #widget_preview .sel_button > a:hover {
	background:inherit;
}


.sel_button > div {
	position: absolute;
	top:34px;
	right:2px;
	background: #FFFFFF;
	border: 3px solid #b1b8c7;
	float: left;
	padding: 0;
	z-index: 11;
	display:none;
	max-height:200px;
}
.sel_button.active > div {
	display:block !important;
}

.sel_button > div a {
	text-decoration:none;
	background:#ffffff;
	color:#000000;
	display: block;
	white-space:nowrap;
	cursor:pointer;
	padding:10px 12px;
}

.sel_button > div a:hover {
	background:#e7e9eb;
}

.sel_button > div a.lgselected, .sel_button > div a.lgselected:hover{
	background: transparent url("sprite.png") no-repeat scroll -370px -20px;
}

.sel_button > div a.lgselected:hover {
	background: #e7e9eb url("sprite.png") no-repeat scroll -370px -20px;
}


.sel_button > div a.pin{
	border-top: 1px dotted #999;
	padding-left:30px;
}
.sel_button > div a.pin.pinned, .sel_button > div a.pin.pinned:hover{
	background: transparent url("sprite.png") no-repeat scroll -370px -20px;
}

.sel_button > div hr {
	margin: 0;
	border: none;
	border-top: 1px dotted #999;
}


/* drop down in header of boxes*/

.box_wrapper .box_header #actions .sel_button[class2=big] {
	float: left;
}
.box_wrapper .box_header #actions .sel_button[class2=big] > a {
	font-size: 1.8em;
}

/* actions for custom home page */
.box_wrapper .box_header #actions {
	float:right;
}

.box_wrapper .box_header img.flag {
	height:30px;
	float:right;
	margin-right:5px;
	margin-top:2px;
}

.box_wrapper .box_header #actions .home_widgets_options.sel_button > a {
    background: url("sprite.png") no-repeat scroll -31px -816px transparent;
    content: "";
    height: 34px;
    padding: 0 !important;
    width: 34px;
}

.box_wrapper .box_header #actions .home_widgets_options.sel_button > a:hover, 
.box_wrapper .box_header #actions .home_widgets_options.sel_button.active > a {
	background: url("sprite.png") no-repeat scroll -31px -816px #69758d;
	text-decoration:none;
}

.box_wrapper .box_header #actions .home_widgets_options.sel_button > a:after,
.box_wrapper .box_header #actions .home_widgets_share.sel_button > a:after {
    content: "";
    padding-left: 0 !important;
}

.box_wrapper .box_header #actions .home_widgets_options.sel_button > div,
.box_wrapper .box_header #actions .home_widgets_share.sel_button > div {
	border: 3px solid #69758d;
	max-height: none;
}

.box_wrapper .box_header #actions .home_widgets_share.sel_button > a {
    background: url("sprite.png") no-repeat scroll -33px -853px transparent;
    content: "";
    height: 34px;
    padding: 0 !important;
    width: 34px;
}

.box_wrapper .box_header #actions .home_widgets_share.sel_button.waiting > a {
    background: url("loading18.gif") no-repeat center transparent;
}

.box_wrapper .box_header #actions .home_widgets_share.sel_button > a:hover, 
.box_wrapper .box_header #actions .home_widgets_share.sel_button.active > a {
	background-color: #69758d;
	text-decoration:none;
}

.box_wrapper .box_header #actions .home_widgets_share.sel_button > div {
    padding: 5px;
}

.box_wrapper .box_header #actions .home_widgets_share.sel_button > div a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 25px !important;
    line-height: 25px !important;
    margin-bottom: 5px;
    min-width: 100px;
	padding: 5px 12px;
}

.box_wrapper .box_header #actions .home_widgets_share.sel_button > div a.iframe {
	background: #666666 ;
    height: 15px !important;
    line-height: 15px !important;
    text-align: center;
}

.box_wrapper .box_header #actions .home_widgets_share.sel_button > div a.share_as_img {
	background: #58647c;
    height: 15px !important;
    line-height: 15px !important;
    text-align: center;
}


/* filter area and drop down outside of box header*/

.box_wrapper #filter, .popup #filter {
	width:100%;
	box-shadow: -1px 3px 5px #666666;
	margin-top:1px;
	display:inline-block;
}

.box_wrapper #filter .sel_button > a, .popup #filter .sel_button > a{
	color:#666666;
}
.box_wrapper #filter .sel_button > a:after, .popup #filter .sel_button > a:after{
	color:#666666;
}
.box_wrapper #filter .sel_button > a:hover:after, .popup #filter .sel_button > a:hover:after{
	color:#ffffff;
}
.box_wrapper #filter .sel_button.active > a:after, .popup #filter .sel_button.active > a:after{
	color:#ffffff;
}
.box_wrapper #filter .sel_button > a:hover, .box_wrapper #filter .sel_button.active > a,
.popup #filter .sel_button > a:hover, .popup #filter .sel_button.active > a,
.popup #filter .sel_button > a.active{
	background:#990000;
	color:#ffffff;
}

.box_wrapper #filter .sel_button > div, .popup #filter .sel_button > div{
	right:0px;
	border: 3px solid #990000;
}

.box_wrapper #filter .sel_button > div hr, .popup #filter .sel_button > div hr {
	border-top: 1px solid #333;
}

/* filter area and drop down in search menu on the left */

.search_category_menu #filter .sel_button {
	height:28px;
	border: 1px solid #494949;
	margin: 1em 0;
	float: none;
}

.search_category_menu #filter .sel_button > a {
	display:block;
	clear: both;
	margin: 0; padding: 7px;
	height:100%; width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:12px;
	color:#666666;
}
.search_category_menu #filter .sel_button > a:after {
	color:#666666;
	float: right;
}
.search_category_menu #filter .sel_button > a:hover:after {
	color:#ffffff;
}
.search_category_menu #filter .sel_button.active > a:after {
	color:#ffffff;
}
.search_category_menu #filter .sel_button.active > a:hover, .search_category_menu #filter .sel_button > a {
	background:#494949;
	color:#ffffff;
	text-decoration:none;
}

.search_category_menu #filter .sel_button > div {
	top:28px;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 2px solid #494949;
}

/* cols management inside box */

.box_wrapper div.simple {
	padding:5px 2%;
	width:96%;
}

.box_wrapper div.red_background {
	padding:5px 2%;
	width:96%;
	background-color: #990000;
	display:inline-block;
	color: #fff;
}

.box_wrapper div.dynamic, .box_wrapper.action_box  {
	position:relative;
}

.editable-box-body #action_box a , .editable-box-body #action_box button {
	font-size: 14px !important; 
	text-align: center;
}

.box_wrapper div#area_activity.dynamic {
	display: inline-block;
	width: 100%;
}
.box_wrapper div.dynamic > div.overlay, .box_wrapper.action_box > div.overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
	background: #000000  url("loading.gif.1") no-repeat center center;
	opacity: 0.3;
	display:none;
}


.box_wrapper .line_header{
	margin-bottom:6px;
	height:18px !important;
	border: 0 !important;
}
.box_wrapper .line_header div{
	height:18px;
	-webkit-box-shadow: -1px 3px 5px #666666;
	-moz-box-shadow:    -1px 3px 5px #666666;
	box-shadow:         -1px 3px 5px #666666;
	line-height:18px !important;
}

.box_wrapper .line_footer_left {
	text-align:left;
	padding:5px 10px;
}

.box_wrapper .line_footer, 
.popup .popup_inner .line_footer,
.propulsor .line_footer
{
	text-align:right;
	display:inline-block;
	padding:5px 2%;
	width:96%;
}

.box_wrapper .line_footer .leftalign, 
.popup .popup_inner .line_footer .leftalign,
.propulsor .line_footer .leftalign
{
	float:left;
	vertical-align: middle;
}

.box_wrapper .line_footer .leftalign input, 
.popup .popup_inner .line_footer .leftalign input,
.propulsor .line_footer .leftalign input
{
	vertical-align: middle;	
}

.box_wrapper .line_footer a {
}

.box_advert, #footer .advert {
	width:100%;text-align: center;padding-top:5px;padding-bottom:5px;
}


/* One big message, short, with sometimes a red button at the end. To be displayed big */
.popup_simple_fat_message {
	text-align: center;
	color: #333366;
	font: bold 1.8em Arial,sans-serif;
	padding: 2em;
}
.popup_simple_fat_message .red {
	font-size: 1em;
	line-height: 1em;
	padding: 0.5em 1em;
}

/* basic table design*/

.box_wrapper table{
	width:100%;
	border-spacing:0;
}

.box_wrapper table .add_info {
	color: black;
	font-weight:normal;
	font-size:12px;
}

.box_wrapper table .add_info label {
	color: #999999;
}


.box_wrapper table td, .box_wrapper table th{
	padding-left:2%;
	padding-right:2%;
	vertical-align:middle;
	position:relative;
}

.box_wrapper table thead th{
	margin-bottom:10px;
	color:#990000;
}
.box_wrapper table tbody{
	border-collapse:collapse;
}

.box_wrapper table th{
	height:18px !important;
	border: 0 !important;
	height:18px;
	line-height:18px !important;
	font-weight:normal;
	text-align:left;
}

.box_wrapper table tbody tr:nth-child(even) {
	background: #f1f1f1;
}

.box_wrapper table thead + tbody tr:nth-child(odd) {
	background: #f1f1f1;
}

.box_wrapper table thead + tbody tr:nth-child(even) {
	background: #ffffff;
}

.box_wrapper table tbody tr:first-child td{
	padding-top:5px;
}


/*ranking 4 columns*/

.box_wrapper table.ranking tbody tr,.box_wrapper table.ranking tbody tr td{
	height:48px;
}

.box_wrapper table.ranking tr th:first-child, .box_wrapper table.ranking tr td:first-child {
	width:16%;
}
@media (max-width: 600px) {
	.box_wrapper table.ranking tr td:first-child  span {
		display:none;
	}
}
.box_wrapper table.ranking tr td:first-child + td {
	width:46px;
	padding-left: 4px;
}
.box_wrapper table.ranking tr td:first-child + td + td  {
	font-size:16px;
}

.box_wrapper table.ranking tr td:first-child + td + td + td  {
	font-size:13px;
	text-align: left;
}
.box_wrapper table.ranking tr th:first-child + th + th, .box_wrapper table.ranking tr td:first-child + td + td + td {
	width:16%;
}
.box_wrapper table.ranking tr th:first-child + th + th + th, .box_wrapper table.ranking tr td:first-child + td + td + td + td {
	width:15%;
	text-align: left;
}


/* ranking different tables */

	/* super simple lines. */
table.text_lines > * > tr > td { padding: 1em 0.6em }


p.earnings { margin: 0.2em 0; }
p.earnings.usd { }
p.earnings.local { color: #888; }
p.earnings.rank { }

	/* simple lines like "search" */
table.ranks_lines > tbody > tr > td:first-child {
	padding: 4px; width: 20px; text-align:center;
	font: bold 23px sans-serif;
}
/*table.ranks_lines > tbody > tr > td:last-child {
	width: 20%;
	Maybe this was good for one of the first tables, but now it's mostly breaking most of the tables that are touched by that.
}*/
table.ranks_lines > tbody > tr > td:first-child.small {
	font-size: 18px;
}
table.ranks_lines > tbody > tr > td:first-child.verysmall {
	font-size: 14px;
}
table.ranks_lines > tbody > tr > td:first-child + td {
	padding: 4px;
}
table.ranks_lines  > tbody > tr:target {
	background: #dd7700;
}
table.ranks_lines  > tbody > tr > td > a > h5 {
	text-align: left;
	color: #900;
	font-size: 1.8em;
}
table.ranks_lines  > tbody > tr > td > a > h5:hover {
	text-decoration: underline;
}
table.ranks_lines > tbody > tr > td > p {
}
table.ranks_lines > tbody > tr > td > p > label {
	font-weight: bold;
}
table.ranks_lines > tbody > tr > td > p > label::after {
	content:':';
}

table.ranks_lines > tbody > tr > td > p[rel=ranking_type] {
	font-size: 1.3em;
}
table.ranks_lines > tbody > tr > td > p[rel=ranking_type] > label {
	display:block;
}

@media (max-width: 800px) {
	table.ranks_lines > tbody > tr > td:first-child + td {
		padding: 2px;
	}


}

	/* bigfirst */
table.ranks_bigfirst {
}
table.ranks_bigfirst > tbody > tr:target {
	background: #dd7700;
}
table.ranks_bigfirst th {
	color: #900;
}
table.ranks_bigfirst td {
	padding: 4px;
}
table.ranks_bigfirst > tbody td:first-child {
	font: bold 1.8em sans-serif;
	width: 1em;
	padding: 0 0 0 4px;
	text-align: center;
}
table.ranks_bigfirst > tbody td:first-child sup {
	font-size: 0.4em;
}
table.ranks_bigfirst img.avatar {
	width: 44px; height: 44px;
	vertical-align: middle;
}
table.ranks_bigfirst img.avatar.big {
	width: 52px;
	height:52px;
}
table.ranks_bigfirst img.flag {
	width: 15px;
	vertical-align: middle;
}
table.ranks_bigfirst.tour_res img.flag {
	width: 64px;
	vertical-align: middle;
}
table.ranks_bigfirst.tour_res tbody>tr td a h5 img.flag {
	width: 25px;
	height:25px;
}
table.ranks_bigfirst img.big_flag {
	vertical-align: middle;
}
table.ranks_bigfirst h5 {
	font: normal 1em sans-serif;
	margin: 0;
	line-height:20px;
	max-height:20px;
	overflow:hidden;
}
table.ranks_bigfirst p.grey {
	color: #888;
	margin: 0;
}

	/* bigfirst row!*/
table.ranks_bigfirst > tbody > tr:first-child td {
	vertical-align: top;
}
table.ranks_bigfirst > tbody > tr:first-child td:first-child>div {
	background: #888;
	color: #fff;
	width: 1.5em;
	padding-top: 1em;
	font-size: 1.3em;
}
table.ranks_bigfirst > tbody > tr:first-child td:first-child>div>div {
	margin-top: 0.5em;
	/* drawing a white triangle to make a nice effect */
	width: 0;
	height: 0;
	border-bottom: 1em solid #fff;
	border-left: 0.75em solid transparent;
	border-right: 0.75em solid transparent;
}
table.ranks_bigfirst > tbody > tr:first-child img.avatar {
	float: left;
	margin-right: 0.5em;
	width: 120px; height: 120px;
}
table.ranks_bigfirst > tbody > tr:first-child img.flag {
	width: 25px;
	height: 25px;
	vertical-align:middle;
}

table.ranks_bigfirst > tbody > tr:first-child h5 {
	color: #900;
	font: bold 1.8em sans-serif;
	margin: 0; margin-bottom: 0.5em;
	overflow:visible;
	max-height:81px;
}

table.ranks_bigfirst > tbody > tr:first-child h5:hover {
	text-decoration: underline;	
}

table.ranks_bigfirst > tbody > tr:first-child p+p {
	margin-bottom: 0;
}
table.ranks_bigfirst > tbody > tr:first-child p.earnings {
	color: #900;
}
table.ranks_bigfirst > tbody > tr:first-child p.earnings.usd {
	normal; font-size: 1.8em;
}
table.ranks_bigfirst > tbody > tr:first-child p.earnings.local {
	font-size: 1.2em;
}
	/* Last lines contains links and different data.
		I don't put them in real <tfoot> because it breaks the background logic ( tr:nth-child(even) is grey )
	 */
table.ranks_lines > tbody > tr.tfoot > td,
table.ranks_bigfirst > tbody > tr.tfoot > td {
	font: normal 12px sans-serif;
	text-align:left;
	color: #888;
	padding-left: 10px;
	width: auto;
}
table.ranks_lines > tbody > tr.tfoot > td+td,
table.ranks_bigfirst > tbody > tr.tfoot > td+td {
	text-align:right;
}
table.ranks_lines > tbody > tr.iframe_credit > td,
table.ranks_bigfirst > tbody > tr.iframe_credit > td {
	color: black;
	padding-top: 0.4em; padding-bottom: 0.4em;
}

/*used for the edition of tournament*/
table.ranks_bigfirst .single_part h4 {
	width:20%; 
	float:left;
	color:#333333;
	text-align:left;
}

table.ranks_bigfirst .single_part #participations_form{
	width:70%;
	position: relative;
}

table.ranks_bigfirst .single_part #participations_form,
table.ranks_bigfirst .single_part .participations_line > div {
	float:left;
	text-align:left;
}


table.ranks_bigfirst .single_part label,table.ranks_bigfirst .single_part input {
	display:block;
}

table.ranks_bigfirst .single_part .participations_line input {
    border: 1px solid #555555;
    display: inline-block;
    margin: 0.2em 0.1em;
    padding: 0.1em 0.2em;
}

table.ranks_bigfirst .single_part .participations_line #part_rank {
    width: 3em;
}

table.ranks_bigfirst .single_part .participations_line #part_earnings {
    width: 8em;
}

table.ranks_bigfirst .single_part .part_line_cancel {
    position:absolute;
	top:1px;
	right:1px;
}

table.ranks_bigfirst .single_part [rel=part_line_del] {
	margin-top:16px;
	margin-bottom:10px;
}


	/* small rankfirst! */
.box_wrapper_small table.ranks_bigfirst td:first-child {
	font-size: 14px;
	width: 44px;
	padding: 4px 10px;
	text-align:left;
}
.box_wrapper_small table.ranks_bigfirst tr:first-child td:first-child {
	font-size: 14px;
}
.box_wrapper_small table.ranks_bigfirst tr:first-child td:first-child h5 {
	font-size: 23px;
	margin-bottom: 0.2em;
}
.box_wrapper_small table.ranks_bigfirst tr:first-child td:first-child h5:hover {
	text-decoration: underline;
}
.box_wrapper_small table.ranks_bigfirst tr:first-child td:first-child p {
	color: #fff; /*hide!*/
	font: normal 1.3em sans-serif;
	margin: 0;
}
.box_wrapper_small table.ranks_bigfirst tr:first-child td:first-child p span {
	color: #000; /*show!*/
	padding-right: 0;
	font-size: 1em;
}
.box_wrapper_small table.ranks_bigfirst p.grey {
	display:none;
}
.box_wrapper_small table.ranks_bigfirst img.avatar {
	margin: 4px 0;
}
	/* 3 first rows of table be white with a grey line as separator */
#list_top15 table.ranks_lines > tbody > tr,
.box_wrapper_small table.ranks_bigfirst tr:first-child,
.box_wrapper_small table.ranks_bigfirst tr:first-child + tr,
.box_wrapper_small table.ranks_bigfirst tr:first-child + tr + tr {
	background: #fff;
}
#list_top15 table.ranks_lines > tbody > tr > td,
.box_wrapper_small table.ranks_bigfirst tr:first-child > td,
.box_wrapper_small table.ranks_bigfirst tr:first-child + tr > td,
.box_wrapper_small table.ranks_bigfirst tr:first-child + tr + tr > td {
	border-bottom: 1px dotted #888;
}

	/* top 15 modifications of rank_lines */
#list_top15 table.ranks_lines > tbody > tr > td > p > label {
	font-weight: normal; color: #888;
	display:block;
}
#list_top15 table.ranks_lines > tbody > tr > td > p > label::after { display :none }

	/* top 15 small lines */
	/*it was also displayed:none  table.ranks_lines2 img:first-child */
table.ranks_lines2 td:last-child,
table.ranks_lines2 p b {
	display:none;
}
table.ranks_lines2 td {
	font: normal 14px sans-serif;
}
table.ranks_lines2 td:first-child {
	background: #fff;
	font: bold 16px sans-serif;
}
table.ranks_lines2 td:first-child + td + td,
table.ranks_lines2 td:first-child + td + td + td,
table.ranks_lines2 td:first-child + td + td + td + td {
	text-align: left;
}
table.ranks_lines2 h5 {
	font: normal 14px sans-serif;
	margin: 0;
}
table.ranks_lines2 p > label {
	display:none;
}

/* rank_lines on mobile version */
@media (max-width: 600px) {
	/* hide column with position and other rank data */
	table.ranks_lines td:nth-child(5),
	table.ranks_lines td:nth-child(6),
	table.ranks_lines2 td:nth-child(5),
	table.ranks_lines2 td:nth-child(6) {
		display:none;
	}
	#list_top15 table.ranks_lines > tbody > tr > td > p[rel=ranking_type] > label,
	table.ranks_lines td p label {
		display:none;
	}

	/* divide image size per 2 */
	table.ranks_lines2 img {
		width: 26px; height: 26px;
	}

	table.ranks_lines > tbody > tr > td:first-child + td img+img {
		margin: 0;
	}

	/*** This can be used anywhere. Used by smarty {number} function, it displays on mobile the small version of numbers instead of the full one. ***/
	span[small]>span {
		display:none;
	}
	span[small]::after {
		content: attr(small);
	}
}


/** tournaments results twist**/

table.ranks_bigfirst.tour_res .small_size_number {
	display:none;
}

@media (max-width: 600px) {	
	table.ranks_bigfirst.tour_res tr:first-child h5 {
		font-size:1em;
	}
	table.ranks_bigfirst tr:first-child p span {
		font-size:1em;
	}
	table.ranks_bigfirst.tour_res .small_size_number {
		display:block;
	}
	table.ranks_bigfirst.tour_res .hide_small_size {
    	display:none;
	}
}
table.ranks_bigfirst.tour_res

/**** influent box in rankings page ****/
.influents {
	text-align: center;
	margin: 1em 0;
}
.influents>div {
	display: inline-block;
	width: 122px; height: 170px; margin: 0 12px;
	text-align:center;
}
.influents>div img { width: 120px; height: 120px }
.influents>div.hover img {
	-webkit-box-shadow: 0px 0px 15px #c60;
	-moz-box-shadow:    0px 0px 15px #c60;
	box-shadow:         0px 0px 15px #c60;
}

.influents>div h5, .influents>div p {
	margin: 0;
	font-size: 13px;
	text-align:left;
}

	/* cartouche emulation */
.influent_head .box_wrapper_prof {
	height: 225px;
}

.box_wrapper_prof .cartouche .follow_b {
	position:absolute;
	top: 117px;
	left: 217px;
}

#profile_container.influent_head .cartouche p.followers,
#profile_container.influent_head .cartouche p.followbutton {
	/* copying the necessary things so it displays like on human page */
	float: left;
	min-width: 350px;
	padding-left: 16px;
}
#profile_container.influent_head .cartouche div.name {
	color: #000;
	font-size: 30px;
	padding-top: 3px;
	margin-bottom: 10px;
}
#profile_container.influent_head .cartouche p.followers {
	font-size: 22px;
	margin: 2em 0 0 0;
}
#profile_container.influent_head .cartouche p.followbutton {
	padding-left: 11px; /* inside button got 5px margin. Dot this to align left */
}

	/* reduce number of influent guys so it's always one line. Begin at 9. */
@media (max-width: 1815px) {
	.influents>div:last-child { display: none }
}
@media (max-width: 1614px) { .influents>div:nth-last-child(2) { display: none } }
@media (max-width: 1056px) { .influents>div:nth-last-child(3) { display: none } }

@media (max-width: 920px) {
	/* the 6 influents guys left don't hold at size smaller than that. Change for 2 per line in a horizontal display */
	.influents {
		text-align: center;
		margin: 0.5em 0;
	}
	.influents>div { /* two per line */
		display: block; float: left;
		width: 48%; height: 50px; margin: 0; padding: 0.3em 1%;
		text-align:center;
	}
	.influents>div img {
		float: left; height: 44px; width: 44px;
		margin-right: 0.7em;
	}
}
@media (min-width: 600px) and (max-width: 920px) {
	.influents>div:nth-child(2),.influents>div:nth-child(3),.influents>div:nth-child(6) { background: #f1f1f1; }
}
@media (max-width: 600px) {
	.influents { margin: 0.2em 0 }

	/* now one per line */
	.influents>div { float: none; width: 98%; }
	.influents>div:nth-child(even) { background: #f1f1f1; }

	/*cartouche*/
	.influent_head .box_wrapper_prof { height: auto }

	#profile_container.influent_head .cartouche div.name {
		font-size: 16px;
		margin: 0;
	}
	#profile_container.influent_head .cartouche p.followers {
		font-size: inherit;
		margin-top: 0.5em;
	}
}


div.bottom_grey_line {
	background:#f1f1f1;
	overflow:auto;
	clear:both;
	padding: 0.2em;
}
div.bottom_grey_line>span {
	color:#888; float: left;
}
div.bottom_grey_line>.more_link {
	float: right;
}

/***************************************************************/

/* dark blue box*/
.mybg_235 > div.box_header {
	background:#235;
}
.mybg_235 table.ranks_bigfirst tr:first-child td:first-child>div {
	background:#235;
}

/*red box*/
.mybg_900 > div.box_header {
	background: #900;
}
.mybg_900 table.ranks_bigfirst tr:first-child td:first-child>div {
	background: #900;
}

.mybg_900 .sel_button > a:hover, .mybg_900 .sel_button.active > a,
.mybg_900 .sel_button > span:hover, .mybg_900 .sel_button.active > span {
	background:#aa0000;
}
.mybg_900 .sel_button > div{
	border: 3px solid #aa0000;
}

/*dark grey box*/
.mybg_567 > div.box_header {
	background:#58647c;
}
.mybg_567 table.ranks_bigfirst tr:first-child td:first-child>div {
	background:#58647c;
}

.mybg_567 .sel_button > a:hover, .mybg_567 .sel_button.active > a,
.mybg_567 .sel_button > span:hover, .mybg_567 .sel_button.active > span {
	background:#69758d;
}
.mybg_567 .sel_button > div {
	border: 3px solid #69758d;
}

/*green box*/
.mybg_585 > div.box_header {
	background:#558855;
}
.mybg_585 table.ranks_bigfirst tr:first-child td:first-child>div {
	background:#558855;
}

.mybg_585 .sel_button > a:hover, .mybg_585 .sel_button.active > a,
.mybg_585 .sel_button > span:hover, .mybg_585 .sel_button.active > span {
	background:#669966;
}
.mybg_585 .sel_button > div{
	border: 3px solid #669966;
}

.box_wrapper_small  > div.box_header > .box_title,
.box_wrapper_small2 > div.box_header > .box_title { /* box_wrapper_small2 will reduce the title, but not the content */
	font: normal 1.2em sans-serif;
	line-height:1.6em;
	padding-left: 5px;
}

/*player events*/
.box_wrapper table.player_events tr th:first-child + th ,
.box_wrapper table.player_events tr td:first-child + td {
	width:16%;
	text-align: left;
}

.box_wrapper table.player_events tr th:first-child + th + th,
.box_wrapper table.player_events tr td:first-child + td + td {
	width:20%;
}

/*ranking 3 columns*/
.box_wrapper table.ranking.geoloc tr th:first-child, .box_wrapper table.ranking.geoloc tr td:first-child {
	width:16%;
}
.box_wrapper table.ranking.geoloc tr td:first-child + td {
	width:46px;
	padding-left: 4px;
}
.box_wrapper table.ranking.geoloc tr th:first-child + th + th, .box_wrapper table.ranking.geoloc tr td:first-child + td + td + td {
	width:20%;
}

/** tournament listing  with player info**/

#box_player_best_perf a, 
.box_wrapper table.tournament tr  td a {
	color: black;
}

/* hide flag if in left column, not enough space */
div#contentcol1 .box_wrapper table.tournament tbody tr td:first-child + td { width:50px; padding: 0 0.4em }
div#contentcol1 .box_wrapper table.tournament tbody tr td:first-child + td img.flag { display:none }

@media (min-width: 769px) and (max-width: 900px) {
	.box_wrapper table.tournament  tbody tr td:first-child +td {
		vertical-align:middle;
		width:120px;
	}
	.box_wrapper table.tournament tbody tr td:first-child + td img.avatar {
		width: 40px; height: 40px;
	}
}

@media (max-width: 768px) {
	.box_wrapper table.tournament  tbody tr td {
		width: auto !important;
		padding: 0.3em !important;
	}
	.box_wrapper table.tournament tbody tr td:first-child +td {
		vertical-align:middle;
		text-align:center;
	}
	.box_wrapper table.tournament tbody tr td:first-child + td img.avatar {
		width: 40px; height: 40px;
	}
	.box_wrapper table.tournament tbody tr td:first-child + td img.flag { display:none }
}

/** Tournament listing, without player */
table.tournament_next>tbody>tr>td {
	padding: 0.7em 1em;
}
table.tournament_next span.date {
	color: #900
}

/** ranking listing  for player stats**/

.box_wrapper table.ranking_player tr:first-child td{
	font-size:16px;
	font-weight:bold;
	padding:5px 2%;
}

.box_wrapper table.ranking_player tr td{
	height:20px;
}

.box_wrapper table.ranking_player tr td:first-child + td +td,
.box_wrapper table.ranking_player tr td:first-child
{
	font-size:14px;
}

.box_wrapper table.ranking_player tr td:first-child + td{
	color:#900;
	font-size:16px;
	font-weight:bold;
}

.box_wrapper table.ranking_player tr td:first-child + td a {
	color: #990000;
}


/*venues + circuit 4 columns*/

.box_wrapper table.venue tr td:first-child {
	width:63px;
	max-width:63px;
}
.box_wrapper table.venue tr th:first-child + th , .box_wrapper table.venue tr td:first-child + td + td {
	width:50%;
}
.box_wrapper table.venue tr th:first-child + th + th , .box_wrapper table.venue tr td:first-child + td + td + td {
	width:16%;
}

.box_wrapper table.venue tr td:first-child + td + td + td a{
	float:right;
}

/*member list 4 columns*/

.box_wrapper table.member tr td:first-child {
	width:63px;
	max-width:63px;
}
.box_wrapper table.member tr td:first-child + td + td  {
	width:16%;
}

.box_wrapper table.member tr td:first-child + td + td  a{
	float:right;
}

/*player list 4 columns*/

.box_wrapper table.playerlist tr td:first-child {
	width:63px;
	max-width:63px;
}
.box_wrapper table.playerlist tr th:first-child + th , .box_wrapper table.playerlist tr td:first-child + td + td {
	width:20%;
}
.box_wrapper table.playerlist tr th:first-child + th + th , .box_wrapper table.playerlist tr td:first-child + td + td + td {
	width:16%;
}
.box_wrapper table.playerlist tr td:first-child + td + td {
	text-align:right;
	position:relative;
}
.box_wrapper table.playerlist tr td:first-child + td + td + td a{
	float:right;
}

/*player list 4 or 5 columns for achievements list*/

.box_wrapper table.playerlist.achiev tr td:first-child {
	width:52px;
	max-width:52px;
	padding-left:12px;
	padding-right:12px;
}

.box_wrapper table.playerlist.achiev tr td.extended:first-child {
	width:120px;max-width:120px;
}

.box_wrapper table.playerlist.achiev tr th:first-child + th , .box_wrapper table.playerlist.achiev tr td:first-child + td {
	width:30px;padding-left: 0;padding-right: 0;max-width: 30px;
}
.box_wrapper table.playerlist.achiev tr th:first-child + th + th , .box_wrapper table.playerlist.achiev tr td:first-child + td + td {
	width:auto;
	text-align: left;
	padding-left: 7px;
	padding-top:5px;
	padding-bottom:5px;
}

.box_wrapper table.playerlist.achiev tr th:last-child , .box_wrapper table.playerlist.achiev tr td:last-child + td {
	width:100px;
	position:relative;
}



/*localised tournaments, 3 columns*/

.box_wrapper table.tournament.geoloc tr th:first-child, .box_wrapper table.tournament.geoloc tr td:first-child {
	width:60%;
}

.box_wrapper table.tournament.top3 tr th:first-child, .box_wrapper table.tournament.top3 tr td:first-child {
	width:70%;
}


/*rplayer to follow columns*/

.box_wrapper table.player_follow tbody tr td{
	height:48px;
}

.box_wrapper table.player_follow tr td:first-child {
	width:46px;
	padding-left: 6px;
}
.box_wrapper table.player_follow tr td:first-child + td + td,
.box_wrapper table.player_follow tr td:first-child + td + td  + td  {
	width:16%;
}

/*** news box ***/

.box_wrapper #tabs_news .news {
	padding:0 !important;
}

.box_wrapper .news .opengraph {
	display:none;
}

.box_wrapper .news > div {
	padding: 10px 2%;
	border-top: 1px dotted #ccc;
}

.box_wrapper .news > div:first-child {
	border-top: none;
}
.box_wrapper .news > div:first-child img {
	max-width:100%;
}

.box_wrapper .news > div > div.content {
	font-size:14px;
}

.box_wrapper .news > div a.news_more_link {
	color: #258;
	display:block; text-align:right;
}

.box_wrapper .news img {
	max-width:100%;
}



@media (max-width: 800px) {
	.box_wrapper .news div:first-child,
	.box_wrapper .news div:first-child + div, 
	.box_wrapper .news div:first-child + div + div,
	.box_wrapper .news div:first-child + div + div + div{
		width:96%;
	}
}


/* human bos presentation */

.box_wrapper_pres{
	-webkit-box-shadow: -1px 3px 5px #666666;
	-moz-box-shadow:    -1px 3px 5px #666666;
	box-shadow:         -1px 3px 5px #666666;
 	background-color: #ffffff;
	display:inline-block;
	margin-bottom: 10px;
	width:100%;
}

/* profile headers */

#profile_container {
	width:100%;
	margin-bottom:5px;
	display:inline-block;
	position:relative;
	-webkit-box-shadow: 0px 4px 5px #666666;
	-moz-box-shadow:    0px 4px 5px #666666;
	box-shadow:         0px 4px 5px #666666;
	margin-bottom:10px;
	z-index:10;
} 

.box_wrapper_prof{
	/*-webkit-box-shadow: -1px 3px 5px #666666;
	-moz-box-shadow:    -1px 3px 5px #666666;
	box-shadow:         -1px 3px 5px #666666;*/
	background-repeat:no-repeat;
	background-position: right top;
	background-color: transparent;
 	/*background: transparent url("../images/test-header1.png") no-repeat center top;*/
	display:inline-block;
	height:266px;
	width:100%;
	max-width:1360px;
	z-index:1;
	text-align:left;
	position:relative;
}


#profile_container .blurred_img {
	display:none;
}



.box-wrapper-hover { /* special only in member header */
	height: 226px;
}
@media (max-width: 600px) {
	.box-wrapper-hover {
		height: auto;
	}		
}


#avatar_img .avatar_credit {
	position: absolute; top: 4px; right: 4px;
	font: bold 10px sans-serif;
	color: #fff;
	text-transform: uppercase;
	-webkit-text-shadow: 0 0 1px #000;
	-moz-text-shadow:    0 0 1px #000;
	text-shadow:        0 0 1px #000;
}

#profile_container .cartouche {
	background-color: white; /* for IE8 */
	background-color: rgba(255, 255, 255, 0.9);
	max-width:640px;
	width:98.6%;
	min-width:560px;	
	height:202px;
	margin-left:0.7%;
	margin-top:12px;
	overflow:hidden;
	position:relative;
}

#hs-influents .box_header{
	margin-bottom:-3px;
}

#hs-influents .voting-rating{
	height:14px;
}

#hs-influents .voting-rating .rating{
	height:7px;
}

#profile_container .cartouche.longcartouche  {
	max-width:100%;
}

#profile_container .cartouche.member {
	width:202px;
	max-width:202px;
	min-width:202px;
	z-index:1;
}

#profile_container .cartouche #avatar_img {
	float:left;
	position:relative;
	z-index: 2;
}

#profile_container .cartouche #avatar_img a img{
	border: 1px solid #ffffff;
	-webkit-box-shadow: 1px 0 5px #999999;
	-moz-box-shadow:    1px 0 5px #999999;
	box-shadow:         1px 0 5px #999999;
}

#profile_container .cartouche #avatar_img.managed img{
	border: 1px solid #990000;
}

#profile_container .cartouche #avatar_img.managed .pres_avatar_managed_text {
	position: absolute;
	bottom:1px;
	left:0;
	width:100%;
	height:15px;
	font-size:10px;
	background-color: red; /* for IE8 */
	background-color: rgba(153, 0, 0, 0.698);
	color:#ffffff;
}

#profile_container .cartouche #avatar_img.managed .pres_avatar_managed {
	position: absolute;
	bottom :2px;
	right:2px;
	width:30px;
	height:30px;
	display:inline-block;
	z-index:4;
	background: url("sprite.png") no-repeat scroll -62px -438px transparent;
}

#profile_container .cartouche .name {
	font-size:22px;
	color:#990000;
	font-weight:bold;
	float:left;
	padding-left:16px;
	padding-top:20px;
	max-width:350px;
	min-width:250px;
}

#profile_container .cartouche.circuit .name, #profile_container .cartouche.festival .name {
	font-size: 20px;
	line-height: 20px;
   	padding-bottom: 5px;
   	padding-top: 12px;
}

#profile_container .cartouche.festival .name {
	font-size:20px;
}

#profile_container .cartouche.longcartouche .name {
	font-size:18px;
	font-weight:bold;
	color:#333;
	padding-top: 5px;
	float: none;
}

#profile_container .cartouche a:hover .name {
	text-decoration:underline;
}

#profile_container .cartouche .flag {
	float:right;
	padding-top:8px;
	padding-right:8px;
}

#profile_container .cartouche .job_avatar {
	position:absolute;
	bottom:13px;
	right:13px;
	width:60px;
	height:60px;
}

#profile_container .cartouche .numbers {
	min-width:350px;
	float:left;
}
#profile_container .cartouche .types {
	min-width:350px;
	float:left;
	padding-left:16px;
	padding-top:5px;
}
#profile_container .cartouche .numbers a div, #profile_container .cartouche .numbers div{
	border-right: 1px solid #999999;
	float:left;
	padding:10px 16px;
	margin:10px 0px 6px;
}
#profile_container .cartouche .clubs {
	float: left;
	padding-left: 16px;
}
#profile_container .cartouche .clubs div {
	margin-top: 18px;
}

#profile_container .cartouche .clubs.clubs-several div {
	line-height: 28px;
}

#profile_container .cartouche .numbers a:hover span{
	text-decoration:underline;
}

#profile_container .cartouche .numbers div span:first-child,
#profile_container .cartouche .clubs div span:first-child {
	font-size:14px;
	color:#333333;
}

#profile_container .cartouche .numbers div span:first-child + br + span,
#profile_container .cartouche .clubs div span:first-child + br + span,
#profile_container .cartouche .clubs div br + a{
	font-size:22px;
	color:#990000;
	font-weight:bold;
	line-height:26px;
	vertical-align:bottom;
}

#profile_container .cartouche .clubs div span:first-child + br + span:hover{
	text-decoration:underline;
}

#profile_container .cartouche .numbers div span:first-child + br + span sup {
	font-size:12px;
	vertical-align:center;
} 

#profile_container .cartouche .numbers > div:last-child{
	border-right: 0;
}

#profile_container .cartouche .information {
	max-width:420px;
	float:left;
	color:#333333;
	font-size:14px;
	padding-left: 16px;
	line-height:16px;
	min-width:250px;
}

#profile_container .cartouche.longcartouche .wrapper{
	padding-left: 200px;
}

#profile_container .cartouche.longcartouche .information{
	float:none;
	margin:auto;
	width:360px;
	padding-left:0;    
	line-height: 20px;
	padding-top:5px;
	padding-bottom:5px;
}

#profile_container .cartouche .tournament {
	background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    display: inline-block;
    left: 0;
    padding-left: 216px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: absolute;
    width: 100%;
    z-index: 1;
	font-size:14px;
	line-height: 17px;
}

#profile_container .cartouche .main_event {
	padding-top:5px;
	height: 20px;
    bottom: 0;
    display: inline-block;
    left: 0;
    padding-left: 216px;
    vertical-align:middle;
    position: absolute;
    width: 100%;
    z-index: 1;
    font-size:14px;
}

#profile_container .cartouche.longcartouche .tournament {
    	display: block;
    	padding-left: 0px;
    	position: static;
	background: transparent;
}

#profile_container .cartouche.longcartouche .buyin{
	float:right;
}

#profile_container .cartouche .tournament span.live{
	font-size:25px;
	color:#990000;	
	text-transform:uppercase;
	line-height: 24px;
	font-weight:bold;
	font-family: "Arial Black",Arial;
}


#profile_container .cartouche.longcartouche .tournament span.live{
	font-size:34px;
	color:#990000;	
	text-transform:uppercase;
	line-height: 36px;
	font-weight:bold;
	font-family: "Arial Black",Arial,sans-serif;
}

#profile_container .cartouche.festival .tournament {
    bottom: 25px;
    padding-top: 5px;
	padding-bottom: 5px;
}


#profile_container .cartouche .tournament .important.big{
	font-size:18px;
} 


#profile_container .cartouche label{
	color:#999999;
}
#profile_container .cartouche label.important{
	color:#990000;
}
#profile_container .cartouche span.number{
	color:#990000;
}

#profile_container .member_line {
	background-color: #1E1E32;
	position:absolute;
	bottom:40px;
	left:0;
	height:40px;
	width:100%;
	display:block;
	z-index:-1;
}
#profile_container .member_line div{
	padding-left:220px;
}
#profile_container .member_line div span{
	font-size:22px;
	color:#ffffff;
	height:40px;
	line-height:40px;
	vertical-align:center;
	float:left;
	padding-left:10px;
}

#profile_container .member_line div img{
	display:inline-block;
	padding-top:2px;
	float:left;
}

#profile_container .bottom_line {
	background-color: white; /* for IE8 */
	background-color: rgba(255, 255, 255, 0.9);
	position:absolute;
	bottom:0px;
	left:0;
	height:40px;
	width:100%;
	display:block;
}

#profile_container .bottom_line .follow_number{
	margin-top:5px;
	margin-left: 0.7%;

}
#profile_container .bottom_line .follow_number span:first-child{
	background: url("sprite.png") no-repeat scroll -6px -701px transparent;	
	height:25px;
	width:6px;
	display:block;
	float:left;
	margin-top:3px;
}

#profile_container .bottom_line .follow_number span:first-child + span {
	height:23px;
	display:block;
	float:left;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	line-height:23px;
	color:#333333;
	padding: 0 5px;
	background:#ffffff;
	margin-top:3px;
}

#profile_container .bottom_line .follow_number span:first-child + span + span{
	background: url("sprite.png") no-repeat scroll -37px -701px transparent;	
	height:25px;
	width:15px;
	display:block;
	float:left;
	margin-top:3px;
}

#profile_container .bottom_line .link_area{
	padding-right:0.7%;
	position:absolute;
	right:0;
	top:0;
}

#profile_container .bottom_line .link_area a{
	margin-top:7px;
	font-size:14px;
	color:#333333;
	padding-left:40px;
	height:34px;
	line-height:34px;
	vertical-align:center;
	display:block;
	float:left;
	margin-left:20px;
} 

#profile_container .bottom_line a.about_human {
	background: url("sprite.png") no-repeat scroll -227px -709px transparent;
}

#profile_container .bottom_line a.stats {
	background: url("sprite.png") no-repeat scroll -363px -745px transparent;
}

#profile_container .bottom_line a.photos {
	background: url("sprite.png") no-repeat scroll -362px -786px transparent;
}

#profile_container .bottom_line a.profile {
	background: url("sprite.png") no-repeat scroll -231px -752px transparent;
}

#profile_container .bottom_line a.review {
	background: url("sprite.png") no-repeat scroll -227px -1078px transparent;
}

#profile_container .bottom_line a.calendrier {
	background: url("sprite.png") no-repeat scroll -227px -1119px transparent;
}

#profile_container .bottom_line div.button {
	color:#ffffff;
	font-size:14px;
	margin:0px 5px 0px;
	padding:5px 10px;
	font-weight:normal;
	height:20px;
	line-height:20px;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
}

#profile_container .bottom_line #action_button > span:after {
    color: #FFFFFF;
    content:"\25bc";
    padding-left: 5px;
}

#profile_container .bottom_line #action_button.active > span:after {
	content:"\25b2";
}

/* follow select */
#profile_container .bottom_line div#follow_button,
#profile_container .bottom_line div#followers_button,
#profile_container .bottom_line div#action_button
{
	position: relative;
}

#profile_container .bottom_line div#follow_button,
#profile_container .bottom_line div#followers_button,
#profile_container .bottom_line div#join_button
{
	background-color: #990000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#aa0000), to(#990000));
 	background-image: -webkit-linear-gradient(top, #aa0000, #990000);
 	background-image: -moz-linear-gradient(top, #aa0000, #990000);
 	background-image: -ms-linear-gradient(top, #aa0000, #990000);
 	background-image: -o-linear-gradient(top, #aa0000, #990000);
 	background-image: linear-gradient(to bottom, #aa0000, #990000);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#aa0000, endColorstr=#990000);
}

#profile_container .bottom_line div#follow_button.followed,
#profile_container .bottom_line div#followers_button.followed,
#profile_container .bottom_line div#follow_join.followed
{
	background-color: #558855;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#669966), to(#558855));
 	background-image: -webkit-linear-gradient(top, #669966, #558855);
 	background-image: -moz-linear-gradient(top, #669966, #558855);
 	background-image: -ms-linear-gradient(top, #669966, #558855);
 	background-image: -o-linear-gradient(top, #669966, #558855);
 	background-image: linear-gradient(to bottom, #669966, #558855);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#669966, endColorstr=#558855); 
}

#profile_container .bottom_line div#followers_button {
	cursor: default;
}


#profile_container .bottom_line div#follow_button.active,
#profile_container .bottom_line div#follow_button:hover,
#profile_container .bottom_line div#join_button.active,
#profile_container .bottom_line div#join_button:hover{ 
	background:#c20303;
}

#profile_container .bottom_line div#follow_button.followed:hover{
	background:#669966;
}

#profile_container .bottom_line div#action_button{
	background-color: #58647c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#69758d), to(#58647c));
 	background-image: -webkit-linear-gradient(top, #69758d, #58647c);
 	background-image: -moz-linear-gradient(top, #69758d, #58647c);
 	background-image: -ms-linear-gradient(top, #69758d, #58647c);
 	background-image: -o-linear-gradient(top, #69758d, #58647c);
 	background-image: linear-gradient(to bottom, #69758d, #58647c);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#69758d, endColorstr=#58647c);

	margin: 0 0 0 10px;
}

#profile_container .bottom_line div#action_button.active, 
#profile_container .bottom_line div#action_button:hover{
	background:  none repeat scroll 0 0 #7986a1;
}

#profile_container .bottom_line div#follow_button.active{
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}


#profile_container .bottom_line  div.button > div {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 3px solid #990000;
	display: none;
	float: left;
	padding: 5px;
	position: absolute;
	left: 0;
	top: 25px;
	width: 200px;
	z-index: 11;
	color:black;
}

#profile_container .bottom_line  div.button > div  div{
	display:inline-block;		
	width:100%;
	color:#000000;
}

#profile_container .bottom_line #action_list {
	padding: 0;
}

#profile_container .bottom_line #action_list>a,
#profile_container .bottom_line #action_list>div {
    display: block;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    font-size: 14px;
    font-weight: normal;
    line-height: 29px;
	color: #000000;
	margin: 0 0.4em;
}

#profile_container .bottom_line #action_list>hr {
	margin: 0;
	border: none;
	border-top: 1px dotted #999;
}
/* change upload buttons to fit */
#profile_container .bottom_line #action_list #header_change,
#profile_container .bottom_line #action_list #avatar_change {
	position:relative;
	right:0;
	left:0;
	top:0;
	line-height:29px;
}
#profile_container .bottom_line #action_list #header_change div:hover,
#profile_container .bottom_line #action_list #avatar_change div:hover{
	text-decoration:underline;
}

@media (min-width: 1360px) {
	/*#profile_container{
		text-align:center;
	}*/
	#profile_container .blurred_img {
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		overflow: hidden;
		height:266px; 
	}

	#profile_container .blurred_img img{
		position:absolute;
		top:-10px;
		left:-10px;
		width:105%; 
		height:306px; 
		filter: blur(20px);
		-webkit-filter: blur(20px); 
		-moz-filter: blur(20px); 
		-o-filter: blur(20px); 
		-ms-filter: blur(20px); 
		filter: url(blur.svg);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');
		z-index: -2;
	}
	.box_wrapper_prof{ 
		max-width:1703px;
		/*width:98.6%;
		margin-left:0.7%;*/
		/*margin: 20px auto 30px;
		border-left: 10px solid rgba(255, 255, 255, 0.65);
		border-right: 10px solid rgba(255, 255, 255, 0.65);*/
	}
	#profile_container .bottom_line {
		
	}
}

@media (max-width: 600px) {
	.box_wrapper_prof {
		background:#ffffff !important;
		height: auto;
	}
	#profile_container .cartouche {
		background:0;
		max-width:inherit;
		min-width:inherit;
		height:auto;
		display:inline-block;
	}
	#profile_container .cartouche.member{
		height:94px;
	}
	#profile_container .cartouche .avatar {
		height:80px;
		width:80px;
	}
	#profile_container .cartouche .avatar img {
		height:78px;
		width:78px;
	}
	#profile_container .cartouche .name {
		padding-top:10px;
		width:150px;
		font-size:18px;
		min-width:180px;
	}
	#profile_container .cartouche .numbers {
		width:100%;
	}
	#profile_container .cartouche .numbers div {
	    float: left;
	    margin: 6px 0 6px;
	    padding: 10px 10px;
	}
	#profile_container .member_line {
		position:absolute;
		bottom:0;
		top:55px;
	}
	#profile_container .member_line div{
		padding-left:110px;
	}
	#profile_container .member_line div span{
		font-size:18px;
	}

	#profile_container .member_line div img{
		position:absolute;
		right:10px;
		top:-50px;
	}

	#profile_container .bottom_line {
		height:auto;
		position: relative;
	}
	#profile_container .bottom_line .follow_number span:first-child{
		margin-left:10px;
	}
	#profile_container .bottom_line  .action_area {
		border-top:1px solid #999999;
		border-bottom:1px solid #999999;
		width:100%;
		height:47px;
		display:inline-block;
	}
	#profile_container .bottom_line  .link_area{
		float:left;
		display:inline-block;
		position:relative;
		padding-bottom: 5px;
	}

	#profile_container .cartouche .numbers div span:first-child {
		font-size:12px;
	}
	
	#profile_container .cartouche .numbers div span:first-child + br + span{
    	font-size: 18px;
	}
	
	#profile_container .cartouche .flag {
		width:30px;
		height:30px;	
	}
	#profile_container .cartouche .job_avatar {
		display:none;
	}
	#profile_container .cartouche #avatar.managed .pres_avatar_managed_text{
		display:none !important;
	}
	#profile_container .cartouche #avatar.managed .pres_avatar_managed_text{
		display:none;
	}
	.box_wrapper_prof > .ImageUploader > #header_change { display:none  !important;}
	#avatar_img > .ImageUploader > #avatar_change { display:none  !important;}

	#profile_container .cartouche .tournament, #profile_container .cartouche.festival .tournament, #profile_container .cartouche .main_event {
		padding-left: 94px;
		padding-top: 10px;
		position: relative;
		width: 100%;
		z-index: 1;
		bottom:0;
	}	
	#profile_container .cartouche .main_event {
		padding-left: 0px;
	}

	nomobile { display:none }

	#profile_container .cartouche.longcartouche .wrapper{
		padding-left: 0px;
		display:inline-block;
		float:left;
	}
	#profile_container .cartouche.longcartouche .information{
		width:90%;
		padding-left:10px;
	}
	#profile_container .cartouche.festival .tournament {
    		padding-left: 0px;
	}
	#profile_container .cartouche.longcartouche .buyin {
	    float: left;
	}
}

/* social influence box */

.box_wrapper .social_influence{
	color:#ffffff;
}

.box_wrapper .social_influence div .number{
	height:50px;
	background:#666699;
	width:100%;
	position:relative;
}
.box_wrapper .social_influence div .number div:first-child{
	padding: 10px;
	width:auto;
	font-size:14px;
	height:30px;
}

.box_wrapper .social_influence div .number:hover,
.box_wrapper .social_influence div .number.active{
	background:#990000;
}

.box_wrapper .social_influence div .common{
	height:20px;
	background:#1e1e32;
	width:100%;
}


.box_wrapper .social_influence div .common div{
	padding-left: 10px;
	height:20px;
	line-height:20px;
	vertical-align:center;
	width:auto;
	font-size:14px;
}

.box_wrapper .social_influence .social_influence_plus{
	font-size:20px;
	font-weight:bold;
	color:#ccccff;
	position:absolute;
	top:5px;
	right:10px;
}

.social_influence_numbers div.circle{
	background: url("social-influence.png") no-repeat scroll transparent;
	width:173px;
	height:173px;
	font-size:22px;
	text-align:center;
	float:left;
	margin-left:20px;
}

.social_influence_numbers div + div{
	padding-left:220px;
	padding-top:20px;
}

.social_influence_numbers div + div{
	font-size:14px;
}

.social_influence_numbers div + div b{
	font-size:18px;
	padding-bottom:10px;
}

.social_influence_numbers div.circle div{
	padding-top:60px;
}

.social_influence_numbers div.circle div span{
	font-size:18px;
}

.social_influence_detail{
	border-top:1px dotted #666666;
	display:inline-block;
	width:100%;
}

.social_influence_detail .list_member{
	padding-bottom:5px;
	display:inline-block;
	width:100%;
	padding-top:5px;
}

.social_influence_detail.share_texts {
	padding:10px 0 5px 10px;
	width:92%;
	display:none;
}

@media (max-width: 1280px) {
	.social_influence_detail.share_texts {
		display:block;
	}
}

.social_influence_detail .list_member >div {
	padding:5px 10px;
	font-size:14px;
	float:left;
	width:20%;
}

.social_influence_detail .list_member ul {
	background-color:#ffffff;
	list-style-type:none;
	margin:0;
	padding:5px 0 0 0;
	line-height:20px;
	display:inline-block;
	width:220px;
}

.social_influence_detail .list_member ul li{
	list-style-type:none;
	margin:0 5px 5px;
	float:left;
	display:inline-block;
}

.social_influence_detail .list_member ul li img{
	vertical-align:top;
	float:left;
	display:inline-block;
}

/**** tabs ****/

.box_wrapper .tabs {
	display: table;
	table-layout: fixed;
	width:100%;
	height:27px;
}

/* 
.box_wrapper .tabs.bottomline {
	border-bottom: 5px solid #990000;
}
*/

.box_wrapper .tabs > a {
	display: table-cell;
	height:25px;
	background:#f4f5f7;
	border-bottom: 5px solid #f4f5f7;
	color: #555;
	font-size:14px;
	line-height:25px;
	text-align:center;
}

.box_wrapper .tabs > a:first-child {
	border-left:0;
}

.box_wrapper .tabs > a span {
	/*padding-left:30px;*/
	height:25px;
	display:inline-block;
}

.box_wrapper .tabs > a span span:first-child {
	height:25px;
	width:35px;
	vertical-align:middle;
	background: url("sprite.png") no-repeat scroll -165px -399px transparent;
}

.box_wrapper .tabs > a span.message      span:first-child { background-position: -209px -258px; }
.box_wrapper .tabs > a span.notification span:first-child { background-position: -201px -291px; }
.box_wrapper .tabs > a span.connection   span:first-child { background-position: -161px -325px; }
.box_wrapper .tabs > a span.follow       span:first-child { background-position: -205px -362px; }
.box_wrapper .tabs > a span.widget       span:first-child { background-position: -5px -858px; }
.box_wrapper .tabs > a span.personal     span:first-child { background-position: -209px -401px; }
.box_wrapper .tabs > a span.content      span:first-child { background-position: -164px -224px; }

@media (max-width: 800px) {
	.box_wrapper .tabs > a span.message      span:first-child { background-position: -209px -255px; }
	.box_wrapper .tabs > a span.notification span:first-child { background-position: -201px -288px; }
	.box_wrapper .tabs > a span.connection   span:first-child { background-position: -161px -322px; }
	.box_wrapper .tabs > a span.follow       span:first-child { background-position: -205px -359px; }
	.box_wrapper .tabs > a span.widget       span:first-child { background-position: -5px -855px; }
	.box_wrapper .tabs > a span.personal     span:first-child { background-position: -209px -398px; }
	.box_wrapper .tabs > a span.content      span:first-child { background-position: -164px -221px; }

	.box_wrapper .tabs > a span span:last-child {
		width:0px;
		margin-top:3px;
		overflow:hidden;
	}
	.box_wrapper .tabs > a span span:first-child{
		vertical-align:top;
	}
} 

.box_wrapper .tabs a:hover span{
	text-decoration: underline;
	color: #212121;
}

 .box_wrapper .tabs a.active {
	background:#fff;
	border-bottom: 5px solid #224477;
	color: #212121;
	font-weight: bold;
}

.box_wrapper .tabs > div {
	display: table-cell;
	border-left:1px solid #ffffff;
}
.box_wrapper .tabs > div:first-child {
	border-left:0;
}



/* design of cells*/
.cell_ranking {
	font-size:22px;
	color:#999999;
}

.cell_ranking.top3 {
	color:#990000;
}


	/* position display, change "N/A", "0", "up" and "down" */
span.change_na,
span.change_up,
span.change_do,
span.change_0 {
	padding-right:5px;
	font-size:14px;
	vertical-align:middle;
	display:inline-block;
}
span.change_na {
	color: #888;
}
span.change_up {
	color: #585;
}
span.change_do {
	color: #900;
}
span.change_0 {
	color: #000;
}

.cell_results{
	text-align:right;
	padding-right:10px;
}


.cell_player {
	font-size:16px;
	font-weight:bold;
	height:48px;
	padding-left:10px;
}

.cell_player a {
	display: inline-block;
	vertical-align:middle;
}

.cell_player img{
	display:inline-block;
	border:0;
}
.cell_player span {
	font-weight:normal;
	font-size:12px;
}

tr a[edit_part] {
	display: none; /* hover isn't working on tablets. But it's not the most important feature so it's ok. */
	position: absolute; margin-top: -0.5em; right: 0; cursor: pointer; font-size: 0.8em;
}
tr:hover a[edit_part] { display: inline-block; }
tr .cell_player div.waiting_msg { display:none }

tr .cell_player div.change_btn_container { overflow:visible;height:1px;width:100%;position:relative; }

.ranking_end { overflow:auto;min-height:1em }
.ranking_end center { margin: 0.5em; color: #05d; font: bold 1.2em sans-serif }

div>button[add_part] {
	display: none;
	position: absolute; cursor: pointer; font-size: 0.8em; margin: 5px 0 0 10px; padding: 0 5px;
}
div:hover>button[add_part] { display: block; }


/* general design element */


/* these links will be like a.purple . Copy it's code. These links aren't always <a> */
.more_link, .show_link, .hide_link {
	color:#225588 !important;
	font-size:12px;
	padding-right:20px;
	height:20px;
	line-height: 20px ;
	text-align:right;
	text-decoration:none;
}
.more_link:hover, .show_link:hover, .hide_link:hover {
	color:#225588 !important;
	text-decoration:underline;
}

.more_link{	
	background: url("more_225588.png") no-repeat right center;
}

.show_link{
	background: url("show_225588.png") no-repeat right top;
	text-align:right;
}
.hide_link{
	background: url("hide_225588.png") no-repeat right top;
	text-align:right;
}

.date {
	color:#999999;
	font-style:italic;
}

.date_imp {
	color:#cc0000;
	font-weight:bold;
}



/***** graph_player_compar.tpl */

button.graph{
	height:29px;
	width:31px;
	border:0;
	padding:0;
	cursor: pointer;
	background: transparent url(sprite.png) no-repeat -145px -118px;
}

button.graph .RKH-stats{
	font-size: 20px;
	color: #fff;
}

button.table{
	height:29px;
	width:31px;
	border:0;
	padding:0;
	cursor:pointer;
	background: transparent url(sprite.png) no-repeat -185px -118px;
}

button.table .RKH-list{
	font-size: 20px;
	color: #fff;
}

button.graph.active{
	background: transparent url(sprite.png) no-repeat -145px -152px;
}

button.table.active{
	background: transparent url(sprite.png) no-repeat -185px -152px;
}

/* end graph_player_compar */


@media (max-width: 400px) {
	#nextstepbutton , #nextstepbutton1{
		width:96% !important;
	}
}


/** List of elements you can delete */

.deletable_item {
	display: inline-block;
	border: 1px solid #cccccc;
	margin: 5px 5px 5px;
	width: 240px;
	height: 20px;
	position: relative;
}
.deletable_item>.f_title {
	font-size: 14px;
	line-height: 20px;
	padding-left: 5px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	left: 0; right: 24px; top: 0; bottom: 0;
}
.deletable_item>.f_action.delete {
	height: 20px;
	width: 20px;
	position: absolute;
	bottom: 0px;
	right: 5px;
	background: transparent url(sprite.png) no-repeat -6px -403px;
	cursor: pointer;
}


/**********
  COLUMNS
  ***************/


@media (min-width: 768px) and (max-width: 1280px) {
	#contentcol1 {
		width:40.2666%; /*5*/
	}
	#contentcol2 {
		width:56.9333%; /*7*/
	}
	#contentcol3 {
		display:none;
	}
	/*management of individual boxes display*/
	#box_player_tutorial_col3,
	.box_wrapper.box_S, .box_wrapper.box_L, .box_wrapper.box_S_L,
	.box_S, .box_L, .box_S_L {
		display:none;
	}
	#box_player_tutorial_col1,
	.box_wrapper.box_M, .box_wrapper.box_S_M, .box_wrapper.box_M_L,
	.box_M, .box_S_M, .box_M_L {
	}
}

/*SIZE : 801 to 1280 (3rd column is gone) - Size M */
@media (min-width: 801px) and (max-width: 1280px) {
	.search_cols #contentcol1 {
		width:23.6%; /*3*/
	}
	.search_cols #contentcol2 {
		width:73.6%; /*9*/
	}
	.postsolo_cols #contentcol1 {
		width:31.9333%; /*4*/
	}
	.postsolo_cols #contentcol2 {
		width:65.2667%; /*8*/
	}
	.ranking_cols #contentcol1, .favorites #contentcol1 {
		width:98.6%; /*was 10*/
	}

	#footer #foo1 { /* 6, on left */
		width: 48.6%;
	}
	#footer #foo2 { /* still 3 */
		width: 24.3%;
	}
	#footer #foo3 { /* 3 */
		width: 24.3%;
		margin-right: 0;
	}
	#footer #foo4 { /* on whole line now */
		width: 98.6%;
		margin: 0 0.7%;
		border-top: 1px solid #fff;
	}
	#footer #foo4>div { padding: 0.7em 1em; }
	#footer #foo5 .advert {
		display: block;
	}

	/* general mobile choice. This is actually like .box_S ... */
	.formobile { display: none !important }

	
	#breadcrumbs_container, #contentcolfull{	
		width:98.600%; /*12*/
	}
	
	.popup .why .content tr td:first-child{
		display:none !important;
	}


	
} 
@media (max-width: 767px) {
	#contentcol1 {
		width:98.6%;
		min-width:300px;
	}
	#contentcol2 {
		padding-top:10px;
		width:98.6%;
		min-width:300px;
	}
	#contentcol3 {
		display:none;
	}
	.reg_cols #contentcol1, .reg_cols #contentcol3 {
		display:none;
	}
	.reg_cols #contentcol2 {
		width:98.6%;
	}

	/*management of individual boxes display*/
	#box_player_tutorial_col3,
	#box_player_graph,
	#box_player_best_perf,
	.box_wrapper.box_L, .box_wrapper.box_M_L, .box_wrapper.box_M,
	.box_L, .box_M_L, .box_M {
		display:none;
	}
	#box_player_tutorial_col1,
	.box_wrapper.box_S, .box_wrapper.box_S_M, .box_wrapper.box_S_L,
	.box_S, .box_S_M, .box_S_L {
	}
}

/* only one column left - Size S */
@media (max-width: 800px) {
	#insidebox {
		margin:5px;
	}
	


	/* general mobile choice. This is actually like .box_S ... */
	.nomobile { display: none !important; }

	
	.search_cols #contentcol1 {
		width:98.6%; /*2*/
	}
	.search_cols #contentcol2 {
		width:98.6%; /*8*/
	}
	.postsolo_cols #contentcol1, .postsolo_cols #contentcol2, .ranking_cols #contentcol1, .favorites #contentcol1,
	.follow_cols #contentcol1, .follow_cols #contentcol2 {
		width:98.6%; /*was 10*/
	}
	#breadcrumbs_container, #contentcolfull{	
		width:98.600%; /*12*/
		min-width:298px;
	}

	
	#footer #foo1 {
		display: none;
	}
	#footer #foo2 { /* 7, new left */
		width: 56.933%;
		margin: 0.5em 0.7%;
	}
	#footer #foo3 { /* 5 */
		width: 40.96%;
		margin-right: 0;
	}
	#footer #foo4 { /* on whole line*/
		width: 98.6%;
		margin: 0 0.7%;
		border-top: 1px solid #fff;
	}
	#footer #foo4>div { padding: 0.7em 1em; }
	#footer #foo5 .advert {
		display: block;
		width: 100%;
	}

	
	.box_wrapper .box_header .box_title {
		font-size:14px;
	}
	
	.box_wrapper table.ranking tr th:first-child + th + th + th, .box_wrapper table.ranking tr td:first-child + td + td + td + td {
		display:none;
	}

	.subcontent10_2col {
		width: 100% !important;
		float: none;
	}
	.subcontent10_2col:nth-child(even) {
		margin-left: 0;
	}

	.subcontent10_3col { /* was 3, now display 2 */
		width: 49.5%;
		margin-left: 0%;
	}
	.subcontent10_3col:nth-child(even) {
		margin-left: 1%;
	}
	/*cover 2 columns*/
	.subcontent10_3col_1 {
		width: 49.5%;
		margin-left: 0%;
	}

	.subcontent10_3col_2 {
		width: 49.5%;
		margin-left: 1%;
	}
	
	#overlay_reg_loading {
		height:200px;
	}

	.follow ul li {
		width: 98.5% !important;
	}

}


@media (max-width: 600px) {

	.subcontent10_3col, .subcontent10_3col:nth-child(even) { /* was 3, now display 1 */
		width: 100%;
		float: none;
		margin-left: 0%;
	}
	/*cover 2 columns*/
	.subcontent10_3col_1, .subcontent10_3col_2{
		width: 100%;
		float: none;
		margin-left: 0%;
	}

}


/***** modal popup design ******/

/* Container */
#setupmodal-container { 
	text-align:left; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color:rgba(30,30,50,0.7);
}
/* taken from tablet.css that we deleted */
@media (max-width: 700px) {
	#setupmodal-container {
		font: 16px/22px 'Trebuchet MS', Verdana, Arial, sans-serif;
	}
	#setupmodal-loaded-container {
		-webkit-box-shadow: none;
		box-shadow:         none;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
}

#setupmodal-container>.simplemodal-close,
#setupmodal-container>.simplemodal-close:link,
#setupmodal-container>.simplemodal-close:active,
#setupmodal-container>.simplemodal-close:visited,
#setupmodal-container>.simplemodal-close:hover {
	position:absolute;
	right:-12px; top:-12px;
	background: transparent url(sprite.png) no-repeat -3px -109px !important;
	width:40px;
	height:40px;
	z-index: 10;
}

/* block in the modal that can be very big and needs a scroller */
#setupmodal-container .modal_insider {
	height:300px;
	overflow-x:hidden;
	overflow-y:auto;
	position: relative; /* without this, an element in position absolute would look "fixed" on scroll */
}


/* Design for element editor inside simple modal */
#setupmodal-container.simplemodal-container #RKH_elements_creator #action_box,
#setupmodal-container.simplemodal-container #RKH_elements_creator .greybox,
#setupmodal-container.simplemodal-container #RKH_elements_creator #ec_delete,
#setupmodal-container.simplemodal-container #RKH_elements_creator .moderation_list,
#setupmodal-container.simplemodal-container #RKH_elements_creator #ec_social
{
	display:none;
}

#setupmodal-container.simplemodal-container #RKH_elements_creator{
	padding: 0;
}



/* TEMPORARY : WAITING FOR FINAL DESIGN */
.popup , #setupmodal-container.simplemodal-container #RKH_elements_creator{
	color: #666666;
	background: white;
	width:100%;
	display:inline-block;
	background:#f4f5f7;	
	overflow-x:hidden;
}


.popup h3, #setupmodal-container.simplemodal-container #RKH_elements_creator h2  {
	-webkit-box-shadow: 0px 3px 10px #333333;
	-moz-box-shadow:    0px 3px 10px #333333;
	box-shadow:         0px 3px 10px #333333;
	padding:10px;
	margin:0px 0px 10px;
	font-size:18px;
	color:#000000;
	background:#ffffff;
	text-align: left;
	position:relative;
	display:block;
}

.popup h3 a.inactive {
	color:#999999;
}

.popup.popup_take_control h3{
	padding-left:50px;
}

.popup h3 img.avatar {
	position:absolute;
	top:0;
	left:5px;
	height:38px;
	width:38px;
}


.popup h3 span.grey{
	color:#666666;
}

.popup h3 a.purple {
	float:right;
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0 10px ;
}

.popup h3.noshadow {
	-webkit-box-shadow: 0px 0px 0px #ffffff;
	-moz-box-shadow:    0px 0px 0px #ffffff;
	box-shadow:         0px 0px 0px #ffffff;
	margin:0px;
}

/*.popup h4 {
	-webkit-box-shadow: 0px 3px 10px #333333;
	-moz-box-shadow:    0px 3px 10px #333333;
	box-shadow:         0px 3px 10px #333333;
	padding:5px 10px;
	margin:0px 0px 0px;
	font-size:14px;
	height:18px;
	color:#ffffff;
	background:#1e1e32;
}

.popup h4.moremargin {
	margin-left:200px;
}
*/

#tabs_follow #form_search1 {
	background:transparent;
	height: 34px;
	width: 200px; 
	line-height:34px;
	vertical-align:middle;
	float:right;
}

#tabs_follow #form_search1 input{
	margin-top:5px;
	margin-left:2px;
	margin-right:0px;
	padding-right:0px;
	padding-left:5px;
	width:147px;
	height:22px;
	border:1px solid #cccccc;	
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	padding-top:0;
	padding-bottom:0;	
	float:left;
}
	
#tabs_follow #form_search1 button{
	margin-right:2px;
	margin-top:5px;
	margin-left:0px;
	padding-left:0px;
	width:40px;
	height:24px;
	line-height:24px;
	vertical-align:middle;
	background:#990000;
	border-left:0;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	float:left;
	text-align:center;
	cursor: pointer;
}

#tabs_follow #form_search1 button span{
	margin-left:4px;
	background: url("sprite.png") no-repeat -2px -2px;
	width:20px;
	height:20px;
	display:inline-block;
}

.popup h5 {
	-webkit-box-shadow: 0px 3px 10px #333333;
	-moz-box-shadow:    0px 3px 10px #333333;
	box-shadow:         0px 3px 10px #333333;
	padding:10px;
	margin:0px 0px 10px;
	font-size:12px;
	color:#666666;
	line-height:14px;
	background:transparent;
	font-weight:normal;
}

.popup h6 { height:100%; text-align:center; border-left: 1px solid #999999;  margin:10% 1%;width:10px;float:right;} 
.popup h6 span { background:#eeeeee; padding:10px 0px 10px 0; color: #333333; font-size:14px;margin-left: -9px;}

.popup .line_wrapper {
    float:left;
    position: relative;
    width: 5%;
    height: 200px;
    margin: 10px 0px;
}

.popup .line_wrapper .line {
    position: absolute;
    left: 49%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #999999;
    z-index: 1;
}

.popup .line_wrapper .wordwrapper {
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
    z-index: 2;
	background:#eeeeee;
    padding:10px 10px;
	color: #333333; font-size:14px;
}


.popup .popup_inner{
	padding:10px 1%;
	width:98%;
	display:inline-block;
	font-size:16px;
}

.popup .popup_inner.large{
	width:98%;
	padding:10px 1%;
}

.popup .popup_inner.large .bottom_text{
	padding-top:15px;
}

.popup h3 span.steps {
	float:right;
	font-size:12px;
	font-weight:normal;
}

.popup h3 span.steps .step2 {
	background: url("sprite.png") no-repeat scroll -4px -652px transparent;
	width:66px;
	height:13px;
	
}

.box_reg h4.inner {
	font-weight:bold;
    background:#e7e9eb;
    overflow:hidden;
	width:100%;
    font-size:1.8em;
    line-height:2.2em;    
    overflow:hidden;
	padding:0;
	text-align:center;
	color:#333333;
}

.box_reg h4 span.stepsfacebook {
	background: url("sprite.png") no-repeat scroll -308px -669px transparent;
	width:37px;
	height:26px;
	display:inline-block;
	vertical-align: middle;
}
.box_reg h4 span.stepstwitter {
	background: url("sprite.png") no-repeat scroll -302px -631px transparent;
	width:37px;
	height:26px;
	display:inline-block;
	vertical-align: middle;
}

.popup .popup_inner h4{
	background:transparent;
	font-size:22px;
	color:#000000;
	text-align:center;
	height:auto;
	vertical-align:middle;
	box-shadow:none;
	font-weight:normal;
	display:block;
}

.popup .popup_inner h4.steelbg {
	background:#69758d;
	color:#fff;
	margin:0 10px;
	padding:2px 5px; 
	font-weight:bold;
	font-size:18px;
}

.popup .popup_inner .profile {
	display:block;
	text-align:center;
	width:864px;
	margin:auto;
}

.popup .popup_inner .profile div{
	width:196px;
	padding:0 10px;	
	float :left;
	text-align:left;
	color:#000000;
	font-size:14px;
	position:relative;
	display:block;
}

.popup .popup_inner .profile div img{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.popup .popup_inner .profile div div.over_type{
	font-size:20px;
	font-weight:bold;
	width:196px;
	text-align:center;
	padding:0px;
}

.popup .popup_inner .profile div div.over_type span{
	font-size:14px;
}

.social_network {
	display:block;
	text-align:center;
	margin:10px auto;
}

.social_network > div{
	padding:0 30px;	
	text-align:left;
	color:#000000;
	font-size:14px;
	display:inline-block;
	vertical-align: top;
	margin-top:10px;
}

.social_network a.purple{
	font-size:18px;
}

.popup .popup_inner .follow{
	height: 350px;
	width:100%;	
}

.follow ul {
    display: block !important;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-top: 0px;
	width: 100%;
}

.follow ul li {
	background-color: #f4f5f7;
	list-style-type: none;
	padding: 4px 0.5%;
	display: inline-block;
	width: 48.5%;
	margin: 2px 0.1%;
	height: 67px;
	position: relative;
	overflow:hidden;
}

.follow ul li:hover {
	background-color: #dfe1e6;
}

.follow ul li .avatar{
	margin-top:3px;
}

.follow ul li .f_title{
	font-weight:bold;
	font-size:18px;
	color:#333;
	padding-left:70px;
	padding-right:70px;
	padding-top:5px;
	text-overflow: ellipsis;
}

.follow ul li .f_rank{
	font-size:14px;
	color:#333;
	padding-left:60px;
	padding-top:5px;
}

.follow ul li .f_desc{
	font-size:12px !important;
	color:#333;
	padding-left:70px;
	padding-top:5px;
	padding-right: 60px;
}

.follow ul li .f_desc p{
	font-size:12px;
	padding:0;
	margin:0;
}



.follow ul li .f_rank span{
	color:#000000;
}

.follow ul li button.red{
	position:absolute;
	right:10px;
	top:25px;
}

.popup .popup_inner_small{
	padding:0px 10px;
}

/* Login form and others popups, separate into 2 columns */
.popup .popup_inner_small_2cols{
	width:45%;
	padding:10px 1%;
	float:left;
}

.popup .popup_inner_small_2cols.registration{
	float:none;
	width:60%;
	padding-top:30px;
}

.popup .popup_inner_small_2cols.registration.authentication{
	padding:20px 0  0 0;
}

.authentication p{
	padding:0 10px;
}

.reg_bottom {
	text-align: center;
	width:80%;
	margin:10px 5%;
	padding:4px 5%; 
}

/* register sub-box */
.popup .whitebox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:black;
	display:inline-block;	
	width:80%;
	max-width:300px;
	background:#ffffff;
	padding:10px 10%;
	margin:20px 0;
}

.popup .whitebox a {
	color: #fff;
}
.popup .whitebox a:hover {
	text-decoration: underline !important;
}

.popup .reg_table {
	display:table;
	padding-top:-10px;
	margin-top:-10px;
}

.popup .reg_table >div{
	display:table-row;
	height:100%;
}

.popup .reg_table >div >div{
	display:table-cell;
	height:100%;
	vertical-align: top;
}
.popup .why{
	background:#e7e9eb;
	width:38%;
	height:100%;
	color:#333;

}
.popup .why .title{
	background:#a2a5b2;
	width:100%;
	text-align: center;
	height:50px;
	color: #fff;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	vertical-align:center;
	display:block;
}

.popup .why .content{
	width:95%;
	padding:20px 0 20px 5%;
}

.popup .why .content tr td:first-child {
	width:80px;
}
.popup .why .content td {
	vertical-align: bottom;
	padding-bottom:10px; 
}

.popup .why .content b.head{
	font-size:18px;
}


.popup .popup_inner_small_2cols input[type="text"],.popup .popup_inner_small_2cols input[type="password"],
	.popup .social_form .row input[type="text"]{
	width:96%;
	padding-left:2%;
	height:25px;
	font-size:16px;
}

.popup .popup_inner_small_2cols span{
	height:20px;
}

.popup #selected_entity img{
	vertical-align:middle;
	height:44px;
	width:44px;
	margin-right:10px;
	border: 1px solid #ccc;
}

.popup .entity_search + #selected_entity{
	padding-top:10px;
}

.popup #job_message {
	padding-left:10px;
	padding-top:10px;
	color:green;
	font-size:14px;
	font-weight:bold;
}

.popup .datepicker {
	width:100px !important;
}

.datepickermodal {
	z-index: 11000005 !important;
}

@media (max-width: 1000px) {
	.popup #form_search {
		float:none;
	}
	.popup h4.moremargin {
		margin-left:0;
	}
	.popup .popup_inner .follow ul li {
		width:95%;
	}


}

.follow ul li {
	background-color: #f4f5f7;
	list-style-type: none;
	padding: 4px 0.5%;
	display: inline-block;
	width: 48.5%;
	margin: 2px 0.1%;
	height: 67px;
	position: relative;
	overflow:hidden;
}

@media (min-width: 801px) and (max-width: 1700px) {
	.follow ul li {
		width: 47%;
	}
}

@media (max-width: 1100px) {
	.popup .popup_inner .profile {
		width:432px;
	}
	.popup .popup_inner .profile div {
		padding-bottom:10px;
	}
}

@media (max-width: 820px) {
	.popup .why,.popup .popup_inner .profile img {
		display:none !important;
	}

	.popup .popup_inner .profile {
		width:100%;
	}
	.popup .popup_inner .profile div {
		width:80%;
		margin: 5px auto;
		background:#ffffff;
		border: 1px solid #cccccc;
		padding:5px 5%;
		float: none !important;
	}
	.popup .popup_inner .profile div div.over_type {
		position:relative;
		width:100%;
		top:0;
		margin:0;
		border:0;
	}
	.reg_bottom {
		width:100%;
		margin:10px 0%;
		padding:4px 0%; 
	}
}

@media (max-width: 600px) {
	.popup .popup_inner_small_2cols{
		clear:both;
		float:none;
		width:90%;
		padding: 10px 5% 10px;
		text-align: center;
	}
	.popup .line_wrapper {
	    float:none;
	    width: 90%;
	    height: 20px;
	    margin: 10px 5%;
	}

	.popup .line_wrapper .line {
	    left: 0;
	    width: 100%;
	    height:1px;
	    }

	.popup .line_wrapper .wordwrapper {
	    text-align: center;
	    height: 12px;
	    width:auto;
	    padding:0px 10px;
	    margin:0px 40%;
	    margin-top: -18px;
	}
	.social_network {
		width:auto;
		padding:0 auto;
	}
	 .social_network div{
		padding: 0 5px;
	}
	.popup .popup_inner .follow ul li button.red {
		top: 40px;
		right:0px;
	}
	.popup .popup_inner .follow ul li .f_rank {
		display:none;
	}
	.popup h3 a.purple {
		display:none;		
	}
	.popup .whitebox {
		width:96%;
		padding:10px 2%;
	}
	.popup .whitebox  a.reg_button{
		width:80%;
	}
}


button.purple.large {
	width:80%;
	font-weight:bold;
	margin:10px 5%;
	padding:4px 5%; 
}

.popup p {
	margin:0 0;
	color: black;
}

.popup h4 {
	font-weight:bold;
	color:#fff;
	font-size:14px;
	margin:0px 0 5px 10px;
	padding-left:10px;
	line-height:22px;
	vertical-align:middle;
}

.popup h4 span{
	font-size:18px;
}

.popup p.center {
	width:100%;
	text-align:center;
}

.popup .row {
	width:100%;
	display:inline-block;
}

.popup .registration .row {
	width:70%;
	margin:0px 15%;
	display:inline-block;
}

.popup .row b {
	color:black;
}

.social_form .row {
	width:70%;
	padding:20px 20%;
	display:inline-block;
	font-size:14px;
}

.social_form .row_white {
	background:#ffffff;
	border: 1px solid #cccccc;
	width:50%;
	margin:5px 20%;
	padding:5px 5%;
	display:inline-block;
}

.social_form .row_white .title { 
	padding-left:54px;
	padding-top:10px;
	font-size:22px;
	font-weight:bold;
}
.popup label{
	color:black;
	font-size:16px;
	clear:both;
	width:50%;
	display:inline-block;
}

.popup p.grey{
	color:#666666;
	font-size:14px;
	clear:both;
	padding:5px 0;
}

.popup .popup_buttons{
	float:right;
}

.popup .popup_additional{
	clear:both;
	padding:10px;
}

.popup input{
	border: 1px solid #cccccc;
}

.popup select{
	border: 1px solid #cccccc;
	background-color:#ffffff;
	padding: 2px 5px;
   	line-height: 1;
   	border-radius: 0;
	font-size:11px;
	max-width:65%;
}

.popup .error, .complete_form span.error, .propulsor .countdown.error{
	font-size:10px;
	background: url("sprite.png") no-repeat scroll -381px -53px transparent;
	padding-left:20px;
	color:#990000;
	height:17px;
	line-height:17px;
	display:inline-block;
}

.popup .warning, .complete_form span.warning, .propulsor .countdown{
	font-size:10px;
	background: url("sprite.png") no-repeat scroll -381px -24px transparent;
	padding-left:20px;
	color:#336633;
	height:17px;
	line-height:17px;
	display:inline-block;
}

.propulsor .countdown.warning{
	color:#cc6600;
}

.popup div.bottom_line{
	border-bottom: 1px dotted #999999;
}


.popup a.purple {
    min-height: 25px;
    line-height: 17px;
    vertical-align: middle;
}

.popup .completed_text span{
	cursor:pointer;
	color:black;
}

.popup .completed_text i {
	color:black;
}


/************/

.compare_select{
	width:100%;
}
.compare_select > div{
	width:23%;
	padding:5px 1%;
	float:left;
	position:relative;
}

@media (max-width: 1801px) {
	#add_player_4{
		display:none;
	}
	.compare_select > div {
		width: 31%;
	}
}

@media (max-width: 1135px) {
	#add_player_3{
		display:none;
	}

	#add_player_4{
		display:none;
	}
	.compare_select > div {
		width: 48%;
	}
}

.compare_select > div .ui-menu{
	z-index: 2;
}

.ui-menu{
	z-index: 15000 !important;
}
.compare_select div input{
	width:95%;
}

.compare_select .name_player {
	width:100%;
	color:white;
	height:25px;	
	line-height:25px;
	vertical-align:middle;	
}

.compare_select .name_player span{
	padding-left:1%;
}

.compare_select .name_player a {
	float:right;	
	color:#ccccff;
	padding-right:5px;
}

.compare_select .name_player a:hover {
	color:black;
}


/*** Take control ***/

form.player_id img.avatar {
	vertical-align:middle; margin-right: 0.5em;
	width:44px; height:44px;
}
form.player_id img.avatar+span {
	 font-size:1.3em; vertical-align:middle; display:inline-block
}
div.player_id_success { /* don't put form.player_id before this one, because JS take it out */
	text-align:center; font-size: 1.8em; color: #c00; padding: 2em; display:none
}

/*** navigation ***/
.SqlResultNavigator{
	height:30px;
	line-height:30px;
	vertical-align:middle;
	float:right;
	padding-right:2%;
	padding-top:5px;
	padding-bottom:5px;
}	

.SqlResultNavigator a{
	color:#225588;
	padding:5px 8px;
	font-size:14px;
}

.SqlResultNavigator a.prev,.SqlResultNavigator a.next{
	color:#ffffff;
	background:#225588;
}

.SqlResultNavigator a.prev:hover,.SqlResultNavigator a.next:hover{
	color:#225588;
	text-decoration:none;
}

.SqlResultNavigator span.current{
	color:black;
}

.SqlResultNavigator span.current,.SqlResultNavigator a:hover{
	font-size:14px;
	border: #cccccc solid 1px;
	padding:4px 7px;
	background:#eeeeee;
}

/* Achievements */

.user_levels {
	width:46%;
	float:left;
	padding:5px 2%
}

.user_badges {
	width:45%;
	border-left:1px solid #eee;
	float:right;
	display:inline-block;
	padding:5px 2%
}
.user_badges span {
    background: url("badges_sprite_40px.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 40px;
    margin: 3px;
    width: 40px;
}

#BadgesPopUp img {
    float: left;
    height: 100px;
    width: 100px;
}

#BadgesPopUp .badge_info {
    display: inline;
    float: left;
    margin-top: 20px;
    width: 290px;
}

/* ...?  */

@media (min-width: 801px) and (max-width: 1000px) {
	.box_wrapper_small table.ranks_bigfirst tr:first-child td:first-child h5 {
		font-size: 16px;
	}

	.box_wrapper_small table.ranks_bigfirst tr:first-child td:first-child p span {
		font-size: 13px;
	}

	.box_wrapper_small table.ranks_bigfirst td:first-child {
		font-size: 11px;
	}
}


/** white tabs (used in upanel and tutorial_scenario now) **/

.white_tabs {
	margin-top:5px;
	padding-left:0.7%;
}

.white_tabs a {
	display:inline-block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border:1px solid #cccccc;
	border-bottom:0;
	text-decoration: none;
	text-align: center;
	padding: 5px 12px;
	background:#eeeeee;
	color: #333333;		
	vertical-align: bottom;
	margin: 2px 0 0 0;
	font-size:14px;
}

@media (max-width: 500px){
	.white_tabs a {
		padding: 5px 7px;
	}
}

.white_tabs a:hover {
	text-decoration:underline;
}

.white_tabs a:first-child {
	margin-left: 0.4em;
}

.white_tabs a.selected {
	background-color:#ffffff;
	position:relative;
}
.white_tabs a.selected::after {
	/* create white bar to make it look like the tab is fused with the upanel_box underneath */
	display:block; content:"";
	position: absolute; left: 0; bottom: -1px; z-index:3;
	width: 100%;
	border-bottom: 1px solid #ffffff;
}


/**************/
.tooltip
{
	display:none;
	background:transparent url('black_arrow.png');
	font-size:13px;
	height:70px;
	width:160px;
	padding:17px 25px 25px;
	color:#fff;
	z-index:100;
}

.tooltip.left
{
	background:transparent url('black_arrow_left.png') !important;
}

.tooltip.right
{
	background:transparent url('black_arrow_right.png') !important;
}

.tooltip.bottom
{
	background:transparent url('black_arrow_bottom.png');
	padding:35px 25px 17px;
}

.tooltip a
{
	font-weight: bold;
	color:white;
	text-decoration: underline;
}

a.follow{
	border: 3px solid #ffffff;
	text-decoration:none; 
	color:#666699;
	padding:5px 10px;
	position: relative;
}

a.follow.active{
	border: 3px solid #990000;
	color:black;
	padding:5px 10px;
	
}

a.follow > div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #990000;
    color: black;
    display: none;
    float: left;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 240px;
    z-index: 11;
}


a.reg_button {
	height: 40px;
	padding-left: 47px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:14px;
	line-height:40px;
	color:white;
	display:inline-block;	
	font-weight:bold;
	padding-right:10px;
	margin:5px;
	width:60%;
	max-width:200px;
	cursor:pointer;
}

a.reg_button.fb{
	background: #3b5999 url("sprite.png") no-repeat scroll 0px -470px;
	
}

a.reg_button.twitter{
	background: #00caee url("sprite.png") no-repeat scroll 0px -515px;
}

.share-btn { background: #dbdbdb url("sprite.png") no-repeat scroll -38px -861px !important; width: 20px !important; height: 20px !important; display: inline-block !important;}
.font-bold , .font-bold em { font-weight: bold !important; }

a.reg_button.small {
	height: 30px;
	padding-left: 47px;
	font-size:12px;
	line-height:30px;
	padding-right:10px;
	margin:5px;
	max-width:155px;
	text-align:left;
}

a.reg_button.small.fb{
	background: #3b5999 url("sprite.png") no-repeat scroll -362px -631px;
	
}

a.reg_button.small.twitter{
	background: #00caee url("sprite.png") no-repeat scroll -362px -668px;
}

/* canvas_empty.tpl: Small design page*/

.simplebody H1{
	-webkit-box-shadow: 0px 3px 10px #333333;
	-moz-box-shadow:    0px 3px 10px #333333;
	box-shadow:         0px 3px 10px #333333;
	background:#1e1e32;
	margin:0;
	width:100%;
	padding:20px 0;
	text-align:center;
	color:#fff;
	font-size:22px;
}

.simplebody H2{
	-webkit-box-shadow: 0px 3px 10px #333333;
	-moz-box-shadow:    0px 3px 10px #333333;
	box-shadow:         0px 3px 10px #333333;
	background:#FFF;
	margin:0;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#000;
	font-size:14px;
}

.simplebody .complete_form{
	text-align:center;
	padding:20px 0;	
}

.simplebody .complete_form input{
	height:25px;
	width: 200px;
	font-size:18px;
	padding-left:10px; 
}

.simplebody .merged {
	border: 2px solid #666699;
	display: inline-block;
	padding:2% 5px;
	width:200px;
	overflow:hidden;
}


.simplebody .merged img{
	float:left;	
	max-width:100px;
  	border: 1px solid #ccc;
	margin-right:4px;
}

.simplebody .merged .title{
	font-size:13px;
	font-weight:bold;
	padding-top:4px;
	width:100%;	
	text-align:left;
}

.simplebody .merged .description{
	padding-top:8px;
	width:100%;	
}

.placeholder { color: #aaa; }

.image_carousel .big_image{
	padding:10px 5%;
	width:90%;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: auto;
    padding: 0px 25px 10px;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  100%;
    /*height: 100px;*/
}

/*.jcarousel-skin-tango .jcarousel-item {
    width: 100px;
    height: 100px;
    padding: 0px 2px;
}*/

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 2px;
	margin-right: 2px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango li {
	float:left;
	list-style: none outside none;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal,
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 100px;
    cursor: pointer;
    background: #ffffff url(sprite.png) no-repeat -377px -485px;
}

.carousel_height_207 .jcarousel-skin-tango .jcarousel-next-horizontal,
.carousel_height_207 .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal{
    top: 53px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-horizontal:active
 {
    background-position: -349px -485px;
    background-color: #cccccc;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -349px -485px;
    background-color: #ffffff;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal,
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal
 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 100px;
    cursor: pointer;
    background: #ffffff url(sprite.png) no-repeat -320px -485px;
}

.carousel_height_207 .jcarousel-skin-tango .jcarousel-prev-horizontal,
.carousel_height_207 .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal{
    top: 53px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-horizontal:active
 {
    background-position: -293px -485px;
    background-color: #cccccc;
}


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -293px -485px;
    background-color: #ffffff;
}

.mycarousel1 {
	width:20000px !important;
}

.carousel_empty {
	color: #888;
	text-align: center;
	font: bold 20px sans-serif;
	line-height: 100px;
}

.box_wrapper .line_footer .personal_ajaxmsg,
.box_header #actions .personal_ajaxmsg {
	display:block;
	float:left;
}
.box_wrapper .line_footer .personal_ajaxmsg img,
.box_header #actions .personal_ajaxmsg img{
	margin-top:5px;
	margin-right:5px;
}

/* uploader */

.qq-upload-list {
	display:none;
}
.box_wrapper_prof .personal_ajaxmsg {
	/* don't display the timer or error message in headers on image upload, it does not fit design */
	display:none;
}


/* gallery */

.inner_box.gallery_albums ul{
	list-style-type:none;
	padding:5px 2%;
	margin: 0 auto;
}

.inner_box.gallery_albums ul li{
	margin:8px 5px;
	border: #cccccc solid 1px;
	list-style-type:none;
	display: inline-block;
	width:207px;
	height:247px;
	position:relative;
	vertical-align:top;
}

.inner_box.gallery_albums ul li.with_owner{
	height:283px;
}
.inner_box.gallery_albums ul li.with_owner.smaller_thumbs{
	width:132px;
	height:250px;
}

.inner_box.gallery_albums ul li .delete, .inner_box.gallery_albums_photos ul li .delete{
	position:absolute;
	top:10px;
	right:10px;
	width:19px;
	height:20px;	
	background: #225588 url(sprite.png) no-repeat -87px -170px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor:pointer;
}

.inner_box.gallery_albums ul li div img{
	margin:0;
	padding:0;
	display: inline-block;
}

.inner_box.gallery_albums ul li div.add_album,
.inner_box.gallery_albums ul li div.add_photo{
	width:201px;
	height:241px;
	border: #669966 solid 3px;
}

.inner_box.gallery_albums ul li div div.info{
	width:187px;
	padding: 5px 10px;
	height:30px;
	background:#1e1e32;
	color:#ffffff;
	margin:0;
	position:absolute;
	bottom:0;
}

.inner_box.gallery_albums ul li div div.info span{
	font-size:14px;
	font-weight:bold;
}

.inner_box.gallery_albums ul li div.empty{
	width:205px;
	height:205px;
	display: inline-block;
}

.inner_box.gallery_albums ul li .block_author {
    background: none repeat scroll 0 0 #EEEEEE;
    border-top: 10px solid #666699;
    box-shadow: 0 3px 5px #333333;
    height: 36px;
    display: inline-block;
    padding: 5px 2px;
    position: relative;
    width: 203px;
}

.inner_box.gallery_albums ul li .block_author a > img {
    border: 1px solid #EEEEEE;
    box-shadow: 0 3px 5px #333333;
    left: 2%;
    position: absolute;
    top: -5px;
}

.inner_box.gallery_albums ul li .block_author p {
	margin: 5px 0 0;
	padding-left: 53px;
	width:148px;
}

.inner_box.gallery_albums ul li.with_owner.smaller_thumbs .block_author {
    width: 128px;
}

.inner_box.gallery_albums ul li.with_owner.smaller_thumbs .block_author p {
	margin: 5px 0 0;
	padding-left: 53px;
	width:75px;
}

.inner_box.gallery_albums ul li.smaller_thumbs div div.info{
	width: 122px;
	padding:5px 5px;
}

/* new gallery design */

.gallery_albums1 {
	overflow-x:hidden;
}

.gallery_albums1 ul{
	list-style-type:none;
	padding:5px 2%;
	margin: 0 auto;
}

.gallery_albums1 ul li{
	list-style-type:none;
	display: inline-block;
	position:relative;
	vertical-align:top;
}

.gallery_albums1 ul li a{
	display:inline-block;
}

.gallery_albums1 ul li div div {
	background: rgba(50,50,50,0.8);
	position:absolute;
	top: 165px;
	height:42px;
	width:100%;
	color:#fff;
}

.gallery_albums1 ul li div div .avatar {
	width:33px;
	height:33px;
	margin-top:3px;
	margin-left:3px;
	vertical-align:top;
	border: 1px solid #cfd3da;
}

.gallery_albums1 ul li div div span {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
	width: 160px;
}

.gallery_albums1 ul li div img{
	margin:0;
	padding:0;
	display: inline-block;
	border:0;
}

/* end new gallery design */

.inner_box.gallery_albums_photos ul{
	list-style-type:none;
	width:96%;
	padding:5px 2%;
	margin:0;
}

.inner_box.gallery_albums_photos ul li{
	margin:2px;
	list-style-type:none;
	display: inline-block;
	/*width:132px;
	height:164px;*/
	position:relative;
	vertical-align:top;
}


.inner_box.gallery_albums_photos ul li div.add_photo{
	width:201px;
	height:201px;
	border: #669966 solid 3px;
}

.inner_box.gallery_albums .add_album,
.inner_box.gallery_albums .add_photo,
.inner_box.gallery_albums_photos .add_photo{
	color:#669966;
	font-size:18px;
	font-weight:bold;
    	cursor: pointer;
	position:relative;
}

.inner_box.gallery_albums .add_album .create,
.inner_box.gallery_albums .add_photo .create 
.inner_box.gallery_albums_photos .add_photo .create{
	width: 24px;
    	height: 24px;
    	background: #ffffff url(sprite.png) no-repeat -283px -69px;
}

.inner_box.gallery_albums .ImageUploader{
	position: relative;
}

.inner_box.gallery_albums .personal_ajaxmsg {
	position: absolute;
	bottom:5px;
	left:15px;	
	display:block;
	float:left;
}
.inner_box.gallery_albums .personal_ajaxmsg img{
	margin-top:5px;
	margin-right:5px;
}

.inner_box.gallery_albums .add_album > div{
	position:absolute;
	left:25px;
	top:100px;
}

.inner_box.gallery_albums .add_album > span{
	position:absolute;
	left:55px;
	top:100px;
	width: 100px;
}
.inner_box.gallery_albums_photos .add_photo > div,
.inner_box.gallery_albums .add_photo > div
{
	height:100%;
	width:100%;
}
.inner_box.gallery_albums_photos .add_photo > div .qq-upload-button{
	height:140px;
	width:140px;
	padding:30px;
}

.inner_box.gallery_albums .add_photo > div .qq-upload-button{
	height: 60px;
    line-height: 60px;
    padding: 90px 30px;
    width: 140px;
}

.inner_box.gallery_albums_photos .add_photo > div .qq-upload-button input{
	height:220px;
}

.inner_box.gallery_albums .add_photo > div .qq-upload-button input{
	height:240px;
}

.inner_box.gallery_albums_photos .add_photo > span{
	position:absolute;
	left:45px;
	top:45px;
	width: 60px;
}

.inner_box.gallery_albums_photos .personal_ajaxmsg {
	display:block;
	float:right;
	position:absolute;
	bottom:10px;
	right:10px;
}

.inner_box.gallery_albums_photos .personal_ajaxmsg img{
	margin-top:5px;
	margin-right:5px;
}

.inner_box.gallery_albums_photos .block_content {
	font-size: 14px;
}

.inner_box.gallery_albums_photos .block_content a {
	color: #666699;
	text-decoration: none;
}

.inner_box.gallery_albums_photos .block_content a:hover {
	text-decoration: underline;
}

.gallery_breadcrumbs {
	background:#990000;
	height: 27px;
    	width: 100%;
	border-bottom: 5px solid #990000;
}


.gallery_breadcrumbs a.inactive {
    background: none repeat scroll 0 0 #666699;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    padding:0 20px;
    text-align: center; 
    float:left;
}

.gallery_breadcrumbs div {
	vertical-align:middle;
	float:left;
}
.gallery_breadcrumbs div span{
	vertical-align:middle;
	float:left;
	padding-right:5px;
}

.gallery_breadcrumbs div span {
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
    	height: 25px;
    	line-height: 25px;
	padding-left:5px;
}

.gallery_breadcrumbs button{
	margin-top:0px;
	margin-bottom:0px;
}

.gallery_breadcrumbs button#insite_save{
	height:23px;
	padding: 3px 10px;
}
.gallery_breadcrumbs button#insite_save:hover{
	background:#1e1e32;
}

.gallery_breadcrumbs button#insite_cancel{
    background: transparent url(sprite.png) no-repeat -378px -431px;
    border: 0 none;
    height: 25px;
    line-height: 17px;
    margin: 0px;
    padding: 4px 10px;
    width:0px;
    color:transparent;
    vertical-align: middle;
}

.gallery_breadcrumbs a.edit_album{
	width:20px;
	height:20px;	
	background: #669966 url(sprite.png) no-repeat -285px -39px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor:pointer;
	margin-top:3px;
}

.gallery_breadcrumbs .insite_editing{
	padding-top:2px;
	padding-left:5px;
}

.gallery_albums_photos #gallery_col1{
	width:72%;float:left;
	padding:10px 1%;
	text-align:center;	
}
.gallery_albums_photos #gallery_col1 img{
	max-width:100%;
}
.gallery_albums_photos #gallery_col2{
	width:23%;float:right;padding-top:10px;padding-right:1%;
	padding:10px 1%;
}

@media (max-width: 800px) {
	.gallery_albums_photos #gallery_col1,
	.gallery_albums_photos #gallery_col2
	{
		width:98%;		
		float:left;
	}
}

.switch {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #1e1e32;
	display:inline-block;
	float:right;
	cursor:pointer;
}

.switch div.disabled {
	background:#1e1e32;
}

.switch_yes{
	float:left;
	display:inline-block;
	padding:5px 8px;
	color:#FFF;
	background:#666699;
}

.switch_no{
	float:left;
	display:inline-block;
	padding:5px 8px;
	color:#FFF;
	background:#999999;
}

/*** "rkh-txt" advertisement box
  Generated code is like this :
	<div class="advert_rkh-txt">
		<div>
			<a href=""><img src alt /></a>
			<br />
			<a href="">texte</a>
			<div hidden />
		</div>
		<div>
			[repeat]
		</div>
	</div>
 ***/

.advert_rkh-txt {
	/* copied from box-wrapper */
	display:inline-block;
	margin-bottom: 10px;
	width:100%;
}

.advert_rkh-txt>div {
	overflow: auto;
	border-bottom: 1px solid #999;
	color: #333;
	font-size: 11px;
}

.advert_rkh-txt>div h6 {
	color:#258;
	font: normal 13px sans-serif;
	margin: 0; margin-top: 0.5em;
	text-transform: uppercase;
}

.advert_rkh-txt>div img {
	float: left;
	margin: 0.3em 0.3em 0.5em 0;
}
.advert_rkh-txt>div a+br+a {
}
.advert_rkh-txt>div p {
	color: #999;
	clear: both;
	margin: 0; margin-bottom: 0.5em;
}

/**** Search page ****/

div.box_wrapper div.search_error {
	color: #900;
	font: bold 1.2em sans-serif;
	margin: 0.5em 0;
}

.search_header_title {
	font-size: 1.8em;
	text-transform: capitalize;
	color: #900;
	margin: 0;
}

.search_category_menu {
	border-bottom: 1px solid #d6d6d6;
	color: #494949;
	margin: 0;
	padding: 0.7em 0;
}
.search_category_menu:first-child {
	border-top: 1px solid #d6d6d6;
}

.search_category_menu a.change_cat {
	display:block;
	text-align: left;
	text-transform: capitalize;
	text-decoration: none;
	margin: 0; padding: 0.5em 1.3em;
}
.search_category_menu a.change_cat span {
	display: inline-block;
	width: 75%;
}
.search_category_menu a.change_cat:hover span {
	text-decoration: underline;
}
.search_category_menu a.change_cat span+span {
	width: 25%;
}
.search_category_menu p span { display: inline-block; width: 3em }
.search_category_menu a.change_cat.selected {
	background: #d6d6d6;
}

.search_category_menu a.change_cat.sub_cat {
	padding-left: 2.5em;
}

.search_category_menu h3 {
	text-transform: capitalize;
	font: normal 1.5em sans-serif;
	color: #990000;
}

.bottom_line.search {
	display:inline-block;
	width: auto !important;
	padding: 0 1.5em;
	margin-left: 16.903%;
}
@media (max-width: 1280px) and (min-width: 801px) {
	.bottom_line.search {
		margin-left: 25.355%;
	}
}
@media (max-width: 800px) {
	.bottom_line.search {
		margin-left: 0;
	}
}

/* resume result table */

.box_wrapper table.resume tbody tr td {
	padding: 0.4em 0;
	border: none;
	text-align: left;
	vertical-align: middle;
}
.box_wrapper table.resume tbody tr td:first-child {
	width: 65px;
	padding-left: 1.5em;
	vertical-align: top;
}

.box_wrapper table.resume tbody tr td:first-child a{
	vertical-align: top;
}
.box_wrapper table.resume tbody tr td:first-child img {
	vertical-align: top;
	width: 52px; height: 52px;
}

.box_wrapper table.resume h5 {
	margin: 0.2em 0;
	font-size: 16px;
}


/* display avatar+country as big images in a td, used in several tables. Always contains the avatar first, then the country */

.box_wrapper td.av_country, td.av_country {
	width: 125px;
	vertical-align: middle;
	padding: 0 0.5em; /* can't use 2% here because IE is stupid */
}
td.av_country img.avatar {
	vertical-align: middle;
	width: 52px; height: 52px;
}
td.av_country img.avatar+img { /* this is a 64x64 image that we want to show like a 52x52 image... cheating (and adding a space on left) */
	vertical-align: middle;
	width: 64px; height: 64px;
	margin: -4px -2px -2px 5px;
}
@media (max-width: 1600px) and (min-width: 801px) {
	/* remove some data for ones in small places (when <800, small place is put all width and no more pbs) */
	.small_col td.av_country { width: auto }
	.small_col td.av_country img.avatar+img { display:none }
}

@media (max-width: 1600px) {
	.opengraph .description{
		display:block;
		padding-top:8px;
		width:35em;	
		margin-top:0 !important;
		font-size:12px !important;
	}	
}

@media (max-width: 800px) {
	/* divide image size per 2 */
	td.av_country {
		width: 70px;
	}
	td.av_country img.avatar {
		width: 26px; height: 26px;
	}
	td.av_country img.avatar+img {
		margin: -2px -1px -1px 2px;
		width: 32px; height: 32px;
	}
}

/* say to td to be minimal size (usually only contains a image) */
td.smallest { width: 1px } /* will actually take needed space */

/* search result table */

.box_wrapper table.search tbody tr td {
	height: 60px;
	padding: 0.4em 0;
	border: none;
	text-align: left;
	vertical-align: middle;
}
.box_wrapper table.search tbody tr td:first-child {
	padding-left: 1.5em;
}
.box_wrapper table.search tbody tr td:first-child + td {
	padding-left: 1em;
}

.box_wrapper table.search tbody tr td:first-child + td + td,
.box_wrapper table.search tbody tr td:first-child + td + td  + td,
.box_wrapper table.search tbody tr td:first-child + td + td  + td + td {
	/* player and members only got that many td */
	width: 13em;
}
@media (max-width: 1280px) and (min-width: 801px) {
	.box_wrapper table.search tbody tr td:first-child + td + td,
	.box_wrapper table.search tbody tr td:first-child + td + td  + td,
	.box_wrapper table.search tbody tr td:first-child + td + td  + td +td {
		width: 9em;
	}
	.box_wrapper table.search tbody tr td:first-child {
		padding-left: 0.5em;
	}
}
@media (max-width: 800px) {
	.box_wrapper table.search tbody tr td:first-child + td + td,
	.box_wrapper table.search tbody tr td:first-child + td + td  + td,
	.box_wrapper table.search tbody tr td:first-child + td + td  + td +td {
		width: auto;
	}
	.box_wrapper table.search tbody tr td {
		height: auto;
	}
	.box_wrapper table.search tbody tr td:first-child {
		padding-left: 0.3em;
	}
}

.box_wrapper table.search h5 {
	margin: 0.2em 0;
	font-size: 18px;
}

#list_circuit h5 {
	font-size: 22px;
}

.box_wrapper table.search p {
	margin: 0.3em 0;
}

/* no avatar in these lists TODO with av_coutry created, this may not be useful any more */
.box_wrapper .no_avatar table.search  tbody tr td:first-child {
	width: auto;
}
.box_wrapper .no_avatar table.search  tbody tr td img.avatar {
	display:none;
}
.box_wrapper .no_avatar table.search tbody tr td:first-child + td + td {
	/* column with follow in most cases */
	width: auto; padding-right: 3px;
}


/* list of festivals whom you can buy the buy from */
.box_wrapper table.search.fest_buyins td:first-child {
	width: 80px;
}
.box_wrapper table.search.fest_buyins td:last-child {
	width: 5em;
	padding: 0 0.5em;
}
.box_wrapper table.search.fest_buyins img {
	width: 78px !important; height: 78px !important;
}
@media (max-width: 500px) {
	.box_wrapper table.search.fest_buyins td:first-child,
	.box_wrapper table.search.fest_buyins td:last-child {
		width: auto;
	}
	.box_wrapper table.search.fest_buyins img {
		width: 40px !important; height: 40px !important;
	}
}



.box_wrapper .box_sub_header_search {
	background: #990000;
	-webkit-box-shadow: -1px 3px 5px #1e1e32;
	-moz-box-shadow:    -1px 3px 5px #1e1e32;
	box-shadow:         -1px 3px 5px #1e1e32;
	color: #ffffff;
	height:2.5em;
	width:100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 6px;
	display: inline-block;
	padding: 0.4em 0 0.4em 1.5em;
	line-height:25px;
}

.box_wrapper .box_sub_header_search h4, .box_wrapper .box_sub_header_search span {
	padding-left: 0.5em;
	vertical-align:middle;
	font-size:12px;
	margin: 0;	
	float:left;
	color:#fff;
}
.box_wrapper .box_sub_header_search h4 {
	font-size: 1.5em;
	text-transform: capitalize;
	padding: 0;
	line-height:22px;
}
.box_wrapper .box_sub_header_search a {
	float:right;
	padding-right:2%;
	color: #ffffff;
}

/*voting element for skill box*/

.skill_list{
	margin:0px auto;
	width:auto;		
	max-width:300px;
}

.skill_list.large{
	max-width:none;
	width:96%;
	margin:10px 10px;
}

.skill_list.large > div{
	display:inline-block;
	height:33px;
	width:100%;
	margin-bottom:5px;
	position:relative;
}

.skill_list.large .skill{
	max-width:240px;
	z-index:2;
	position:relative;
	margin:5px 0;
}

.skill_list.large .skill_voters{
	width:400px;
	float:right;
	z-index:2;
	position:relative;
	background:#fff;
}

.skill_list.large .skill_dashed{
	border-top:1px dotted #333333;
	position:absolute;
	top:15px;
	left:0;
	width:80%;
	margin:0 10%;
	z-index:1;
}

.action_box .skill_list{
	border:1px solid #b1b8c7;
	background: #e7e9eb;
	width:96%;	
	max-width:1000px;
}

@media (max-width: 700px) {
	.skill_list.large .skill_voters{
		display:none;
	}
	.skill_list.large .skill_dashed{
		display:none;
	}
}

.skill_list.large .skill_voters img{
	border: 1px solid #CCCCCC;
}

#skillssetup .popup_inner{
	width:96%;
	padding: 10px 2%;
}

.popup_inner .skill_list{
	width:100%;
	max-width:none;
}

.popup_inner .skill_list ul{
	display:block !important;
	list-style-type: none;
	padding:0;
	margin :0;
}

.popup_inner .skill_list ul li{
    display: inline-block;
    list-style-type: none;
    margin: 2px 0.1%;
    padding: 4px 0.5%;
    position: relative;
    width: 48.5%;
}

.popup_inner .voter_list ul{
	display:block !important;
	list-style-type: none;
	padding:0;
	margin :0;
}

.popup_inner .voter_list ul li{
    display: inline-block;
    list-style-type: none;
    margin: 2px 2px;
    position: relative;
    width: 122px;
}

.popup_inner .voter_list ul li img{
	border: 1px solid #CCCCCC;
	width:120px;
	height:120px;
}

@media (max-width: 800px) {
	.popup_inner .skill_list ul li{
    	width: 98.5%;
	}
}

.skill {
	-webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-radius: 4px;
	background:#F1F1F1;
	margin:5px 2%;
	width:96%;
	height:20px;
	display:inline-block;
	overflow:hidden;
	line-height:20px;
	vertical-align:center;
}

.skill .number{
	text-align:right;
	color:#ffffff;
	width:18%;
	padding-right:2%;
	float:left;
	height:20px;
	background:#a0a7b6;
}

.skill .desc{
	text-align:left;
	color:#333333;
	width:68%;
	padding-left:2%;
	height:20px;
	float:left;
}

.skill .vote{
	background-color: #c20000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C20000), to(#990000));
 	background-image: -webkit-linear-gradient(top, #C20000, #990000);
 	background-image: -moz-linear-gradient(top, #C20000, #990000);
 	background-image: -ms-linear-gradient(top, #C20000, #990000);
 	background-image: -o-linear-gradient(top, #C20000, #990000);
 	background-image: linear-gradient(to bottom, #C20000, #990000);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C20000, endColorstr=#990000);
	text-align:center;
	color:#ffffff;
	width:10%;
	height:20px;
	float:left;
	cursor:pointer;
}

.skill .vote:hover {
	background: #c20000;
}

.skill .vote span {
	height:20px;
	width:20px;
	display:inline-block;
	background:transparent url(sprite.png) no-repeat -261px -435px;
}

.skill .vote.done{
	background:#a0a7b6;
	font-size:18px;
}

.skill .vote.done span {
	background:transparent url(sprite.png) no-repeat -261px -467px;
}

.action_box .skill {
	width:auto;
	height:25px;
}

.action_box .skill .number,.action_box .skill .desc,.action_box .skill .vote{
	padding-right:5px;
	padding-left:5px;
	width:auto;	
	height:25px;
	line-height:25px;
}

.action_box .skill .vote span {
	background:transparent url(sprite.png) no-repeat -261px -432px;
}

.action_box .skill .vote.done span {
	background:transparent url(sprite.png) no-repeat -261px -464px;
}

.tut_task, .tut_prog {
	width:100%;
}

.tut_task .done, .tut_task .todo {
	padding:5px 2%;
	border-bottom: 1px solid #f4f5f7;
	display:inline-block;	
	width:96%;	
	vertical-align:middle;
	line-height:20px;
}

.tut_task .done{
	color:#999999;
}
.tut_task .todo {
}

.tut_task .done span{
	width:30px;
	height:20px;
	float:right;
	background: transparent url(sprite.png) no-repeat -9px -745px;	
}
.tut_task .todo span{
	background: transparent url(sprite.png) no-repeat -9px -788px;
	width:30px;	
	height:20px;
	float:right;
}

.tut_task .todo:hover{
	background:#F1F1F1;
}

.tut_prog {
	padding:10px 2%;
	width:96%;
	text-align: center;
	
}

.tut_prog .tut_prog_content{
	height:14px;
	width:80%;
	margin:5px 10%;
	border:1px solid #cccccc;
	background:#dddddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
}
.tut_prog .tut_prog_bar{
	height:15px;
	background:#669966;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

/****** static page *******/

.static {
	font: normal 14px sans-serif;
}

.static h1 {
	font: bold 22px sans-serif;
}
.static h2 {
	font: bold 18px sans-serif;
	color: #900;
	padding-left: 10px;
}
.static h3, .static h4, .static h5, .static h6 {
	font: bold 16px sans-serif;
	padding-left: 20px;
	color: black;
}
.static a {
	color: #258;
}
.static ul {
padding: 0 0 0 40px;
}
.static li {
	padding: 0 0 0.7em 0;
}

p.img_list { text-align:center }
p.img_list img { vertical-align: middle; margin: 0 2em 1em 0 }

.static a.back_to_top {
	display: block;
	text-align: right;
	border-bottom: 1px solid #ccc;
	margin: 1em 0;
}

/* static > tutorials */
.static.tutorial>div {
	max-width: 850px;
	font: normal 14px/20px Arial,sans-serif;
}
.static.tutorial>div h1 {
	font: bold 22px Arial,sans-serif;
	color: #990000;
}
.static.tutorial>div h2 {
	font: normal 22px Arial,sans-serif;
	color: #333; padding: 0;
}
.static.tutorial>div h3 {
	font: bold 18px/22px Arial,sans-serif;
	color: #333; padding: 0;
}

.static.tutorial>div .quote {
	font: italic 22px/28px Georgia,serif;
	color: #8e8a8a;
}
.static.tutorial>div .signature {
	font: normal 14px Arial,sans-serif;
	color: #8e8a8a;
	text-align:right;
}


div.team_members { overflow: auto }
div.team_members>p { float: left; text-align:center; margin: 1em 10px 1em 0; padding: 0 }
div.team_members>p a { color: #58647c }
div.team_members>p img { margin: 0 }
div.team_members.static>p { width: 19%; margin-right: 1%; }
div.team_members.static>p img { width: 100%; height: auto; }
div.team_members h2 { clear: both; }

@media (max-width: 480px) {
	div.team_members>p { float: none; width: 100%; text-align:left; margin: 0.5em 0; }
	div.team_members>p img { width: 50px; height: 50px; margin-right: 0.4em; vertical-align: middle }
	div.team_members>p br { display:none }	
}


/***** Feedback button on right *********/

#contact_button {
	position: fixed; z-index: 20;
	top: 75%; right: 0;
	width: 40px; height: 100px;
	opacity: 0.7;
	cursor: pointer;
	background: #900;
}
#contact_button:hover { opacity: 1 }
#contact_button>div {
	width: 0; height: 0; border-top: 40px solid #900; border-right: 20px solid transparent;
	position: absolute; bottom: 0; left: 0; margin-bottom: -40px;
}
#contact_button>div+div {
	border-top: 40px solid #900; border-left: 20px solid transparent; border-right: none;
	left: 20px;
}
#contact_button>span {
	display:block; margin-top: 50px;
	-webkit-transform: rotate(-90deg); transform: rotate(-90deg);
	color: white; font: bold 14px sans-serif;
}

@media (max-width: 600px) {
	#contact_button { display: none }
}

/**** form created for popups, originally ****/
/*
   write it like this :
   <form class="red_form">
     { loop}
       <div>
	     <label>fldks</label>
	     <input .. />
       </div>
	 { /loop}
   </form>
 */

form.red_form {
}

form.red_form>div {
	padding: 0.5em 5%;
}
form.red_form>div label {
	display:block; width: 100%;
	text-transform: uppercase;
	color: #900;
	font: normal 13px sans-serif;
}
form.red_form input[type=text], form.red_form textarea, form.red_form select {
	border: 1px solid #ccc; height: 1.8em; padding: 2px 4px;
}
form.red_form input[type=text], form.red_form textarea {
	width: 100%;
}
form.red_form textarea {
	height: 6em; padding: 4px 4px;
}
/* last line contains the form buttons */
form.red_form>div:last-child {
	text-align:right;
}
form.red_form a.delete {
	margin-right: 2em;
}

/* design specific for the about pages */

.about_box .about_col1{
	width:30%;
	display:inline-block;
	vertical-align:top;
}

.about_box .about_col1 > div,
.about_box .about_col2 > div,
.about_box .about_col3 > div,
.about_box .about_col_resume > div {
	padding: 5px 10px;
}

.about_box label, .label {
	color:#999999;
}

.about_box .about_col2{
	width:25%;
	display:inline-block;
	vertical-align:top;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.about_box .about_col2 h5 {
	font-size:16px;
	font-weight:normal;
	margin:0;
	padding:0;
}

.about_box .about_col3{
	width:43%;
	display:inline-block;
	vertical-align:top;
}

.about_box .about_col1 + .about_col3{
	width:68%;
	border-left:1px solid #cccccc;
}

.about_box .about_col_resume {
	width:68%;
	border-right:1px solid #cccccc;
	display:inline-block;
	vertical-align:top;
}

.about_box .about_col_resume + div {
	width:30%;
	float:right;
}

.about_box .about_col_resume + div .about_col1,
.about_box .about_col_resume + div .about_col1 + .about_col2,
.about_box .about_col_resume + div .about_col1 + .about_col2 + .about_col3,
.about_box .about_col_resume + div .about_col1 + .about_col3
{
	float:right;
	width:100%;
	display:inline-block;
	vertical-align:top;
	clear:both;
	border:0;
}

.about_box .about_col_resume table tr{
	background:#fff !important;
}
.about_box .about_col_resume table td:first-child{
	width:58px;
}

#basicMap{
	height:200px;
	width:100%;
	display:inline-block;   
	z-index: 9;
	position:relative;
}

.map-container {
	position:relative !important;
	margin-top: 55px;
}

.about_box #basicMap{
	height:150px;
	width:100%;
	display:inline-block;
}

.about_box #overbasicMap{
	height:160px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	z-index:9;
}

.overbasicMapcustom {
	height: 200px;
	width: 96%;
	position: absolute;
	top: 5px;
	left:11px;
	z-index: 9;
	cursor: pointer;
}

.overbasicMapcustomFestival{
	height: 200px;
	width: 100%;
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 9;
	cursor: pointer;	
}


@media (max-width: 800px) {
	.about_box .about_col1{
		width:58%;
	}
	.about_box .about_col2{
		border-right:0;
		width:40%;
	}
	.about_box .about_col3,
	.about_box .about_col1 + .about_col3{
		border-top:1px solid #cccccc;
		width:100%
	}
	
	.about_box .about_col_resume{
		width:100%;
		border:0;
	}	
	
	.about_box .about_col_resume + div {
		width:100%;
		float:left;
	}		

	.about_box .about_col_resume + div .about_col1,
	.about_box .about_col_resume + div .about_col1 + .about_col2,
	.about_box .about_col_resume + div .about_col1 + .about_col2 + .about_col3,
	.about_box .about_col_resume + div .about_col1 + .about_col3
	{
		float:none;
		width:100%;
		display:inline-block;
		vertical-align:top;
		clear:both;
		border:0;
		border-top:1px solid #cccccc;
	}
}
}

@media (max-width: 600px) {
	.about_box .about_col1{
		width:100%;
	}
	.about_box .about_col2{
		border-right:0;
		border-top:1px solid #cccccc;
		border-left:0;
		width:100%;
	}
	.about_box .about_col3,
	.about_box .about_col1 + .about_col3{
		border-top:1px solid #cccccc;
		width:100%
	}
}

ul.about_list {
	list-style-type:none;
	margin:0;
	padding:5px 0 0 0;
	display:inline-block;
}

ul.about_list li{
	list-style-type:none;
	margin:5px 5px 5px;
	float:left;
	display:inline-block;
	width:240px;
	height:104px;
	background-color:#e7e9eb;
	position:relative;
}

ul.about_list li.favorited{
	background-color:#cccccc;
}

ul.about_list li img{
	vertical-align: middle;
	display:inline-block;
	border: 1px solid #cccccc;
	height:78px;
	width:78px;
	margin: 12px 10px;
}

ul.about_list li .f_title{
	vertical-align: middle;
	display:inline-block;
	max-width: 125px;
}


ul.about_list li .f_addinfo{
	font-size:11px;
	margin-top:10px;
}

ul.about_list_small li .f_action, ul.about_list li .f_action{
	position:absolute;
	bottom:5px;
	right:10px;	
}

ul.about_list_small li .f_action.delete, ul.about_list li .f_action.delete{
	height:20px;
	width:20px;
	bottom:0px;
	right:5px;
	background:transparent url(sprite.png) no-repeat -6px -403px;
	cursor: pointer;
}

/* small version is used only in widgets setups */
ul.about_list_small {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}
ul.about_list_small li{
	list-style-type:none;
	display:inline-block;
	border: 1px solid #cccccc;
	background:#ffffff;
	margin:5px 5px 5px;
	min-width: 240px;
	height:20px;
	position: relative;
}
ul.about_list_small li .f_title{
	font-size:14px;
	line-height:20px;
	padding-left:5px;
	display:inline-block;
}

/********** hub festivals / events / live_poker ******/

#festival_upcoming h2, .festival_last_major h2, .festival_last_others h2 {
	color: #000; font: normal 16px sans-serif; margin: 0;
}
.festival_last_major h2, .festival_last_others h2 {
	margin-left: 0.5em;
}

#festival_upcoming a, .festival_last_major a, .festival_last_others a,
.festival_last_major a, .festival_last_others a {
	color: black;
}

#festival_upcoming>div {
	height: 80px; padding: 12px 0; margin: 0; overflow: hidden;
}
@media (min-width: 1281px) {
	#festival_upcoming>div {
		float: left; width: 22.2%;
	}
	#festival_upcoming>div:first-child {
		width: 11.1%;
	}
}
#festival_upcoming>div h2 { min-height: 2.5em; margin: 0 }
#festival_upcoming>div b { color: #888; }
#festival_upcoming>div p { margin: 0.5em 0 0 0 }
#festival_upcoming>div img.flag { vertical-align: middle }
#festival_upcoming>div img.avatar {
	float: left; margin: 0 12px;
	width: 78px; height: 78px;
}
	/* show one less festival , to fit */
@media (max-width: 1280px) {
	#festival_upcoming>div:last-child {
		display:none;
	}
}
@media (min-width: 801px) and (max-width: 1280px) {
	/* change % for one less festival */
	#festival_upcoming>div {
		float: left; width: 28.57%;
	}
	#festival_upcoming>div:first-child {
		width: 14.2%;
	}
}
	/* mobile */
@media (max-width: 800px) {
	#festival_upcoming>div:first-child {
		height: auto; padding: inherit;
	}
}


.festival_last_major h2 {
	font-size: 1.6em;
}
.festival_last_others h2 img, .festival_last_major h2 img {
	vertical-align: middle;
}
.festival_last_major h3 {
	font-size: 1.4em;
}
.festival_last_major h4 {
	text-transform: uppercase
}
.festival_last_others h4+p, .festival_last_major h4+p {
	margin: 0 0 0.5em 10px; font-size: 1.3em;
}
.festival_last_major>div:last-child {
	margin: 0.2em 1% 1em 1%;
}
.festival_last_major>div>div.box_wrapper {
	height: 439px;
	overflow: hidden;
}

.festival_last_major div.sub_tournament1 {
	background: #eee;
}
.festival_last_major div.sub_tournament1 div.box_header {
	margin-bottom: 0
}
.festival_last_major div.sub_tournament2 {
	border-bottom: 1px dotted #888;
	padding: 6px 0.8em; 
	height: 30px;
	font-size: 1.1em;
}
.festival_last_major div.sub_tournament2:last-child {
	border: none;
}
.festival_last_major div.sub_tournament2>div {
	height: 1.2em; overflow: hidden;
}
.festival_last_major div.sub_tournament2>div+div {
	display: inline-block; width: 72%;
}
.festival_last_major div.sub_tournament2>div+div+div {
	width: 25%;
}
.festival_last_major div.sub_tournament2>div>span {
	color: #999
}
.festival_last_major .festival_last_major_photos h3 {
	font: normal 1.2em sans-serif;
	margin: 0.2em 0;
}
.festival_last_major .festival_last_major_photos img {
	width: 100px; height: 100px; border: 1px solid #ccc;
}
@media (min-width: 801px) and (max-width:990px) {
	/* on this size, photos goes 2 per row, and don't fit anymore */
	.festival_last_major .festival_last_major_photos img {
		width: 80px; height: 80px; 
	}	
}

.festival_last_others>div.box_header {
	margin-bottom: 0
}
.festival_last_others>div.box_header+div {
	height: 8.5em; overflow: hidden;
	background: #f1f1f1;
}
.festival_last_others>table img {
	float: left;
}
.festival_last_others>table h4 {
	font-size: 1.2em;
}
.festival_last_others>table h4:hover{
	text-decoration: underline;
}
.festival_last_others>table p.earnings {
	color: #A00;
	margin: 0;
	padding: 5px 10px;
	font-size: 1.2em
}
.festival_last_others>table img.avatar {
	width: 52px; height: 52px;
	margin-bottom: 10px;
}
.festival_last_others>table img.flag {
float: none; vertical-align:middle; width: 22px; height: 22px;
}
.festival_last_others>table img+.flag { /* copy .av_country but isn't in a td */
	margin: -4px 10px -2px 5px;
	width: 64px; height: 64px;
}
.festival_last_others>table td {
	font-size: 1.2em;
}
.festival_last_others>table>tbody>tr:first-child>td img.avatar {
	overflow: auto;
	width: 120px; height: 120px;
	float: left;
	margin: 0 10px 10px 0;
}
.festival_last_others>table>tbody>tr:first-child>td img+h4 {
	margin: 0 0 0.7em 0;
}
.festival_last_others>table>tbody>tr:first-child>td p:last-child {
	margin: 0.8em 0;
}
.festival_last_others>table td>div:first-child {
	margin: 0.5em 0; font-weight: bold;
}
.festival_last_others>table .grey {
	color: #888;
}
.festival_last_others>table div.fake_th {
	color: #900;
	border-top: 1px dotted #888;
	clear: both;
	padding: 6px 0 4px 10px;
}

.festival_last_others>table>tbody>tr:last-child { background: #fff }
.festival_last_others div.more_link { background: #eee }


/* sub cols 3 quarter. on 2 colums except for mobile */
@media (min-width: 601px) {
	.subcontent10_3_4col {
		float: left;
		width: 29%;
	}
	.subcontent10_3_4col:nth-child(even) {
		width: 70%;
		margin-left: 1%;
	}
}



/* in index_tournament only */

.simple .source {
	width:150px;
	float:left;
	padding-bottom:10px;
}

/*******************/

.pro_listing {
	display:inline-block;
	margin:0 auto;
	width:auto;
}
.pro_listing ul {
	list-style-type:none;
	margin:0 ;
	padding:0;
	display:block;
}

.pro_listing ul li {
	list-style-type:none;
	float:left;
	padding:5px;
	display: inline;
	width:202px;	
}

.pro_listing ul li a {
	color:#990000;
	font-size:18px;
}

.pro_listing ul li a.avatar{
	position:relative;
	display:inline-block;
	height:202px;
	overflow:hidden;
}

.pro_listing ul li a.avatar img{
	border: 1px solid #ffffff;
	height:200px;
	width:200px;
}

.pro_listing ul li a.avatar.managed img{
	border: 1px solid #990000;
}

.pro_listing ul li a.avatar.managed .pres_avatar_managed_text
{
	position: absolute;
	bottom:1px;
	left:0;
	padding-left:5px;
	width:196px;
	height:12px;
	font-size:10px;
	background-color: rgba(153, 0, 0, 0.698);
	color:#ffffff;
}

.pro_listing ul li a.avatar.managed .pres_avatar_managed{
	position: absolute;
	bottom :2px;
	right:2px;
	width:30px;
	height:30px;
	display:inline-block;
	z-index:4;
	background: transparent url("sprite.png") no-repeat -8px -440px;
}

@media (max-width: 1000px) {
	.pro_listing ul li {
		width:122px;
		height:150px;
		position:relative;
		margin-bottom:10px;
	}
	.pro_listing ul li a{
		font-size:14px;
	}
	.pro_listing ul li a b{
		font-weight:normal;
	}
	.pro_listing ul li a b + img{
		display:none;
	}
	.pro_listing ul li a.avatar{
		height:122px;
		position:absolute;
		bottom:0;
	}

	.pro_listing ul li a.avatar img{
		height:120px;
		width:120px;
	}

}

@media (max-width: 600px) {
	.pro_listing ul li {
		width:54px;
		height:80px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.pro_listing ul li a{
		font-size:12px;
	}
	.pro_listing ul li a.avatar{
		height:54px;
	}
	.pro_listing ul li a.avatar img{
		height:52px;
		width:52px;
	}
	.pro_listing ul li a.avatar.managed .pres_avatar_managed_text{
		color:rgba(153, 0, 0, 0.698);
		height:5px;
	}
	.pro_listing ul li a.avatar.managed .pres_avatar_managed {
		background: url("sprite.png") no-repeat scroll -99px -665px transparent;
		bottom: 2px;
		display: inline-block;
		height: 15px;
		position: absolute;
		right: 2px;
		width: 15px;
		z-index: 4;
	}
}

/* corporation listing in small boxes */
ul.corporation,ul.endorsement {
	background-color:#ffffff;
	list-style-type:none;
	margin:0;
	padding:5px 1% 0;
	line-height:20px;
	display:inline-block;
}

ul.corporation h4 {
	width: 30%;
}

ul.endorsement {
	padding-top:0px;
}

ul.corporation li,ul.endorsement li{
	list-style-type:none;
	margin:0 0.5% 5px;
	float:left;
	display:inline-block;
	width:47%;
	min-width:238px;
	border:1px solid #cfd3da;
	background: #e7e9eb;
	height:153px;
	padding:5px 0.5%;
	position:relative;
}

ul.corporation li {
	height: 89px;
}

ul.endorsement li {
	width:98%;
	height:auto;
	position:relative;
	display:inline-block;
}

.action_box ul.endorsement li {
	width:47%;
}

.action_box ul.endorsement li .number,
.action_box .skill_list div.skill .number {
	color: #A0A7B6;
    content: "";
    overflow: hidden;
    width: 0;
}

ul.endorsement li a.grey{
	position:absolute;
	top:5px;
	right:5px;
	padding-left:15px;
	padding-bottom:15px;
}

ul.corporation li > a:first-child img, ul.endorsement li > a:first-child img{
	width:78px;
	height:78px;
	float: left;
	margin-left: 5px;
    margin-top: 5px;
}

ul.endorsement li > a:first-child img{
	width:52px;
	height:52px;	
}

ul.corporation li  h4 , ul.endorsement li  h4 {
    font-size: 20px;
    margin: 0;
    padding: 10px 0 0 90px;
}

.action_box ul.endorsement li  h4 {
	color: #333333;
    font-size: 15px;
    padding: 5px 0 0 65px;
}

.action_box ul.endorsement li .skills_cartouche {
	padding: 0px 0 0 65px !important;
}

ul.endorsement li  h4:hover , ul.corporation li  h4:hover {
    text-decoration: underline;
}

ul.corporation li .employee_number{
	position:absolute;
	font-size:14px;
	color:#999999;
	left:96px;
}

ul.corporation li .employees{
	position:absolute;
	left:220px;
	top:30px;
}

@media (max-width: 1830px) {
	ul.corporation li .employees {
		top: 1px;
	}
}

@media (max-width: 1040px) {
	ul.corporation li .employees {
		display:none;
	}
}

ul.corporation li .employees img{
	width:44px;
	height:44px;
}

@media (max-width: 800px) {
	ul.corporation li{
		width:98%;
	}
	ul.corporation li  h4{
		font-size: 18px;
	}
}

.steps_circle {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	height:19px;
	width:24px;
	line-height:15px;
	font-size:15px;
	color:#fff;
	background:#58647C;
	padding-top:5px;
	font-weight:bold;
	text-align:center;
	display: inline-block;
}

.steps_circle.active {
	background:#990000;
}


/* magnific-popup */

.mfp-content #container_activity{
	padding:0 5%;
}

.mfp-content #container_activity .post {
	width:90%;
}

.mfp-content #container_activity .edit_insite_text {
	display:none !important;
}

.mfp-content button.mfp-close {
	position:absolute; 
	background: transparent url(sprite.png) no-repeat -3px -109px !important;
	width:40px;
	height:40px;
	z-index: 10;
	content:"";
	font-size:0px;
}

/*****/

iframe#iflux { width: 1px; height: 1px; position: absolute; left: -35px; }


/****/

.follow_b {
	background-color: #990000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C20000), to(#990000));
 	background-image: -webkit-linear-gradient(top, #C20000, #990000);
 	background-image: -moz-linear-gradient(top, #C20000, #990000);
 	background-image: -ms-linear-gradient(top, #C20000, #990000);
 	background-image: -o-linear-gradient(top, #C20000, #990000);
 	background-image: linear-gradient(to bottom, #C20000, #990000);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C20000, endColorstr=#990000);
	width:auto;
	display:inline-block;
	margin:3px;
	border-radius: 2px;
	white-space: nowrap;
	text-align: left;
}

.follow_b:hover a , .follow_b:hover span {
	background-color: #c20000;
	border-radius: 2px;
	cursor:pointer;
}

.followed:hover a {
	background-color: #bec5d5;
}

.follow_b a, .follow_b a:hover , .follow_b span, .follow_b span:hover {
	color:#fff !important;
	height:22px;
	line-height:22px;
	padding:0 8px;
	display:inline-block;
	text-decoration: none;
	font-size:14px;
	font-weight:normal;
}

.follow_b.followed {
	background-color: #a0a7b6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bec5d5), to(#a0a7b6));
 	background-image: -webkit-linear-gradient(top, #bec5d5, #a0a7b6);
 	background-image: -moz-linear-gradient(top, #bec5d5, #a0a7b6);
 	background-image: -ms-linear-gradient(top, #bec5d5, #a0a7b6);
 	background-image: -o-linear-gradient(top, #bec5d5, #a0a7b6);
 	background-image: linear-gradient(to bottom, #bec5d5, #a0a7b6);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C20000, endColorstr=#a0a7b6);
	position:relative;
}

.follow_b a+a {
	display:none;
}
.follow_b.followed a+a {
	border-left:1px solid #fff;
	padding:0 5px;
	display:inline-block;
}

.follow_b div {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 3px solid #b1b8c7;
	display: none;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 23px;
	z-index: 11;	
	font-size:13px;
	line-height:13px;
	padding:5px;	
}

.follow_b.left_drop div {
	right:0px;
	left:auto;
}
.follow_b div input{
	vertical-align: middle;
}


/*** Widgets general ***/

.box_wrapper[data-widget] .message, .box_wrapper[data-widget] .info , .box_wrapper .messtut {
	padding: 10px 2%;
}
.box_wrapper[data-widget] .message span, .box_wrapper[data-widget] .info span , .box_wrapper .messtut span {
	color: #990000;
}
.box_wrapper[data-widget] .info {
	width:96%;
	clear:both;
}
.box_wrapper[data-widget] .info span {
	text-transform: capitalize;
	color: #225588;
}

div.widget_search_element {
	border: 1px solid #cfd3da;
	background: #fff;
	color: #999;
	border-radius: 3px;
	font-size: 14px;
	display:inline-block;
	vertical-align:middle;
	width: 230px;
	height: 20px;
	position: relative;
	padding: 4px;
	padding-right: 30px;
}
div.widget_search_element>input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background: transparent;
	width: 96%;
	height: 17px;
	margin: 0 2%;
	outline:none;
}
div.widget_search_element>span {
	display: inline-block;
	vertical-align: middle;
	width: 20px; height: 20px;
	position: absolute;
	right: 4px; top: 4px;
	background: transparent url(sprite.png) no-repeat -241px -77px;
}

.box_wrapper[data-widget] .box_header>.box_title>small { display: none }
.box_wrapper[data-widget] .box_header:hover >.box_title>small { display: inline }
#widget_preview .box_header>.box_title>small { display: none }

/* iframe changes */
.simplebody .box_wrapper, #widget_preview .box_wrapper {
	-webkit-box-shadow: none; -moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #a0a7b6;
	margin: 0;
	-moz-box-sizing: border-box; box-sizing: border-box;
}

/*** Widget calendar ***/

.calendar .ui-datepicker {
	border:0;
	width:100%;
}

.calendar .ui-datepicker .ui-datepicker-header{
	border:0;
	height:20px;	
	background:#fff;
}

.calendar .ui-datepicker td span, .calendar .ui-datepicker td a {
	text-align:center;
}

.calendar .ui-datepicker .ui-datepicker-header a{
	z-index:2;
}
.calendar .ui-datepicker .ui-datepicker-title{
	border:0;
	height:20px;
	position: absolute;
	top: 2px;
	width:100%;
	margin:0;
	z-index:1;
}

.calendar .ui-state-default {
	border:1px solid transparent !important;
	background:transparent !important;
}

.calendar .ui-state-highlight1, .calendar .ui-state-highlight1 a {
	background: transparent !important;
	border:1px solid transparent !important;
	color: #336699 !important;
}
.calendar .ui-datepicker-today a, .calendar .ui-datepicker-today.ui-state-disabled span {
    background: #fff !important;
    border: 1px solid #225588 !important;
    color: #333333 !important;
}
.calendar a.ui-state-active {
    background: #fff !important;
    border: 1px solid #225588 !important;
    color: #336699 !important;
}



.calendar .ui-widget-content {
	border:0;
}
.calendar .ui-datepicker-next span {
	background: transparent url(sprite.png) no-repeat -251px -977px !important;
	height: 18px;
}
.calendar .ui-datepicker-prev span {
	background: transparent url(sprite.png) no-repeat -229px -977px !important;
	height: 18px;
}

.calendar  .ui-datepicker .ui-datepicker-next-hover, .calendar  .ui-datepicker .ui-datepicker-prev-hover{
	border-color:#ffffff;
	background:#ffffff;
	cursor:pointer;
}

.box_wrapper .calendar table thead th {
	color: #333333;
	margin-bottom:10px;
	font-weight:bold;
	text-align:center; 	
}

.box_wrapper .calendar table tbody tr:first-child td {
    padding-top: 1px;
}

.calendar {
	width:50%;
	margin:0 2% 0 0;
	min-width: 189px; /* jquery calendar got a minimum size, and it's this one */
	float:left;
}

.calendar + .list_event{
	width:47.5%;
	float:left;
	height:180px;
	overflow-y: hidden;
	display: block;	
}
.calendar + .list_event>div {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom: 1px dotted #999999;
}

.calendar + .list_event>div.message {
	border-bottom:0;
}
.calendar + .list_event>div.message span {
	color:#990000;
}
.calendar + .list_event>div.item {
display:none;
}

.calendar + .list_event>div>a{
	font-weight:bold;
	font-size:14px;
}
.calendar + .list_event>div>span{
	color:#990000;
}

.small>.calendar,
.small>.calendar + .list_event {
	width:96%;
	margin:0 2%;
	float:none;
}
.small>.calendar + .list_event {
	height: auto; max-height: 15em;
}
#widget_preview .small>.calendar + .list_event {
	/* In the preview, we need the max height, because the final iframe won't be resizing dynamicaly! */
	height: 15em;
}

/** Widget latest results **/

.box_wrapper.latestresults .box_header {
	margin-bottom:0px;
}

.box_wrapper.latestresults .content_lastresults{
	overflow:hidden;
}

.box_wrapper.latestresults .content_lastresults div:first-child {
	width:35%;
	float:left;
	background: #e7e9eb;
	text-align:center;
	padding-top:10px;
	margin-bottom: -1000px;
 	padding-bottom: 1000px;
}

.box_wrapper.latestresults .content_lastresults div:first-child img{
	margin-bottom:10px;
}

.box_wrapper.latestresults .content_lastresults div+div {
	width:65%;
	float:left;
}

.box_wrapper.latestresults table tbody tr{
    background: #ffffff;	
}
.box_wrapper.latestresults table tbody tr:hover, .box_wrapper.latestresults table tbody tr.active {
    background: #e7e9eb;
}

.box_wrapper.leaderboard table img.avatar {
    vertical-align: middle;
    width: 44px;
    height: 44px;
	margin-right:5px;
}

.box_wrapper.suggestion table tbody tr + tr + tr + tr + tr + tr{
	display:none;
}  

.box_wrapper.invitation table tbody tr + tr + tr + tr {
	display:none;
}  

/* popups for homepage widgets */

#sortablewidgets{
	display:block !important;
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 100%;
	min-width:270px;
}

#sortablewidgets li {
	border:0;
	background:transparent;
	height: auto; 
	min-height:34px;
	display:inline-block;
	width: 90%;
}
#sortablewidgets li > div:first-child{ 
	margin: 0 3px 3px 3px; 
	padding: 2px; 
	padding-left: 2px; 
	font-size: 14px; 
	height: auto; 
	background:#fff;
	border: 1px solid #a0a7b6;
	float:left;
	width:80%;
}

#sortablewidgets li > div:first-child span.handle{
	display:inline-block;
	max-width: 50%;
	padding-top:5px;
	cursor:move;
} 


#sortablewidgets li button
{
	border:0;
	width:25px;
	height:25px;
}

#sortablewidgets .RightFloat
{
    float: right
}

#sortablewidgets .RightFloat
{
    float: right
}

#sortablewidgets .RightFloat button[value=up]{
	background:transparent url(sprite.png) no-repeat -220px -901px;
}
#sortablewidgets li:first-child .RightFloat button[value=up],
#sortablewidgets li:last-child .RightFloat button[value=down]
{
	display:none
}

#sortablewidgets .RightFloat button[value=down]{
	background:transparent url(sprite.png) no-repeat -248px -901px;
}
#sortablewidgets .RightFloat button[value=duplicate]{
	background:transparent url(sprite.png) no-repeat -37px -611px;
}
#sortablewidgets .RightFloat button[value=delete]{
	background:transparent url(sprite.png) no-repeat -4px -401px;
}

.status_change {
	height:20px;
	width:20px;
	display: inline-block;
}
.status_change.changing{
	background: transparent  url(uploading.gif) no-repeat center center
}
.status_change.done{
	background:transparent url(sprite.png) no-repeat -379px -24px;
}

/****** Everest special box, #vegashero ***/

.everest>a:hover {

	text-decoration: none;
}
.everest div.content {
	padding: 1em; font-size: 14px;
}

.everest div.box_header {
	background:#154733; margin-bottom: 0;
}
.everest div.box_header>img {
	float:right;
	margin: 7px;
	vertical-align: middle;
}
.everest div.box_header>.box_title>img {
	vertical-align: middle;
}

.everest *[green] {
	color:#154733;
}

.everest div.content a, .everest mission a { color:#225588; }

.everest hr {
	margin: 0.8em 0;
	border: none;
	border-top: 1px dotted #333;
}

.everest big {
	font: bold 16px/20px Arial,sans-serif;
	text-transform: uppercase;
}

.everest a[rel="player"] {
	display: inline-block;
	max-width: 18em;
	height: 80px;
	vertical-align: middle;
	margin: 7px 0;
}
.everest a[rel="player"] img.avatar {
	width: 78px; height: 78px;
	vertical-align: middle;
	margin-right: 4px;
}
.everest a[rel="player"] span {
	font: bold 16px Arial,sans-serif;
	color: #333;
	margin: 5px 0;
	vertical-align: middle;
}
.everest a[rel="player"] img.flag {
	margin: 0 0 1px 7px;
	display: none;
	vertical-align: middle;
}

.everest players {
	display:block;
}
.everest players a[rel="player"] {
	width: 180px; height: 40px;
	max-width: none;
	margin: 0 2em 0.3em 0;
}
.everest players a[rel="player"] img.avatar {
	width: 33px; height: 33px;
}
.everest players a[rel="player"] span {
	font: normal 14px Arial,sans-serif;
	display: inline-block;
	width: 120px; /* 180 - img(39) - flag(16) */
}
.everest players a[rel="player"]:hover span {
	/* don't really know why, in this case it doesn't move... */
	text-decoration: underline;
}
.everest players a[rel="player"] img.flag {
	display: inherit;
}

.everest mission {
	display: block;
	padding: 0 1em 1em 1em;
	font-size: 14px;
}
.everest mission>titre {
	display: block;
	font: normal 14px Arial,sans-serif;
	padding: 0.5em 0; margin: 0.5em 0;
	border-bottom: 1px dotted #333;
}
.everest mission.closed {
	padding: 0;
}
.everest mission.closed>titre {
	cursor: pointer;
	color: white;
	background: #8aa399;
	font: normal 1em Arial,sans-serif;
	padding: 5px;
	margin: 1px 0 0 0;
}
.everest mission.closed>titre>* { color: white !important; }
.everest mission.closed>titre::after {
	content: "▼";
	float: right;
}
.everest mission.closed>contenu { display: none }

.everest resultats {
	display:block;
}
.everest resultats>titre {
	cursor: pointer;
	display: block;
	padding: 0.2em 0 0.7em 0; margin-bottom: 0.5em;
	border-bottom: 1px dotted #333;
}
.everest resultats+resultats>titre {
	padding-top: 0.7em; margin-top: 0.5em;
	border-top: 1px dotted #333;
}
.everest resultats>titre img {
	float: right;
	margin: -5px 5px 0 0;
}
.everest resultats>titre icon {
	float: right;
	width: 15px; height: 15px;
	background: transparent url(sprite.png) no-repeat -43px -407px;
}
.everest resultats.closed:last-child {
	margin-bottom: -1.2em;
}
.everest resultats.closed>contenu { display: none }
.everest resultats.closed>titre {
	border-bottom: none;
}
.everest resultats.closed>titre icon {
	background-position: -81px -407px;
}


/* logo in header (remove when header BG goes away) */
img.clubpoker_logo {
	position: absolute;
	right: 16px;
	bottom: 50px;
}
@media (max-width: 600px) {
	img.clubpoker_logo {
		display:none;
	}
}

/* ScriptTiming */
div#time_report {
	position: fixed;
	right: 1em; top: 25%;
	border: 2px solid red;
	background: #fdd;
	padding: 0.4em;
	z-index: 999;
}
div#time_report>div {
	text-align:center; font-weight: bold;
}
div#time_report:hover>div {
	display:none;
}
div#time_report>table {
	display: none;
}
div#time_report:hover>table {
	display:inherit;
}
div#time_report>table td { padding: 0.1em 0.2em }

/* Message in modal */
#write_message {
	background: #fff;
	padding: 1em;
}

/****/

a.last_club_player {
	display:inline-block;
	width: 60px; height: 50px;
	padding: 15px 10px;
	background:#eee; color: #258;
	vertical-align:top;
	margin-bottom: 0.3em;
	font-weight: bold;
}


.sel_button.introjs-showElement{
	background-color: #A0A7B6;
}

.mybg_900 .sel_button.introjs-showElement{
	background-color: #990000;
}


/*** room online players tables ***/

table.room_online_players>tbody>tr>td:first-child {
	max-width: 1em;
	text-align:center;
}

span.online_on, span.online_off {
	color: #0d0;
	font-size: 4em;
}
span.online_off {
	color: #d00;
}

/*** Share as image feature ***/

button.share_as_img {
	float: right;
	margin: 6px;
}
div.share_as_img {
	background: #fff;
	padding: 1em;
}

/* tabulation in box */
.box_wrapper .ui-tabs, .blueline.ui-tabs {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border:0;
	padding:0;
}

#tabs_follow>ul li {
	height: 34px;
}

#tabs_follow>ul li a{
	padding: 0.5em 1em !important;
}

.box_wrapper .ui-tabs .ui-tabs-nav, .blueline.ui-tabs .ui-tabs-nav {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border:0;
	background: #F4F5F7;
	padding:0;
}

.box_wrapper .ui-tabs .ui-tabs-nav li, .blueline.ui-tabs .ui-tabs-nav li {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border:0;
	background: transparent;
	margin:0;
	border-bottom: 5px solid #F4F5F7 !important;
}

.box_wrapper .ui-tabs .ui-tabs-nav li a, .blueline.ui-tabs .ui-tabs-nav li a{
	padding: 0.3em 1em;
}

 .box_wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active, .blueline.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background:#ffffff;
	border-bottom: 5px solid #225588 !important;
	font-weight:normal;
	font-weight: bold;
 }

.ui-tabs-nav li:hover a {
	text-decoration: underline !important;	
}

.ui-tabs-nav a:focus {
	outline:none !important;
 }

.ui-tabs-nav li:focus {
	outline:none !important;
 }

.box_wrapper .ui-tabs .ui-tabs-panel.favorites,
.box_wrapper .ui-tabs .ui-tabs-panel.event_trend
 {
	padding:0;
}

.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li {
	padding-left:30px;
}
.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li a {
	position:relative;
	padding-left:0.3em;
	height: 1.5em;
}

.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li a span {
	height:30px;
	width:30px;
	position:absolute;
	top:0.1em;
	left:-30px;
	display:block;
}

.elm_icon {
	height:30px;
	width:30px;
	display:inline-block;
	vertical-align: middle;
}

.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li a.dealer span {
	background: url("sprite.png") no-repeat scroll -237px -1543px rgba(0, 0, 0, 0);
}
.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li a.player span, .elm_icon.player {
	background: url("sprite.png") no-repeat scroll -233px -1189px rgba(0, 0, 0, 0);
}
.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li a.room span, .elm_icon.room {
	background: url("sprite.png") no-repeat scroll -235px -1383px rgba(0, 0, 0, 0);
}
.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li a.circuit span, .elm_icon.circuit {
	background: url("sprite.png") no-repeat scroll -234px -1445px rgba(0, 0, 0, 0);
}
.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li a.venue span, .elm_icon.venue {
	background: url("sprite.png") no-repeat scroll -236px -1254px rgba(0, 0, 0, 0);
}
.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li a.club span, .elm_icon.club {
	background: url("sprite.png") no-repeat scroll -235px -1348px rgba(0, 0, 0, 0);
}


.close_header {
	background: url("sprite.png") no-repeat scroll -254px -460px rgba(0, 0, 0, 0);
    display: inline-block;
    float: right;
    height: 34px;
    padding: 0 !important;
    width: 34px;
}

.collapse_header, .collapse_header:hover {
	color: #FFFFFF;
    display: inline-block;
    float: right;
    font-size: 40px;
    height: 34px;
    line-height: 10px;
    padding: 0 !important;
    width: 34px;
}


#take_control .simple {
	position:relative;
}

#take_control button, .action_box button {
	font: bold 16px/18px sans-serif;
	padding: 7px 15px;
	text-transform:uppercase;
	margin-top:8px;
	height: auto;
}

#take_control .important {
	float:left;
	margin-top:0px;
	padding-left:90px;
	
}

#take_control .important span {
	font-size:22px;
	text-transform:uppercase;
}

#take_control .avatar {
	vertical-align:top;
	float:left;
	margin-right:10px;
	position:absolute;
	top:0px;
	left:10px;
}

.main.share.mention button{
	font-weight:bold;
}

.range {
	border:0; color:#f6931f; font-weight:bold; background: #F4F5F7;
}

/* fixing problem of z-index collision for tinymce in modal*/
.mce-menu, .mce-window, .mce-popover , .rte-autocomplete {
    z-index: 60000000 !important;
}
#mce-modal-block{
	z-index: 59999999 !important;
}

/** element getext **/
a.element_getext_edit {
	color: #f00;
}
a.element_getext_edit:hover {
	background: #ff5;
}
div.box_title+a.element_getext_edit {
	float:right; padding:10px 10px 0 0;
}

.box_element_getext h4 {
	background: #ff9;
	padding: 1em;
}

/***** Widgets specific colors *******/

.widget-dark {
	color: #fff;
	background: #124;
}
.widget-dark a {
	color: #fff;
}
.widget-dark .a_purple a, .widget-dark a.purple {
	color: #7ad !important;/*was258*/
}
.widget-dark .more_link {
	color: #fff !important; /*was258 too */
	background-image: url("more_ffffff.png")
}
.widget-dark .box_header {
	background: transparent;
}
.widget-dark table thead + tbody tr:nth-child(even),
.widget-dark table tbody tr:nth-child(even) {
	background: transparent;
}
.widget-dark table thead + tbody tr:nth-child(odd),
.widget-dark table tbody tr:nth-child(odd) {
	background: #235;
}
.widget-dark table.ui-datepicker-calendar thead + tbody tr:nth-child(odd),
.widget-dark table.ui-datepicker-calendar tbody tr:nth-child(odd) {
	background: #f1f1f1; /* keep calendar the same */
}
.widget-dark table.ranks_bigfirst > tbody > tr:first-child h5 {
	color: #fff;
}
.widget-dark table thead th,
.widget-dark table.ranks_bigfirst th {
	color: #fff;
}
.widget-dark table.ranks_bigfirst > tbody > tr:first-child td:first-child>div {
	background: rgb(123, 153, 184);
}
.widget-dark table.ranks_bigfirst > tbody > tr:first-child td:first-child>div>div {
	border-bottom-color: #235;
}
.widget-dark table.ranks_lines > tbody > tr.iframe_credit > td,
.widget-dark table.ranks_bigfirst > tbody > tr.iframe_credit > td {
color: #fff
}
.widget-dark.box_wrapper[data-widget] .message span, .widget-dark.box_wrapper[data-widget] .info span, .widget-dark .messtut span {
	color: #7ad;
}
.widget-dark .calendar + .list_event>div>span {
	color: #7ad;
}


.widget-fl_bluff {
	width:565px;
	color: black;
}
.widget-fl_bluff>.box_header {
	display: none;
}
.widget-fl_bluff table>thead>tr {
	background: #465f7f;
}
.widget-fl_bluff table>thead>tr>th {
	color: white;
	font: bold 1em Arial,sans-serif;
	padding: 0.5em 2%;
}
.widget-fl_bluff table>tbody>tr {
	background: #ededed;
}
.widget-fl_bluff tbody>tr:nth-child(even) {
	background: #e2e6e8;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial,sans-serif !important;
 }

.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li a:focus {outline:0;}

@media screen and (min-width: 1400px) {
	.box_wrapper #tabs_follow.ui-tabs .ui-tabs-nav li {
		min-width:10%!important
	}
}


/* ICON system!!
Principle: <ico class=""></ico>
In class: a word for the size, a word for the icon. Many icons set have the same size.

Without class, it shows a three-lines square thing.
 */
ico {
	display: inline-block;
	vertical-align: middle;
	width: 20px; height: 20px;
	background: url("sprite.png") no-repeat scroll -247px -1509px transparent;	
}
ico.grey-els, ico.white-els { width: 29px; height: 21px }
ico.grey-els.tournament { background-position: -239px -1227px }
ico.grey-els.player     { background-position: -239px -1194px }
ico.grey-els.venue      { background-position: -239px -1257px }
ico.grey-els.club       { background-position: -239px -1288px }
ico.grey-els.member     { background-position: -239px -1317px }
ico.grey-els.pro        { background-position: -239px -1351px }
ico.grey-els.room       { background-position: -239px -1388px }
ico.grey-els.festival   { background-position: -239px -1417px }
ico.grey-els.circuit    { background-position: -239px -1450px }
ico.grey-els.hashtag    { background-position: -241px -1616px }
ico.white-els.tournament { background-position: -192px -1227px }
ico.white-els.player     { background-position: -192px -1194px }
ico.white-els.venue      { background-position: -192px -1257px }
ico.white-els.club       { background-position: -192px -1288px }
ico.white-els.member     { background-position: -192px -1317px }
ico.white-els.pro        { background-position: -192px -1351px }
ico.white-els.room       { background-position: -192px -1388px }
ico.white-els.festival   { background-position: -192px -1417px }
ico.white-els.circuit    { background-position: -192px -1450px }
ico.white-els.hashtag    { background-position: -199px -1618px }
ico.publish    { background-position:  -381px -87px; }

/*Calc Score*/
.calcscore { display: inline-block; position: relative; } 
.form-row .dollar { position: absolute; top: 4px; left: -10px; }
.form-controls { float:left; width: 100%; }
.size-middle { width: 46%; }
.size-small{ width: 49%; }

.opengraph {
	border: 1px solid #cccccc;
	display: inline-block;
	padding:0;
	width:99%;
	overflow:hidden;
	height:120px;
	padding-right:1%;
}


#quickrepost .opengraph{
	background:#fff;
}

a.opengraph:hover{
	text-decoration: none;
}

.opengraph img{
	float:left;	
	max-width:120px;
	max-height:120px;	
	margin: auto;
}

.opengraph .image-wrapper{
	width:120px;
	height:120px;
	overflow:hidden;
	background:#eeeeee;
	position:relative;
	float: left;
	display:inline-block;
	margin-right: 5px;
	border-right: 1px solid #CCCCCC;
}

.opengraph .image-wrapper img{
	max-width:120px;
	height:auto;
	width:auto;
	position:absolute;
	top:0;bottom:0;left:0;right:0;
	margin:auto;
	border-right:0;
}

.opengraph .title{
	font-size:18px;
	font-weight:bold;	
	margin-top:5px;
	margin-bottom:5px;
}

.opengraph .caption{
	display:block;
	font-size:12px;
	color:#999;	
	margin-top:5px;
	margin-bottom:5px;
}

.opengraph .description{
	display:block;
	padding-top:8px;
	width:50em;	
	margin-top:0 !important;
	font-size:12px !important;
}

@media (max-width: 1800px) {
	.opengraph .description{
		width:40em;	
	}	
}

@media (max-width: 1350px) {
	.opengraph .description{
		width:30em;	
	}	
}

@media (max-width: 950px) {
	.opengraph .description{
		width:20em;	
	}	
}

@media (max-width: 500px) {
	.opengraph .description{
		width:15em;	
	}	
}

@media (max-width: 350px) {
	.opengraph .description{
		width:10em;	
	}	
}

.opengraph a{
	color:#666699;	
	width:334px;
}

.opengraph a:hover{
	color:#000;	
}

.opengraph img[src=""] {
    display: none;
}

/*bottom box breadcrumbs design*/

.box_wrapper .box_footer {
    background-color: #cfd3da;
    color: #FFFFFF;
    //display: inline-block;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    position: relative;
    width: 100%;
	overflow: auto;
}

.box_wrapper .box_footer h2 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.box_wrapper .box_footer #breadcrumbs-one{
  background: #cfd3da;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  list-style-type:none;
}

.box_wrapper .box_footer #breadcrumbs-one li{
  float: left;
}

.box_wrapper .box_footer #breadcrumbs-one a{
  padding: .7em 1em .7em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  //text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: transparent;
  //background-image: linear-gradient(to right, #f5f5f5, #ddd);  
}

.box_wrapper .box_footer #breadcrumbs-one a.disabled{
	cursor:default;
	color:#ffffff;
}

.box_wrapper .box_footer #breadcrumbs-one li:first-child a{
  padding-left: 1em;
}

.box_wrapper .box_footer #breadcrumbs-one a:hover{
  background: transparent;
}

.box_wrapper .box_footer #breadcrumbs-one a::after,
.box_wrapper .box_footer #breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

.box_wrapper .box_footer #breadcrumbs-one a::after{ 
  	z-index: 2;
  	border-left-color: #58647c;
	right: -0.82em;
}

.box_wrapper .box_footer #breadcrumbs-one a::before{
  border-left-color: #fff;  
  right: -1em;
  z-index: 1; 
}

.box_wrapper .box_footer #breadcrumbs-one li {
  	font-weight: normal;
  	background-color: #58647c;
}

.box_wrapper .box_footer #breadcrumbs-one li a {
	color: #fff;
}

.box_wrapper .box_footer #breadcrumbs-one .current{
  font-weight: normal;
  background: #112244;
}

.box_wrapper .box_footer #breadcrumbs-one .current:hover{
  font-weight: normal;
  background: #112244;
}

.box_wrapper .box_footer #breadcrumbs-one .current a:after  {
    right: -0.85em;
}

.box_wrapper .box_footer #breadcrumbs-one .current a::after{
  border-left-color: #112244;
}

.box_wrapper .box_footer #breadcrumbs-one .current a {
	color:#ffffff;
}

.box_wrapper .box_footer #breadcrumbs-one .current::after,
.box_wrapper .box_footer #breadcrumbs-one .current::before{
  content: normal;  
}

/* varification is about the tick standing next to the varified profiles in members and players in online rooms */

.varification {
	margin-left: 15px;
	padding-top: 4px;
	background: url("sprite.png") no-repeat scroll -62px -443px transparent;
    color: #900;
    display: inline-block;
    height: 22px;
    padding-left: 27px;
    padding-right: 10px;
    vertical-align: middle;
}

.email-background {
	background: white;
}

div.editable_group > h3 {
	background-color: #cfd3da;
    border: 1px solid #cfd3da;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
    color: #333333;
    font: 18px Arial,sans-serif;
    height: 40px;
    margin: 0;
    padding: 0.5em 0 0 10px;
}

div.editable_group > div {
	padding: 0.5em 0 0 10px;
	border: 1px solid #cfd3da;
}

/* invite-section is third part in the invitation process */

.invite-section label{
	margin-left: 55px; 
}

/* .tournament-filter {
	background: url("../images/sprite.png") no-repeat scroll -251px -524px rgba(0, 0, 0, 0);
} */

.invite-section input[type=checkbox] {
	display: none;
}

.invite-section	.checkbox {
	position: relative;
	margin: -7px 0 0 -7px;
}

.invite-section	label[for=select-all]{
	margin-top: 7px;
}
.invite-section.iron-checkbox {
	top:16px;
}

/* iron-checkbox is the main class of the span on click add's checked-box */
.iron-checkbox { 
	position: absolute;
	height:17px;
	top:22px;
	left:16px;
	width:22px;
	height:22px;
	background:transparent url(sprite.png) -327px -972px;
}

.iron-checkbox.checked-box { 
	position: absolute;
	top: 22px;
	left: 16px;
	display: block;
	background:transparent url(sprite.png) -294px -972px;
} 

#header2 .registrationheight {
	height: auto !important;
}

/* adding styles for clubs new filter icon and tv icon */
.filter-icon , .tv-icon{
	display: inline-block; 
 	vertical-align: middle;
}

.filter-icon {
	background: url(sprite.png) no-repeat -246px -1585px;
 	width: 20px; 
 	height: 18px; 
}

#RKH_elements_creator .edit_list_element table tr.selected a.filter-icon {
	background: url(sprite.png) no-repeat -203px -1585px;
}

.tv-icon {
	background: url(sprite.png) no-repeat -323px -879px;
	width: 22px; 
	height: 20px; 
}

#RKH_elements_creator .edit_list_element table tr.selected a.tv-icon {
	background: url(sprite.png) no-repeat -371px -879px;
}

@media (max-width: 800px){ 
	.tv-icon {
		display:none;
	}
}

/* Flag Name container for floating without the name underlining outside */
.flag_name_container , .flag_name_container_small {
	overflow: hidden;
}

.flag_name_container img , .flag_name_container_small img ,
.flag_name_container h5 , .flag_name_container_small h5 ,
.flag_name_container h4 , .flag_name_container_small h4 , 
.flag_name_container h2 , .flag_name_container_small h2 {
	float:left;
}

.flag_name_container_small>img {
	margin: 2px 3px 0 0;
}

/* Styling the stickers button in the comment section */
.sticker-button {
	border: 0;
	background: transparent url(sprite.png) no-repeat -85px -1339px;
	position: absolute;
	top: 7px;
	right: 13px;
	width: 17px;
	height: 17px;
	cursor: pointer;
}

/* Main class for vertically aligned images */
.vertical_smiley {
	vertical-align: middle;
	margin: 0 5px;
}

/* Main class for display block stickers */
.display_stickers {
	margin: 5px 10px;
	display:block;
	vertical-align: middle;
}

/* Added additional class for profile follow button height */
.profile_follow div a , .profile_follow div a:hover{
	height: 30px;
	line-height: 30px;
}

/* Fixing for the verified profiles red line */
.pres_avatar_managed_text p {
	margin:0 0 0 10px;
}

/* Two headers for the achievements */ 
.achievement-headers {
	overflow:hidden;
}

.achievement-headers h4 {
	float:left;
}

.achievement-headers h4 + h4 {
	float:right;
}

p.author {
	color:#ccc;
	font-style: italic;	
	margin-top:5px;
}

p.author a{
	color:#bbb;
}

.about_introduction p img, #block_information p img{
	max-width:100%;
	height:auto;
}

.achievement-row {
	width: 70%;
}

.current-date {
	margin-left: 181px !important;
}

@media(max-width: 1050px){
	.achievement-row {
		width: 100% !important;
	}	
}

@media(max-width: 450px){
	.achievement-row label{
		display:block;
	}

	.current-date {
		margin-left: 0 !important;
	}
}

/* Events page added divs for alignment */
.profile-heading {
	overflow:hidden;
}

.profile-content {
	overflow: hidden;
}

.profile-flags {
	float:left;
}

.profile-info {
	float:right;
	text-align: right;
	margin-top: 17px;
}

/* Class for display-inline */
.display-inline {
	display: inline-block;
}

/* Online rooms in the options mode */
.online-rooms-container {
	overflow: hidden;
}

.online-rooms-container strong{
	font-size: 14px;
	display:block;
}

.online-rooms-container p , .online-rooms-container label {
	color: #9d9d9d;
}

.added-rooms , .add-online-rooms {
	background: #eee;
}

.added-rooms-head {
	margin-bottom: 10px;
}

/* Left side from the Online rooms in the options mode */
.added-rooms {
	width: 420px;
	padding: 10px;
	height: auto;
	float:left;
}

.added-rooms .hint {
	text-align: center;
	font-size: 10px;
	font-style: italic;
}

.added-rooms #online_rooms_externals tr {
	background: none;
}

.added-rooms #online_rooms_externals .third-td {
	font-size: 12px;
	font-style: italic;
}

.added-rooms #online_rooms_externals tr td {
	color: #9c9c9c;
}

.added-rooms #online_rooms_externals tr td a.purple , .added-rooms #online_rooms_externals tr td a.delete {
	text-align: right;
	padding-left: 21px;
	margin: 0;
}

.added-rooms #online_rooms_externals .external_login {
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}

.added-rooms #online_rooms_externals .external_login input{
	border: 1px solid #878787;
    border-radius: 3px;
    float: right;
    width: 100%;
}

.added-rooms #online_rooms_externals td, .added-rooms #online_rooms_externals th {
	padding: 0;
	padding-bottom: 7px;
}

.added-rooms #online_rooms_externals .menu td {
	font-size: 12px;
	color: #aa3030;

}

/* Right side from the Online rooms in the options mode */
.add-online-rooms {
	width: 260px;
	padding: 10px;
	margin-left: 15px;
	float:left;
}

.add-content input{
	background: none repeat scroll 0 0 #fff;
	border: 0;
    border-radius: 2px;
    border-top: 1px solid #c7c8cc;
    margin: 5px 0 12px;
    width: 100%;
}

.add-actions {
	text-align: right;
}

.mobile-version {
	display:none;
}

#online_rooms_externals .steel.save {
	padding: 2px 10px;
	margin-top: 1px;
	float: right;
	display:block;
	line-height: 1.2;
	margin: 0;
	margin-top: 2px;
}

/* Media for the Online roooms in the option mode */
@media (max-width:800px) {
	.added-rooms{
		float:none;
		width: 84%;
	}

	.add-online-rooms {
		margin: 0;
		margin-top: 15px;
		float:none;	
	}
}

@media (max-width: 500px) {
	.added-rooms , .add-online-rooms {
		float:none;
		width: 87%;
	}

	#online_rooms_externals tr td:nth-child(4) {
		text-align: center !important;
	}

	#online_rooms_externals tr td:nth-child(3) {
		display:none;
	}

	.hint {
		display:none;
	}
}

@media (max-width:350px) {
	.added-rooms {
		float:none;
		width: 97%;
	}

	.add-online-rooms {
		float:none;
		width: 93%;
	}
}