/*
  This is an example CSS for the CMS
  It lists some of the styles used by the cms
*/


/* A list of articles  */
.articles-list       { border: 1px #777 solid; padding: 0px 1em; width: 350px; }

/* Search results */
.articles-results    { border: 1px #777 solid; padding: 0px 1em; width: 350px; }

/* Search box */
.articles-search     { border: 1px #777 solid; padding: 1em; background-color: whitesmoke; margin: 5px 0px; padding-bottom: 0px; width: 350px;}

/* Single article */
.article             { border: 1px #777 solid; margin: 1em 0px; padding: 5px; background-color: whitesmoke; }

/* Article heading */
.article h3          { color: darkblue; margin: 0px; }

/* Article text */
.article p           { margin: 0px; font-size: small; }

/* Article image */
.article img         { float: left; margin-right: 3px; }

/* Paragraph link is in */
.article p.link      { text-align: right; clear: both; padding-top: 2px; }

/* Paragraph date is in */
.article p.date      { color: green; }

/* Article pagination */
.article_sets {
  padding-left: 0px;
  margin-left: 0px;
}

.article_sets li {
  display: block;
  float: left;
  margin-right: 4px;
  border: 1px solid darkblue;
}

.article_sets li.filler {
  display: block;
  visibility: hidden;
  float: none;
  clear: both;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

.article_sets li a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 4px 1px 4px;
}

.article_sets li a:link, .article_sets li a:hover, .article_sets li a:active, .article_sets li a:visited {
  color: darkblue;
  background-color: white;
}

.article_sets li.on a:link,
.article_sets li.on a:hover,
.article_sets li.on a:active,
.article_sets li.on a:visited {
  color: white;
  background-color: darkblue;
}

/* Search stats box (i.e. "showing results X to Y of Z") */
.search-stats        { background-color: whitesmoke; }

/* Search terms box */
.search-terms        { background-color: whitesmoke; }

/* Search pages box */
.search-pages        { background-color: whitesmoke; }

/* The current page has an on class */
.search-pages .on    { color: red; font-size: x-large; }

/* A single search result */
.result              { border: 1px #777 solid; margin: 1em 0px; padding: 5px; background-color: whitesmoke; }

/* Search result heading */
.result h3           { color: darkblue; margin: 0px; }

/* Search result breadcrumb */
.result .breadcrumb  { color: green; }

/* Search result summary */
.result .desc        { font-family: sans-serif; margin: 0px; }

/* Search result link */
.result .link        { text-align: right; margin: 0px; }

/* Search result short description - articles only */
.result .short-desc  { color: #333; font-style: italic; margin: 4px 0px; }

/* Special highlighting of search terms in titles */
.result h3 strong    { color: #33C; }



/* Related links bounding box */
.related_links          { float: right; border: 1px #777 solid; background-color: whitesmoke; margin: 1em; }

/* Related links heading */
.related_links h2       { padding: 2px; background-color: #777; margin: 0px; color: #FFF; font-family: sans-serif; }

/* Related links list */
.related_links ul       { margin: 4px; list-style-type: none; }

/* On items */
.related_links .on      { font-weight: bold; }

/* Sub items of an on item */
.related_links .on li   { font-weight: normal; }

/* Sub item of an on item that is on as well */
.related_links .on .on  { font-weight: bold; }



/* On items */
#p7PMnav .on      { font-weight: bold; }

/* Sub items of an on item */
#p7PMnav .on li   { font-weight: normal; }

/* Sub item of an on item that is on as well */
#p7PMnav .on .on  { font-weight: bold; }


/* Error, Message and Warning */
.error {
  border: 1px solid #FF0000; background-color: #FFF4F4; color: #900000;
  font-weight: bold; padding: 3px 5px 3px 5px;
}
.warning {
  border: 1px solid #DDDD00; background-color: #FFFFE9; color: #909000;
  font-weight: bold; padding: 3px 5px 3px 5px;
}
.confirmation {
  border: 1px solid #00DD00; background-color: #F4FFF4; color: #009000;
  font-weight: bold; padding: 3px 5px 3px 5px;
}