#div_keypad_num {
margin: 5px auto;
padding:5px;
width: 255px;
border: 1px solid #666666;
background: #262626;
border-radius: 5px;
}

#write_num {
margin: 0 0 5px;
padding: 5px;
width: 245px;
height: 16px;
background: #fff;
border: 1px solid #f9f9f9;
border-radius: 5px;
}

#write_num_psw {
margin: 0 0 5px;
padding: 5px;
width: 245px;
height: 16px;
background: #fff;
border: 1px solid #f9f9f9;
border-radius: 5px;
}

.write_num_hhmmss {
margin: 0 0 5px;
padding: 5px;
width: 20px;
height: 16px;
background: #fff;
border: 1px solid #f9f9f9;
border-radius: 5px;
}
    
#keyboard_num {
margin: 0;
padding: 0;
list-style: none;
}


  
#keyboard_num li {
float: left;
margin: 0 5px 5px 0;
width: 60px;
height: 60px;
line-height: 50px;
text-align: center;
background: rgb(85, 85, 85);
font-weigtht:900;
color:white;
border: none;
border-radius: 5px;
font-family: WeblySleek UI, Helvetica, Sans-Serif;
}

#keyboard_num li:active {
position: relative;
top: 1px;
left: 1px;
border-color: #e5e5e5;
background-color: #3696d3;
cursor: pointer;
}
   
   
   
#keyboard_num li:hover {
position: relative;
top: 1px;
left: 1px;
border-color: #e5e5e5;
cursor: pointer;
}
      
#keyboard_num .tab, #keyboard_num .capslock, #keyboard_num .left-shift {
clear: left;
}
#keyboard_num .valid {
width: 60px;
background-color: #f58401;
}

#keyboard_num .clear {
background-color: #f58401;
}

#keyboard_num .delete {
width: 60px;
font-size:1.0em;
}

	
#keyboard_num .lastitem {
margin-right: 0;
}
#keyboard_num .uppercase {
text-transform: uppercase;
}

#keyboard_num .on {
display: none;
}


#div_keypad {
margin: 5px auto;
width: 686px;
padding:5px;
border: 1px solid #666666;
background: #262626;
border-radius: 5px;
}





#write {
margin: 0 0 5px;
padding: 5px;
width: 671px;
height: 20px;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}



#keyboard {
margin: 0;
padding: 0;
list-style: none;
}


#keyboard li {
float: left;
margin: 0 5px 5px 0;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
background: rgb(85, 85, 85);
font-weigtht:900;
color:white;
border: none;
border-radius: 5px;
font-family: WeblySleek UI, Helvetica, Sans-Serif;
}

#keyboard .capslock, #keyboard .tab, #keyboard .left-shift {
clear: left;
}
#keyboard .tab {
width: 70px;
}

 #keyboard .delete {
width: 70px;
font-size:1.0em;
}


#keyboard .capslock {
width: 80px;
}


#keyboard .valid {
width: 77px;
background-color: #f58401;
}
#keyboard .left-shift {
width: 95px;
}
#keyboard .right-shift {
width: 109px;
}
#keyboard .lastitem {
margin-right: 0;
}
#keyboard .uppercase {
text-transform: uppercase;
}
#keyboard .space {
clear: left;
width: 681px;
}
#keyboard .on {
display: none;
}


#keyboard .clear {
background-color: #f58401;
}

#keyboard li:hover {
position: relative;
top: 1px;
left: 1px;
border-color: #e5e5e5;
cursor: pointer;
}
      

#keyboard li:active {
position: relative;
top: 1px;
left: 1px;
border-color: #e5e5e5;
background-color: #3696d3;
cursor: pointer;
}