/* forms */
.row {
  margin-bottom: 1px;
  padding: 4px;
}
.row .description {
  background-color: #e4e4e8;
  color: #212126;
}

.row label.name {
  margin: 0px;
  padding: 0px 5px 0px 0px;
  border: none;
  width: 180px;
  float: left;
  vertical-align: middle;
}
.row label.name span {
  color: #8c3030;
}
.row label.name small {
  font-size: 9px;
}
.row .value {
  float: left;
}
.row .value input.text, .row .value input.password, .row .value select {
  width: 150px;
  font-size: 11px;
}
.row .value select.wide {
  width: 300px;
}
.row .value textarea {
  width: 325px;
  font-size: 11px;
}
.row .value input.text.shorttext {
  width: 100px;
}
/* For really small boxes - this allows about 3-4 characters of input: */
.row .value input.text.tinytext {
  width: 30px;
}
.row.required, .row.highlighted {
  background: lightblue;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 10px;
  text-align: right;
}
select.folder_list {
  width: 225px;
}

/* clearing class */
.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

.hide {
  display: none;
}