/* @override http://slate.com/wp-content/themes/skeleton/formalize.css?ver=1.3 */



/* `Widths

----------------------------------------------------------------------------------------------------*/



.input_tiny {

  width: 50px;

}



.input_small {

  width: 100px;

}



.input_medium {

  width: 150px;

}



.input_large {

  width: 200px;

}



.input_xlarge {

  width: 250px;

}



.input_xxlarge {

  width: 300px;

}



.input_full {

  width: 100%;

}



/*

  Added via JS to <textarea> and class="input_full".

  Applies only to IE7. Other browsers don't need it.

*/

.input_full_wrap {

  display: block;

  padding-right: 8px;

}



/* `UI Consistency

----------------------------------------------------------------------------------------------------*/



::-moz-focus-inner {

  border: 0;

  padding: 0;

}



input[type="search"]::-webkit-search-decoration {

  display: none;

}



input,

button,

select,

textarea {

  vertical-align: middle;

}



input[type="radio"],

input[type="checkbox"] {

  position: relative;

  vertical-align: top;

  top: 3px;

  /* IE8, IE9, IE10 */

  top: 0\0;

  /* IE7 */

  *top: -3px;

}



/* iPad */

@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {

  input[type="radio"],

  input[type="checkbox"] {

    vertical-align: baseline;

    top: 2px;

  }

}



/* iPhone 3 */

@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {

  input[type="radio"],

  input[type="checkbox"] {

    vertical-align: baseline;

    top: 0;

  }

}



/* iPhone 4 */

@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {

  input[type="radio"],

  input[type="checkbox"] {

    vertical-align: baseline;

    top: 0;

  }

}



button,

input[type="reset"],

input[type="submit"],

input[type="button"] {

  -webkit-appearance: none;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  -moz-background-clip: padding;

  -webkit-background-clip: padding;

  background-clip: padding-box;

  background: #ddd url(images/button.png) repeat-x;

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));

  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);

  border: 1px solid;

  cursor: pointer;

  color: #5c5c5c;

  /*

    Helvetica Neue present, because it works better

    for line-height on buttons than Arial, on OS X.

  */

  font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;

  outline: 0;

  overflow: visible;

  padding: 3px 10px;

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

  width: auto;



  /* IE7 */

  *padding-top: 2px;

  *padding-bottom: 0px;

	border-bottom-color: #cbcbcb;

	border-right-color: #c9c9c9;

	border-left-color: #c9c9c9;

	border-top-color: #d4d4d4;

}



button {

  /* IE7 */

  *padding-top: 1px;

  *padding-bottom: 1px;

}



textarea,

select,

input[type="date"],

input[type="datetime"],

input[type="datetime-local"],

input[type="email"],

input[type="month"],

input[type="number"],

input[type="password"],

input[type="search"],

input[type="tel"],

input[type="text"],

input[type="input"],

input[type="time"],

input[type="url"],

input[type="week"] {

  -webkit-appearance: none;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-radius: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -moz-background-clip: padding;

  -webkit-background-clip: padding;

  background-clip: padding-box;

  background-color: #fff;

  border: 1px solid;

  border-color: #848484 #c1c1c1 #e1e1e1;

  color: #000;

  outline: 0;

  padding: 2px 3px;

  font-size: 13px;

  /*

    Leaving out Helvetica Neue, to not throw off size="..."

    on inputs. Arial is more reliable, on Windows and OS X.

  */

  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;

  height: 2.3em;



  /* IE7 */

  *padding-top: 2px;

  *padding-bottom: 1px;

  *height: auto;

}



/*

  Separate rule for Firefox.

  Separate rule for IE, too.

  Cannot stack with WebKit's.

*/

::-webkit-input-placeholder {

  color: #888;

}



input:-moz-placeholder,

textarea:-moz-placeholder {

  color: #888;

}



input.placeholder_text,

textarea.placeholder_text {

  color: #888;

}



