/**
 * realpatterns.css
 *
 * Copyright (c) 2005-2006 RealPatterns, Inc.  All rights reserved.
 */

/**
 * Default style.
 */
.default {

  color: rgb(0, 0, 50);
  background-color: rgb(255, 255, 255);
  font-size: 12px;
  font-family: sans-serif;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/**
 * Header bar.
 */
.header {

  padding-bottom: 1px;
  vertical-align: bottom;
  border-bottom: solid 4px rgb(200, 200, 200);
}

/**
 * Header bar logo image.
 */
.header-logo {

  border: none;
  padding: 4px 4px 2px 10px;
}

/**
 * Header bar navigation menu.
 */
.header-menu {

  color: rgb(205, 22, 22);
  text-align: center;
  border-top: solid 4px rgb(200, 0, 0);
}

/**
 * Header bar navigation menu item.
 */
.header-menu-item {

  font-size: 12px;
  text-align: center;
  padding-top: 8px;
}

/**
 * Promotion panel.
 */
.promotion {

  height: 100%;
  vertical-align: middle;
  border-bottom: solid 4px rgb(200, 200, 200);
  background-image: url('images/gradient-vertical-gray-1x320.png');
}

/**
 * Promotion panel image.
 */
.promotion-image {

  border: none;
}

/**
 * Promotion panel copy.
 */
.promotion-copy {

  color: rgb(0, 109, 145);
  font-family: sans-serif;
  font-size: 16pt;
  font-weight: bold;
  text-align: left;
  padding: 8px 16px 8px 16px;
}

/**
 * Headline box.
 */
.headline {

  color: rgb(80, 80, 80);
  background-color: rgb(180, 180, 180);
  border-bottom: solid 2px rgb(200, 0, 0);
  vertical-align: top;
}

/**
 * Headline box header.
 */
.headline-header {

  font-size: 16px;
  color: rgb(255, 255, 255);
  padding: 8px 8px 2px 16px;
}

/**
 * Headline box summary.
 */
.headline-summary {

  height: 100%;
  font-size: 10px;
  font-weight: bold;
  padding: 8px 8px 2px 16px;
  color: rgb(255, 235, 235);
}

/**
 * Headline box image.
 */
.headline-image {

  height: 40px;
  border-right: solid 1px rgb(220, 220, 220);
  border-bottom: solid 1px rgb(200, 200, 200);
}

/**
 * Content panel.
 */
.content {

  height: 100%;
  vertical-align: top;
}

/**
 * Content panel pane.
 */
.content-pane {

  height: 100%;
  vertical-align: top;
  background-color: rgb(255, 255, 255);
  font-size: 10px;
  color: rgb(80, 80, 80);
}

/**
 * Content pane heading.
 */
.content-pane-heading {

  font-size: 16px;
  color: rgb(0, 109, 145);
  font-weight: bold;
  padding: 16px 0px 4px 16px;
}

/**
 * Content pane section.
 */
.content-pane-section {

  padding: 0px 16px 0px 16px;
}

/**
 * Content slide.
 */
.content-slide {

  vertical-align: top;
  background-color: rgb(255, 255, 255);
}

/**
 * Content slide heading.
 */
.content-slide-heading {

  vertical-align: top;
  font-size: 16px;
  font-weight: bold;
  color: rgb(100, 100, 100);
  padding: 4px 0px 4px 16px;
}

/**
 * Content slide section.
 */
.content-slide-section {

  vertical-align: top;
  font-size: 10px;
  color: rgb(80, 80, 80);
  padding: 0px 16px 0px 16px;
}

/**
 * Footer bar.
 */
.footer {

  height: 40px;
  font-size: 10px;
  font-family: sans-serif;
  color: rgb(104, 104, 104);
  background-color: rgb(200, 200, 200);
  text-align: center;
  padding: 2px 0px 2px 0px;
  border-top: solid 3px rgb(104, 104, 104);
}

/**
 *
 */
.footer-menu {

}

/**
 * Footer bar item.
 */
.footer-menu-item {

  font-size: 10px;
  font-family: sans-serif;
  padding-right: 8px;
  padding-left: 8px;
}

/**
 * Unvisited link.
 */
a.header-link:link {
  color: rgb(80, 80, 80);
  text-decoration: none;
}
a.headline-link:link {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
a.footer-link:link {
  color: rgb(80, 80, 80);
}
a.more-link:link {
  color: rgb(50, 50, 50);
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
a.content-link:link {
  color: rgb(80, 80, 80);
}

/**
 * Visited link.
 */
a.header-link:visited {
  color: rgb(80, 80, 80);
  text-decoration: none;
}
a.headline-link:visited {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
a.footer-link:visited {
  color: rgb(80, 80, 80);
}
a.more-link:visited {
  color: rgb(50, 50, 50);
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
a.content-link:visited {
  color: rgb(80, 80, 80);
}

/**
 * Hovered-over link.
 */
a.header-link:hover {
  color: rgb(80, 80, 80);
  text-decoration: none;
}
a.headline-link:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
a.footer-link:hover {
  color: rgb(80, 80, 80);
}
a.more-link:hover {
  color: rgb(50, 50, 50);
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
a.content-link:hover {
  color: rgb(80, 80, 80);
}

/**
 * Selected link.
 */
a.header-link:active {
  color: rgb(80, 80, 80);
  text-decoration: none;
}
a.headline-link:active {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
a.footer-link:active {
  color: rgb(80, 80, 80);
}
a.more-link:active {
  color: rgb(50, 50, 50);
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
a.content-link:active {
  color: rgb(80, 80, 80);
}