@keyframes glowing {
	0% { background-color: #000; }
	50% { background-color: #888;  }
	100% { background-color: #fff; }
}


h1,h2{font-size:2vw;font-weight:bold;line-height:2.3vw;text-align:center;text-transform:uppercase;margin:1vw 0;color:#192c50;}
/* ROBIN */
.w04{width:34%;}
.w03{width:45%;}
.w02{width:56%;}
.h01{height: 5vw;line-height: 5vw; border-bottom: solid 1px #DDD;font-size:2vw;}
.h00{height: 2.5vw;background: #FFF;color:#222;line-height: 2.5vw; border-bottom: solid 1px #DDD;}

/* CHESS STYLES */
#all{width:50%;margin:0 auto;float:left;max-width:600px;}
#ext{width:50%;margin:0 auto;float:left;max-width:600px;}
.hh{height: 2vw;font-size: 1.4vw;float: left;border-bottom: solid 1px #DDD;}
.h0{height: 5vw;font-size: 2vw;float: left;background: #FFF;color:#222;line-height: 5vw; border-bottom: solid 1px #DDD; }
.h02{height: 5vw;    font-size: 2vw;    float: left;    background: #FFF;    line-height: 5vw;    border-bottom:solid 1px #DDD;    color: #222;}
h3{text-align: left;    font-size: 2vw;    color: #222;    font-weight: normal;    line-height: 5vw;}
h3 img{height: 3vw;   float: left;  padding: 1vw 1vw 0 1vw;}
h3 a{text-decoration:none;}
.w00{width:11%;text-align:center;}

.w7{width:66%;}
.w9{width:99%;}
.xx{background:#444;}
.up{background:#E74758;color:#FFF;} /* #9d2934 */
.dn{background:#0B7BA1;color:#FFF;} /* #41619e */
.eq{background:#DCDEE0} /* #b6b210; */
.yellow{background:#fff2cd}
.sml{font-size:1.5vw;}
.llt{text-align:left;text-indent:5vw;}
.ct{text-align:center;}


#top{display:block;} 
div.clear{height:1vw;}


.match{width:48%;float:left;margin:1%;height:auto;border-top: solid 2px #888;
    border-bottom: solid 2px #888;}
.match div{display:block;float:left;opacity:1;}

.wnames{width:32%;}
.wnames img{height:6.5vw;margin:0.5vw 10% 0 10%;}
.wnames a{display:block;width:12vw;height:4.5vw;text-align:center;font-size:2vw;line-height:2vw;padding:1vw 0;font-weight:bold;}
.wnames a.lt{float:right;text-align:right;padding-right:10%;}
.wnames a.rt{float:left;text-align:left;padding-left:10%;}
.wnames p{font-size:1.7vw;margin:0;font-weight:normal;line-height:1.8vw;}
.wnames p.rr{margin-left:10%;}
.wnames p.ll{margin-right:10%;}
.wscores{width:36%;}
.wscores h3{text-align:center;line-height:10vw;font-size:3.2vw;}
.wscores a{color:#FFF;font-weight:normal;display:block;width:50%;padding:0.2vw;font-size:1.2vw;background:#555;margin:-1.8vw auto;border-radius:5vw;text-transform:uppercase;text-align:center;} /* cbox -2vw*/

.wupdn{width:15%;background:#FFF;}
.wupdn p{margin:0 20%;font-size:2vw;line-height:2vw;}
.wholes{width:70%;font-size:1.5vw;}
.wholes div{display:block;float:left;font-size:1.5vw;opacity:1;}
.wholes div.h{width:11%;height:2vw;line-height:2vw;font-size:1vw;text-align:center;color:#FFF;}
.wholes span{ display: inline-block;
    width: 2vw;
    height: 2vw;
    margin-top: 0px;
    border-radius: 5vw;
    border: solid 0.2vw #FFF;
    font-size: 1.5vw;
    line-height: 2vw;}

.wstat{width:100%;background:#203866;color:#FFF;}
.wstat p{font-size:1vw;line-height:2vw;text-align:center;}
.wstat a{color:#FFF;font-weight:normal;}
/* */
	.w0{width:1.5%;}
	.w27{width:97%;}

	.h1{height:2.5vw;line-height:2vw;}
	.h2{height:4vw;line-height:4vw;}
	.h3{height:6vw;line-height:6vw;}
	.h5{height:12vw;}
	.h8{height:19.5vw;}
	.h9{height:19.5vw;}
	
	.lt{text-align:right;} .ct{text-align:center;} .rt{text-align:left;}

	.lite{color:#777777;background:#FFF;}
	.as{color:#999999;background:#FFF;}
	.green{color:#9d2934;background:#FFF;}
	.blue{color:#41619e;background:#FFF;}
	.white{color:#222;background:#FFF;}

	span.empty, .wholes span.empty{background:#fff;border-color:#DDD;color:#999;}
	.wgreen{background:#9d2934;}
	.wblue{background:#41619e;}
	.wdraw{background:#999999;}
	.woff{background:#EEE;background: linear-gradient(to bottom,  #ff0000 0%,#ffdddd 50%,#ff0000 99%);}
	span.tee, .match span.tee{border-color:#b6b210;} /*#fdee25;*/
	span.now, .match span.now{animation: glowing 1300ms infinite; } /* background:#fd0000;*/
	
	.togo, .match div.togo{opacity: 1;}
	.clear{clear:both;float:none;}
	

	
	label{font-size:1vw;}
	.playing{display:inline-block;color:#000000;}
	.finished{display:inline-block;color:#008900;}
	.notstarted{display:inline-block;color:#b6b210;}
	#tinfo1{text-align:center;margin:1vw 0;}

@media (min-width: 1200px){
	
	
	h1,h2{font-size:24px;font-weight:bold;line-height:26px;margin:20px 0;color:#192c50;text-align:center;}
	
.h01{height: 60px;line-height: 60px; border-bottom: solid 1px #DDD;font-size:24px;}

/*CHESS*/

#all{width:50%;margin:0 auto;float:left;max-width:600px;}
#ext{width:50%;margin:0 auto;float:left;max-width:600px;}
.hh{height: 20px;font-size: 16px;float: left;border-bottom: solid 1px #DDD;}
.h0{height: 64px;font-size: 24px;float: left;background: #FFF;color:#222;line-height: 64px; border-bottom: solid 1px #DDD; }
.h02{height: 64px;    font-size: 24px;    float: left;    background: #FFF;    line-height: 64px;    border-bottom:solid 1px #DDD;    color: #222;}
h3{text-align: left;    font-size: 24px;    color: #222;    font-weight: normal;    line-height: 64px;}
h3 img{height: 44px;   float: left;  padding: 10px 10px 0 10px;}
.w00{width:11%;text-align:center;}
.w7{width:66%;}
.w9{width:99%;}

.yellow{background:#fff2cd}
.sml{font-size:16px;}
.llt{text-align:left;text-indent:64px;}
.ct{text-align:center;}

	
	.wnames img{height:78px;margin:6px 10% 0 10%;}
	.wnames a{display:block;width:144px;height:54px;text-align:center;font-size:24px;line-height:24px;padding:12px 0;font-weight:bold;}
.wnames a.lt{float:right;text-align:right;padding-right:10%;}
.wnames a.rt{float:left;text-align:left;padding-left:10%;}
	
	
	
	
	.wnames p{font-size:20px;line-height:22px;}
	.wscores h3{line-height:120px;font-size:38px;}
	.wscores a{padding:3px;font-size:12px;margin:-20px auto;border-radius:60px;} /* cbox -20px */
	
	
	.wupdn p{font-size:20px;line-height:24px;}
	.wholes{font-size:16px;}
	.wholes div{font-size:20px;}
	.wholes div.h{height:24px;line-height:24px;font-size:12px;}
	.wholes span{width: 24px;
    height: 24px;
    border-radius: 60px;
    border: solid 2px #FFF;
    font-size: 16px;
    line-height: 24px;} 
	.wstat p{font-size:12px;line-height: 24px;}
	
	.h1{height:30px;line-height:24px;}
	.h2{height:48px;line-height:48px;}
	.h3{height:72px;line-height:72px;}
	.h5{height:144px;}
	.h8{height:234px;}
	.h9{height:234px;}
	
	label{font-size:12px;}
}
@media (max-width:767px){
	
	.h01{height: 10vw;line-height: 6vw; border-bottom: solid 1px #DDD;font-size:4vw;}
	/* CHESS STYLES */
#all{width:96%;margin:0 2%;}
#ext{width:96%;margin:0 2%;}

.hh{height: 3vw; font-size: 2.4vw;  float: left; border-bottom: solid 1px #DDD;}
.h0{        height: 4vw;
        font-size: 3.2vw;
        float: left;
        background: #999999;
        color: #FFF;
        line-height: 4vw;}
.h02{height: 5vh; font-size: 2vh; float: left; background: #FFF; line-height: 5vh; color: #222;}
h3{text-align: left;    font-size: 4.5vw;     font-weight: normal;    line-height: 4vw;}
h3 img{height: 3vh;   float: left;  padding: 1vh 1vh 0 1vh;}
.w00{width:11%;text-align:center;}
.w7{width:66%;}
.w9{width:99%;}

.sml{font-size:2.5vw;}
.llt{text-align:left;text-indent:5vh;}
.ct{text-align:center;}
	.visi{display:none;}
	
	
	
	h1,h2{font-size: 5vw;
        line-height: 6.4vw;
        padding: 3vw 0;
        /* margin-right: 0vw; */
        /* margin-left: 17vw; */
        margin: auto;
        text-align: center;}
	h1 span.one{font-size: 3.5vw;    line-height: 2vw;}	h1 span.two{font-size: 5.05vw;     line-height: 4.1vw;}
	/* h2, #logo h2{font-size: 3.5vw;   line-height: 4vw;  margin-top: 1vw;}*/
	.w4{width:10vw;}
	.w3{width:6vw;padding-left:1vw;}
	.w1{width:6vw;}
	.w14{width:28vw;}
	
	.match{width:98%;float:none;margin:1%;height:52vw;border-top: solid 2px #888;
    border-bottom: solid 2px #888;}
	.match div{display:block;float:left;opacity:1;}
	
	
	.wnames img{height:15vw;margin:1vw 10% 0 10%;}
	.wnames p{font-size:3.7vw;margin:0;line-height:4vw;}
	
	.wnames a{display: block;
        width: 30vw;
        height: 12vw;
        text-align: center;
        font-size: 4.5vw;
        line-height: 4vw;
        padding: 3vw 0;
        font-weight: bold;}
.wnames a.lt{float:right;text-align:right;padding-right:10%;}
.wnames a.rt{float:left;text-align:left;padding-left:10%;}
	
	.wscores h3{line-height:25vw;font-size:7vw;}
	.wscores a{padding:0.4vw;font-size: 3vw;margin: -6vw auto;border-radius:10vw;} /* cbox -3vw */
	
	.wupdn p{font-size:4.5vw;line-height:5vw;}
	.wholes{font-size:3vw;}
	.wholes div{font-size:3vw;opacity:1;}
	.wholes div.h{width:11%;height:5vw;line-height:4vw;font-size:3.75vw;}
	.wholes span{width: 6vw;height: 6vw;border-radius: 13vw;border: solid 0.5vw #FFF;font-size: 5vw;line-height: 6vw;}
	.wstat p{font-size:3vw;line-height:6vw;}
	
	
	
	.h1{height:7vw;line-height:6vw;}
	.h2{height:10vw;line-height:10vw;}
	.h3{height:15vw;line-height:15vw;}
	.h5{height:30vw;}
	.h8{height:51vw;}
	.h9{height:45vw;}
	
	label{font-size:3vw;}
	
	div.clear{height:3vw;}
	
}