/* CSS Document */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

label.custom-selec {
    position: relative;
    display: inline-block;
}

    .custom-selec select {
	display: inline-block;
	margin: 0;
	font: normal 11px/1.2 Arial, Helvetica, sans-serif;
	outline:none;
	background: url(images/box2.gif) no-repeat;
        
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
        
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
	border-radius: 6px;
	border: none;
	padding-left: 5px;
	height: 18px;
	color: #666666;
    }

    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .custom-selec select {
            padding-right:30px;    
        }
    }
    
    /* Since we removed the default focus styles, we have to add our own */
    .custom-selec select:focus {
        -webkit-box-shadow: 0 0 3px 1px #ababab;
        -moz-box-shadow: 0 0 3px 1px #ababab;
        box-shadow: 0 0 3px 1px #ababab;
    }
    
    /* Select arrow styling */
    .custom-selec:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 11px;
	padding: 0 7px;
	background: url(images/downbox2.gif) no-repeat center;
	color: #666666;
	pointer-events:none;

        
        -webkit-border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    }
    
    .no-pointer-events .custom-selec:after {
        content: none;
    }