/*

Uniform Theme: Uniform Default
Version: 1.5.7
By: Josh Pyles
License: MIT License
---
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,div.button,div.button span { background-image:url(../images/forms/sprite.png); background-repeat:no-repeat; -webkit-font-smoothing:antialiased; }
.selector,.radio,.checker,.uploader,.button,.selector *,.radio *,.checker *,.uploader *,.button * { margin:0; padding:0; }

/* INPUT & TEXTAREA */
input.text,input.password,textarea.uniform { font-size:12px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; padding:3px; color:#777; background:url(../images/forms/bg-input-focus.png) repeat-x 0 0; background:url(../images/forms/bg-input.png) repeat-x 0 0; border-top:solid 1px #aaa; border-left:solid 1px #aaa; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; outline:0; }
input.text: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:#999; background:url(../images/forms/bg-input-focus.png) repeat-x 0 0; }

/* SPRITES */

/* Select */
div.selector { background-position:-483px -130px; line-height:26px; height:26px; }
div.selector span { background-position:right 0; height:26px; line-height:26px; }
div.selector select { 
/* change these to adjust positioning of select element */
top:0; left:5px;}
div.selector:active,div.selector.active { background-position:-483px -156px; }
div.selector:active span,div.selector.active span { background-position:right -26px; }
div.selector.focus,div.selector.hover,div.selector:hover { background-position:-483px -182px; }
div.selector.focus span,div.selector.hover span,div.selector:hover span { background-position:right -52px; }
div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover { background-position:-483px -208px; }
div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span { background-position:right -78px; }
div.selector.disabled { background-position:-483px -234px; }
div.selector.disabled span { background-position:right -104px; }

/* Checkbox */
div.checker { width:19px; height:19px; }
div.checker input { width:19px; height:19px; }
div.checker span { background-position:0 -260px; height:19px; width:19px; }
div.checker:active span,div.checker.active span { background-position:-19px -260px; }
div.checker.focus span,div.checker:hover span { background-position:-38px -260px; }
div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span { background-position:-57px -260px; }
div.checker span.checked { background-position:-76px -260px; }
div.checker:active span.checked,div.checker.active span.checked { background-position:-95px -260px; }
div.checker.focus span.checked,div.checker:hover span.checked { background-position:-114px -260px; }
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:-133px -260px; }
div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span { background-position:-152px -260px; }
div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked { background-position:-171px -260px; }

/* Radio */
div.radio { width:18px; height:18px; }
div.radio input { width:18px; height:18px; }
div.radio span { height:18px; width:18px; background-position:0 -279px; }
div.radio:active span,div.radio.active span { background-position:-18px -279px; }
div.radio.focus span,div.radio:hover span { background-position:-36px -279px; }
div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span { background-position:-54px -279px; }
div.radio span.checked { background-position:-72px -279px; }
div.radio:active span.checked,div.radio.active span.checked { background-position:-90px -279px; }
div.radio.focus span.checked,div.radio:hover span.checked { background-position:-108px -279px; }
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:-126px -279px; }
div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span { background-position:-144px -279px; }
div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked { background-position:-162px -279px; }

/* Uploader */
div.uploader { background-position:0 -297px; height:28px; }
div.uploader span.action { background-position:right -409px; height:24px; line-height:24px; }
div.uploader span.filename { height:24px; 
/* change this line to adjust positioning of filename area */
margin:2px 0 2px 2px; line-height:24px; }
div.uploader.focus,div.uploader.hover,div.uploader:hover { background-position:0 -353px; }
div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action { background-position:right -437px; }
div.uploader.active span.action,div.uploader:active span.action { background-position:right -465px; }
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 -493px; }
div.uploader.disabled { background-position:0 -325px; }
div.uploader.disabled span.action { background-position:right -381px; }
div.button { background-position:0 -523px; }
div.button span { background-position:right -643px; }
div.button.focus,div.button:focus,div.button:hover,div.button.hover { background-position:0 -553px; }
div.button.focus span,div.button:focus span,div.button:hover span,div.button.hover span { background-position:right -673px; }
div.button.active,div.button:active { background-position:0 -583px; }
div.button.active span,div.button:active span { background-position:right -703px; color:#555; }
div.button.disabled,div.button:disabled { background-position:0 -613px; }
div.button.disabled span,div.button:disabled span { background-position:right -733px; color:#bbb; cursor:default; }

/* PRESENTATION */

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

/* Select */
div.selector { margin-bottom:20px; width:190px; font-size:12px; }
div.selector select { width:185px;}
div.selector span { padding:0 25px 0 2px; cursor:pointer; }
div.selector span { color:#666; width:158px; text-shadow:0 1px 0 #fff; }
div.selector.disabled span { color:#bbb; }

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

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

/* Uploader */
div.uploader { width:190px; margin-bottom:20px; cursor:pointer; }
div.uploader span.action { width:85px; text-align:center; text-shadow:#fff 0 1px 0; background-color:#fff; font-size:11px; font-weight:bold; }
div.uploader span.filename { color:#777; width:82px; border-right:solid 1px #bbb; font-size:11px; }
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; }

/* Button */
div.button a,div.button button,div.button input { position:absolute; }
div.button { cursor:pointer; position:relative; display:0; display:inline-block; }
div.button span { display:0; display:inline-block; line-height:1; text-align:center; }

/* Select */
div.selector { position:relative; padding-left:10px; overflow:hidden; }
div.selector span { display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
div.selector select { position:absolute; opacity:0; height:25px; border:none; background:none; }

/* Checker */
div.checker { position:relative; float:left; }
div.checker span { display:block; float:left; text-align:center; }
div.checker input { opacity:0; display:inline-block; background:none; }

/* Radio */
div.radio { position:relative; float:left; }
div.radio span { display:block; float:left; text-align:center; }
div.radio input { opacity:0; text-align:center; display:inline-block; background:none; }

/* Uploader */
div.uploader { position:relative; float:left; overflow:hidden; cursor:default; }
div.uploader span.action { float:left; display:inline; padding:2px 0; overflow:hidden; cursor:pointer; }
div.uploader span.filename { padding:0 10px; float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:default; }
div.uploader input { opacity:0; position:absolute; top:0; right:0; bottom:0; float:right; height:25px; border:none; cursor:default; }