/* checkbox settings */
.RadForm_BasketControls .rfdCheckboxUnchecked,
.RadForm_BasketControls .rfdInputDisabled.rfdCheckboxUnchecked:hover
{
	font-family:Verdana;
	font-size:9px;
	color:#898989;
	font-weight:bold;
	background: transparent url('FormDecorator/CheckBoxSprites.png') no-repeat 0 0;
}

.RadForm_BasketControls .rfdCheckboxUnchecked:hover
{
	font-family:Verdana;
	font-size:9px;
	color:#000000;
	font-weight:bold;
	background: transparent url('FormDecorator/CheckBoxSprites.png') no-repeat 0 -200px;
}

.RadForm_BasketControls .rfdCheckboxChecked,
.RadForm_BasketControls .rfdInputDisabled.rfdCheckboxChecked:hover
{
	font-family:Verdana;
	font-size:9px;
	color:#000000;
	font-weight:bold;
	background: transparent url('FormDecorator/CheckBoxSprites.png') no-repeat 0 -420px;
}

.RadForm_BasketControls .rfdCheckboxChecked:hover
{
	font-family:Verdana;
	font-size:9px;
	color:#000000;
	font-weight:bold;
	background: transparent url('FormDecorator/CheckBoxSprites.png') no-repeat 0 -640px;
}

.RadForm_BasketControls label
{
	font-family:Verdana;
	font-size:9px;
	color:#6d88ad;
	font-weight:bold;
}
.RadForm_BasketControls label:hover
{
	color:#416699;
}
/* end of checkbox settings */

/* radiobutton settings */
.RadForm_BasketControls .rfdRadioUnchecked,
.RadForm_BasketControls .rfdInputDisabled.rfdRadioUnchecked:hover
{
	font-family:Verdana;
	font-size:10px;
	color:#a09f9f;
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px 0;
}

.RadForm_BasketControls .rfdRadioUnchecked:hover
{
	font-family:Verdana;
	font-size:10px;
	color:#a09f9f;
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -220px;
}

.RadForm_BasketControls .rfdRadioChecked,
.RadForm_BasketControls .rfdInputDisabled.rfdRadioChecked:hover
{
	font-family:Verdana;
	font-size:10px;
	color:#a09f9f;
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -440px;
}

.RadForm_BasketControls .rfdRadioChecked:hover
{
	font-family:Verdana;
	font-size:10px;
	color:#a09f9f;
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -640px;
}

.RadForm_BasketControls .rfdRadioUnchecked,
.RadForm_BasketControls .rfdInputDisabled.rfdRadioUnchecked:hover,
.RadForm_BasketControls .rfdRadioUnchecked:hover,
.RadForm_BasketControls .rfdRadioChecked,
.RadForm_BasketControls .rfdInputDisabled.rfdRadioChecked:hover,
.RadForm_BasketControls .rfdRadioChecked:hover
{
    _background-image: url('FormDecorator/RadioButtonSprites.png');
}
/* end of radiobutton settings */

/* the styling of radiobuttons and checkboxes in Safari and Chrome is already fully achieved with CSS */
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    /* checkboxes */
    .rfdCheckbox input[type="checkbox"],
    .rfdCheckbox input[type="checkbox"][disabled]:hover
    {
        background-image: url('FormDecorator/CheckBoxSprites.png');
    }
    
    /* radio buttons */
    .rfdRadio input[type="radio"],
    .rfdRadio input[type="radio"][disabled="disabled"]:hover
    {
        background-image: url('FormDecorator/RadioButtonSprites.png');
    }
}
