/**
 * Textareas
 */

.gzPrettyForms-textarea {
  border: 1px solid #999999;
  text-align: left;
  font-weight: normal;

  /* CSS3 Attributes */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

/**
 * Input fields
 */

.gzPrettyForms-input {
  text-align: left;
  font-weight: normal;
  border: 1px solid #999999;

  /* CSS3 Attributes */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

/**
 * Select boxes
 */

.gzPrettyForms-select {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.gzPrettyForms-select ~ .gzPrettyForms-select {
  margin: 8px 0 0 0;
}

.gzPrettyForms-original-select {
  position: absolute;
  top: 0;
  left: 0;

    -moz-opacity:.0;
    filter:alpha(opacity=0);
    opacity:.0;
}

.gzPrettyForms-select-option {
  position: relative;
  color: #000000;
  text-align: left;
  font-weight: normal;
  position: relative;
  height: 22px;
  display: block;
  text-decoration: none;
  font-weight: normal;
  line-height: 22px;
  text-indent: 4px;
  cursor: pointer;
  overflow: hidden;
  padding: 0 22px 0 0;

  white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */

  border: 1px solid #999999;
  background: #ffffff;

    /* CSS3 Attributes */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.gzPrettyForms-select-option:hover {
  text-decoration: none;
}

.gzPrettyForms-select-option.disabled {
  -moz-opacity:.50;
  filter:alpha(opacity=50);
  opacity:.50;
}

.gzPrettyForms-select-option span {
  position: absolute;
  display: block;
  top: 1px;
  right: 1px;
  height: 20px;
  width: 20px;
  background: url(elements.png) no-repeat top right white;
}

.gzPrettyForms-select-option.focus span {
  background: url(elements.png) no-repeat -20px right white;
}

/**
 * Checkboxes
 */

.checkbox_list {
  position: relative;
}

.gzPrettyForms-checkbox {
  width: 1px;
  height: 1px;
  opacity: 0;
  -moz-opacity:.0;
  filter:alpha(opacity=0);
  left: -26px;
  top: 0;
  position: fixed;
}

.gzPrettyForms-checkbox + label.emptyLabel {
  width: 14px;
  height: 14px;
  padding: 0;
}

.gzPrettyForms-checkbox + label {
  cursor: pointer;
  background: url(check-radio.png) no-repeat left 0;
  padding: 0 0 0 20px;
}

.collection .gzPrettyForms-checkbox + label {
  background: url(check-radio.png) no-repeat 16px 0px;
  padding: 0 0 0 36px
}
.collection .gzPrettyForms-checkbox + label.checked {
  padding: 0 0 0 36px;
  background: url(check-radio.png) no-repeat 16px -60px;
}

.gzPrettyForms-checkbox + label.checked {
  background: url(check-radio.png) no-repeat left -60px;
}

.gzPrettyForms-checkbox + label.disabled {
  background: url(check-radio.png) no-repeat left -240px;
}

/**
 * Radio buttons
 */

.radio_list {
  position: relative;
}

.gzPrettyForms-radio {
  width: 1px;
  height: 1px;
  opacity: 0;
  -moz-opacity:.0;
  filter:alpha(opacity=0);
  left: -26px;
  top: 0;
  position: fixed;
}

.gzPrettyForms-radio + label.emptyLabel {
  width: 14px;
  height: 14px;
  padding: 0;
}

.gzPrettyForms-radio + label {
  display: inline-block;
  cursor: pointer;
  background: url(check-radio.png) no-repeat left -120px;
  padding: 0 0 0 20px;
}

.gzPrettyForms-radio + label.checked {
  background: url(check-radio.png) no-repeat left -180px;
}

.gzPrettyForms-radio + label.disabled {
  color: #999999;
}

/**
 * File browser
 */

.gzPrettyForms-file-holder {
  position: relative;
	overflow: hidden;
	width: 280px;
}

.gzPrettyForms-file {
	position: absolute;
	left: 200px;
	left: 90px\9;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	cursor: pointer;
}

.gzPrettyForms-file-fake {
  position: relative;
	width: 280px;
}

.gzPrettyForms-file-fake input {
  width: 190px;
}

.gzPrettyForms-file-fake .gzPrettyForms-file-button {
  position: absolute;
  top: 0;
  right: 0;
}

.gzPrettyForms-file-button {
  height: 24px;
  line-height: 24px;
  width: 70px;
  cursor: pointer;
  display: block;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  background: url(elements.png) no-repeat left -140px;
  overflow: hidden;
}

.gzPrettyForms-file-button.uploading,
.gzPrettyForms-file-button:hover.uploading,
.gzPrettyForms-file-button.hover.uploading {
  background: url(gzPrettyForms-loader.gif);
}

.gzPrettyForms-file-button:hover,
.gzPrettyForms-file-button.hover,
.gzPrettyForms-file:hover + .gzPrettyForms-file-fake > .gzPrettyForms-file-button {
  background: url(elements.png) no-repeat left -164px;
}
