/* Affichage d'un groupe */
div.group_detail { display:block; position:relative; margin:0 auto; width: 400px; }

table.group_table {width: 400px; margin-bottom: 20px;}
table.group_table th { white-space:nowrap; overflow:hidden; border-bottom: 1px dashed #CCC;}
table.group_table th.id,
table.group_table th.played,
table.group_table th.won,
table.group_table th.lost,
table.group_table th.draw,
table.group_table th.round_difference,
table.group_table th.points { width:20px; text-align:center; cursor:help;}
table.group_table th span { cursor:help;}
table.group_table tr.pair { background-color:#eaeaea;}
table.group_table td { white-space:nowrap; overflow:hidden;}
table.group_table td.nickname { width: 150px;}
table.group_table td.id,
table.group_table td.played,
table.group_table td.won,
table.group_table td.lost,
table.group_table td.draw,
table.group_table td.round_difference,
table.group_table td.points { text-align:center; }

.group_round_separator { padding:3px 5px; margin:5px 0; font-weight:bold; background-color:#eaeaea; width: 390px; border-radius:4px; clear: both; }

/* Affichage d'un match en ligne */
div.ui-tabs-panel .inline_match { position:relative; clear:both; width: 400px; }
div.ui-tabs-panel .inline_match div { position:relative; float:left; }
div.ui-tabs-panel .inline_match div.p1 { text-align:right; width: 150px; overflow:hidden; white-space:nowrap; }
div.ui-tabs-panel .inline_match div.p2 { text-align:left; width: 150px; overflow:hidden; white-space:nowrap; }
div.ui-tabs-panel .inline_match div.p1 span.player_display_name,
div.ui-tabs-panel .inline_match div.p2 span.player_display_name { width: 125px; overflow:hidden; white-space:nowrap; position:absolute;  }
div.ui-tabs-panel .inline_match div.p1 span.player_display_name { right:25px;  }
div.ui-tabs-panel .inline_match div.s1 { text-align:center; width: 32px; margin:0px 4px; }
div.ui-tabs-panel .inline_match div.s2 { text-align:center; width: 32px; margin:0px 4px; }
div.ui-tabs-panel .inline_match div.vs { float:left; }

/* Affichage d'un match dans un arbre */
.tree_header { border-bottom: 1px solid #CCC; text-align: center; text-transform: uppercase; font-size: 80%; }

.tree_match { position:relative; clear:both; }
.tree_match .admin_link { position:absolute; top:-18px; left:0; }
.tree_match div.line1 {}
.tree_match div.p1 { text-align:left; float:left; margin-left: 0px; overflow:hidden; white-space:nowrap; border-bottom:1px dashed #999;  }
.tree_match div.p1 span { padding:0px 5px;  }
.tree_match div.p1 div.gradient { position:absolute; top:0; width:40px; height:100%; background:url(../../templates/ironsquidtv/img/white_gradient_vertical.png) repeat-y top left; }
.tree_match div.p2 { text-align:left; float:left; margin-left: 0px; overflow:hidden; white-space:nowrap; }
.tree_match div.p2 span { padding:0px 5px;  }
.tree_match div.s1 { text-align:center; float: right; border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0; -moz-border-radius:0 4px 0 0; }
.tree_match div.s2 { text-align:center; float: right; border-radius:0 0 4px 0; -webkit-border-radius:0 0 4px 0; -moz-border-radius:0 0 4px 0; }
.tree_match div.vs { text-align:center; width: 20px; }

/* Usefull match general */
div.live { background-color:#eaeaea;}
div.win { background-color: #063; color:#FFF; }
div.lose { background-color:#900; color:#FFF; }
div.draw { background-color:#666; color:#FFF; }

/* Affichage d'un joueur */
.player_display {}
.player_display img.flag_img,
.player_display img.race_img { vertical-align:bottom; padding:0 5px; }

/* Affichage d'un tournoi dans la liste en front */
div.tournament_header
	{ display: block; padding: 20px; margin: 20px 0 0 0; color: #333;
	background: url("../../templates/ironsquidtv/img/background.jpg");
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
div.tournament_header.tournament_header_0
	{ margin: 0; }
div.tournament_header div.tournament_header_name
	{ background: url("../../templates/ironsquidtv/img/icon_box.png") 5px 3px no-repeat; text-transform: uppercase; font-size: 140%; text-shadow: 0 2px 2px #000; padding: 0 0 0px 45px; }
div.tournament_header div.tournament_header_name a
	{ color: #FFF; font-weight: bold; }
div.tournament_header div.tournament_header_name a:hover
	{ color: #bca36b; }
div.tournament_header div.tournament_header_desc
	{ background: url("../../templates/ironsquidtv/img/opacity_black.png"); color: #FFF; padding: 20px; margin: 10px 0 0 0; text-transform: uppercase; font-size: 80%; text-shadow: 0 2px 2px #000;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }

/* PAGE TOURNOI */
div#tournament_view
	{ background: url("../../templates/ironsquidtv/img/background.jpg"); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding-bottom: 1px; }	
div#tournament_view div#tournament_view_name
	{ display: block; padding: 10px 20px; margin: 0;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-weight: bold; }
div#tournament_view div#tournament_view_name span.name
	{ background: url("../../templates/ironsquidtv/img/icon_box.png") 5px 3px no-repeat; text-transform: uppercase; font-size: 140%; color: #FFF; text-shadow: 0 2px 2px #000; padding: 0 0 0 45px; margin: 0; }
div#tournament_view div#tournament_view_name div.archive
	{ float: right; text-align: right; padding: 7px 0 0 0; }
/* Menu de la page d'un tournoi */
div#tournament_view div#tournament_menu
	{ margin: 10px 20px 0 20px; }
div#tournament_view div#tournament_menu div.tournament_menu_item
	{ display: block; float: left; padding: 10px 20px 5px 20px; overflow: hidden; margin-left: 20px;
	text-align: center; text-transform: uppercase; font-weight: bold; text-shadow: 0 2px 2px #666; color: #333;
	background: url("../../templates/ironsquidtv/img/opacity_white.png"); cursor: pointer;
	border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; }
div#tournament_view div#tournament_menu div.tournament_menu_item a
	{ color: #333; text-shadow: 0 2px 2px #666; }
div#tournament_view div#tournament_menu div.tournament_menu_item.active 
	{ background: url("../../templates/ironsquidtv/img/opacity_black.png"); }
div#tournament_view div#tournament_menu div.tournament_menu_item:hover,
div#tournament_view div#tournament_menu div.tournament_menu_item.active:hover
	{ background: url("../../templates/ironsquidtv/img/opacity_black.png"); }
div#tournament_view div#tournament_menu div.tournament_menu_item:hover a
	{ color: #FFF; text-shadow: 0 2px 2px #000; }	
div#tournament_view div#tournament_menu div.tournament_menu_item.active:hover a,
div#tournament_view div#tournament_menu div.tournament_menu_item.active a
	{ color: #bca36b; text-shadow: 0 2px 2px #000; }
/* Vue générale */
div#tournament_view div#tournament_element
	{ padding: 10px 20px 10px 20px; margin: 0 20px 20px 20px;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	background: url("../../templates/ironsquidtv/img/opacity_black.png"); }
	/* informations */
div#tournament_view div#tournament_element div.tournament_element_subtitle
	{ text-transform: uppercase; font-weight: bold; font-size: 80%; color: #bca36b; }
div#tournament_view div#tournament_element div#tournament_element_desc,
div#tournament_view div#tournament_element div#tournament_element_players,
div#tournament_view div#tournament_element div#tournament_element_maps
	{ background: url("../../templates/ironsquidtv/img/opacity_black.png"); 
	color: #999; font-style: italic; padding: 10px; margin: 5px 0 10px 0;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
div#tournament_view div#tournament_element div#tournament_element_players span.player_display
	{ float: left; width: 210px; text-align: center; margin-bottom: 10px; }
div#tournament_view div#tournament_element div#tournament_element_players span.player_display span.player_display_photo
	{ display: block; }
div#tournament_view div#tournament_element div#tournament_element_players span.player_display span.player_display_photo img
	{ width: 110px; height: 155px; }
div#tournament_view div#tournament_element div#tournament_element_players span.player_display span.player_display_infos
	{ display: block; }
div#tournament_view div#tournament_element div#tournament_element_players span.player_display span.player_display_infos img.race_img,
div#tournament_view div#tournament_element div#tournament_element_players span.player_display span.player_display_infos img.flag_img
	{ margin: 0 5px; vertical-align: middle; }
div#tournament_view div#tournament_element div#tournament_element_players span.player_display span.player_display_infos span.player_display_name
	{ display: block; }
div#tournament_view div#tournament_element div#tournament_element_maps div.tournament_element_maps_map
	{ float: left; width: 210px; text-align: center; margin-bottom: 10px; }
div#tournament_view div#tournament_element div#tournament_element_maps div.tournament_element_maps_map div.tournament_map_img
	{ width: 180px; height: 120px; margin: 0 12px; overflow: hidden; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
	/* phase de poules */
div#tournament_view div.display_groups div.display_groups_group
	{ margin: 10px 0; padding: 10px; background: url("../../templates/ironsquidtv/img/opacity_black.png"); color: #FFF;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; width: 840px; }
div#tournament_view div.display_groups div.display_groups_group div.group_detail
	{ margin: 0; padding: 0; width: 840px; }
div#tournament_view div.display_groups div.display_groups_group div.group_name
	{ font-weight: bold; margin: 0 0 5px 10px; color: #bca36b; }
div#tournament_view div.display_groups div.display_groups_group div.group_round_separator
 	{ padding: 0 0 0 10px; margin: 0; background-color: #EEE; display: none; clear: both; }
div#tournament_view div.display_groups div.display_groups_group table.group_table
 	{ padding: 0; margin: 10px 100px 20px 100px; width: 640px; }
div#tournament_view div.display_groups div.display_groups_group table.group_table tr td,
div#tournament_view div.display_groups div.display_groups_group table.group_table tr th
	{ padding: 0 3px; }
div#tournament_view div.display_groups div.display_groups_group table.group_table tr th.draw,
div#tournament_view div.display_groups div.display_groups_group table.group_table tr td.draw
	{ display: none; }
div#tournament_view div.display_groups div.display_groups_group table.group_table tr td img.race_img,
div#tournament_view div.display_groups div.display_groups_group table.group_table tr td img.flag_img
	{ vertical-align: middle; }
div#tournament_view div.display_groups div.display_groups_group table.group_table tr.pair,
div#tournament_view div.display_groups div.display_groups_group table.group_table tr.pair td
	{ background: none; }
div#tournament_view div.display_groups div.display_groups_group .inline_match 										{ float: left; width: 415px; height: 25px; margin: 2px 0; }
div#tournament_view div.display_groups div.display_groups_group .inline_match div.p1 								{ float: left; overflow: hidden; text-align: right; width: 165px; }
div#tournament_view div.display_groups div.display_groups_group .inline_match div.p2 								{ float: left; overflow: hidden; text-align: left; width: 165px; }
div#tournament_view div.display_groups div.display_groups_group .inline_match div.p1 span.player_display_name,
div#tournament_view div.display_groups div.display_groups_group .inline_match div.p2 span.player_display_name 		{ display: inline-block; width: 135px; overflow: hidden; white-space: nowrap; }
div#tournament_view div.display_groups div.display_groups_group .inline_match div.s1 								{ display: inline-block; margin: 0 2px; padding: 3px; width: 17px;
																													text-align: center; font-weight: bold; line-height: 1em;
																													border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }								
div#tournament_view div.display_groups div.display_groups_group .inline_match div.s2 								{ display: inline-block; margin: 0 2px; padding: 3px; width: 17px; 
																													text-align: center; font-weight: bold; line-height: 1em;
																													border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
div#tournament_view div.display_groups div.display_groups_group .inline_match div.vs 								{ display: inline-block; width: 16px; height: 16px; margin: 0 2px; }
div#tournament_view div.display_groups div.display_groups_group .inline_match div.elts_centre						{ float: left; width: 85px; text-align: center; }
div#tournament_view div.display_groups div.display_groups_group .inline_match img									{ padding: 6px 0 0 0; margin: 0 3px; vertical-align: top; line-height: 1em; }
div#tournament_view div.display_groups div.display_groups_group .inline_match div.elts_centre img					{ padding: 0; vertical-align: text-top; line-height: inherit; margin: 0; }
	/* arbre */
div#tournament_view	div.tournament_tree
	{ color: #FFF; }
div#tournament_view	div.tournament_tree a
	{ color: inherit; }
div#tournament_view	div.tournament_tree span.player_display img
	{ vertical-align: middle; }
div#tournament_view	div.tournament_tree div.line1 div.s1,
div#tournament_view	div.tournament_tree div.line2 div.s2
	{ font-weight: bold; }
div#tournament_view	div.tournament_tree div.tree_match
	{  }
div#tournament_view	div.tournament_tree div.player.p1
	{ border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; }
div#tournament_view	div.tournament_tree div.player.p2
	{ border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; }
div#tournament_view	div.tournament_tree div.player div.gradient
	{ border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; background: url("../../templates/ironsquidtv/img/black_gradient_vertical.png"); }
div#tournament_view	div.tournament_tree div.player.selected
	{ background: url("../../templates/ironsquidtv/img/opacity_black.png"); color: #bca36b; }