

.kmselect {
    overflow: hidden;
    font-size: 10px; 
    border: 1px solid #E8E8E8;
    height: 20px;
    width: 240px;

    -moz-padding: 3px;
    margin: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color:#aaa;
    background: #e9e9e9; /* Old browsers */
    background: -moz-linear-gradient(top, #e9e9e9 20%, #ffffff 69%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#e9e9e9), color-stop(69%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9e9e9 20%,#ffffff 69%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9e9e9 20%,#ffffff 69%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9e9e9 20%,#ffffff 69%); /* IE10+ */
    background: linear-gradient(to bottom, #e9e9e9 20%,#ffffff 69%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 2px 0px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: inset 2px 0px 5px 0px rgba(153,153,153,1);
    box-shadow: inset 2px 0px 5px 0px rgba(153,153,153,1);
    color: #393939;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    text-indent: 1px;
    text-overflow: '';
}

-kmselect::-ms-expand {
    display: none;
}



.kmselectlabel {position:relative}

.kmselectlabel:after {
    /*content:' \25c2\25b8 ';*/
    content:' <> ';
    font:10px "Consolas", monospace;
    color: #393939;
    padding-left:  3px;
    padding-top:  2px;


    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:0px; top:0px;



    z-index: 2;
    border:1px solid;
    position:absolute;
    pointer-events:none;
    height:20px;
    width: 20px;

    background: #e9e9e9; /* Old browsers */
    background: -moz-linear-gradient(left, #e9e9e9 20%, #ffffff 69%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(20%,#e9e9e9), color-stop(69%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e9e9e9 20%,#ffffff 69%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e9e9e9 20%,#ffffff 69%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #e9e9e9 20%,#ffffff 69%); /* IE10+ */
    background: linear-gradient(to right, #e9e9e9 20%,#ffffff 69%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    border-color:#aaa;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .kmselectlabel:after {
        margin-top:0px;
        margin-right:0px;
    }
    .kmselect {padding-right:18px}
    .ptable {margin-top: 0px;}
}



