/* Clock Systems */
 
 
 #bevel {
 width: 100px; height: 100px; margin: 0px; padding: 0px; list-style: none; 
 text-indent: 0%; text-transform: none; 
 padding-right: 0%; padding-left: 0%; display: block;
 }
#greenL
 {
width: 59px; height:20px; margin: 0px; padding: 0px; list-style: none; 
 text-indent: 0%; text-transform: none; 
 padding-right: 0%; padding-left: 0%; display: block;
 
}
 
#zipL
 {
width: 10px; height:22px; margin: 0px; padding: 0px; list-style: none; 
 text-indent: 0%; text-transform: none; 
 padding-right: 0%; padding-left: 0%; display: block;
 
}
 
 #clockBV {
    width: 100px; height:100px;
    margin: 0px; padding: 0px;
    position: relative; 	 
	 }	
 #clockBV li {
    margin: 0px; padding: 0px; list-style: none;    width: 100px; height:100px;
    position: absolute; top: 0px;}
 #clockBV li, #clockBV a {
      width: 100px; height:100px; display: block;}	

 #clockGR { 
    width: 59px; height:20px;
    margin: 0px; padding: 0;
    position: relative; 	 
	 }	
 #clockGR li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
 #clockGR li, #clockGR a {
    height: 20px; display: block;}	



  #clockRD {
    width: 59px; height:18px;
    margin: 0px; padding: 0;
    position: relative; 	 
	 }	
 #clockRD li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
 #clockRD li, #clockRD a {
    height: 18px; display: block;}	

  #clockDD {
    width: 50px; height:12px;
    margin: 0px; padding: 0;
    position: relative; 	 
	 }	
 #clockDD li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
 #clockDD li, #clockDD a {
    height: 12px; display: block;}	
	
	

 #clockSW {
    width: 10px; height:22px;
    margin: 0px; padding: 0;
    position: relative; 	 
	 }	
 #clockSW li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
 #clockSW li, #clockSW a {
    height: 22px; display: block;}	


	

 #clockOff {
    width: 10px; height:10px;
    margin: 0px; padding: 0;
    position: relative; 	 
	 }	
 #clockOff li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
 #clockOff li, #clockOff a {
    height: 10px; display: block;}	



	
/*bevel back */

 #bevel_CL {left: 0px; top: 0px; width: 100px; height: 100px; 
  background: transparent  url("../graphics/clock.png");
 background-position:0px 0px ; background-repeat: no-repeat; }
 
 #bevel_CLoff {left: 0px; top: 0px; width: 100px; height: 100px;  
  background: transparent  url("../graphics/clock.png");
   background-position: -100px 0px; background-repeat: no-repeat; }
 
 #shut_CLoff {left: 0px; top: 0px; width: 10px; height: 10px;  
  background: transparent  url("../graphics/clock.png");
   background-position: -70px -100px; background-repeat: no-repeat; }
 

/*green button */

 .green_CL {left: 0px; top: 0px; width: 59px; height: 20px;  
  background: transparent  url("../graphics/clock.png");
 background-position:0px -101px ; background-repeat: no-repeat; }
 
 .green_CLoff {left: 0px; top: 0px; width: 59px; height: 20px; 
  background: transparent  url("../graphics/clock.png");
   background-position: 0px -121px; background-repeat: no-repeat; }


/*red button */

 .red_CL {left: 0px; top: 0px; width: 59px; height: 17px; 
  background: transparent  url("../graphics/clock.png");
 background-position:-101px -120px ; background-repeat: no-repeat; }
 
 .red_CLoff {left: 0px; top: 0px; width: 59px; height: 17px; 
  background: transparent  url("../graphics/clock.png");
   background-position: -101px -100px; background-repeat: no-repeat; }


/*zip button */

 #zip_CL {left: 0px; top: 0px; width: 10px; height: 22px; 
  background: transparent  url("../graphics/clock.png");
 background-position:-59px -142px ; background-repeat: no-repeat; }
 
 #zip_CLoff {left: 0px; top: 0px; width: 10px; height: 22px; 
  background: transparent  url("../graphics/clock.png");
   background-position: -59px -100px; background-repeat: no-repeat; }

/*action button */

 #digit_CL {left: 0px; top: 0px; width: 50px; height: 12px;  font-size:x-small; 
 color:#ffffff; ;    
  background: transparent  url("../graphics/clock.png");
 background-position:-100px -138px ; background-repeat: no-repeat; }
 
  #digit_CL2{left: 0px; top: 0px; width: 50px; height: 12px;  font-size:x-small; 
 color:#ff0000; ;    
  background: transparent  url("../graphics/clock.png");
 background-position:-100px -138px ; background-repeat: no-repeat; }
 
 
 
 #light_CL {left: 0px; top: 0px; width: 9px; height: 20px; 
  background: transparent  url("../graphics/clock.png");
   background-position: -90px -100px; background-repeat: no-repeat; }

	
 #light_CLon {left: 0px; top: 0px; width: 9px; height: 20px; 
  background: transparent  url("../graphics/25.gif");
   background-position: 0px 0px; background-repeat: no-repeat; }