.BrandedOptEnabled .checkboxBranded {
	width: 22px;
	height: 22px;
	background: url(checkbox.png) no-repeat;
	display:block;
	position:absolute;
	margin:-3px 3px .6em 0;
}
.BrandedRblEnabled .radioBranded {
	width: 22px;
	height: 22px;
	background: url(radio.png) no-repeat;
	display:block;
	position:absolute;
	margin:-3px 3px .6em 0;
}

.BrandedRblEnabled .inputtyperbloption .radioBranded { margin:auto !important; float:none !important; position:relative;}

.selectBranded {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}

.DesktopMode .BrandedRblEnabled .rbloption:not(.wse-rb-tile) {
    padding: .25em 0;
}
.BrandedOptEnabled .cataOption:not(.wse-tile) {
    padding: .25em 0;
}

.BrandedRblEnabled .radioButtonList .rbloption:not(.wse-rb-tile) span,
.BrandedRblEnabled .rbloption:not(.wse-rb-tile) span.radioButtonHolder,
.BrandedOptEnabled .cataOption:not(.wse-tile) span.checkboxholder {
    width: 22px;
    height: 22px;
    float: left;
    margin-left: 0px;
    margin-right: 3px;
}

.BrandedRblEnabled div.radioButtonsInline div.radioButtonList span { position:relative;}

/* BrandedRblEnabled and BrandedOptEnabled classes are located against different elements between desktop and mobile. */
body.rightToLeft .BrandedRblEnabled .radioButtonList .rbloption:not(.wse-rb-tile) span,
body.rightToLeft .BrandedRblEnabled .rbloption:not(.wse-rb-tile) span.radioButtonHolder,
body.rightToLeft .BrandedOptEnabled .cataOption:not(.wse-tile) span.checkboxholder,
body.rightToLeft.BrandedRblEnabled .radioButtonList .rbloption:not(.wse-rb-tile) span,
body.rightToLeft.BrandedRblEnabled .rbloption:not(.wse-rb-tile) span.radioButtonHolder,
body.rightToLeft.BrandedOptEnabled .cataOption:not(.wse-tile) span.checkboxholder {
    float: right;
    margin-left: 6px;
    margin-right: 0px;
}

.MobileMode .checkboxBranded {
    margin: 0 0 0 0;
}

.checkboxSimpleInput, .radioSimpleInput {
    width: 22px !important;
    height: 22px !important;
    display: block;
    position: absolute;
    margin: -3px 3px .6em 0;
    background-size: cover !important;
}

.MobileMode .checkboxSimpleInput, .MobileMode .radioSimpleInput {
    margin: 0 0 22px 0;
}

.checkboxSimpleInput {
    background: url(../../../images/WSE_Checkboxes_@1x.png) no-repeat;
}

.radioSimpleInput {
    background: url(../../../images/WSE_Radio_Button_@1x.png) no-repeat;
}

.MobileMode .checkboxSimpleInput {
    background: url(../../../images/WSE_Checkboxes_@2x.png) no-repeat;
}

.MobileMode .radioSimpleInput {
    background: url(../../../images/WSE_Radio_Button_@2x.png) no-repeat;
}

.MobileMode .radioSimpleInput, .MobileMode .checkboxSimpleInput, .MobileMode .radioBranded {
    margin-top: 0;
}

.inputtyperbloption .radioSimpleInput {
    margin: auto !important;
    float: none !important;
    position: relative;
}

.spanSimpleInput {
    width: 36px !important;
    height: 36px !important;
    display: block;
    background-size: cover;
    margin: auto;
    float: none !important;
    position: relative;
}

div.cataOption:not(.wse-tile) > label {
    position: relative;
    padding-top: 0.1em !important;
}

/* Radio button and checkbox label wrapping */
.MobileMode .rbloption:not(.wse-rb-tile) span, .rbloption:not(.wse-rb-tile) .simpleInput {
    float: left;
    clear: both;
}
.MobileMode body.rightToLeft .rbloption:not(.wse-rb-tile) span {
    float: right;
}
.MobileMode .rbloption:not(.wse-rb-tile) label {
    margin-top: .4em;
    padding-top: .15em;
    margin-left: 22px !important;
    display: block;
}
.MobileMode .rightToLeft .rbloption:not(.wse-rb-tile) label {
    margin-left: 0;
    margin-right: 22px !important;
}
.MobileMode .rbloption:not(.wse-rb-tile) label span {
    float: none;
    clear: none;
}
.MobileMode .cataOption:not(.wse-tile) span {
    float: left;
    clear: both;
}
.MobileMode .rightToLeft .cataOption:not(.wse-tile) span {
    float: right;
}
.MobileMode .cataOption:not(.wse-tile) label {
    margin-left: 22px !important;
    display: block;
    padding-top: .1em;
}
.MobileMode .rightToLeft .cataOption:not(.wse-tile) label {
    margin-left: 0;
    margin-right: 22px !important;
}
.MobileMode .cataOption:not(.wse-tile) label span {
    float: none;
    clear: none;
}

input.customCtrlLarge {
    display: none;
}

select.customCtrlLarge {
    position: relative;
    width: 190px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
}

.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}