input[type=radio], input[type=checkbox] {
        display: none;
         
    }

        input[type=radio] + label, input[type=checkbox] + label {
            display: inline-block;
            margin: -2px;
            padding: 1px 2px;
            margin-bottom: 0;
            font-size: 14px;
            line-height: 15px;
            color: #333;
            text-align: center;
            text-shadow: 0 1px 1px rgba(255,255,255,0.75);
            vertical-align: middle;
            cursor: pointer;                        
            background-repeat: repeat-x;
            border: 1px solid #e6dede;
                                                         
        }

        input[type=radio]:checked + label, input[type=checkbox]:checked + label {
            background-image: none;
            outline: 0;
            
        }