/* 
    Hide the original radios and checkboxes
    (but still accessible)
    
    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't
       
*/
.custom-inputs-container:not(#foo) {
  /* Checked styles */
  /*> input[type=checkbox]:checked + label 							{ background-position: 0 -76px; }
    > input[type=checkbox]:hover:checked + label,
    > input[type=checkbox]:focus:checked + label,
    > input[type=checkbox]:checked + label:hover,
    > input[type=checkbox]:focus:checked + label 					{ background-position: 0 -76px; }*/
  /* Hover & Focus styles */
  /*> input[type=checkbox]:hover + label,
    > input[type=checkbox]:focus + label,
    > input[type=checkbox] + label:hover 							{ background-position: 0 -21px; }*/
  /* Active styles */
  /*> input[type=checkbox]:active + label,
    > input[type=checkbox] + label:hover:active						{ background-position: 0 -41px; }*/
  /*> input[type=checkbox]:active:checked + label,
    > input[type=checkbox]:checked + label:hover:active				{ background-position: 0 -121px; }*/
  /* Disabled styles */
  /*> input[type=checkbox]:disabled + label,
    > input[type=checkbox]:hover:disabled + label,
    > input[type=checkbox]:focus:disabled + label,
    > input[type=checkbox]:disabled + label:hover,
    > input[type=checkbox]:disabled + label:hover:active			{ background-position: 0 -61px; }*/
  /*> input[type=checkbox]:disabled:checked + label,
    > input[type=checkbox]:hover:disabled:checked + label,
    > input[type=checkbox]:focus:disabled:checked + label,
    > input[type=checkbox]:disabled:checked + label:hover,
    > input[type=checkbox]:disabled:checked + label:hover:active	{ background-position: 0 -141px; }*/ }
  .custom-inputs-container:not(#foo) > input {
    position: absolute;
    left: -10000px; }
  .custom-inputs-container:not(#foo) > label {
    line-height: 19px;
    padding: 0 0 0 18px; }
  .custom-inputs-container:not(#foo) > input + label {
    background: url(../images/layout/radio-custom-inputs.png) 0 0px no-repeat;
    height: 16px; }
  .custom-inputs-container:not(#foo) > input[type=radio] + label {
    background-position: 0 0px; }
  .custom-inputs-container:not(#foo) > input[type=radio]:checked + label {
    background-position: 0 -50px; }
  .custom-inputs-container:not(#foo) > input[type=radio] + label.selected {
    background-position: 0 -50px; }
  .custom-inputs-container:not(#foo) > input[type=radio]:hover:checked + label, .custom-inputs-container:not(#foo) > input[type=radio]:focus:checked + label, .custom-inputs-container:not(#foo) > input[type=radio]:checked + label:hover, .custom-inputs-container:not(#foo) > input[type=radio]:focus:checked + label {
    background-position: 0 -50px; }
  .custom-inputs-container:not(#foo) > input[type=radio]:hover + label, .custom-inputs-container:not(#foo) > input[type=radio]:focus + label, .custom-inputs-container:not(#foo) > input[type=radio] + label:hover {
    background-position: 0 0px; }
  .custom-inputs-container:not(#foo) > input[type=radio]:active + label, .custom-inputs-container:not(#foo) > input[type=radio] + label:hover:active {
    background-position: 0 -50px; }
  .custom-inputs-container:not(#foo) > input[type=radio]:active:checked + label, .custom-inputs-container:not(#foo) > input[type=radio]:checked + label:hover:active {
    background-position: 0 -50px; }
  .custom-inputs-container:not(#foo) > input[type=radio]:disabled + label, .custom-inputs-container:not(#foo) > input[type=radio]:hover:disabled + label, .custom-inputs-container:not(#foo) > input[type=radio]:focus:disabled + label, .custom-inputs-container:not(#foo) > input[type=radio]:disabled + label:hover, .custom-inputs-container:not(#foo) > input[type=radio]:disabled + label:hover:active {
    background-position: 0 0px; }
  .custom-inputs-container:not(#foo) > input[type=radio]:disabled:checked + label, .custom-inputs-container:not(#foo) > input[type=radio]:hover:disabled:checked + label, .custom-inputs-container:not(#foo) > input[type=radio]:focus:disabled:checked + label, .custom-inputs-container:not(#foo) > input[type=radio]:disabled:checked + label:hover, .custom-inputs-container:not(#foo) > input[type=radio]:disabled:checked + label:hover:active {
    background-position: 0 -3px; }

/*# sourceMappingURL=custominputs.css.map */