div.mooniform-selector, div.mooniform-selector span, div.mooniform-checker span, div.reponse-checkbox span, div.mooniform-radio span, div.mooniform-uploader, div.mooniform-uploader span.mooniform-action, div.mooniform-button, div.mooniform-button span {
    background-image  : url(/images/mooniform/sprite.png);
    background-repeat : no-repeat
}

.mooniform-selector, .mooniform-radio, .mooniform-checker, .reponse-checkbox, .mooniform-uploader, .mooniform-button, .mooniform-selector *, .mooniform-radio *, .mooniform-checker *, .reponse-checkbox *, .mooniform-uploader *, .mooniform-button * {
    margin  : 0;
    padding : 0
}

input.text, input.email, input.password, textarea.uniform {
    font-size             : 12px;
    font-family           : "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight           : 400;
    padding               : 3px;
    color                 : #777777;
    background            : url(/images/bg-input-focus.png) repeat-x 0 0;
    background            : url(/images/bg-input.png) repeat-x 0 0;
    border-top            : solid 1px #aaaaaa;
    border-left           : solid 1px #aaaaaa;
    border-bottom         : solid 1px #cccccc;
    border-right          : solid 1px #cccccc;
    -webkit-border-radius : 3px;
    -moz-border-radius    : 3px;
    border-radius         : 3px;
    outline               : 0
}

input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus {
    -webkit-box-shadow : 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow    : 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow         : 0 0 4px rgba(0, 0, 0, 0.3);
    border-color       : #999999;
    background         : url(/images/bg-input-focus.png) repeat-x 0 0
}

div.mooniform-selector {
    background-position : -786px -39px;
    line-height         : 37px
}

div.mooniform-selector span {
    background-position : right 0;
    height              : 37px;
    line-height         : 37px
}

div.mooniform-selector select {
    top  : 0;
    left : 0
}

div.mooniform-selector.mooniform-disabled {
    background-position : -483px -234px
}

div.mooniform-selector.mooniform-disabled span {
    background-position : right -104px
}

div.mooniform-checker {
    width  : 19px;
    height : 19px
}

div.reponse-checkbox {
    width  : 125px;
    height : 22px
}

div.mooniform-checker input {
    width  : 19px;
    height : 19px
}

div.reponse-checkbox input {
    width  : 125px;
    height : 22px
}

div.mooniform-checker span {
    background-position : 0 -260px;
    height              : 19px;
    width               : 19px
}

div.reponse-checkbox span {
    background-position : -130px -778px;
    width               : 125px;
    height              : 22px
}

div.mooniform-checker:active span, div.mooniform-checker.mooniform-active span {
    background-position : -19px -260px
}

div.mooniform-checker.mooniform-focus span, div.mooniform-checker:hover span {
    background-position : -38px -260px
}

div.mooniform-checker.mooniform-focus:active span, div.mooniform-checker:active:hover span, div.mooniform-checker.mooniform-active:hover span, div.mooniform-checker.mooniform-focus.mooniform-active span, div.mooniform-checker span.mooniform-checked {
    background-position : -76px -260px
}

div.reponse-checkbox span.mooniform-checked {
    background-position : 0 -778px
}

div.mooniform-checker:active span.mooniform-checked, div.mooniform-checker.mooniform-active span.mooniform-checked {
    background-position : -95px -260px
}

div.mooniform-checker.mooniform-focus span.mooniform-checked, div.mooniform-checker:hover span.mooniform-checked {
    background-position : -114px -260px
}

div.mooniform-checker.mooniform-focus:active span.mooniform-checked, div.mooniform-checker:hover:active span.mooniform-checked, div.mooniform-checker.mooniform-active:hover span.mooniform-checked, div.mooniform-checker.mooniform-active.mooniform-focus span.mooniform-checked {
    background-position : -133px -260px
}

div.mooniform-checker.mooniform-disabled span, div.mooniform-checker.mooniform-disabled:active span, div.mooniform-checker.mooniform-disabled.mooniform-active span {
    background-position : -152px -260px
}

div.mooniform-checker.mooniform-disabled span.mooniform-checked, div.mooniform-checker.mooniform-disabled:active span.mooniform-checked, div.mooniform-checker.mooniform-disabled.mooniform-active span.mooniform-checked {
    background-position : -171px -260px
}

div.mooniform-radio {
    width  : 15px;
    height : 15px
}

div.mooniform-radio input {
    width  : 15px;
    height : 15px
}

div.mooniform-radio span {
    height              : 15px;
    width               : 15px;
    background-position : -9px -100px
}

div.mooniform-radio:active span, div.mooniform-radio.mooniform-active span {
    background-position : -9px -125px
}

