/** 
 * Vitesse Compass Boilerplate - Boilerplate + 960gs + Form
 *    - Compass/SASS
 *    - HTML5 Boilerplate
 *    - 960 GS
 * @copyright Copyright (C) 2011 Vitesse Web Design
 * @author Vitesse Web Design
 */
/* FIELDSETS
---------------------------------------- */
fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

/* ACTION BUTTONS
---------------------------------------- */
input.action {
  padding: 2px;
  font-size: 11px; }
  input.action :hover,
  input.action :focus {
    cursor: pointer; }

/* FIELD FORMATING
---------------------------------------- */
form ul {
  list-style: none; }

.middleColumn {
  display: block;
  margin: 15px 10px 10px 0;
  padding: 4px;
  clear: left; }
  .middleColumn .middleColumn {
    margin-left: 0;
    margin-right: 0;
    padding: 0; }
  .middleColumn .message {
    margin: 0; }

#Sidebar .middleColumn {
  margin: 0 0 0 8px;
  display: inline; }

div.tab .field .middleColumn {
  clear: none !important;
  margin: 0 !important;
  width: auto; }

/* INPUT BOXES
---------------------------------------- */
input.text, textarea, select {
  padding: 2px;
  border: 1px solid #A7A7A7;
  width: 98%; }

textarea {
  font-size: 12px; }

input:focus span, textarea:focus span {
  border: 3px solid #000; }

form .date input.month, form .date input.day, form .date input.year {
  width: auto; }
form .datetime .clear {
  clear: both; }
form .datetime .date,
form .datetime .time {
  float: left;
  clear: none;
  width: auto; }
form .datetime .middleColumn .middleColumn {
  width: auto; }
form .datetime .date input,
form .datetime .time input {
  width: auto; }

/* SELECT DROPDOWN
---------------------------------------- */
select {
  width: 100%; }

/* LABELS
---------------------------------------- */
.typography label {
  display: block;
  margin: 10px 0 -10px 0;
  color: #777;
  font-size: 12px; }

label.right {
  display: inline; }

/* CHECKBOXES
---------------------------------------- */
ul.optionset {
  margin: 0;
  overflow: hidden; }
  ul.optionset li {
    margin: 6px 0;
    clear: both; }
    ul.optionset li input {
      float: left;
      margin: 0 6px; }
    ul.optionset li label {
      margin: 0 0; }

/* MESSAGES
---------------------------------------- */
span.message.required {
  color: red; }