/* The CSS */
select {
    padding:5px;
    margin: 0;
   /* -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
   */ background: #f8f8f8;
    color:#333333;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	border:1px solid #CCCCCC;
	font-family:SansSerif, Verdana;
	font-size:12px;
	font-weight:normal;
	width:250px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'>';
    font:18px "Consolas", monospace;
	font-weight:bold;
    color:#FFFFFF;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:2px; top:2px;
    padding:0 6px 2px;
    border-bottom:0px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:1px; top:0px;
    width:25px; height:29px;
    background:red;
    position:absolute;
    pointer-events:none;
    display:block;
}