/*

Uniform Theme: Aristo
Version: 1.0
By: 280North / Ported by Josh Pyles
License: Creative Commons Share Alike
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

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

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

/* SPRITES */

/* Select */

div.selector {
    background-position: -483px -160px;
    height: 32px;
    line-height: 32px;
}

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

div.selector select {
    left: 0px;
    /* change these to adjust positioning of select element */
    top: 0px;
}

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; }

/* Checkbox */

div.checker {
    height: 23px;
    margin: -4px 4px;
    width: 23px;
}

div.checker input {
    height: 23px;
    width: 23px;
}

div.checker span {
    background-position: 0px -320px;
    height: 23px;
    width: 23px;
}

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; }

/* radio */

div.radio {
    height: 23px;
    margin: -4px 4px;
    width: 23px;
}

div.radio input {
    height: 23px;
    width: 23px;
}

div.radio span {
    background-position: 0px -343px;
    height: 23px;
    width: 23px;
}

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; }

/* uploader */

div.uploader {
    background-position: 0px -366px;
    height: 32px;
}

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

div.uploader span.filename {
    height: 24px;
    line-height: 24px;
    /* change this line to adjust positioning of filename area */
    margin: 4px 0px 4px 4px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover { background-position: 0px -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: 0px -398px; }

div.uploader.disabled span.action { background-position: right -462px; }

/* PRESENTATION */

/* Select */

div.selector {
    color: #464545;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    width: 190px;
}

div.selector select {
    border: solid 1px #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    width: 190px;
}

div.selector span {
    cursor: pointer;
    padding: 0px 25px 0px 2px;
}

div.selector span {
    color: #666;
    text-shadow: 0 1px 0 #fff;
    width: 158px;
}

div.selector.disabled span { color: #bbb; }

/* checker */

div.checker { margin-right: 10px; }

/* radio */

div.radio { margin-right: 10px; }

/* uploader */

div.uploader {
    cursor: pointer;
    margin-bottom: 20px;
    width: 190px;
}

div.uploader span.action {
    background-color: #fff;
    color: #1c4257;
    font-weight: bold;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    width: 83px;
}

div.uploader span.filename {
    border-right: solid 1px #567c91;
    color: #777;
    font-size: 90%;
    font-size: 90%;
    width: 82px;
}

div.uploader input { width: 190px; }

div.uploader.disabled span.action { color: #aaa; }

div.uploader.disabled span.filename {
    border-color: #ddd;
    color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus { outline: 0; }

/* Select */

div.selector {
    padding-left: 10px;
    position: relative;
}

div.selector span {
    display: block;
    float: left;
}

div.selector select {
    opacity: 0;
    position: absolute;
}

/* checker */

div.checker {
    float: left;
    position: relative;
}

div.checker span {
    display: block;
    float: left;
    text-align: center;
}

div.checker input {
    display: inline-block;
    opacity: 0;
}

/* radio */

div.radio {
    float: left;
    position: relative;
}

div.radio span {
    display: block;
    float: left;
    text-align: center;
}

div.radio input {
    display: inline-block;
    opacity: 0;
    text-align: center;
}

/* uploader */

div.uploader {
    float: left;
    overflow: hidden;
    position: relative;
}

div.uploader span.action {
    cursor: pointer;
    display: inline;
    float: left;
    overflow: hidden;
    padding: 4px 0px;
}

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

div.uploader input {
    bottom: 0;
    float: right;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}