/* $Id: drupal5-reference.css,v 1.1.2.2 2008-02-28 06:33:37 johnalbin Exp $ */

/*
 * DRUPAL 5.x Reference CSS
 *
 * THIS FILE IS FOR REFERENCE ONLY AND IS NOT USED IN ANY WAY BY THE ZEN THEME.
 *
 * Drupal has very modular CSS. Which means that only the CSS that is needed
 * for a particular page is loaded. This is a good thing.
 *
 * However, this makes it difficult for theme developers to discover how and
 * where a particular style is coming from. So, here in all its glory is the
 * complete CSS included with Drupal core 5.x.
 *
 * And, if you're not already, you should check out the free Firebug extension
 * for Firefox. With it, you can inspect elements and easily view and play with
 * its CSS styles.  http://www.getfirebug.com
 */

/* modules/aggregator/aggregator.css */

  #aggregator .feed-source .feed-title {
    margin-top: 0;
  }
  #aggregator .feed-source .feed-image img {
    margin-bottom: 0.75em;
  }
  #aggregator .feed-source .feed-icon {
    float: right;
    display: block;
  }
  #aggregator .feed-item {
    margin-bottom: 1.5em;
  }
  #aggregator .feed-item-title {
    margin-bottom: 0;
    font-size: 1.3em;
  }
  #aggregator .feed-item-meta, #aggregator .feed-item-body {
    margin-bottom: 0.5em;
  }
  #aggregator .feed-item-categories {
    font-size: 0.9em;
  }
  #aggregator td {
    vertical-align: bottom;
  }
  #aggregator td.categorize-item {
    white-space: nowrap;
  }
  #aggregator .categorize-item .news-item .body {
    margin-top: 0;
  }
  #aggregator .categorize-item h3 {
    margin-bottom: 1em;
    margin-top: 0;
  }

/* modules/block/block.css */

  #blocks td.region {
    font-weight: bold;
  }
  #blocks td.block {
    padding-left: 1.5em;
  }
  .block-region {
    background-color: #ff6;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 3px;
  }

/* modules/book/book.css */

  .book-navigation .menu {
    border-top: 1px solid #888;
    padding: 1em 0 0 3em;
  }
  .book-navigation .page-links {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    text-align: center;
    padding: 0.5em;
  }
  .book-navigation .page-previous {
    text-align: left;
    width: 42%;
    display: block;
    float: left;
  }
  .book-navigation .page-up {
    margin: 0 5%;
    width: 4%;
    display: block;
    float: left;
  }
  .book-navigation .page-next {
    text-align: right;
    width: 42%;
    display: block;
    float: right;
  }

/* modules/color/color.css */

  /* Farbtastic placement */
  .color-form {
    max-width: 50em;
    position: relative;
  }
  #placeholder {
    position: absolute;
    top: 0;
    right: 0;
  }

  /* Palette */
  .color-form .form-item {
    height: 2em;
    line-height: 2em;
    padding-left: 1em;
    margin: 0.5em 0;
  }
  .color-form label {
    float: left;
    clear: left;
    width: 10em;
  }
  .color-form .form-text, .color-form .form-select {
    float: left;
  }
  .color-form .form-text {
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
  }

  #palette .hook {
    float: left;
    margin-top: 3px;
    width: 16px;
    height: 16px;
  }
  #palette .down, #palette .up, #palette .both {
    background: url(images/hook.png) no-repeat 100% 0;
  }
  #palette .up {
    background-position: 100% -27px;
  }
  #palette .both {
    background-position: 100% -54px;
  }

  #palette .lock {
    float: left;
    position: relative;
    top: -1.4em;
    left: -10px;
    width: 20px;
    height: 25px;
    background: url(images/lock.png) no-repeat 50% 2px;
    cursor: pointer;
  }
  #palette .unlocked {
    background-position: 50% -22px;
  }
  #palette .form-item {
    width: 20em;
  }
  #palette .item-selected {
    background: #eee;
  }

  /* Preview */
  #preview {
    display: none;
  }
  html.js #preview {
    display: block;
    position: relative;
    float: left;
  }

/* modules/comment/comment.css */

  .indented {
    margin-left: 25px;
  }
  .comment-unpublished {
    background-color: #fff4f4;
  }
  .preview .comment {
    background-color: #ffffea;
  }

/* modules/forum/forum.css */

  #forum .description {
    font-size: 0.9em;
    margin: 0.5em;
  }
  #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
    white-space: nowrap;
  }
  #forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
    text-align: center;
  }
  .forum-topic-navigation {
    padding: 1em 0 0 3em;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    text-align: center;
    padding: 0.5em;
  }
  .forum-topic-navigation .topic-previous {
    text-align: right;
    float: left;
    width: 46%;
  }
  .forum-topic-navigation .topic-next {
    text-align: left;
    float: right;
    width: 46%;
  }

