/* Forms
-------------------------------------------------*/

form { }

  form ol, form div ol { padding-left: 0; list-style: none !important; }
  form ul { margin-left: 60px; }

  form ol li { margin-bottom: 1em; line-height: 2em; }
  form .no-label { margin-left: 90px; }
  form .check { margin-left: 90px; }
  form .solo { margin-left: 180px; }

  form ol label { width: 170px; }
  form .check label { float: none; }
  form ol span { margin-left: 1em; }

  form textarea { width: 300px; height: 8em; }
  form .sml { width: 2.5em; }
  form .med { width: 8em; }
  form .lrg { width: 22em; }

  form .action { margin-left: 1em; }
  form .submit { margin-bottom: 1em; }

  form p.fields { margin: 0 0 0 170px; }

/* Inline forms (scripting) */
form.inline {
  margin: 0; padding: 0;
  background: transparent;
}

  .inline label { display: inline; width: auto; }
  .inline input { margin: 0.2em 0; }

/* Management lists */
ol.manage {
  margin: 0; padding: 0;
  list-style: none;
}

  .manage li {
    padding-left: 1em;
    height: 3em; line-height: 3em;
    background: #eee;
  }
  .manage .odd { background: #ccc; }
  .manage .last { border-bottom: none; }

    .manage strong { display: inline-block; width: 72%; }
      .manage strong a { color: #000; border-bottom: none; }
      .manage strong a:hover { color: #881c1c; border-bottom: 1px solid #881c1c; }

    .manage span { }
      .manage span a { margin-right: 0.5em; }

/* Form summaries */
.form-summary { list-style: none !important; }

  .form-summary li { width: 560px; margin: 0 !important; }

  .form-summary p { margin: 5px 5px 5px 145px; }
  .form-summary strong {
    display: block;
    float: left;
    padding-top: 4px;
    width: 140px; height: 20px;
    line-height: 20px;
    text-align: right;
  }

/* Old form styles
-------------------------------------------------*/

form {
  margin: 0;
  padding: 3px 10px;
  background: url("../images/gradient.gif") repeat-x;
}

  form.secondForm {
    background-image: none;
  }

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

label {
  float: left;
  text-align: right;
  line-height: 20px;
  width: 130px;
  padding-right: 10px;
}

.noLabelFormElement {
  margin-left: 158px;
}

select {
  z-index: 1;
}

.normalInputText { width: 225px; }

.smallInputText { width: 150px; }

.verySmallInputText { width: 60px; }

.inputText { width: 300px; }

.flaggedInputText { width: 300px; background-color: #ffc; }

.smallFlaggedInputText { width: 150px; background-color: #ffc; }

.verySmallFlaggedInputText { width: 60px; background-color: #ffc; }

.internalNote { height: 80px; }

.readonly { color: #444; background: #eee; }

form p { margin: 5px 10px 10px 10px; padding: 0; }

  form p.containsTable { margin-bottom: 0; }

form p span {
  display: block;
  margin-left: 130px;
  padding-left: 10px;
  font-size: 10px;
  color: #777;
  font-style: italic;
}

form .helptip {
  display: block;
  margin-left: 150px;
  padding: 0 10px;
  font-size: 10px;
  color: #777;
  font-style: italic;
}

h1.formTitle {
  font-size: 14px;
  padding: 5px 0;
  margin: 5px 10px 10px 10px;
  border-bottom: solid 1px #555;
}

form h2 { margin-left: 20px; }
h2.formTitle {
  font-size: 12px;
  padding: 5px 0;
  margin: 5px 20px 10px 20px;
  border-bottom: solid 1px #555;
}

.hidden {  display: none; }

.startHidden { visibility: hidden; }

table { border-collapse: collapse; border-spacing: 0; }

table.checkboxes td {
  width: 135px;
  padding-bottom: 5px;
  vertical-align: top;
  line-height: 15px;
}

/* Specific Forms
-------------------------------------------------*/

/* Feedback */
#feedback-content {
  position: absolute;
  left: 50%; top: 200px;
  margin-left: -250px;
  width: 500px;
  background: #fff;
  border: 10px solid #222;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  z-index: 10;
}

  #feedback-content h2 {
    margin: 0; padding: 0 0 0 10px;
    color: #fff; background: #881c1c;
    line-height: 2.5em;
  }

  #feedback-content form { }
    #feedback-content label {
      display: block;
      width: 100%;
      text-align: left;
    }

    #feedback-content textarea { width: 80%; height: 16em; }

    #feedback-content a.btn {
      float: left;
      width: 175px; height: 53px;
      background-image: url(../images/btn-send-message.png);
    }
    #feedback-content a.btn:hover,
    #feedback-content a.btn:focus { background-position: 0 -53px; }
    #feedback-content p { display: inline-block; line-height: 40px; }

/* Permissions */
form #permissionResults {
  width: 95%;
  margin: auto;
  font-size: 12px;
  line-height: 20px;
}

  form #permissionResults td { padding: 5px 10px; }
  form #permissionResults th { padding: 5px 10px; text-align: left; }

  form #permissionResults .check { width: 50px; text-align: right; }
  form #permissionResults .permission { width: 130px; }

  form #permissionResults .description { margin: 0; padding-right: 50px; }

    form #permissionResults .description p { padding: 0; margin: 0; }

.individualRooms th { text-align: left; }

/* Search rental */
select.searchCid {
  display: block;
  margin-top: 4px;
  margin-left: 22px;
  font-size: 100%;
}

/* Saved Searches */
#save-this-search form {
  padding: 0.3333em 0 0.3333em 1em;
  background: #eee;
  border: 1px solid #ccc;
}

  #save-this-search #searchName { width: 90%; }

/* Submit rental */
#zip { width: 60px; }

#distanceToUMass { width: 60px; }

#moveInDate, #moveOutDate { width: 150px; }

#moveInFlexibility, #moveOutFlexibility { width: 160px; }

#totalBedrooms, #totalRooms,
#totalBathrooms, #totalRent,
#totalSecurityDeposit,
#availableBedrooms { width: 60px; }

/* Online Fair Signup
-------------------------------------------------*/

  /* Correct Records */
  .fairSignup .complex { padding: 0.4em 0 0.1em 0; }
  .fairSignup .numUnits { padding-bottom: 1.5em; }
  .fairSignup label.name { font-weight: bold; }

  /* Fair Tables */
  .table #tableSign { width: 371px; height: 80px; }
  .table form h2 { margin: 0 0 -10px 0; }

  #fair-tables {
    position: relative;
    margin: 0 auto;
    width: 578px; height: 708px;
    background: #fff url(../images/fair-tables-diagram.png) no-repeat;
  }

    #fair-tables li { position: absolute; }

    #table1, #table2, #table3,
    #table4, #table5, #table6, #table7, #table8, #table9, #table19 { left: 98px; }
    #table10, #table11, #table12, #table13, #table14,
    #table15, #table16, #table17 { left: 376px; }
    #table9, #table10 { top: 15px; }
    #table8, #table11 { top: 90px; }
    #table7, #table12 { top: 135px; }
    #table6, #table13 { top: 180px; }
    #table5, #table14 { top: 225px; }
    #table4, #table15 { top: 270px; }
    #table16 { top: 315px; }
    #table17 { top: 360px; }
    #table3 { left: 55px; top: 378px; }
    #table2 { top: 405px; }
    #table1 { top: 450px; }
    #table19 { top: 556px; }
    #table20A, #table20B { left: 336px; }
    #table20A { top: 480px; }
    #table20B { top: 520px; }
    #table21A, #table21B { top: 572px; }
    #table18A, #table18B { top: 652px; }
    #table21A, #table18B { left: 364px; }
    #table21B, #table18A { left: 402px; }

    #fair-tables a {
      display: block;
      width: 34px; height: 36px;
      color: #000;
      border: 2px solid #000;
      font-size: 14px; line-height: 36px;
      text-align: center;
      font-weight: bold;
      outline: 0;
    }
    #fair-tables a:hover, #fair-tables a:focus, #fair-tables a.selected { background: #ffc911; }
    a.taken, a.disabled { cursor: default; }
    #fair-tables a.taken { color: #fff; background: #881c1c !important; }
    #fair-tables a.disabled { color: #aaa; background: #fff !important; border-color: #aaa; }

  /* Advertising */
  #featured-complexes ol { padding: 0 0 0 20px; }
  #featured-complexes ul { margin-left: 60px; }

/* System Administration
-------------------------------------------------*/

/* Content Management */
.contentAdmin { }

  .contentAdmin label { display: block; float: none; text-align: left; }
  .contentAdmin textarea { width: 90%; height: 15em; }

.preview {
  border: 1px solid #aaa;
  padding: 1em;
  margin-left: 20px;
  margin-bottom: 10px;
}

/* Fair Management */
.fair table { margin: 1em 0; }

  .fair thead { padding-bottom: 1em; }
  .fair th {
    padding-right: 1em;
    height: 24px;
    font-size: 14px; line-height: 14px;
    text-align: left;
  }
  .fair th a { font-size: 11px; line-height: 11px; }

  .fair tr { }
  .fair tr.odd { background: #ddd; }

  .fair td { padding: 0.5em 2em 0.5em 0; vertical-align: top; }
  .fair .main { }
    .fair .main a { font-weight: bold; }
  .fair .sub { line-height: 16px; }
  .fair .featured { text-align: center; }