body {
  background-color: #999;
  font-family: Verdana, Helvetica, Arial;
  font-size: 14px; }

h1 {
  background: url(../images/logo.gif) no-repeat center;
  overflow: hidden;
  text-indent: -9999px;
  height: 60px; }

h2 {
  border-bottom: 1px solid #ddd;
  margin: 0 0 5px 0;
  padding: 5px 0px;
  color: #555; }

h3 {
  color: #777; }

ul li {
  list-style: none; }

#tooltip {
  position: absolute;
  border: 1px solid #333;
  background-color: #f7f5d1;
  padding: 2px 5px;
  color: #333;
  display: none; }

#menu {
  text-align: center; }
  #menu ul {
    margin: 0 auto;
    width: 810px;
    padding: 0;
    height: 40px; }
    #menu ul li.last {
      border-right: 0; }
    #menu ul li {
      float: left;
      width: 140px;
      padding: 0 10px 0 0;
      text-transform: lowercase;
      line-height: 40px;
      border-right: 1px solid orange;
      margin-right: 10px; }
      #menu ul li a {
        color: orange;
        font-weight: normal;
        text-decoration: none; }

/* :padding-left 20px*/
 *       :margin-left 5px
 *     a:hover 
 *       :color #444
 *       :text-decoration underline */
/* a.addressbook
 *       :background url(../images/addressbook.gif) no-repeat
 *     a.publications
 *       :background url(../images/publications.png) no-repeat
 *     a.schedules      
 *       :background url(../images/schedules.png) no-repeat */

.clear {
  clear: both;
  height: 0px;
  overflow: hidden; }

#container {
  width: 900px;
  margin: 0 auto;
  background: #FFF;
  padding: 20px;
  border: solid 1px black;
  margin-top: 20px; }

#calendar_types {
  float: right;
  width: 350px;
  margin-top: -30px; }
  #calendar_types a {
    color: #888;
    font-size: 0.8em;
    float: right;
    margin: 4px 10px; }

#calendar_navigation {
  font-size: 12px;
  color: #666; }
  #calendar_navigation .next,
  #calendar_navigation .previous,
  #calendar_navigation .current_month,
  #calendar_navigation .current_week {
    display: block;
    padding: 5px 10px; }
  #calendar_navigation .next {
    float: right; }
  #calendar_navigation .previous {
    float: left; }
  #calendar_navigation .current_month,
  #calendar_navigation .current_week {
    font-weight: bolder;
    text-align: center; }
  #calendar_navigation a {
    text-decoration: none;
    color: #666; }

.active-scaffold .view {
  background-color: #FFE8BE;
  border: solid 1px #CF6D2C; }

.active-scaffold h4,
.active-scaffold h5 {
  color: #905103; }

.active-scaffold tr.record td {
  background-color: #F4F4F4;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #DDD;
  color: #333333;
  font-family: Verdana,sans-serif;
  font-size: 11px;
  padding: 5px 4px; }

.active-scaffold a:hover {
  background-color: #666;
  color: white; }

.active-scaffold a,
.active-scaffold a:visited {
  color: #666;
  text-decoration: none; }

#search_form span {
  font-size: 10px; }

form.remote_form .row,
form.form_for .row {
  width: 800px; }
form.remote_form .column,
form.form_for .column {
  width: 390px;
  border-right: 1px solid #DDD;
  padding-right: 10px;
  float: left; }
form.remote_form .column.last,
form.form_for .column.last {
  float: right;
  padding-right: 0;
  border: 0; }
form.remote_form label,
form.form_for label {
  display: block;
  color: #555; }
form.remote_form .checkbox label,
form.form_for .checkbox label {
  display: inline; }
form.remote_form .fake_field,
form.remote_form input,
form.remote_form textarea,
form.form_for .fake_field,
form.form_for input,
form.form_for textarea {
  width: 370px;
  border: 2px solid #888;
  padding: 5px 8px;
  font-size: 1.2em;
  display: block; }
form.remote_form textarea,
form.form_for textarea {
  height: 45px; }
form.remote_form .submit,
form.form_for .submit {
  height: 30px;
  clear: both; }
  form.remote_form .submit a,
  form.form_for .submit a {
    line-height: 30px;
    color: orange; }
  form.remote_form .submit a:hover,
  form.form_for .submit a:hover {
    color: white;
    background-color: orange; }
  form.remote_form .submit input,
  form.form_for .submit input {
    float: right;
    width: 150px;
    color: #888;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bolder;
    border: 2px solid #CCC;
    background-color: #DDD; }

.schedules a {
  text-decoration: none; }

.print {
  float: right;
  padding-left: 20px; }

body.sessions #container {
  width: 225px; }

#quick_access {
  margin-top: 15px;
  color: #666;
  font-size: 11px; }
  #quick_access select,
  #quick_access input {
    font-size: 11px; }

.add_new {
  float: right; }
  .add_new a {
    padding-left: 20px;
    font-size: 0.9em;
    color: green;
    background: transparent url(../images/add.gif) no-repeat; }

body.addressbooks a.edit,
body.addressbooks a.destroy,
body.publications a.edit,
body.publications a.destroy {
  padding: 2px 10px; }
body.addressbooks a.edit,
body.publications a.edit {
  float: right; }
body.addressbooks a.destroy,
body.publications a.destroy {
  float: left;
  color: red; }
body.addressbooks a.destroy:hover,
body.publications a.destroy:hover {
  background-color: red;
  color: white; }
body.addressbooks table,
body.publications table {
  width: 100%;
  margin-top: 10px;
  font: 0.9em Trebuchet MS, Arial, sans-serif; }
  body.addressbooks table a,
  body.publications table a {
    color: orange; }
  body.addressbooks table a,
  body.addressbooks table a:hover,
  body.publications table a,
  body.publications table a:hover {
    font-weight: bolder;
    text-transform: uppercase; }
  body.addressbooks table thead th,
  body.publications table thead th {
    font-weight: bolder;
    background-color: #888;
    border-bottom: 1px solid #777;
    text-align: left;
    padding: 4px; }
    body.addressbooks table thead th a,
    body.addressbooks table thead th a:hover,
    body.publications table thead th a,
    body.publications table thead th a:hover {
      color: white; }
  body.addressbooks table tbody td.actions,
  body.publications table tbody td.actions {
    width: 40px; }
  body.addressbooks table tbody td,
  body.publications table tbody td {
    padding: 4px; }
  body.addressbooks table tbody tr.even td,
  body.publications table tbody tr.even td {
    background-color: #ccc; }

.publications textarea {
  height: 285px!important; }

#errorExplanation {
  border: 2px solid #ddd;
  padding: 0;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #errorExplanation p {
    color: #333;
    margin: 0;
    padding: 8px;
    font-size: 1.2em; }
  #errorExplanation ul {
    margin: 2px 10px; }
    #errorExplanation ul li {
      list-style: disc; }
