#numericInput{
    position:relative;
    z-index: 99;
    width: 152px;
}
#numBox{
    width:152px;
    text-align:left;
    cursor:text;
    overflow:hidden;
}
#keypad{
    width:152px;
    height:140px;
    display:none;
    /*position:absolute;*/
    top:22px;
    left:1px;
    padding: 4px;
    background-color: rgba(204, 204, 204, 0.8);
    color: rgba(204, 204, 204, 0.8);
    -webkit-box-shadow: 0px 3px 3px 2px #000;
	box-shadow: 0px 3px 3px 2px #000; 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCCCCC', endColorstr='#CCCCCC'); /* IE */ 
}
.key, #bdel, #bcls{
    cursor:pointer;
    float: left;
    width: 46px;
    height: 34px;
    margin-right: 2px;
    margin-bottom: 2px;
}
.btn{
    border:solid 1px black;
    text-align:center;
    font-weight:bold;
    color:black;
    cursor:pointer;
    background-color:DimGray;
    width:33.3%;
}

.last_random, #main_random{
    float: left;
}

/* BUTTONS */
.new_key_row{
    clear: left;
}

#b1{
    background: url('../img/buttons/1.png') no-repeat;
}
#b1:hover{
    background: url('../img/buttons/1_hover.png') no-repeat;
}

#b2{
    background: url('../img/buttons/2.png')  no-repeat;
}
#b2:hover{
    background: url('../img/buttons/2_hover.png')  no-repeat;
}

#b3{
    background: url('../img/buttons/3.png')  no-repeat;
}
#b3:hover{
    background: url('../img/buttons/3_hover.png')  no-repeat;
}

#b4{
    background: url('../img/buttons/4.png')  no-repeat;
}
#b4:hover{
    background: url('../img/buttons/4_hover.png')  no-repeat;
}

#b5{
    background: url('../img/buttons/5.png')  no-repeat;
}
#b5:hover{
    background: url('../img/buttons/5_hover.png')  no-repeat;
}

#b6{
    background: url('../img/buttons/6.png')  no-repeat;
}
#b6:hover{
    background: url('../img/buttons/6_hover.png')  no-repeat;
}

#b7{
    background: url('../img/buttons/7.png')  no-repeat;
}
#b7:hover{
    background: url('../img/buttons/7_hover.png')  no-repeat;
}

#b8{
    background: url('../img/buttons/8.png')  no-repeat;
}
#b8:hover{
    background: url('../img/buttons/8_hover.png')  no-repeat;
}

#b9{
    background: url('../img/buttons/9.png')  no-repeat;
}
#b9:hover{
    background: url('../img/buttons/9_hover.png')  no-repeat;
}

#b0{
    background: url('../img/buttons/0.png')  no-repeat;
}
#b0:hover{
    background: url('../img/buttons/0_hover.png')  no-repeat;
}

#bdel, #bcls{
    vertical-align: middle;
    text-align: center;
    float: left;
}

#bdel img, #bcls img{
    width: 34px;
    height: 34px;
    vertical-align: middle;
}