#ikeyboard {
    z-index: 102;
    position: fixed;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #303236;
    box-shadow: inset 0 1px 0 #bfbfbf;
    text-align: center;
    padding: 20px 0px;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;

    background: repeat scroll 0 0 #f0f0f0;

    /*    background: #666 url(../img/ui/button_light.png) repeat-x;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(1, #666));
        background: -moz-linear-gradient(top center, #ccc 15%, #666 100%);*/

    /* Firefox 3.6+ */
    /* background-image: -moz-linear-gradient(center bottom , #b03631 30%, #d34c4c 80%); */
    background-image: -moz-linear-gradient(top center , #ccc 15%, #666 80%);
    /* Safari 4+, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#666), to(#ccc));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -webkit-linear-gradient(top , #666 0%, #ccc 40%);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, #666 0%, #ccc 40%);
    /* IE 10+ */
    background-image: -ms-linear-gradient(top, #666 80%, #ccc 15%);
    /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#666666')
        progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=155, Strength=2);
}

/*#ikeyboard .keys li {
    position: relative;
    margin: 0px 8px 10px 0px;
    width: 79px; height: 74px;
    font: 20px sans-serif;
    color: #333;
    line-height: 74px;
    display: inline-block;
    border: 1px solid #58575e;
    border-radius: 5px;
    text-align: center;
    text-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.25), inset 0px -2px 0px rgba(0,0,0,0.25), inset 0px 1px 0px #fff;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #bbb));
    background: -moz-linear-gradient(top center, #fff 15%, #bbb 100%);
}*/

#ikeyboard .pressed,
#datepicker .pressed {
    background: repeat scroll 0 0 #f0f0f0;

    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top center , #b0b0b0 15%, #666 80%) !important;
    /* Safari 4+, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 15%, from(#666), to(#b0b0b0))  !important;
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -webkit-linear-gradient(top , #666 100%, #b0b0b0 15%)  !important;
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, #666 100%, #b0b0b0 15%)  !important;
    /* IE 10+ */
    background-image: -ms-linear-gradient(top, #666 100%, #b0b0b0 15%)  !important;
    /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#666666')
        progid:DXImageTransform.Microsoft.Shadow(color='#666', Direction=155, Strength=2)  !important;
}

#ikeyboard ul {
    margin: 0px auto;
    padding: 0;
    list-style: none;
    width: 884px;
}

#ikeyboard ul li {
    color: #333;
    font: 20px sans-serif;
    float: left;
    margin: 0px 5px 5px 0px;
    width: 55px; height: 55px;
    line-height: 62px;
    text-align: center;
    text-shadow: 0px 1px 0px #fff;
    border: 1px solid #58575e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    /*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #bbb));
        background: -moz-linear-gradient(top center, #fff 15%, #bbb 100%);*/

    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top center , #fff 15%, #bbb 80%);
    /* Safari 4+, Chrome 1-9 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #bbb));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    /*background-image: -webkit-linear-gradient(top , #bbb 100%, #fff 15%);*/
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, #bbb 100%, #fff 15%);
    /* IE 10+ */
    background-image: -ms-linear-gradient(top, #bbb 100%, #fff 15%);
    /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb')
        progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=155, Strength=2);

    box-shadow: 0px 2px 2px rgba(0,0,0,0.25), inset 0px -2px 0px rgba(0,0,0,0.25), inset 0px 1px 0px #fff;
}

#ikeyboard .capslock,
#ikeyboard .tab,
#ikeyboard .left-shift {
   /* clear: left;*/
}

#ikeyboard .delete img {
    margin-top: 21px;
}

#ikeyboard ul .tab, #ikeyboard ul .delete {
    width: 70px;
}
#ikeyboard ul .capslock {
    width: 90px;
}
#ikeyboard ul .return {
    width: 98px;
}
#ikeyboard ul .left-shift img,
#ikeyboard ul .right-shift img {
    margin-top: 25px;
}
#ikeyboard ul .left-shift {
    width: 110px;
}
#ikeyboard ul .right-shift {
    width: 140px;
}
#ikeyboard .lastitem {
    margin-right: 0;
}
#ikeyboard .uppercase {
    text-transform: uppercase;
}

#ikeyboard .cleared {
    clear: left;
    width: 150px;
}

#ikeyboard ul .space {
    width: 368px;
}
#ikeyboard ul .closed {
    width: 160px;
}

#ikeyboard ul .closed img {
    margin-top: 20px;
}
#ikeyboard .on {
    display: none;
}
#ikeyboard ul li:hover {
    cursor: pointer;
}