/* modules/help/help.css */

  .help-items {
    float: left;
    width: 22%;
    padding-right: 3%;
  }
  .help-items-last {
    padding-right: 0;
  }

/* modules/locale/locale.css */

  .locale-untranslated {
    font-style: normal;
    text-decoration: line-through;
  }

/* modules/node/node.css */

  .node-unpublished {
    background-color: #fff4f4;
  }
  .preview .node {
    background-color: #ffffea;
  }
  #node-admin-filter ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  #node-admin-buttons {
    float: left;
    margin-left: 0.5em;
    clear: right;
  }
  td.revision-current {
    background: #ffc;
  }
  .node-form .form-text {
    display: block;
    width: 95%;
  }
  .node-form .container-inline .form-text {
    display: inline;
    width: auto;
  }
  .node-form .standard {
    clear: both;
  }
  .node-form textarea {
    display: block;
    width: 95%;
  }
  .node-form .attachments fieldset {
    float: none;
    display: block;
  }

/* modules/poll/poll.css */

  .poll .bar {
    height: 1em;
    margin: 1px 0;
    background-color: #ddd;
  }
  .poll .bar .foreground {
    background-color: #000;
    height: 1em;
    float: left;
  }
  .poll .links {
    text-align: center;
  }
  .poll .percent {
    text-align: right;
  }
  .poll .total {
    text-align: center;
  }
  .poll .vote-form {
    text-align: center;
  }
  .poll .vote-form .choices {
    text-align: left;
    margin: 0 auto;
    display: table;
  }
  .node-form .poll-form fieldset {
    display: block;
  }

/* modules/search/search.css */

  .search-form {
    margin-bottom: 1em;
  }
  .search-form p {
    margin-top: 0;
    margin-bottom: 0.2em;
    padding-top: 0;
    padding-bottom: 0;
  }
  .search-form input {
    margin-top: 0;
    margin-bottom: 0;
  }
  .search-results p {
    margin-top: 0;
  }
  .search-results dt {
    font-size: 1.1em;
  }
  .search-results dd {
    margin-bottom: 1em;
  }
  .search-results .search-info {
    font-size: 0.85em;
  }
  .search-advanced .criterion {
    float: left;
    margin-right: 2em;
  }
  .search-advanced .action {
    float: left;
    clear: left;
  }

