.clock {
float:left;
height:50px;
overflow:hidden;
position:relative;
width:50px;
}
.clock .rotate {
height:50px;
left:0;
position:absolute;
top:0;
width:50px;
}
.rotate.right {
display:none;
z-index:11;
}
.clock .bg, .clock .front {
height:50px;
position:absolute;
top:0;
width:25px;
}
.clock .display {
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size:19px;
left:0;
position:absolute;
text-align:center;
text-shadow:4px 4px 5px #333333;
top:14px;
width:50px;
z-index:20;
color:#777;
}
.clock .bg.left {
left:0;
}
.orange .bg.left {
background:url("img/bg_orange1.png") no-repeat scroll left top transparent;
}
.green .bg.left {
background:url("img/bg_green1.png") no-repeat scroll left top transparent;
}
.blue .bg.left {
background:url("img/bg_blue1.png") no-repeat scroll left top transparent;
}
.clock .bg.right {
left:25px;
}
.orange .bg.right {
background:url("img/bg_orange1.png") no-repeat scroll right top transparent;
}
.green .bg.right {
background:url("img/bg_green1.png") no-repeat scroll right top transparent;
}
.blue .bg.right {
background:url("img/bg_blue1.png") no-repeat scroll right top transparent;
}
.clock .front.left {
left:0;
z-index:10;
}