/* ------------ CSS du site echess.fr ------------ */
/* -- auteur       : niuo 						   */
/* -- creation 	   : 11.05.2006 				   */
/* -- modification : 10.10.2007 				   */
/* 			    ---------------------              */


/*GENERAL*/
html 								{ font-size: 100%; height: 100%;  margin-bottom: 1px; }
body							{ font-family:Tahoma; font-size:10px; color:#5a5a5a;  background-image: url('images/bg-login.gif'); background-repeat:repeat; }
td,th 							{ font-family:Tahoma; font-size:11px; color:#5a5a5a; }
hr								{ border: none 0; border-top: 1px dashed red; width: 100%; height: 1px; }

/*ICONE*/
.site_icone						{ background-image: url(images/site_icone.png);  background-repeat: no-repeat; width:64px; height:64px; position:relative; top:-13px; right:80px; }
.site_load						{ background-image: url(images/site_load.gif);  background-repeat: no-repeat; width:50px; height:10px; position:relative; top:-14px; right:70px; }


/*TABLE*/
.table_empty 					{ border: 0px; }
.table_dotted					{ border:1px dotted #a3a3a3;  }
.table_monitoring td				{ font-family:Tahoma; font-size:10px; color:#5a5a5a; }
.table_main						{ border: 1px solid #adadad; background-color:#ffffff; }
.table_white					{ background-color:#ffffff; }
.table_gray						{ background-color:#dbdbdb; }
.table_menusite					{ border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color:#ffffff; }
.table_main_menu				{ position:relative; top:16px; }
.table_main_menuhr				{ border-bottom:1px dotted gray; }
.table_main_menu2px_bot			{ border-bottom:2px solid gray; }
.table_main_menu2px_top			{ border-top:2px solid gray; }

.table_main_red				{width: 80%; -moz-border-radius: 10px; background-color: #ffdfdf; border:1px solid #ffafaf;}
.table_main_green			{width: 80%; -moz-border-radius: 10px; background-color: #d8ffdb; border:1px solid #a8ddab;}
.table_main_gray			{width: 80%; background-color: #e3e3e3; border:1px solid #a3a3a3;}



/*TD*/
.td_monitoring_soustitre		{font-family:Tahoma; font-size:10px; color:#5a5a5a; font-style:italic; background-color:#e3e3e3; }
.td_main_titre					{font-family:Arial; font-size:15px; color:#939393; font-stretch:ultra-condensed; font-weight:900; }
.td_main_soustitre				{font-family:Tahoma; font-size:10px; color:#5a5a5a; background-color:#e3e3e3; }

/*TITRE*/
.titre_monitoring				{ font-family:Tahoma; font-size:11px; color:#4b4b4b; font-stretch:ultra-condensed; font-weight:900; }
.titre_niv1						{ font-family:Tahoma; font-size:11px; color:#4b4b4b; font-stretch:ultra-condensed; font-weight:900; }
.titre_niv2						{ font-family:Tahoma; font-size:15px; color:#a41717; font-stretch:ultra-condensed; font-weight:900; }
.titre_niv3						{ font-family:Tahoma; font-size:11px; color:#BBBBBB; font-weight:bold; line-height:11px; }
.information					{ font-family:arial; font-size:10px; color:#FF9900; font-weight:bold; line-height:10px; }
.play_border_info				{ border-left:1px dotted #a3a3a3; }

/* TABLEAU MONITORING */
.monitoring_compte				{ border-bottom: 1px dotted gray; background-color: #FFFFFF; }
.monitoring_joueurs				{ border-bottom: 1px dotted gray; background-color: #FFFFFF; }
.monitoring_attente				{ border-bottom: 1px dotted gray; background-color: #FFFFFF; }
.monitoring_encours				{ border-bottom: 1px dotted gray; background-color: #FFFFFF; }
.monitoring_finies				{ background-color: #FFFFFF; }
.monitoring_bande				{ border-left: 1px dotted gray; border-right: 1px dotted gray; background-color: #dbdbdb; }
.monitoring_img					{ border-bottom: 1px dotted gray; border-right: 1px dotted gray; background-color: #dbdbdb; }
.monitoring_img_finies			{ border-right: 1px dotted gray; background-color: #dbdbdb; }

/*SPAN*/
.histo_defeat			{ font-weight:bold; color:#000000; }
.histo_winner			{ font-weight:bold; color:#47a432; }

/*LINK*/
A             			 		{ font-family:Tahoma; font-size:10px; color:#5a5a5a; text-decoration:underline; }
A:active      				{ font-family:Tahoma; font-size:10px; color:#5a5a5a; text-decoration:underline; }
A:visited      			{ font-family:Tahoma; font-size:10px; color:#5a5a5a; text-decoration:underline; }
A:link         				{ font-family:Tahoma; font-size:10px; color:#5a5a5a; text-decoration:underline; }
A:hover       				{ font-family:Tahoma; font-size:10px; color:#8fc400; text-decoration:underline; }

/*LINK*/
.link_menu_gray             		{ font-family:Tahoma; background-color:#ffffff; border-top:8px solid #dbdbdb; border-bottom:1px solid black; font-size:10px; color:#5a5a5a; text-decoration:none; font-weight:900; cursor:pointer; }
.link_menu_gray:hover       	{ color:#8fc400; text-decoration:none; cursor:pointer; }
.link_menu_red             		{ font-family:Tahoma; background-color:#ffffff; border-top:8px solid #db0000; border-bottom:1px solid black; font-size:10px; color:#5a5a5a; text-decoration:none; font-weight:900; cursor:pointer; }
.link_menu_red:hover       	{ color:#8fc400; text-decoration:none; cursor:pointer; }
.link_menu_blue             		{ font-family:Tahoma; background-color:#dbdbdb; border-top:8px solid #6dbdf2; border-bottom:1px solid #dbdbdb; font-size:10px; color:#6dbdf2; text-decoration:none; font-weight:900; cursor:pointer; }
.link_menu_blue:hover       	{ color:#6dbdf2; text-decoration:none; cursor:pointer; }


/*DISPLAY*/
.display_true					{ display:table-cell}
.display_false					{ display:none}

/*FORM*/
form					{margin: 0px; color:#333333}
.button             		{ border: 1px solid #CCCCCC; font-family: Tahoma; font-size: 11px; height: 12pt; background-color:#F0F0EE; color:#8fc400 }
.text               		{ border: 1px solid #CCCCCC; font-family: Tahoma; font-size: 10px; height: 10pt; background-color:#F0F0EE; color:#333333 }
.parcourir               	{ border: 1px solid #CCCCCC; font-family: Tahoma; font-size: 10px; height: 13pt; background-color:#F0F0EE; color:#8fc400 }
.select               		{ border: 1px solid #CCCCCC; font-family: Tahoma; font-size: 10px; height: 12pt; background-color:#F0F0EE; color:#333333 }
.button_jouer           	{ border: 1px solid #CCCCCC; font-family: Tahoma; font-size: 11px; height: 12pt; background-color:#F0F0EE; color:#8fc400 }
.button_refuser           { border: 1px solid #CCCCCC; font-family: Tahoma; font-size: 11px; height: 12pt; background-color:#F0F0EE; color:#dea62d }
.button_enlever           { border: 1px solid #CCCCCC; font-family: Tahoma; font-size: 11px; height: 12pt; background-color:#F0F0EE; color:#FF0000 }


/*BUBBLE*/
.infobulle						{ position: relative; text-decoration: none; }
.infobulle span 					{ display: none; }
.infobulle:hover 				{ background: none; z-index: 500; }
.infobulle:hover span 			{ white-space:pre; display:block; position: absolute; background-color:white; text-align:center; color:#5a5a5a; padding: 0px; border:1px solid #888; }


/*JOUEUR STYLE*/
.bonhomme_neutre 				{ height:16px; width:20px;}
.bonhomme_play 					{ height:16px; width:20px; background-image: url(images/time.arrow.png);  background-repeat: no-repeat; background-position: center center; }
.bonhomme_wait 					{ height:16px; width:20px;}

/*CHAT LINES*/
.chat_line_all					{ border-bottom:1px solid #d1d1d1; }
.chat_line_name1				{ font-family:Tahoma; font-size:10px; text-align:left; font-weight:bold; color:#766bc9; }
.chat_line_name2				{ font-family:Tahoma; font-size:10px; text-align:left; font-weight:bold; color:#99c96b; }
.chat_line_date 					{ font-family:Tahoma; font-size:10px; text-align:right; font-style:italic; color:#d1d1d1; }
.chat_line_content 				{ font-family:Tahoma; font-size:10px; text-align:justify; color:#5a5a5a; }
.chat_line_perso 				{ font-family:Tahoma; font-size:10px; text-align:justify; font-weight:bold; color:#ff3636; }
.chat_line_coup 					{ font-family:Tahoma; font-size:10px; text-align:right; font-style:italic;  color:#ff3636; }
.chat_line_content_perso 		{ font-family:Tahoma; font-size:10px; text-align:justify; color:#626262; }


/*TIMER*/
.timer_VERT						{ font-family:Arial; font-size:12px; font-weight:bold; color:#000000; letter-spacing: -0.5px; }
.timer_ORANGE					{ font-family:Arial; font-size:12px; font-weight:bold; color:#FF9E00; letter-spacing: -0.5px; }
.timer_ORANGE					{ font-family:Arial; font-size:12px; font-weight:bold; color:#FF9E00; letter-spacing: -0.5px; }
.timer_ROUGE					{ font-family:Arial; font-size:12px; font-weight:bold; color:#FF0000; letter-spacing: -0.5px; }

/*HR*/
hr             						{ color: #fff; background-color:#cecece; border: 1px dotted #ff0000; border-style: none none dotted;}

/* Autocompletion */
div.autocompletion				{ font-family:Tahoma; font-size:10px; list-style: none; position:absolute; width:110px; background-color:#bffbbe; margin:0px; padding:0px; }
div.autocompletion_line:hover 	{ background-color: #ffb; cursor:pointer}
	
	
	
/* SCROLL */
.scrollgeneric 		{ line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase 		{ width: 10px; background-color: white; }
.vscrollerbar 		{ width: 10px; background-color: #2d73c9; }
.hscrollerbase 		{ height: 10px; background-color: white; }
.hscrollerbar 		{ height: 10px; background-color: black; }
#scrollonline 		{ width: 200px; height: 149px; overflow: auto; position: relative; background-color: #FFFFFF; margin: 0 auto; padding: 0px; }
#scrollattente 		{ width: 200px; height: 119px; overflow: auto; position: relative; background-color: #FFFFFF; margin: 0 auto; padding: 0px; }
#scrollencours 		{ width: 200px; height: 119px; overflow: auto; position: relative; background-color: #FFFFFF; margin: 0 auto; padding: 0px; }
#scrollfinie 		{ width: 200px; height: 60px; overflow: auto; position: relative; background-color: #FFFFFF; margin: 0 auto; padding: 0px; }
#scrollchat 			{ width: 300px; height: 200px; overflow: auto; position: relative; background-color: #FFFFFF; margin: 0 auto; padding: 0px; }
#scrollenigma 		{ width: 350px; height: 250px; overflow: auto; position: relative; background-color: #FFFFFF; margin: 0 auto; padding: 0px; }