body{color:white; font-size:16px;font-family:Arial; text-align:center;padding:0px;margin:0px;height:100% }
#title{border-radius:10px; border:1px solid blue; padding: 10px;text-align:center; font-size:24px;}
#scoreboard{margin:0px;border-radius:10px;/*overflow:hidden*/}
#left{float:left;background:#4a4bf3;margin:0px;width:50%; height:100%}
#right{float:left;background:#f44c4b;margin:0px;width:50%;height:100%}
#division_left,#division_right{font-size:24px; margin:10px; padding:5px 10px 5px 10px;text-align:left;}
#division_left,#division_right{float:left; height:35px; width:710px}
#division_right{width:710px}
.color-name-left,#name_athlete_left,#name_athlete_right,.color-name-right{ font-size:26px;width:50px;margin:10px;padding:5px; cursor:pointer;}
.color-name-left,.color-name-right{clear:both;float:left; cursor:pointer}
#name_athlete_left,#name_athlete_right{float:left;width:70%;font-size:4.4em;text-align:left;}
/*#name_athlete_right{clear:both;float:right;width:70%;font-size:2.8em;text-align:left}*/
/*.color-name-right{float:left;font-size:26px;width:50px;margin:10px;padding:5px;}*/

.time_m{float:right;margin:40px 0px;font-size:10em;padding:5px; cursor:pointer;}
.time_s{float:left;margin:40px 0px;font-size:10em;padding:5px 0px 5px 0px;cursor:pointer;}
.time_c{float:left;margin:80px auto 0px 0px;font-size:6em;padding:5px;cursor:pointer;}
#give_points_left{clear:both;margin:5px auto 5px 120px; width:90%;}
#give_points_right{clear:both;float:left;margin:5px auto 5px 60px; width:85%;}
#ten_seconds{background-color:black;color:white;position: absolute; left:30%; top:20%;border-radius:15px; padding:5px;width:640px;height:300px;overflow:hidden}
.timer { border:0; font-size:10em; height:1em; width:3em; text-align:center;}
.timer_milisec {border:0; font-size:3em;height:1em;width:3em;text-align:center;}
.cross { color: white; background: rgb(10,10,10); width:1em; height:1.3em; font-size:4em;font-weight:bold;}
#table_stopwatch td { text-align:center;}
	.ippon_l,.waza_ari_l,.yuko_l,.ippon_r,.waza_ari_r,.yuko_r,#ten_second_show{float:left;width:100px;margin:5px 10px 5px 10px;cursor:pointer}
	.ippon_l,.waza_ari_l,.yuko_l{ border-radius:20%;padding:5px;text-align:center;border:2px solid white;}
	.ippon_r,.waza_ari_r,.yuko_r {border:2px solid white; border-radius:20%;padding:5px;text-align:center;}
	.points_l,.points_r{margin:1px; font-size:22em; width:90%;color:white;line-height:75%;padding:5px; text-align:left;cursor:pointer;}
	#ten_second_show{position: absolute;left: 48%;top:20%;border:1px solid white; border-radius:50px; font-size:10px; color:white;padding:5px;width:50px;margin:5px; background-color:black}
	#ten_second_show:hover{background-color:red}
	#hajime,#t1,#t2{border-radius:5px;padding:10px;text-align:center;border:2px solid white;}
	#hajimeK{ clear:both; border:5px double white; width:250px;padding:10px;border-radius:10px; cursor:pointer;margin:70% auto 15px 25%; background-color:#00CC33;/*font-size:30px*/}
	#hajimeK:hover{ background-color:#996600;}
	#resetK{clear:both;background-color:#930d0b;border-color:white; color:white;cursor:pointer;margin:70% 40px 5px 60%;width:20%;
border:2px solid white; border-radius:5px;padding:10px;text-align:center; }
	
