<!

-- New UI -->
<!-<div class="zp-100" style="height:30%;">
</div>
<div class="zp-100" style="height:40%;">
<div class="increaseFont" style="height:50%; text-align:center;">
Game Begins In
</div>
<div id="gameWaitTimerContainer">
<div class="hold hold1">
<div class="pie pie1"></div>
</div>
<div class="hold hold2">
<div class="pie pie2"></div>
</div>
<div class="bg"> </div>
<div class="time">
<span>
</span>
<em></em>
</div>
</div>
</div> -->

************************************************************
BAAP IS ALWAYS BAAP
************************************************************
CSS for game wait timer */
.pie
{
width:200px;
height:200px;
background-color:blue;
border-radius:100px;
position:absolute;
}
.pie1
{
clip:rect(0px,200px,200px,100px);
-o-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
background:-moz-radial-gradient(20% 50% 0deg, #333, #0000ff);
background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to
(#323241));
}
.pie2
{
clip:rect(0px,100px,200px,0px);
-o-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
background:-moz-radial-gradient(80% 50% 0deg, #333, #0000ff);

background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to

(#323241));
}
.hold
{
width:200px;
height:200px;
position:absolute;
z-index:1;
}
.hold1
{
clip:rect(0px,200px,200px,100px);
}
.hold2
{
clip:rect(0px,100px,200px,0px);
}
.bg
{
width:200px;
height:200px;
background-color:red;
border-radius:100px;
position:absolute;
box-shadow:0px 0px 8px #333;
background:-moz-radial-gradient(0% 50% 0deg, #900, #ff0000);
/*background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#900),
to(#ff0000)); */
background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#005C99),
to(#0EC1FA));
}
.time
{
width:160px;
height:160px;
margin:20px 0 0 20px;
background-color:#fff;
border-radius:100px;
position:absolute;
z-index:1;
box-shadow:0px 0px 8px #333 inset;
text-align:center;
line-height:160px;
font-family:"Book Antiqua", Palatino, serif;
font-size:35px;
font-weight:bold;
text-shadow: 1px 1px 3px #333;
}
.time em
{
background:#fff;
position:absolute;
top:62px;
left:12px;
height:18px;
width:140px;
opacity:0.4;
}