div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action {
background-image : url(../images/sprite-aristo2.png);
background-repeat : no-repeat;
}
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * {
margin : 0;
padding : 0;
}
div.selector {
background-position : -483px -160px;
line-height : 32px;
height : 32px;
margin-bottom : 20px;
width : 190px;
font-weight : 700;
color : #464545;
font-size : 12px;
position : relative;
padding-left : 10px;
}
div.selector span {
background-position : right 0%;
height : 32px;
line-height : 32px;
cursor : pointer;
color : #666;
width : 158px;
display : block;
float : left;
padding : 0 25px 0 2px;
}
div.selector select {
top : 3px;
left : 3px;
right : 0;
bottom : 3px;
width : 190px;
font-family : "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
font-size : 1em;
border : 1px solid #fff;
position : absolute;
}
div.selector:active, div.selector.active {
background-position : -483px -192px;
}
div.selector:active span, div.selector.active span {
background-position : right -32px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
background-position : -483px -224px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
background-position : right -64px;
}
div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover {
background-position : -483px -256px;
}
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span {
background-position : right -96px;
}
div.selector.disabled, div.selector.disabled:active, div.selector.disabled.active {
background-position : -483px -288px;
}
div.selector.disabled span, div.selector.disabled:active span, div.selector.disabled.active span {
background-position : right -128px;
}
div.checker {
width : 23px;
height : 23px;
position : relative;
display : inline-block;
vertical-align : middle;
padding : 1px 1px 3px 0px !important ;
*display:inline;
}
div.checker input {
width : 23px;
height : 23px;
display : inline-block;
*display:inline;
}
div.checker span {
background-position : 0% -320px;
height : 23px;
width : 23px;
display : block;
*display:inline;
text-align : center;
}
div.checker:active span, div.checker.active span {
background-position : -23px -320px;
}
div.checker.focus span, div.checker:hover span {
background-position : -46px -320px;
}
div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {
background-position : -69px -320px;
}
div.checker span.checked {
background-position : -92px -320px;
}
div.checker:active span.checked, div.checker.active span.checked {
background-position : -115px -320px;
}
div.checker.focus span.checked, div.checker:hover span.checked {
background-position : -138px -320px;
}
div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {
background-position : -161px -320px;
}
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {
background-position : -184px -320px;
}
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {
background-position : -207px -320px;
}
div.radio {
width : 23px;
height : 23px;
position : relative;
display : inline-block;
vertical-align : middle;
padding : 1px 1px 3px 0px !important ;
*display:inline;
}
div.radio input {
width : 23px;
height : 23px;
text-align : center;
display : inline-block;
*display:inline;
}
div.radio span {
height : 23px;
width : 23px;
background-position : 0% -343px;
display : block;
*display:inline;
text-align : center;
}
div.radio:active span, div.radio.active span {
background-position : -23px -343px;
}
div.radio.focus span, div.radio:hover span {
background-position : -46px -343px;
}
div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {
background-position : -69px -343px;
}
div.radio span.checked {
background-position : -92px -343px;
}
div.radio:active span.checked, div.radio.active span.checked {
background-position : -115px -343px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
background-position : -138px -343px;
}
div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {
background-position : -161px -343px;
}
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {
background-position : -184px -343px;
}
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {
background-position : -207px -343px;
}
div.uploader {
background-position : 0% -366px;
height : 32px;
width : 190px;
margin-bottom : 5px;
cursor : pointer;
position : relative;
float : left;
overflow : hidden;
}
div.uploader span.action {
background-position : right -494px;
font-family:arial;
height : 24px;
line-height : 24px;
width : 83px;
text-align : center;
background-color : #f6f6f6;
font-weight : 700;
font-size : 12px;
color : #1c4257;
float : left;
display : inline;
overflow : hidden;
cursor : pointer;
padding : 4px 0;
}
div.uploader span.filename {
height : 24px;
line-height : 24px;
color : #333;
width : 82px;
border-right : 1px solid #567c91;
font-size : 11px;
float : left;
display : block;
overflow : hidden;
white-space : nowrap;
margin : 4px 0 4px 4px;
padding : 0 10px;
}
div.uploader.focus, div.uploader.hover, div.uploader:hover {
background-position : 0% -430px;
}
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {
background-position : right -526px;
}
div.uploader.active span.action, div.uploader:active span.action {
background-position : right -558px;
}
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {
background-position : right -590px;
}
div.uploader.disabled {
background-position : 0% -398px;
}
div.uploader.disabled span.action {
background-position : right -462px;
color : #aaa;
}
div.selector.disabled span {
color : #bbb;
}
div.uploader input {
width : 190px;
position : absolute;
top : 0;
right : 0;
bottom : 0;
float : right;
}
div.uploader.disabled span.filename {
color : #aaa;
border-color : #ddd;
}
.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
outline : 0;
}