:invalid {

  /*

    Suppress red glow that Firefox

    adds to form fields by default,

    even when user is still typing.

  */

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}



button:focus,

button:active,

input:focus,

input:active,

select:focus,

select:active,

textarea:focus,

textarea:active {

  -moz-box-shadow: #06f 0 0 7px;

  -webkit-box-shadow: #06f 0 0 7px;

  box-shadow: #06f 0 0 7px;



  /* for Opera */

  z-index: 1;

}



input[type="file"]:focus,

input[type="file"]:active,

input[type="radio"]:focus,

input[type="radio"]:active,

input[type="checkbox"]:focus,

input[type="checkbox"]:active {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}



select[disabled],

textarea[disabled],

input[type="date"][disabled],

input[type="datetime"][disabled],

input[type="datetime-local"][disabled],

input[type="email"][disabled],

input[type="month"][disabled],

input[type="number"][disabled],

input[type="password"][disabled],

input[type="search"][disabled],

input[type="tel"][disabled],

input[type="text"][disabled],

input[type="time"][disabled],

input[type="url"][disabled],

input[type="week"][disabled] {

  background-color: #eee;

}



button[disabled],

input[disabled],

select[disabled],

select[disabled] option,

select[disabled] optgroup,

textarea[disabled] {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

  color: #888;

  cursor: default;

}



textarea,

select[size],

select[multiple] {

  height: auto;

}



/* Tweaks for Safari + Chrome. */

@media (-webkit-min-device-pixel-ratio: 0) {

  select {

    background-image: url(images/select_arrow.gif);

    background-repeat: no-repeat;

    background-position: right center;

    padding-right: 20px;

  }



  select[size],

  select[multiple] {

    background-image: none;

    padding: 0;

  }



  ::-webkit-validation-bubble-message {

    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));

    border: 1px solid;

    border-color: #747474 #5e5e5e #4f4f4f;

    color: #fff;

    font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;

    padding: 15px 15px 17px;

    text-shadow: #000 0 0 1px;

  }



  ::-webkit-validation-bubble-arrow,

  ::-webkit-validation-bubble-top-outer-arrow,

  ::-webkit-validation-bubble-top-inner-arrow {

    -webkit-box-shadow: none;

    box-shadow: none;

    background: #666;

    border: 0;

  }

}



textarea {

  min-height: 40px;

  overflow: auto;

  resize: vertical;

  width: 100%;

  max-width: 400px;

}



optgroup {

  color: #000;

  font-style: normal;

  font-weight: normal;

}



/* `IE6

----------------------------------------------------------------------------------------------------*/



/*

  Everything below this line is for IE6.

  Delete it if you don't support it! :)



  Classes are added dynamically via JS,

  because IE6 doesn't support attribute

  selectors: .ie6_button, .ie6_input, etc.



  Note: These style rules are somewhat

  duplicated because IE6 bombs out when

  it sees attribute selectors. Example:



  .ie6_button {

    This works in IE6.

  }



  .ie6_button,

  input[type=submit] {

    This doesn't work.

  }

*/



.ie6_button,

* html button {

  background: #ddd url(images/button.png) repeat-x;

  border: 1px solid;

  border-color: #ddd #bbb #999;

  cursor: pointer;

  color: #333;

  font: bold 12px/1.2 Arial, sans-serif;

  padding: 2px 10px 0px;

  overflow: visible;

  width: auto;

}



* html button {

  padding-top: 1px;

  padding-bottom: 1px;

}



.ie6_input,

* html textarea,

* html select {

  background: #fff;

  border: 1px solid;

  border-color: #848484 #c1c1c1 #e1e1e1;

  color: #000;

  padding: 2px 3px 1px;

  font-size: 13px;

  font-family: Arial, sans-serif;

  vertical-align: top;

}



* html select {

  margin-top: 1px;

}



.placeholder_text,

.ie6_input_disabled,

.ie6_button_disabled {

  color: #888;

}



.ie6_input_disabled {

  background: #eee;

}