/* modules/system/admin.css */

  /*
  ** Formatting for administration page
  */
  div.admin-panel {
    margin: 0;
    padding: 5px 5px 15px 5px;
  }

  div.admin-panel .description {
    margin: 0 0 3px;
    padding: 2px 0 3px 0;
  }

  div.admin-panel .body {
    padding: 0 4px 2px 8px;
  }

  div.admin {
    padding-top: 15px;
  }

  div.admin .left {
    float: left;
    width: 47%;
    margin-left: 1em;
  }
  div.admin .right {
    float: right;
    width: 47%;
    margin-right: 1em;
  }

  div.admin .expert-link {
    text-align: right;
    margin-right: 1em;
    padding-right: 4px;
  }

  table.package {
    width: 100%;
  }
  table.package .description {
    width: 100%;
  }
  div.admin-dependencies, div.admin-required {
    font-size: 0.9em;
    color: #444;
  }
  span.admin-disabled {
    color: #800;
  }
  span.admin-enabled {
    color: #080;
  }
  span.admin-missing {
    color: #f00;
  }

  /**
   * Formatting for status report
   */
  table.system-status-report th {
    border-bottom: 1px solid #ccc;
  }
  table.system-status-report th, table.system-status-report tr.merge-up td {
    padding-left: 30px;
  }
  table.system-status-report th  {
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  table.system-status-report tr.error th {
    background-image: url(../../misc/watchdog-error.png);
  }
  table.system-status-report tr.warning th {
    background-image: url(../../misc/watchdog-warning.png);
  }
  table.system-status-report tr.ok th {
    background-image: url(../../misc/watchdog-ok.png);
  }

  /**
   * Formatting for theme configuration
   */
  .theme-settings-left {
    float: left;
    width: 49%;
  }
  .theme-settings-right {
    float: right;
    width: 49%;
  }
  .theme-settings-bottom {
    clear: both;
  }

/* modules/system/defaults.css */

  /*
  ** HTML elements
  */
  fieldset {
    margin-bottom: 1em;
    padding: .5em;
  }
  form {
    margin: 0;
    padding: 0;
  }
  hr {
    height: 1px;
    border: 1px solid gray;
  }
  img {
    border: 0;
  }
  table {
    border-collapse: collapse;
  }
  th {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  /*
  ** Markup free clearing
  ** Details: http://www.positioniseverything.net/easyclearing.html
  */
  .clear-block:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .clear-block {
    display: inline-block;
  }

  /* Hides from IE-mac \*/
  * html .clear-block {
    height: 1%;
  }
  .clear-block {
    display: block;
  }
  /* End hide from IE-mac */

/* modules/system/system.css */

  /*
  ** HTML elements
  */
  th.active img {
    display: inline;
  }
  tr.even, tr.odd {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
  }
  td.active {
    background-color: #ddd;
  }
  tbody {
    border-top: 1px solid #ccc;
  }
  tbody th {
    border-bottom: 1px solid #ccc;
  }
  thead th {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  /*
  ** Other common styles
  */
  .breadcrumb {
    padding-bottom: .5em
  }
  .error {
    color: #f00;
  }
  div.error {
    border: 1px solid #d77;
  }
  div.error, tr.error {
    background: #fcc;
    color: #200;
  }
  div.warning, tr.warning {
    background: #ffd;
  }
  div.ok, tr.ok {
    background: #dfd;
  }
  .item-list .icon {
    color: #555;
    float: right;
    padding-left: 0.25em;
    clear: right;
  }
  .item-list .title {
    font-weight: bold;
  }
  .item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
  }
  .item-list ul li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
    list-style: disc;
  }
  .form-item {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  tr.odd .form-item, tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
  }
  tr.merge-down, tr.merge-down td, tr.merge-down th {
    border-bottom-width: 0 !important;
  }
  tr.merge-up, tr.merge-up td, tr.merge-up th {
    border-top-width: 0 !important;
  }
  .form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 2px solid red;
  }
  .form-item .description {
    font-size: 0.85em;
  }
  .form-item label {
    display: block;
    font-weight: bold;
  }
  .form-item label.option {
    display: inline;
    font-weight: normal;
  }
  .form-checkboxes, .form-radios {
    margin: 1em 0;
  }
  .form-checkboxes .form-item, .form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
  }
  .marker, .form-required {
    color: #f00;
  }
  .more-link {
    text-align: right;
  }
  .more-help-link {
    font-size: 0.85em;
    text-align: right;
  }
  .nowrap {
    white-space: nowrap;
  }
  .pager {
    clear: both;
    text-align: center;
  }
  .pager a, .pager strong.pager-current {
    padding: 0.5em;
  }
  .tips {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.9em;
  }
  dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
    font-family: inherit;
    font-size: inherit;
    width: 14em;
  }
  dl.multiselect dd.a, dl.multiselect dd.a .form-item {
    width: 8em;
  }
  dl.multiselect dt, dl.multiselect dd {
    float: left;
    line-height: 1.75em;
    padding: 0;
    margin: 0 1em 0 0;
  }
  dl.multiselect .form-item {
    height: 1.75em;
    margin: 0;
  }

  /*
  ** Inline items (need to override above)
  */
  .container-inline div, .container-inline label {
    display: inline;
  }

  /*
  ** Menus
  */
  ul.menu {
    list-style: none;
    border: none;
    text-align:left;
  }
  ul.menu li {
    margin: 0 0 0 0.5em;
  }
  li.expanded {
    list-style-type: circle;
    list-style-image: url(../../misc/menu-expanded.png);
    padding: 0.2em 0.5em 0 0;
    margin: 0;
  }
  li.collapsed {
    list-style-type: disc;
    list-style-image: url(../../misc/menu-collapsed.png);
    padding: 0.2em 0.5em 0 0;
    margin: 0;
  }
  li.leaf {
    list-style-type: square;
    list-style-image: url(../../misc/menu-leaf.png);
    padding: 0.2em 0.5em 0 0;
    margin: 0;
  }
  li a.active {
    color: #000;
  }
  td.menu-disabled {
    background: #ccc;
  }
  ul.links {
    margin: 0;
    padding: 0;
  }
  ul.links.inline {
    display: inline;
  }
  ul.links li {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
  }
  .block ul {
    margin: 0;
    padding: 0 0 0.25em 1em;
  }

  /*
  ** Tab navigation
  */
  ul.primary {
    border-collapse: collapse;
    padding: 0 0 0 1em;
    white-space: nowrap;
    list-style: none;
    margin: 5px;
    height: auto;
    line-height: normal;
    border-bottom: 1px solid #bbb;
  }
  ul.primary li {
    display: inline;
  }
  ul.primary li a {
    background-color: #ddd;
    border-color: #bbb;
    border-width: 1px;
    border-style: solid solid none solid;
    height: auto;
    margin-right: 0.5em;
    padding: 0 1em;
    text-decoration: none;
  }
  ul.primary li.active a {
    background-color: #fff;
    border: 1px solid #bbb;
    border-bottom: #fff 1px solid;
  }
  ul.primary li a:hover {
    background-color: #eee;
    border-color: #ccc;
    border-bottom-color: #eee;
  }
  ul.secondary {
    border-bottom: 1px solid #bbb;
    padding: 0.5em 1em;
    margin: 5px;
  }
  ul.secondary li {
    display: inline;
    padding: 0 1em;
    border-right: 1px solid #ccc;
  }
  ul.secondary a {
    padding: 0;
    text-decoration: none;
  }
  ul.secondary a.active {
    border-bottom: 4px solid #999;
  }

  /*
  ** Autocomplete styles
  */
  /* Suggestion list */
  #autocomplete {
    position: absolute;
    border: 1px solid;
    overflow: hidden;
    z-index: 100;
  }
  #autocomplete ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #autocomplete li {
    background: #fff;
    color: #000;
    white-space: pre;
    cursor: default;
  }
  #autocomplete li.selected {
    background: #0072b9;
    color: #fff;
  }
  /* Animated throbber */
  html.js input.form-autocomplete {
    background-image: url(../../misc/throbber.gif);
    background-repeat: no-repeat;
    background-position: 100% 2px;
  }
  html.js input.throbbing {
    background-position: 100% -18px;
  }

  /*
  ** Collapsing fieldsets
  */
  html.js fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
    height: 1em;
  }
  html.js fieldset.collapsed * {
    display: none;
  }
  html.js fieldset.collapsed legend {
    display: block;
  }
  html.js fieldset.collapsible legend a {
    padding-left: 15px;
    background: url(../../misc/menu-expanded.png) 5px 75% no-repeat;
  }
  html.js fieldset.collapsed legend a {
    background-image: url(../../misc/menu-collapsed.png);
    background-position: 5px 50%;
  }
  /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
  * html.js fieldset.collapsed legend,
  * html.js fieldset.collapsed legend *,
  * html.js fieldset.collapsed table * {
    display: inline;
  }
  html.js fieldset.collapsible legend a {
    display: block;
  }
  /* Avoid jumping around due to margins collapsing into collapsible fieldset border */
  html.js fieldset.collapsible .fieldset-wrapper {
    overflow: auto;
  }

  /*
  ** Resizable text areas
  */
  .resizable-textarea {
    width: 95%;
  }
  .resizable-textarea .grippie {
    height: 9px;
    overflow: hidden;
    background: #eee url(../../misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
  }
  html.js .resizable-textarea textarea {
    margin-bottom: 0;
    width: 100%;
    display: block;
  }

  /*
  ** Progressbar styles
  */
  .progress {
    font-weight: bold;
  }
  .progress .bar {
    background: #fff url(../../misc/progress.gif);
    border: 1px solid #00375a;
    height: 1.5em;
    margin-top: 0.2em;
  }
  .progress .filled {
    background: #0072b9;
    height: 1em;
    border-bottom: 0.5em solid #004a73;
    width: 0%;
  }
  .progress .percentage {
    float: right;
  }

  /*
  ** Formatting for welcome page
  */
  #first-time strong {
    display: block;
    padding: 1.5em 0 .5em;
  }

  /*
  ** To be used with tableselect.js
  */
  tr.selected td {
    background: #ffc;
  }

