div.selector,
div.selector span {
	background-image: url("img/select-bg.png");
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}

div.radio span {
	background-image: url("img/radio.png");
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}

div.selector,
div.radio {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	/* Keeping this as :focus to remove browser styles */
}

div.selector:focus,
div.radio:focus {
	outline: 0;
}

div.selector,
div.selector *,
div.radio,
div.radio * {
	margin: 0;
	padding: 0;
}

.highContrastDetect {
	background: url("img/radio.png") repeat-x 0 0;
	width: 0px;
	height: 0px;
}

/* Radio */
div.radio {
	position: relative;
}

div.radio, div.radio span, div.radio input {
	width: 16px;
	height: 16px;
}

div.radio span {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: center;
	background-position: 0 0;
}

div.radio span.checked {
	background-position: -16px 0;
}

div.radio input {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	border: none;
	background: none;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: center;
}

div.radio.active span {
	background-position: -16px 0;
}

div.radio.active span.checked {
	background-position: -16px 0;
}

div.radio.hover span, div.radio.focus span {
	background-position: 0 0;
}

div.radio.hover span.checked, div.radio.focus span.checked {
	background-position: -16px 0;
}

div.radio.hover.active span, div.radio.focus.active span {
	background-position: -16px 0;
}

div.radio.hover.active span.checked, div.radio.focus.active span.checked {
	background-position: -16px 0;
}

div.radio.disabled span, div.radio.disabled.active span {
	background-position: 0 0;
}

div.radio.disabled span.checked, div.radio.disabled.active span.checked {
	background-position: -16px 0;
}

div.radio {
	margin-right: 0;
}

/* Select */

div.selector {
	background-position: left bottom;
	line-height: 30px;
	height: 48px;
	padding: 0 0 0 16px;
	position: relative;
	overflow: hidden;
}

div.selector span {
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	background-position: right top;
	height: 48px;
	line-height: 44px;
	padding-right: 0;
	width: 100%;
	display: block;
}

div.selector.fixedWidth {
	width: 190px;
}

div.selector.fixedWidth span {
	width: 155px;
}

div.selector select {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	border: none;
	background: none;
	position: absolute;
	height: 40px;
	top: 2px;
	left: 6px;
	width: 100%;
}

div.selector.active {
	background-position: left bottom;
}

div.selector.active span {
	background-position: right top;
}

div.selector.hover,
div.selector.focus {
	background-position: left bottom;
}

div.selector.hover span,
div.selector.focus span {
	background-position: right top;
}

div.selector.hover.active,
div.selector.focus.active {
	background-position: left bottom;
}

div.selector.hover.active span,
div.selector.focus.active span {
	background-position: right top;
}

div.selector.disabled,
div.selector.disabled.active {
	background-position: left bottom;
}

div.selector.disabled span,
div.selector.disabled.active span {
	background-position: right top;
}

div.selector {
	font: 14px/15px 'Noto Sans',sans-serif;
}

div.selector span {
	color: #666666;
}

div.selector select {
	font: 14px/15px 'Noto Sans',sans-serif;
}

div.selector.disabled span,
div.selector.disabled.active span {
	color: #666666;
}

/* Checkbox */
div.checker span{
    background-image: url("img/sprite-aristo.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased; }
div.checker{
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    /* Keeping this as :focus to remove browser styles */ }
div.checker:focus{
    outline: 0; }
div.checker {
    float: left;
    margin: 0;
    padding: 0; }

div.checker {
    position: relative; }
div.checker, div.checker span, div.checker input {
    width: 21px;
    height: 21px; }
div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -320px; }
div.checker span.checked {
    background-position: -92px -320px; }
div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
div.checker.active span {
    background-position: -23px -320px; }
div.checker.active span.checked {
    background-position: -115px -320px; }
div.checker.hover span, div.checker.focus span {
    background-position: -46px -320px; }
div.checker.hover span.checked, div.checker.focus span.checked {
    background-position: -138px -320px; }
div.checker.hover.active span, div.checker.focus.active span {
    background-position: -69px -320px; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked {
    background-position: -161px -320px; }
div.checker.disabled, div.checker.disabled.active {
    background-position: -184px -320px; }
div.checker.disabled span.checked, div.checker.disabled.active span.checked {
    background-position: -207px -320px; }
span.checker-answer {
    line-height: 23px;
}