/*




	This file was auto generated by Less (http://lesscss.org). To change the contents of this file, edit app/stylesheets/common.less instead.




*/form.button-to { display: inline; }
form.button-to * { display: inline; }
.Error {
  background-color: #9f0015;
  color: white;
  padding: 5px;
}
.Notice {
  background-color: #006f2e;
  color: white;
  padding: 5px;
}
.Error * { color: white; }
.Notice { color: white; }
.invisible_clear {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}
#redbox p {
  margin: 0;
  padding: 0;
}
#redbox_top {
  background: url(/images/redbox/redbox_top.png) bottom left no-repeat;
  width: 620px;
  height: 38px;
}
#redbox_top a {
  background: url(/images/redbox/redbox_close.png) top left no-repeat;
  float: right;
  display: inline;
  text-indent: -999em;
  overflow: hidden;
  width: 38px;
  height: 38px;
  cursor: pointer;
}
#redbox_middle {
  background: url(/images/redbox/redbox_middle.png) top left repeat-y;
  width: 560px;
  padding: 0 30px 10px 30px;
  font-size: 14px;
  line-height: 1.4em;
}
#redbox_bottom {
  background: url(/images/redbox/redbox_bottom.png) bottom left no-repeat;
  width: 620px;
  height: 19px;
}
#redbox_middle h2 {
  font-size: 20px;
  color: #000000;
  margin-bottom: 10px;
}
.photoqueue {
  margin: 10px;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
  clear: both;
}
.photoqueue.hotseat { background-color: #ffff99; }
.photoqueue .text {
  margin: 10px;
  color: #222222;
}
.photoqueue .number {
  font-size: 40px;
  padding-top: 5px;
  padding-left: 5px;
  background-color: #222222;
  color: #ffffff;
}
.photoqueue .name {
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: #222222;
  margin-left: 10px;
}
.photoqueue .stats {
  font-size: 12px;
  font-weight: normal;
  color: #222222;
  margin-left: 50px;
}
.photoqueue .wait_time {
  font-size: 12px;
  font-weight: normal;
  color: #222222;
  margin-left: 50px;
}
.photoqueue .icons {
  margin-top: 10px;
  margin-left: 50px;
  margin-bottom: 5px;
}
.photoqueue .icons img { margin-right: 5px; }
.orphaned_photo {
  float: left;
  margin-right: 5px;
  margin-left: 15px;
  margin-bottom: 30px;
}
.fixed_width_option_item .remove_link {
  width: 20px;
  float: left;
}
.fixed_width_option_item .abbreviation {
  width: 90px;
  float: left;
}
.fixed_width_option_item .category {
  width: 140px;
  float: left;
}
.fixed_width_option_item .id {
  width: 50px;
  float: left;
}
.fixed_width_option_item .name {
  width: 300px;
  float: left;
}
.admin-approve_suggested_options_controller .fixed_width_option_item .name { width: 475px; }
.fixed_width_option_item .approved {
  width: 15px;
  float: left;
}
.fixed_width_option_item .edit {
  width: 25px;
  float: left;
}
.orphaned_photo_list .search_results_individual input.person_select { width: 100px; }
input[type="text"], input[type="password"], input.text, input.title, textarea, select { border: 1px solid #bbbbbb; }
form.new_contact div { margin: 0 0 1.5em; }
form.new_contact div label {
  float: left;
  width: 15em;
  font-weight: bold;
}
form.new_contact .radio_buttons label {
  float: none;
  width: auto;
  font-weight: normal;
}
form.new_contact textarea { width: 390px; }
form.new_contact input[type="text"] { width: 390px; }
form.new_contact input[type="password"] { width: 390px; }
form.new_contact textarea {
  height: 250px;
  padding: 5px;
}
form.new_contact div.buttons { margin: 0 0 1.5em 15em; }
form.new_contact .inputs { margin: 0 0 1.5em 15em; }
#profile_text ul { margin-top: 0; }
a.button.yellow, button.yellow {
  background-color: #ffffca;
  border: 1px solid #e8e8c7;
  color: #336699;
}
button.yellow:hover {
  background-color: #dff4ff;
  border: 1px solid #c2e1ef;
  color: #336699;
}
a.button.yellow:hover {
  background-color: #dff4ff;
  border: 1px solid #c2e1ef;
  color: #336699;
}
ul.tabnav {
  background: transparent url(/images/bg/gray_line.gif) repeat-x scroll 0 bottom;
  float: left;
  width: 100%;
  margin-left: 0;
}
ul.tabnav li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  margin-left: 5px;
}
ul.tabnav li a {
  background-color: #eeeeee;
  display: block;
  font-weight: bold;
  margin-bottom: 1px;
  margin-top: 5px;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: medium;
  padding: 3px 5px;
  text-decoration: none;
}
ul.tabnav li a:hover {
  background-color: #b9dcff;
  text-decoration: none;
}
ul.tabnav li a:hover em {
  background-color: #0586ff;
  color: #ffffff;
}
ul.tabnav li.active a {
  background-color: #ffffff;
  border-color: #cccccc #cccccc -moz-use-text-color;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  color: #333333;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0;
  padding: 2px 6px 3px;
}
ul.tabnav li.section_start { margin-left: 30px; }
