/*



Uniform Theme: Uniform Default

Version: 1.6

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(../img/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.email, 

input.password,

textarea.uniform {

  font-size: 12px;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: normal;

  padding: 3px;

  color: #777;

  background: url('../img/bg-input-focus.png') repeat-x 0px 0px;

  background: url('../img/bg-input.png') repeat-x 0px 0px;

  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.email:focus,

input.password:focus,

textarea.uniform:focus {

  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);

  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);

  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);

  border-color: #999;

  background: url('../img/bg-input-focus.png') repeat-x 0px 0px;

}



/* SPRITES */



/* Select */



div.selector {

  background-position: -483px -130px;

  line-height: 26px;

  height: 26px;

}



div.selector span {

  background-position: right 0px;

  height: 26px;

  line-height: 26px;

}



div.selector select {

  /* change these to adjust positioning of select element */

  top: 0px;

  left: 0px;

}



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: 0px -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: 0px -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: 0px -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 0px 2px 2px;

  line-height: 24px;

}



div.uploader.focus,

div.uploader.hover,

div.uploader:hover {

  background-position: 0px -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: 0px -325px;

}



div.uploader.disabled span.action {

  background-position: right -381px;

}



div.button {

  background-position: 0px -523px;

}



div.button span {

  background-position: right -643px;

}



div.button.focus,

div.button:focus,

div.button:hover,

div.button.hover {

  background-position: 0px -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: 0px -583px;

}



div.button.active span,

div.button:active span {

  background-position: right -703px;

  color: #555;

}



div.button.disabled,

div.button:disabled {

  background-position: 0px -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 {

  width: 190px;

  font-size: 12px;

}



div.selector select {

  min-width: 190px;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 12px;

  border: solid 1px #fff;

}



div.selector span {

  padding: 0px 25px 0px 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: 5px;

}



/* Radio */

div.radio {

  margin-right: 3px;

}



/* Uploader */

div.uploader {

  width: 190px;

  cursor: pointer;

}



div.uploader span.action {

  width: 85px;

  text-align: center;

  text-shadow: #fff 0px 1px 0px;

  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, 

.checker, 

.button, 

.radio, 

.uploader {

  display: -moz-inline-box;

  display: inline-block;

  vertical-align: middle;

  zoom: 1;

  *display: inline;

}



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

}



div.button span {

  display: -moz-inline-box;

  display: inline-block;

  line-height: 1;

  text-align: center;

}



/* Select */



div.selector {

  position: relative;

  padding-left: 10px;

  overflow: hidden;

}



div.selector span {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



div.selector select {

  position: absolute;

  opacity: 0;

  filter: alpha(opacity:0);

  height: 25px;

  border: none;

  background: none;

}



/* Checker */



div.checker {

  position: relative;

}



div.checker span {

  display: -moz-inline-box;

  display: inline-block;

  text-align: center;

}



div.checker input {

  opacity: 0;

  filter: alpha(opacity:0);

  display: inline-block;

  background: none;

}



/* Radio */



div.radio {

  position: relative;

}



div.radio span {

  display: -moz-inline-box;

  display: inline-block;

  text-align: center;

}



div.radio input {

  opacity: 0;

  filter: alpha(opacity:0);

  text-align: center;

  display: inline-block;

  background: none;

}



/* Uploader */



div.uploader {

  position: relative;

  overflow: hidden;

  cursor: default;

}



div.uploader span.action {

  float: left;

  display: inline;

  padding: 2px 0px;

  overflow: hidden;

  cursor: pointer;

}



div.uploader span.filename {

  padding: 0px 10px;

  float: left;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  cursor: default;

}



div.uploader input {

  opacity: 0;

  filter: alpha(opacity:0);

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  float: right;

  height: 25px;

  border: none;

  cursor: default;

}