div.mooniform-radio.mooniform-focus span, div.mooniform-radio:hover span {
    background-position : -9px -125px
}

div.mooniform-radio.mooniform-focus:active span, div.mooniform-radio:active:hover span, div.mooniform-radio.mooniform-active:hover span, div.mooniform-radio.mooniform-active.mooniform-focus span {
    background-position : -9px -125px
}

div.mooniform-radio span.mooniform-checked {
    background-position : -9px -125px
}

div.mooniform-radio:active span.mooniform-checked, div.mooniform-radio.mooniform-active span.mooniform-checked {
    background-position : -9px -125px
}

div.mooniform-radio.mooniform-focus span.mooniform-checked, div.mooniform-radio:hover span.mooniform-checked {
    background-position : -9px -125px
}

div.mooniform-radio.mooniform-focus:active span.mooniform-checked, div.mooniform-radio:hover:active span.mooniform-checked, div.mooniform-radio.mooniform-focus.mooniform-active span.mooniform-checked, div.mooniform-radio.mooniform-active:hover span.mooniform-checked {
    background-position : -9px -125px
}

div.mooniform-radio.mooniform-disabled span, div.mooniform-radio.mooniform-disabled:active span, div.mooniform-radio.mooniform-disabled.mooniform-active span {
    background-position : -9px -125px
}

div.mooniform-radio.mooniform-disabled span.mooniform-checked, div.mooniform-radio.mooniform-disabled:active span.mooniform-checked, div.mooniform-radio.mooniform-disabled.mooniform-active span.mooniform-checked {
    background-position : -9px -125px
}

div.mooniform-uploader {
    background : none;
    height     : 28px
}

div.mooniform-uploader span.mooniform-action {
    background-position : right -409px;
    height              : 24px;
    line-height         : 24px
}

div.mooniform-uploader span.mooniform-filename {
    height                : 21px;
    margin                : 2px 0 2px 2px;
    line-height           : 24px;
    background            : #ffffff;
    background-clip       : padding-box;
    -moz-border-radius    : 3px 0 0 3px;
    -webkit-border-radius : 3px 0 0 3px;
    -o-border-radius      : 3px 0 0 3px;
    -ms-border-radius     : 3px 0 0 3px;
    -khtml-border-radius  : 3px 0 0 3px;
    border-radius         : 3px 0 0 3px;
    -moz-box-shadow       : inset 1px 2px 2px 0 #cdcdcd;
    -webkit-box-shadow    : inset 1px 2px 2px 0 #cdcdcd;
    -o-box-shadow         : inset 1px 2px 2px 0 #cdcdcd;
    box-shadow            : inset 1px 2px 2px 0 #cdcdcd;
    border-bottom         : 1px solid #cecece
}

div.mooniform-uploader.mooniform-focus, div.mooniform-uploader.mooniform-hover, div.mooniform-uploader:hover {
    background-position : 0 -353px
}

div.mooniform-uploader.mooniform-focus span.mooniform-action, div.mooniform-uploader.mooniform-hover span.mooniform-action, div.mooniform-uploader:hover span.mooniform-action {
    background-position : right -437px
}

div.mooniform-uploader.mooniform-active span.mooniform-action, div.mooniform-uploader:active span.mooniform-action {
    background-position : right -465px
}

div.mooniform-uploader.mooniform-focus.mooniform-active span.mooniform-action, div.mooniform-uploader:focus.mooniform-active span.mooniform-action, div.mooniform-uploader.mooniform-focus:active span.mooniform-action, div.mooniform-uploader:focus:active span.mooniform-action {
    background-position : right -493px
}

div.mooniform-uploader.mooniform-disabled {
    background-position : 0 -325px
}

div.mooniform-uploader.mooniform-disabled span.mooniform-action {
    background-position : right -381px
}

div.mooniform-button {
    background-position : 0 -523px
}

div.mooniform-button span {
    background-position : right -643px
}

div.mooniform-button.mooniform-focus, div.mooniform-button:focus, div.mooniform-button:hover, div.mooniform-button.mooniform-hover {
    background-position : 0 -553px
}

div.mooniform-button.mooniform-focus span, div.mooniform-button:focus span, div.mooniform-button:hover span, div.mooniform-button.mooniform-hover span {
    background-position : right -673px
}

div.mooniform-button.mooniform-active, div.mooniform-button:active {
    background-position : 0 -583px
}

div.mooniform-button.mooniform-active span, div.mooniform-button:active span {
    background-position : right -703px;
    color               : #555555
}

div.mooniform-button.mooniform-disabled, div.mooniform-button:disabled {
    background-position : 0 -613px
}

