/*



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 {

  -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: 'Droid Sans',  Helvetica, Arial, sans-serif;

  font-weight: normal;

  padding: 3px;

  color: #666666;

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

  border-top: solid 1px #c4c4c4;

  border-left: solid 1px #c4c4c4;

  border-bottom: solid 1px #c4c4c4;

  border-right: solid 1px #c4c4c4;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  outline: 0;
  line-height: normal;
}

input.text,

input.email, 

input.password,
textarea.uniform{padding-left: 10px;}


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('../images/bg-input-focus.png') repeat-x 0px 0px;*/

}



/* SPRITES */



/* Select */


div.selector .text-success{color: #666666;}

div.selector {
  color: #666666;

  background: url(select2.png) no-repeat 100% -1px;

  line-height: 30px;

  height: 30px;

  border: 1px solid #C4C4C4;

  border-right: 1px solid transparent;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 2px;

  -webkit-border-radius: 2px;

  -moz-border-radius:2px;

}



div.selector span {

  height: 30px;

  line-height: 30px;

}



div.selector select {

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

  top: 0px;

  left: 0px;

}



div.selector:active, 

div.selector.active {

  /*background-position: 0px 0px;*/
  background-color: transparent;
  border-color: #C4C4C4 ;



}



div.selector:active span, 

div.selector.active span {

  /*background-position: 0 -30px;*/

}



div.selector.focus, div.selector.hover, div.selector:hover {

  /*background-position: 0px -30px;*/

}



div.selector.focus span, div.selector.hover span, div.selector:hover span {

  /*background-position: 0 -30px;*/

}



div.selector.focus:active,

div.selector.focus.active,

div.selector:hover:active,

div.selector.active:hover {

  /*background-position: 0px -30px;*/

}



div.selector.focus:active span,

div.selector:hover:active span,

div.selector.active:hover span,

div.selector.focus.active span {

  /*background-position: 0 -30px;*/

}



div.selector.disabled {

/*  background-position: 0px -30px;*/

  /*opacity: 0.5;*/

  filter:alpha(opacity=50);

}



div.selector.disabled span {

  background-position: 0 -30px;

  opacity: 0.5;

  filter:alpha(opacity=50);

}



/* Checkbox */



div.checker {

  width: 19px;

  height: 19px;

}



div.checker input {

  width: 19px;

  height: 19px;

}



div.checker span {

  background: url(checkbox.png) no-repeat;

  background-position: 0px -3px;

  height: 19px;

  width: 19px;

}



div.checker:active span, 

div.checker.active span {

  background-position: 0px -10px;

}



div.checker.focus span,

div.checker:hover span {

  background-position: -0px -28px;

}



div.checker.focus:active span,

div.checker:active:hover span,

div.checker.active:hover span,

div.checker.focus.active span {

  background-position: 0px -28px;

}



div.checker span.checked {

  background-position: 0px -53px;

}



div.checker:active span.checked, 

div.checker.active span.checked {

  background-position: 0px -78px;

}



div.checker.focus span.checked,

div.checker:hover span.checked {

  background-position: 0px -78px;

}



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

}



div.checker.disabled span,

div.checker.disabled:active span,

div.checker.disabled.active span {

  background-position: 0px -28px;

  opacity: 0.5;

  filter:alpha(opacity=50);

}



div.checker.disabled span.checked,

div.checker.disabled:active span.checked,

div.checker.disabled.active span.checked {

  background-position: -0px -28px;

}



/* Radio */



div.radio {

  width: 18px;

  height: 18px;

}



div.radio input {

  width: 18px;

  height: 18px;

}



div.radio span {

  height: 18px;

  width: 18px;

  background: url(radio.png) no-repeat;

  background-position: 0px -3px;

}



div.radio:active span, 

div.radio.active span {

  background-position: 0px -10px;

}



div.radio.focus span, 

div.radio:hover span {

  background-position: 0px -28px;

}



div.radio.focus:active span,

div.radio:active:hover span,

div.radio.active:hover span,

div.radio.active.focus span {

  background-position: 0px -28px;

}



div.radio span.checked {

  background-position: 0px -53px;

}



div.radio:active span.checked,

div.radio.active span.checked {

  background-position: 0px -53px;

}



div.radio.focus span.checked, div.radio:hover span.checked {

  background-position: 0px -78px;

}



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

}



div.radio.disabled span,

div.radio.disabled:active span,

div.radio.disabled.active span {

  background-position: 0px -28px;

  opacity: 0.5;

  filter:alpha(opacity=50);

}



div.radio.disabled span.checked,

div.radio.disabled:active span.checked,

div.radio.disabled.active span.checked {

  background-position: 0px -28px;

}



/* Uploader */



div.uploader {

  border:1px solid #c4c4c4;

  -moz-border-radius: 2px;

  -webkit-border-radius:2px;

  border-radius:2px;

  height: 28px;

}



div.uploader span.action {

  background: url(choose-file.png) no-repeat;

  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 {

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

}



div.uploader.focus span.action,

div.uploader.hover span.action,

div.uploader:hover span.action {



}



div.uploader.active span.action,

div.uploader:active span.action {



}



div.uploader.focus.active span.action,

div.uploader:focus.active span.action,

div.uploader.focus:active span.action,

div.uploader:focus:active span.action {



}



div.uploader.disabled {



}



div.uploader.disabled span.action {



}



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;*/

  width: 100%;

  font-size: 12px;

}



div.selector select {

  min-width: 100%;

  font-family: 'Droid Sans',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: 200px;

  cursor: pointer;

  border-right:none;

}



div.uploader span.action {

  width: 33px;

  text-indent: -9999px;

}



div.uploader span.filename {

  color: #777;

  width: 145px;

  font-size: 11px;

}



div.uploader input {

  width: 250px;

}



div.uploader.disabled span.action {

  color: #aaa;

  opacity: 0.5;

  filter: alpha(opacity:50);

}



div.uploader.disabled span.filename {

  border-color: #ddd;

  color: #aaa;

  opacity: 0.5;

  filter: alpha(opacity:50);

}

/*



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

  overflow: hidden;

  cursor: pointer;

  margin-top: -1px;

}



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;

}