/* Remove default webkit and possible mozilla .search styles. * Keeping this as :active to remove browser styles */div.checker input, input[type="search"], input[type="search"]:active { -moz-appearance: none; -webkit-appearance: none; }/* Select */div.selector { background-position: 0 -130px; line-height: 26px; height: 42px; padding: 0 0 0 10px; position: relative; overflow: hidden; border-radius: 21px; background: #fff; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.26); }div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background: none; height: 36px; line-height: 26px; font-size: 16px; color: #8c919a; padding: 7px 50px 0 8px; cursor: pointer; width: 100%; display: block; position: relative; }div.selector span:after { content: ''; width: 0; height: 0; right: 22px; top: 17px; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #454f60; }div.selector span:before { content: ''; top: 5px; bottom: 0; width: 1px; position: absolute; right: 52px; background: #e5e5e5; }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: 39px; top: 2px; left: 0px; width: 100%; }div.selector.active { background-position: 0 -156px; }div.selector.active span { background-position: right -26px; }div.selector.hover, div.selector.focus { background-position: 0 -182px; }div.selector.hover span, div.selector.focus span { background-position: right -52px; }div.selector.hover.active, div.selector.focus.active { background-position: 0 -208px; }div.selector.hover.active span, div.selector.focus.active span { background-position: right -78px; }div.selector.disabled, div.selector.disabled.active { background-position: 0 -234px; }div.selector.disabled span, div.selector.disabled.active span { background-position: right -104px; }/* Checkbox */div.checker { position: relative; display: inline-block; cursor: pointer; vertical-align: middle; }div.checker, div.checker span, div.checker input { width: 56px; height: 43px; }div.checker span { display: inline-block; *display: inline; zoom: 1; text-align: center; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .26); border-radius: 21px; background: #fff; }div.checker span.checked { background: url(../images/ico-tick.png) center center no-repeat #fff; }/* Radio */div.radio { position: relative; display: inline-block; margin: 2px 10px 2px 0; }div.radio, div.radio span, div.radio input { width: 46px; height: 44px; }div.radio span { display: inline-block; *display: inline; zoom: 1; text-align: center; background: url(../images/sprite.png) no-repeat -69px -254px; }div.radio span.checked { background-position: -69px -205px; }div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: inline-block; *display: inline; zoom: 1; text-align: center; }/* Uploader */div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; }div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 85px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; }div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 82px; padding: 0 10px; }div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; }div.uploader.active span.action { background-position: right -465px; }div.uploader.hover, div.uploader.focus { background-position: 0 -353px; }div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; }div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; }div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; }div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; }/* Buttons */div.button { background-position: 0 -641px; height: 30px; cursor: pointer; position: relative; /* Keep buttons barely visible so they can get focus */ }div.button a, div.button button, div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }div.button span { display: inline-block; *display: inline; zoom: 1; line-height: 30px; text-align: center; background-position: right -521px; height: 30px; margin-left: 13px; padding: 0; }div.button.active { background-position: 0 -671px; }div.button.active span { background-position: right -551px; cursor: default; }div.button.hover, div.button.focus { background-position: 0 -701px; }div.button.hover span, div.button.focus span { background-position: right -581px; }div.button.disabled, div.button.disabled.active { background-position: 0 -731px; }div.button.disabled span, div.button.disabled.active span { background-position: right -611px; cursor: default; }