/* =============================================================================
Seed to Plate - Login Plot
============================================================================= */

/* Login boxes
============================================================================= */

.base {
  background: url(/img/frames/frame_929_split.gif) 0 0 repeat-y;
  width: 929px;
}

.base_top {
  background: url(/img/frames/frame_929_top_split.jpg) left top no-repeat;
}

.base_bottom {
  background: url(/img/frames/frame_929_bottom_split.jpg) left bottom no-repeat;
  padding-bottom: 5px;
}

#frame_1 {
  width: 446px;
  float: left;
  padding: 18px 0 13px 13px;
}

#frame_2 {
  width: 453px;
  float: right;
  padding: 18px 0 13px 6px;
}

/* First box
============================================================================= */

#frame_1 p {
  padding-bottom: 8px;
  padding-top: 14px;
}

#frame_1 form {
  padding-top: 5px;
}

#frame_1 form div.form_left {
  width: 211px;
  float: left;
}

#frame_1 form div.form_right {
  width: 211px;
  float: right;
}

#frame_1 form label {
  display: block;
  font-weight: bold;
  line-height: 20px;
  padding: 12px 0 4px 0;
}

#frame_1 form input {
  border: 1px solid #CEC6BF;
  width: 184px;
  height: 16px;
  display: block;
  margin: 0;
  font: 12px/16px Arial, Tahoma, Sans-Serif;
  padding: 6px 5px;
}
#frame_1 form input.hidden {display: none;}

#frame_1 form div.form_button {
  clear: both;
  padding: 19px 0 5px 376px;
  margin-right: 15px;
}

#frame_1 form div button {
  background: url(/img/buttons/login.gif) 0 0 no-repeat;
  height: 26px;
  width: 56px;
  border: none;
  cursor: pointer;
}
#frame_1 form div button:hover {background-position: 0 -26px;}

#frame_1 form p.form_sub {
  padding-top: 16px;
  font: 11px/17px Tahoma, Arial, Sans-Serif;
  color: #BFB6AE;
}

/* Second box
============================================================================= */

#frame_2 h2 {
  padding-left: 7px;
}

#frame_2 ul {
  list-style: none;
  padding: 9px 9px 0 2px;
}

#frame_2 li {
  background: url(/img/icons/tick.gif) 6px 11px no-repeat;
  display: block;
  padding: 5px 0 5px 18px;
  margin: 0;
}

#frame_2 li.grey_li {
  background-color: #F6F2ED;
}

#frame_2 a {
  color: #b57135;
  text-decoration: underline;
}
#frame_2 a:hover {
  color: #d29864;
  text-decoration: none;
}

/* Error Box
============================================================================= */

p#error_box {
  background: #F5F1BE;
  border: 1px solid #DED99B;
  padding: 8px;
  margin-top: 17px;
  width: 414px;
}