#change_score_left{float:left;margin:5px auto 40px 20%; }
#change_score_left li{ display:inline; list-style:none; margin:5px 15px 5px 15px; cursor:pointer;padding: 0px 5px 0px 5px}
#change_score_right{float:left; margin:5px auto 40px 52%; }
#change_score_right li{ display:inline; list-style:none; margin:1% 2% 0px 12%; cursor:pointer;padding: 0px 5px 0px 5px}	
/*results*/
	.resultado_winner{ position:absolute; width:300px; height:230px;border:10px solid #CCCC00;
	border-radius:5px;font-size:16em;padding:5px;top:30px;top:140px;color:#CCCC00;}
	#w_r_p{right:100px;}
	#w_l_p{left:100px;}
/*finish winner_looser*/
					
#t1,#t2{float:right;margin:20px 5px 5px auto;padding:5px;background-color:#8c91a7; cursor:pointer;font-size:0.5em}
#t3,#t4{float:left;margin:20px 40px 5px 0px;padding:5px;background-color:#8c91a7;cursor:pointer;font-size:0.5em}
#t1:hover,#t2:hover,#t3:hover,#t4:hover{ background:#9900CC;}
.c_s_l,.c_s_r{ visibility:hidden; float:left; margin:8% 12% 0% 8%;cursor:pointer}
.rows_left,.rows_right{clear:both;float:left; margin:20px auto 5px 20px; width:95%;}
.c_p_l,.c_p_r{margin:0.8%; width:5%;height:25px;padding:2.5%;text-align:center;border-radius:50%; color:#000066; font-weight:bold; font-size:1.6em;background-color:#8c91a7;cursor:pointer}
.c_p_l,.c_p_r{float:left;border:2px solid white; }
#kikken_left,#kikken_right,#shikkaku_left,#shikkaku_right{width:12%;margin:2.5% 3% 2% 3%; font-size:16px;padding:1%;border-radius:5px;cursor:pointer;}
.category_l,.category_r{float:left;width:10%; padding:1%;text-align:center;border-radius:5px; font-size:1.2em;border:2px solid white;}
.category_l,.category_r{float:left;margin:2.5% 10px 5px 15px;}
.change_color_l{float:right;margin:2% 1% 5% 2%; border:1px solid white; border-radius:60%; padding:1%;width:6%;font-size:12px;cursor:pointer}
.change_color_l:hover,.change_color_r:hover{background-color:#f44c4b;}
.change_color_r{float:left;margin:2% 2% 5% 1%;border:1px solid white; border-radius: 60%; padding:1%;width:6%;font-size:12px;cursor:pointer}
.change_color_r:hover{background-color:#4a4bf3;}


.audiowarning{visibility:hidden;}


#footer{border:1px solid black; padding:10px; text-align:center; color:blue;font-size:12px;margin:10px auto 5px auto;background-color:#CCCCCC;border-radius:5px;width:60%} /*#change_time* -> iba debajo*/
#han-tei{position: absolute;top:140px;	left:25%;	width:800px;	height:580px;	border:1px solid white;
	border-radius:10px;	background-image:url('../images/Back-Schedule.jpg');	color:white;	background-repeat:no-repeat;	background-position:center;	overflow:hidden}
#central_hantei{width:600px; height:500px;border:1px solid white;border-radius:5px;padding:5px;margin:5px auto 10px auto}
#central_ring{ float:left;margin:30px auto 3px auto; width:480px; height:420px; border:1px solid white;}
	#left_ring{ float:left;width:239px; border-right:1px solid white;height:420px;background:#4a4bf3;margin:0px}
	#right_ring{ float:left;width:239px; height:420px;background:#f44c4b;margin:0px}
		#title_left,#title_right{border:1px solid white; border-radius:5px; width:30px; padding:5px; margin:5px auto 5px 100px;}
	.cuadrado_tres,.cuadrado_cinco,#c_l_b,#c_r_b{margin:10px 10px 50px 10px; border:1px solid white; border-radius:5px; padding:5px width:200px; height:100px}
		#bl31,#bl32,#bl33,#br31,#br32,#br33{ float:left; width:35px; height:40px; margin:10px 15px 5px 20px;background-image:url('../images/fw.png'); background-repeat:no-repeat; cursor:pointer}
		
		#c_l_b,#c_r_b{ font-size:36px; height:50; padding:5px; cursor:pointer}
		
		#b3J1{clear:both;}
		#b3J1,#b3J2,#b3J3{  float:left; padding:5px; margin:10px 20px 5px 20px;}
		
	#bl51,#bl52,#bl53,#bl54,#bl55,#br51,#br52,#br53,#br54,#br55{ float:left; width:33px; height:40px; margin:10px 5px 5px 5px;background-image:url('../images/fw.png'); background-repeat:no-repeat;cursor:pointer}
	
	#b5J1{clear:both;}
	
	#b5J1,#b5J2,#b5J3,#b5J4,#b5J5{  float:left; padding:5px; margin:10px 5px 5px 10px;}
		
		#JLU{ float:left;margin:5px 5px auto 30px; width:30px; border:1px solid white;}
		#JRU{ float:left;margin:5px; width:30px; border:1px solid white;}
		#JLD{ clear:both; float:left;margin:2px 2px auto 30px; width:30px; border:1px solid white;}
		#JC{ float:left;margin:5px auto 5 230px; width:30px; border:1px solid white;}
		#JRD{float:left;margin:5px 5px auto 230px; width:30px; border:1px solid white;}

#han-tei_title{font-size:24px;margin:10px; padding:5px; border:1px solid white; width:200px; margin-left:300px; border-radius:10px}
#han-tei_title:hover{ background-color:#999900; cursor:pointer}
#left-winner_buttom,#right-winner_buttom,#center-winner_buttom{border:1px solid white;border-radius:10px;padding:8px 30px 8px 30px;cursor:pointer}
#left-winner_buttom{float:left;margin:5% auto 5% 10%}
#left-winner_buttom:hover,#right-winner_buttom:hover{background-color:#808000;margin-top:5.2%;}
#right-winner_buttom{float:right;margin:5% 10% 5% auto;}
.change_time{ color:#FFFFFF;position:absolute;padding:20px; margin:20px auto 0% 42%;font-size:14px;
background-color:#CC9900; border-radius:10px; overflow:hidden;border:2px solid white;}
#title_change{margin:0px auto 20px auto; font-size:1em; color:white;border:1px solid white; border-radius:5px;padding:5px; background-color:#009933}
.change_time li{ display:inline; list-style: none; padding:5px 20px 5px 20px; margin:5px;color:black;
border:1px solid white;border-radius:10px; background-color:#CCCC33;cursor:pointer }
.change_time li:hover{ background-color:#FF6600;}
#advertisement{position:absolute;background-color:#990000;margin:50% auto 0px 0px; width:98%; padding:5px;border:1px solid white; height:77px; background-image:url(../images/advertisement.jpg); background-repeat:no-repeat}
#AddNames{ position:absolute; top:18%; left:42%; width:200px; padding:20px;border:1px solid white; border-radius:5px; background-color:#CC9900;}
.CName{ margin:10px; padding:5px;border:1px solid white;border-radius:5px;}
#btnUpdateNames{ margin:10px;padding:5px; border;1px solid white; background-color:#009900; border-radius:5px}
#btnUpdateNames:hover{ background-color:#66CC66;cursor:pointer}
#update_values{float:right; width:160px;margin-right:400px;color:black; border:1px solid #CCCCCC; padding:5px 10px 5px 10px; border-radius:5px;background-color:#CC9900; }
#update_values:hover{ background-color:#009900;color:white; cursor:pointer}
/* for the blinking#ff0000*/
.white_class{background-color:#FFF !important;}