button.key {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 15px 6px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key:hover {
    background-position: 0 -10px;
}
button.key:active {
    background-position: 0 -50px;
}
button.key_b {
    background-color: #0045CC;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0085CC), to(#0045CC));
    background-image: -webkit-linear-gradient(#0085CC, #0045CC);
    background-image: -moz-linear-gradient(top, #0085CC, #0045CC);
    background-image: -ms-linear-gradient(#0085CC, #0045CC);
    background-image: -o-linear-gradient(#0085CC, #0045CC);
    background-image: linear-gradient(#0085CC, #0045CC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0085CC', endColorstr='#0045CC', GradientType=0);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    border: 1px solid #0062B8;
    border-radius:3px;
    color: rgba(255,255,255,0.8);
    font-weight: 500;
    font-size: 16px;
    padding: 5px 15px 6px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_b:hover {
    background-position: 0 -10px;
}
button.key_b:active {
    background-position: 0 -50px;
}
button.key_g {
    background-color: #00CC45;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00fa85), to(#00CC45));
    background-image: -webkit-linear-gradient(#00fa85, #00CC45);
    background-image: -moz-linear-gradient(top, #00fa85, #00CC45);
    background-image: -ms-linear-gradient(#00fa85, #00CC45);
    background-image: -o-linear-gradient(#00fa85, #00CC45);
    background-image: linear-gradient(#00fa85, #00CC45);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fa85', endColorstr='#00CC45', GradientType=0);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    border: 1px solid #00B862;
    border-radius:3px;
    color: rgba(255,255,255,0.8);
    font-weight: 500;
    font-size: 16px;
    padding: 5px 15px 6px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_g:hover {
    background-position: 0 -10px;
}
button.key_g:active {
    background-position: 0 -50px;
}
button.key_r {
    background-color: #CC0045;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F96A6A), to(#CC0045));
    background-image: -webkit-linear-gradient(#F96A6A, #CC0045);
    background-image: -moz-linear-gradient(top, #F96A6A, #CC0045);
    background-image: -ms-linear-gradient(#F96A6A, #CC0045);
    background-image: -o-linear-gradient(#F96A6A, #CC0045);
    background-image: linear-gradient(#F96A6A, #CC0045);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F96A6A', endColorstr='#CC0045', GradientType=0);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    border: 1px solid #B80062;
    border-radius:3px;
    color: rgba(255,255,255,0.8);
    font-weight: 500;
    font-size: 16px;
    padding: 5px 15px 6px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_r:hover {
    background-position: 0 -10px;
}
button.key_r:active {
    background-position: 0 -50px;
}
button.key_save {
    width:200px;
    height:40px;
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    border: 1px solid #b6b6b6;
    color: #454545;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 15px 6px;
    margin-right:25px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    float:right;
    cursor: pointer;
}
button.key_save:hover {
    background-position: 0 -10px;
}
button.key_save:active {
    background-position: 0 -50px;
}



button.key_act {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    font-weight: bold;
    font-size:20px;
    width:400px;
    height:50px;
    padding: 5px 15px 6px;
    margin-top:25px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_act:hover {
    background-position: 0 -10px;
}
button.key_act:active {
    background-position: 0 -50px;
}
button.key_table_100 {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    width:100px;
    height:20px;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 1px 0px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_table_100:hover {
    background-position: 0 -10px;
}
button.key_table_100:active {
    background-position: 0 -50px;
}
button.key_table_200 {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    width:200px;
    height:20px;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 1px 0px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_table_200:hover {
    background-position: 0 -10px;
}
button.key_table_200:active {
    background-position: 0 -50px;
}
button.key_table_300 {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    width:300px;
    height:20px;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 1px 0px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_table_300:hover {
    background-position: 0 -10px;
}
button.key_table_300:active {
    background-position: 0 -50px;
}
button.key_table_250 {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    width:250px;
    height:20px;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 1px 0px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_table_250:hover {
    background-position: 0 -10px;
}
button.key_table_250:active {
    background-position: 0 -50px;
}
button.key_table_350 {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    width:350px;
    height:20px;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 1px 0px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_table_350:hover {
    background-position: 0 -10px;
}
button.key_table_350:active {
    background-position: 0 -50px;
}
button.key_table_400 {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    width:400px;
    height:20px;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 1px 0px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_table_400:hover {
    background-position: 0 -10px;
}
button.key_table_400:active {
    background-position: 0 -50px;
}
button.key_table_50 {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    width:50px;
    height:20px;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 1px 0px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_table_50:hover {
    background-position: 0 -10px;
}
button.key_table_50:active {
    background-position: 0 -50px;
}
button.key_table_150 {
    background-color: #dedede;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#dedede));
    background-image: -webkit-linear-gradient(#f4f4f4, #dedede);
    background-image: -moz-linear-gradient(top, #f4f4f4, #dedede);
    background-image: -ms-linear-gradient(#f4f4f4, #dedede);
    background-image: -o-linear-gradient(#f4f4f4, #dedede);
    background-image: linear-gradient(#f4f4f4, #dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dedede', GradientType=0);
    border: 1px solid #b6b6b6;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
    color: #454545;
    width:150px;
    height:20px;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 1px 0px;
    text-shadow: 0px 1px 0 rgba(255,255,255, 0.75);
    cursor: pointer;
}
button.key_table:hover {
    background-position: 0 -10px;
}
button.key_table:active {
    background-position: 0 -50px;
}