div.mooniform-button.mooniform-disabled span, div.mooniform-button:disabled span {
    background-position : right -733px;
    color               : #bbbbbb;
    cursor              : default
}

div.mooniform-button {
    height : 30px
}

div.mooniform-button span {
    margin-left    : 13px;
    height         : 22px;
    padding-top    : 8px;
    font-weight    : 700;
    font-family    : "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size      : 12px;
    letter-spacing : 1px;
    text-transform : uppercase;
    padding-left   : 2px;
    padding-right  : 15px
}

div.mooniform-selector {
    width     : 100%;
    font-size : 12px
}

div.mooniform-selector select {
    font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size   : 12px;
    width       : 100%
}

div.mooniform-selector span {
    cursor : pointer
}

div.mooniform-selector span {
    color      : #858594;
    font-style : italic;
    font-size  : 12px
}

div.mooniform-selector.mooniform-disabled span {
    color : #bbbbbb
}

div.mooniform-checker {
    margin-right : 5px
}

div.reponse-checkbox {
    margin-right : 5px
}

div.mooniform-radio {
    margin-right : 0
}

div.mooniform-uploader {
    width  : 190px;
    cursor : pointer
}

div.mooniform-uploader span.mooniform-action {
    width       : 85px;
    text-align  : center;
    text-shadow : #ffffff 0 1px 0;
    font-size   : 11px;
    font-weight : 700
}

div.mooniform-uploader span.mooniform-filename {
    color        : #777777;
    width        : 82px;
    border-right : solid 1px #bbbbbb;
    font-size    : 11px
}

div.mooniform-uploader input {
    width : 190px
}

div.mooniform-uploader.mooniform-disabled span.mooniform-action {
    color : #aaaaaa
}

div.mooniform-uploader.mooniform-disabled span.mooniform-filename {
    border-color : #dddddd;
    color        : #aaaaaa
}

.mooniform-selector, .mooniform-checker, .reponse-checkbox, .mooniform-button, .mooniform-radio, .mooniform-uploader {
    display        : -moz-inline-box;
    display        : inline-block;
    vertical-align : middle;
    zoom           : 1;
    *display       : inline
}

.mooniform-selector select:focus, .mooniform-radio input:focus, .mooniform-checker input:focus, .reponse-checkbox input:focus, .mooniform-uploader input:focus {
    outline : 0
}

div.mooniform-button a, div.mooniform-button button, div.mooniform-button input {
    position : absolute
}

div.mooniform-button {
    cursor   : pointer;
    position : relative
}

div.mooniform-button span {
    display     : -moz-inline-box;
    display     : inline-block;
    line-height : 1;
    text-align  : center
}

div.mooniform-selector {
    position      : relative;
    padding-left  : 3%;
    overflow      : hidden;
    border-radius : 2px
}

div.mooniform-selector span {
    display       : block;
    width         : 100%;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap
}

div.mooniform-selector select {
    position   : absolute;
    opacity    : 0;
    filter     : alpha(opacity:0);
    height     : 37px;
    border     : none;
    background : none
}

div.mooniform-checker {
    position : relative
}

div.mooniform-checker span {
    display    : -moz-inline-box;
    display    : inline-block;
    text-align : center
}

div.mooniform-checker input {
    opacity    : 0;
    filter     : alpha(opacity:0);
    display    : inline-block;
    background : none
}

div.reponse-checkbox {
    position : relative
}

div.reponse-checkbox span {
    display    : -moz-inline-box;
    display    : inline-block;
    text-align : center
}

div.reponse-checkbox input {
    opacity    : 0;
    filter     : alpha(opacity:0);
    display    : inline-block;
    background : none
}

div.mooniform-radio {
    position : relative
}

div.mooniform-radio span {
    display    : -moz-inline-box;
    display    : inline-block;
    text-align : center
}

div.mooniform-radio input {
    opacity    : 0;
    filter     : alpha(opacity:0);
    text-align : center;
    display    : inline-block;
    background : none
}

div.mooniform-uploader {
    position : relative;
    overflow : hidden;
    cursor   : default
}

div.mooniform-uploader span.mooniform-action {
    float       : left;
    display     : inline;
    padding     : 2px 0;
    padding-top : 3px;
    overflow    : hidden;
    cursor      : pointer
}

div.mooniform-uploader span.mooniform-filename {
    padding       : 0 10px;
    padding-top   : 2px;
    float         : left;
    display       : block;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    cursor        : default
}

div.mooniform-uploader input {
    opacity  : 0;
    filter   : alpha(opacity:0);
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    float    : right;
    height   : 25px;
    border   : none;
    cursor   : default
}