/* modules/tracker/tracker.css */

  #tracker td.replies {
    text-align: center;
  }
  #tracker table {
    width: 100%;
  }

/* modules/user/user.css */

  #permissions td.module {
    font-weight: bold;
  }
  #permissions td.permission {
    padding-left: 1.5em;
  }
  #access-rules .access-type, #access-rules .rule-type {
    margin-right: 1em;
    float: left;
  }
  #access-rules .access-type .form-item, #access-rules .rule-type .form-item {
    margin-top: 0;
  }
  #access-rules .mask {
    clear: both;
  }
  #user-login-form {
    text-align: center;
  }
  #user-admin-filter ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  #user-admin-buttons {
    float: left;
    margin-left: 0.5em;
    clear: right;
  }

  /* Generated by user.module but used by profile.module: */
  .profile {
    clear: both;
    margin: 1em 0;
  }
  .profile .picture {
    float: right;
    margin: 0 1em 1em 0;
  }
  .profile dt {
    margin: 1em 0 0.2em 0;
    font-weight: bold;
  }
  .profile dd {
    margin:0;
  }

/* modules/watchdog/watchdog.css */

  tr.watchdog-user {
    background: #ffd;
  }
  tr.watchdog-user .active {
    background: #eed;
  }
  tr.watchdog-content {
    background: #ddf;
  }
  tr.watchdog-content .active {
    background: #cce;
  }
  tr.watchdog-page-not-found, tr.watchdog-access-denied {
    background: #dfd;
  }
  tr.watchdog-page-not-found .active, tr.watchdog-access-denied .active {
    background: #cec;
  }
  tr.watchdog-error {
    background: #ffc9c9;
  }
  tr.watchdog-error .active {
    background: #eeb9b9;
  }