/* $Id: node.css,v 1.5 2008/01/25 21:21:44 goba Exp $ */

.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; /* LTR */
  margin-left: 0.5em; /* LTR */
  clear: right; /* LTR */
}
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;
}
.terms-inline {
  display: inline;
}
/* $Id: defaults.css,v 1.5 2007/10/02 12:10:40 dries Exp $ */

/*
** 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; /* LTR */
  padding-right: 1em; /* LTR */
  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 */
/* $Id: system.css,v 1.48 2008/01/09 09:56:39 goba Exp $ */

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

/*
** Other common styles
*/
.breadcrumb {
  padding-bottom: .5em
}
div.indentation {
  width: 20px;
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  padding: 0.42em 0 0.42em 0.6em; /* LTR */
  float: left; /* LTR */
}
div.tree-child {
  background: url(http://css2.editors.ca/modules/system/../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url(http://css1.editors.ca/modules/system/../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}
div.tree-child-horizontal {
  background: url(http://css2.editors.ca/modules/system/../../misc/tree.png) no-repeat -11px center;
}
.error {
  color: #e55;
}
div.error {
  border: 1px solid #d77;
}
div.error, tr.error {
  background: #fcc;
  color: #200;
  padding: 2px;
}
.warning {
  color: #e09010;
}
div.warning {
  border: 1px solid #f0c020;
}
div.warning, tr.warning {
  background: #ffd;
  color: #220;
  padding: 2px;
}
.ok {
  color: #008000;
}
div.ok {
  border: 1px solid #00aa00;
}
div.ok, tr.ok {
  background: #dfd;
  color: #020;
  padding: 2px;
}
.item-list .icon {
  color: #555;
  float: right; /* LTR */
  padding-left: 0.25em; /* LTR */
  clear: right; /* LTR */
}
.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; /* LTR */
  padding: 0;
  list-style: disc;
}
ol.task-list li.active {
  font-weight: bold;
}
.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; /* LTR */
}
.more-help-link {
  font-size: 0.85em;
  text-align: right; /* LTR */
}
.nowrap {
  white-space: nowrap;
}
.item-list .pager {
  clear: both;
  text-align: center;
}
.item-list .pager li {
  background-image:none;
  display:inline;
  list-style-type:none;
  padding: 0.5em;
}
.pager-current {
  font-weight:bold;
}
.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; /* LTR */
  line-height: 1.75em;
  padding: 0;
  margin: 0 1em 0 0; /* LTR */
}
dl.multiselect .form-item {
  height: 1.75em;
  margin: 0;
}

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

/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em; /* LTR */
  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; /* LTR */
  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; /* LTR */
}
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(http://css1.editors.ca/modules/system/../../misc/throbber.gif);
  background-repeat: no-repeat;
  background-position: 100% 2px; /* LTR */
}
html.js input.throbbing {
  background-position: 100% -18px; /* LTR */
}

/*
** 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; /* LTR */
  background: url(http://css2.editors.ca/modules/system/../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */
}
html.js fieldset.collapsed legend a {
  background-image: url(http://css1.editors.ca/modules/system/../../misc/menu-collapsed.png); /* LTR */
  background-position: 5px 50%; /* LTR */
}
/* 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;
}
/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
html.js fieldset.collapsible {
  position: relative;
}
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(http://css1.editors.ca/modules/system/../../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;
}

/*
** Table drag and drop.
*/
.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0 -0.4em -0.5em; /* LTR */
  padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
  text-decoration: none;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  margin-top: 4px;
  height: 13px;
  width: 13px;
  background: url(http://css1.editors.ca/modules/system/../../misc/draggable.png) no-repeat 0 0;
}
a.tabledrag-handle-hover .handle {
  background-position: 0 -20px;
}

/*
** Teaser splitter
*/
.joined + .grippie {
  height: 5px;
  background-position: center 1px;
  margin-bottom: -2px;
}
/* Keeps inner content contained in Opera 9. */
.teaser-checkbox {
  padding-top: 1px;
}
div.teaser-button-wrapper {
  float: right; /* LTR */
  padding-right: 5%; /* LTR */
  margin: 0;
}
.teaser-checkbox div.form-item {
  float: right; /* LTR */
  margin: 0 5% 0 0; /* LTR */
  padding: 0;
}
textarea.teaser {
  display: none;
}
html.js .no-js {
  display: none;
}

/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(http://css1.editors.ca/modules/system/../../misc/progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin: 0 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: right; /* LTR */
}
.progress-disabled {
  float: left; /* LTR */
}
.ahah-progress {
  float: left; /* LTR */
}
.ahah-progress .throbber {
  width: 15px;
  height: 15px;
  margin: 2px;
  background: transparent url(http://css1.editors.ca/modules/system/../../misc/throbber.gif) no-repeat 0px -18px;
  float: left; /* LTR */
}
tr .ahah-progress .throbber {
  margin: 0 2px;
}
.ahah-progress-bar {
  width: 16em;
}

/*
** 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;
}

/*
** Floating header for tableheader.js
*/
table.sticky-header {
  margin-top: 0;
  background: #fff;
}

/*
** Installation clean URLs
*/
#clean-url.install {
  display: none;
}

/*
** For anything you want to hide on page load when JS is enabled, so
** that you can use the JS to control visibility and avoid flicker.
*/
html.js .js-hide {
  display: none;
}

/*
** Styles for the system modules page (admin/build/modules)
*/
#system-modules div.incompatible {
  font-weight: bold;
}

/*
** Styles for the system themes page (admin/build/themes)
*/
#system-themes-form div.incompatible {
  font-weight: bold;
}

/*
** Password strength indicator
*/
span.password-strength {
  visibility: hidden;
}
input.password-field {
  margin-right: 10px; /* LTR */
}
div.password-description {
  padding: 0 2px;
  margin: 4px 0 0 0;
  font-size: 0.85em;
  max-width: 500px;
}
div.password-description ul {
  margin-bottom: 0;
}
.password-parent {
  margin: 0 0 0 0;
}
/*
** Password confirmation checker
*/
input.password-confirm {
  margin-right: 10px; /* LTR */
}
.confirm-parent {
  margin: 5px 0 0 0;
}
span.password-confirm {
  visibility: hidden;
}
span.password-confirm span {
  font-weight: normal;
}
/* $Id: system-menus.css,v 1.1 2007/10/05 14:50:25 goba Exp $ */

ul.menu {
  list-style: none;
  border: none;
  text-align:left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(http://css2.editors.ca/modules/system/../../misc/menu-expanded.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(http://css1.editors.ca/modules/system/../../misc/menu-collapsed.png); /* LTR */
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(http://css2.editors.ca/modules/system/../../misc/menu-leaf.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  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; /* LTR */
}
/* $Id: user.css,v 1.7 2007/06/21 04:38:41 unconed Exp $ */

#permissions td.module {
  font-weight: bold;
}
#permissions td.permission {
  padding-left: 1.5em; /* LTR */
}
#access-rules .access-type, #access-rules .rule-type {
  margin-right: 1em; /* LTR */
  float: left; /* LTR */
}
#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; /* LTR */
  margin-left: 0.5em; /* LTR */
  clear: right; /* LTR */
}
#user-admin-settings fieldset .description {
  font-size: 0.85em;
  padding-bottom: .5em;
}

/* Generated by user.module but used by profile.module: */
.profile {
  clear: both;
  margin: 1em 0;
}
.profile .picture {
  float: right; /* LTR */
  margin: 0 1em 1em 0; /* LTR */
}
.profile h3 {
  border-bottom: 1px solid #ccc;
}
.profile dl {
  margin: 0 0 1.5em 0;
}
.profile dt {
  margin: 0 0 0.2em 0;
  font-weight: bold;
}
.profile dd {
  margin: 0 0 1em 0;
}
/* $Id: views.css,v 1.11.4.2 2010/03/12 00:25:37 merlinofchaos Exp $ */
.views-exposed-form .views-exposed-widget {
  float: left; /* LTR */
  padding: .5em 1em 0 0; /* LTR */
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
  margin-top: 0;
  margin-bottom: 0;
}

.views-exposed-form label {
  font-weight: bold;
}

.views-exposed-widgets {
  margin-bottom: .5em;
}

html.js a.views-throbbing,
html.js span.views-throbbing {
  background:url(http://css1.editors.ca/sites/all/modules/contrib/views/css/../images/status-active.gif) no-repeat right center;
  padding-right:18px;
}

/* administrative hover links */

div.view div.views-admin-links {
  font-size: xx-small;
  margin-right: 1em;
  margin-top: 1em;
/*  width: 95%; */
}

.block div.view div.views-admin-links {
  margin-top: 0;
}

div.view div.views-admin-links ul {
  padding-left: 0;
}

div.view div.views-admin-links li a {
  color: #ccc;
}

div.view div.views-admin-links li {
  padding-bottom: 2px;
  z-index: 201;
}

div.view div.views-admin-links-hover a,
div.view div.views-admin-links:hover a {
  color: #000;
}

div.view div.views-admin-links-hover,
div.view div.views-admin-links:hover {
  background: transparent;;
}

div.view div.views-admin-links a:before {
  content: "[";
}

div.view div.views-admin-links a:after {
  content: "]";
}

div.view div.views-hide {
  display: none;
}

/** For IE we add the class via js; for other browsers we rely on :hover **/
div.view div.views-hide-hover,
div.view:hover div.views-hide {
  display: block;
  position: absolute;
  z-index: 200;
}

/* don't do this one in IE */
div.view:hover div.views-hide {
  margin-top: -1.5em;
}

/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
  border-top: none;
}

#block-eac_block-0 h2 {margin-bottom:.4em;font-size:12px !important;}
#block-eac_block-0 ul {padding-left:0;}
#block-eac_block-0 a {font-weight:normal !important;}
#block-eac_block-0 a.active {font-weight:bold !important;color:#000 !important;}
/* $Id: zen.css,v 1.14.2.6 2009/11/05 11:03:32 johnalbin Exp $ */

/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal6-reference.css file
 *   Forum            See line 197 of Zen's drupal6-reference.css file
 *   Menus            See line 667 of Zen's drupal6-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal6-reference.css file
 *   Polls            See line 287 of Zen's drupal6-reference.css file
 *   Search           See line 320 of Zen's drupal6-reference.css file
 *   User Profiles    See line 945 of Zen's drupal6-reference.css file
 */


/** body **/
  body
  {
    margin: 0;
    padding: 10px;
  }

/** header **/
  #logo /* Wrapper for logo */
  {
    margin: 0 10px 0 0;
    padding: 0;
  }


  #site-name a:link,
  #site-name a:visited
  {
    color: #000;
    text-decoration: none;
  }

  #site-name a:hover
  {
    text-decoration: underline;
  }


/** content **/
  .breadcrumb /* The path to the current page in the form of a list of links */
  {
    padding-bottom: 0; /* Undo system.css */
  }

  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */
  {
    margin: 0;
  }

  div.warning, tr.warning /* Medium priority messages */
  {
    /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
  }

  .help /* Help text on a page */
  {
    margin: 1em 0;
  }

  .more-help-link /* Link to more help */
  {
    font-size: 0.85em;
    text-align: right;
  }

  #content-area /* Wrapper for the actual page content */
  {
  }

  ul.links /* List of links */
  {
    margin: 1em 0;
    padding: 0;
  }

  ul.links.inline
  {
    margin: 0;
    display: inline;
  }

  ul.links li
  {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
  }

  .pager /* A list of page numbers when more than 1 page of content is available */
  {
    clear: both;
    margin: 1em 0;
    text-align: center;
  }

  .pager a, .pager strong.pager-current
  {
    padding: 0.5em;
  }

  .feed-icons /* The links to the RSS or Atom feeds for the current list of content */
  {
    margin: 1em 0;
  }

  #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */
  {
  }

/** navbar **/
  #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
  {
    display: none;
  }


/** Drupal nodes **/
  .node-unpublished /* Unpublished nodes */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished
  {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; /* A very nice CSS3 property */
  }


  .marker /* "New" or "Updated" marker for content that is new or updated for the current user */
  {
    color: #c00;
  }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture
  {
    position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
  }

  .preview .node /* Preview of the content before submitting new or updated content */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal comments **/
  #comments /* Wrapper for the list of comments and its title */
  {
    margin: 1em 0;
  }

  .comment-unpublished /* Unpublished comments */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .new /* "New" marker for comments that are new for the current user */
  {
    color: #c00;
  }

  .comment ul.links /* Comment links. See also the ul.links declaration above. */
  {
    margin: 1em 0;
  }

  .indented /* Nested comments are indented */
  {
    /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
  }

  .preview .comment /* Preview of the comment before submitting new or updated comment */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    margin-bottom: 1em;
  }


/** Miscellaneous Drupal styles **/
  .error /* Errors that are separate from div.messages status messages (see above.) */
  {
    /* color: #e55; */ /* Drupal core uses a #e55 background */
  }

  .warning /* Warnings that are separate from div.messages status messages (see above.) */
  {
    /* color: #e09010; */ /* Drupal core uses a #e09010 background */
  }

  .more-link /* Aggregator, blog, and forum more link */
  {
    text-align: right;
  }

  #user-login-form /* Drupal's default login form */
  {
    text-align: left;
  }

  tr.even /* Some tables have rows marked even or odd. */
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  tr.odd
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  li a.active /* The active item in a Drupal menu */
  {
/*
    color: #000;
*/
  }


/** Drupal forms **/
  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios
  {
    margin: 1em 0;
  }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error
  {
    border: 2px solid #c00;
  }

  .form-item label /* The label for a form element */
  {
    display: block;
    font-weight: bold;
  }

  .form-item label.option /* The label for a radio button or checkbox */
  {
    display: inline;
    font-weight: normal;
  }

  .form-required /* The part of the label that indicates a required field */
  {
    color: #c00;
  }

  .form-item .description /* The descriptive help text (separate from the label) */
  {
    font-size: 0.85em;
  }

  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item
  {
    margin: 0.4em 0;
  }

  .form-submit /* The submit button */
  {
  }

  .container-inline div, .container-inline label /* Inline labels and form divs */
  {
    display: inline;
  }

  .tips /* Tips for Drupal's input formats */
  {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
  }

/** OpenID **/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
  #user-login-form ul /* OpenID creates a new ul above the login form's links. */
  {
    margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
  }

  #user-login-form li.openid-link /* The "Log in using OpenID" links. */
  {
    margin-top: 1em;
    margin-left: -20px; /* Un-do some of the padding on the ul list. */
  }

  #user-login-form li.user-link /* The "Cancel OpenID login" links. */
  {
    margin-top: 1em;
  }

  #user-login ul
  {
    margin: 1em 0;
  }

  #user-login li.openid-link, /* The OpenID links on the /user form. */
  #user-login li.user-link
  {
    margin-left: -2em; /* Un-do all of the padding on the ul list. */
  }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody
  {
    border-top: 1px solid #ccc;
  }

  form th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  form tbody th
  {
    border-bottom: 1px solid #ccc;
  }

  form thead th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  
  
  
/* later research maybe: http://stackoverflow.com/questions/448164/2-col-css-layout-with-background-colors-that-fill-full-height */
/* RESETS */
#logo {margin:0;}

/* LAYOUT */
body {margin:0;padding:0;border-top:3px solid #3671ad;}
#layout {width:100%;}
#layout tr {vertical-align:top;}
.col-left {width:160px;}
.col-right {width:160px;}

/* LAYOUT REGION COLOUR */
.col-left {background-color:#5e8dc3;}
.col-mid {background-color:#bfdfff;} /*#a6cbef;}*/
.col-right {background-color:#d5e5f4;}
.content-right {display:block;width:200px;float:right;padding-left:20px;}

.masthead .col-left {background-color:#3671ad;}
.masthead .col-mid, .masthead .col-right {background-color:#b6e15c;}

.masthead {border-bottom:2px solid #fff;}
.col-mid {border-left:1px solid #fff;}
.col-mid {text-align:left;} /* only necessary for IE */

.footer {background-color:#72a5da;border-top:1px solid #fff;}
.footer .block {margin-bottom:0;}
    

/* GLOBAL STYLES */
body {font-family:Arial,Helvetica,sans-serif;font-size:12px;}
tbody {border-top:0;}
sub, sup {line-height:.6em;}
iframe {border:1px solid #000;}
dt {margin-top:1em;}


a {font-weight:bold;text-decoration:none;}
a, #content li a.active {color:#005299;}
.col-mid a:hover {text-decoration:underline;}

#sidebar-left a.active, #footer a.active {color:#abee1f;}

.edit a {font-size:.9em;font-weight:normal;border:1px dotted #fff;padding:0 3px;margin-right:2px;}
.edit a:hover {color:#fff;background-color:#575;}

.search-info	/* don't show the details about search snippets e.g., node type, user, date */
	{display:none;}
	
.block {margin-bottom:20px;}




.img-container {float:right;display:block;margin-left:20px;margin-bottom:20px;}
.w150 {width:150px;}

.img-border {border:1px solid #000;} /* TODO ADD TO DEMO PAGE */
.img-right {margin-left:20px;margin-bottom:20px;}
.img-left {margin-right:20px;margin-bottom:20px;}
.img-caption {font-size:10px;margin:-5px 0 20px;}


/* DETAILS... */
h1#site-name {margin:0;font-size:0;line-height:0;}
.breadcrumbs {margin-bottom:1em;}


/* header links */
#primary ul {text-align:right;padding-right:20px;}
#primary .links li {text-align:right;padding:0 0 0 1em;}
.signout {padding-right:1em;}


/* leftnav block */
#sidebar-left-inner {padding-left:20px;padding-top:20px;}
#sidebar-left a {color:#fff;display:block;}

#sidebar-left ul {padding-left:0;}
#sidebar-left li {margin-left:0;list-style-type:none;list-style-image:none;border-top:1px solid #fff;padding-right:0;}
#sidebar-left ul ul {padding-left:10px;font-size:11px;background-color:#73aadc;border-top:1px solid #cdf;}
#sidebar-left ul ul li {padding-bottom:2px;border:0;}
#sidebar-left ul ul ul {padding-right:5px;}

#sidebar-left a:hover {color:#000;zzbackground-color:#99cceb;}


/* leftnav: public menu */
#block-menu-menu-public h2 {display:none;}


/* rightnav block */
.middle .col-right {border-left:2px solid #fff;}
#sidebar-right-inner {padding-left:15px;padding-top:20px;}
#sidebar-right h2 {border-bottom:1px dashed #fff;margin-bottom:4px;}

#sidebar-right ul {padding-left:0;}
#sidebar-right li {margin-left:0;list-style-type:none;list-style-image:none;padding:3px 0;}
#sidebar-right ul ul {padding-left:10px;font-size:11px;background-color:#73aadc;background-color:#99cceb;}
#sidebar-right ul ul li {padding-bottom:2px;border:0;}



/* center content column */
#content-inner {padding:20px;}
#content h1 {font-size:18px;font-weight:bold;}	/* page title */
#content h2 {font-size:16px;font-weight:bold;}	/* heading */
#content h3 {font-size:14px;font-weight:bold;margin-top:1.6em;}	/* subheading */
#content h4 {font-size:12px;}

#content dt {font-weight:bold;}

/* footer */
#footer, #footer a {color:#fff;}
#footer-message, #secondary {float:right;padding-right:20px;}
#secondary li {padding-left:2em;font-size:11px;font-weight:bold;}



/* Drupal messages (status and errors) */
#message {padding:1em 0 1em 0;font-size:smaller;font-family:verdana;line-height:1.2em;}
.messages {padding:0.5em;margin-bottom:0.5em;}
.messages.status {border:1px solid #009900;background-color:#eaffea;color:#009900;}
.messages.error {border:1px solid #f00;background-color:#ffeaea;color:#ff0000;}
div.error {padding:.5em;}


/* CONTENT STYLES */
div.focus-box, div.info-box, table.purple, div.notice
	{margin-bottom:1.5em;}
.file-size {color:#666;} /* automatic file ext/size for eac_file link tags */

p.subtitle, .subtitle {font-weight:bold;}
p.attribution {text-align:right;}
.center {text-align:center;}
.float-right {float:right;}

	
/* Right-floated focus box */
/* http://editors.dev/node/91 */
div.focus-box {border:3px double #000;background-color:#d5fc76;float:right;width:30%;margin-left:20px;padding-bottom:10px;overflow:hidden;}
div.focus-box .title {border-bottom:2px solid #fff;font-weight:bold;display:block;background-color:#addd49;padding:10px 15px 5px;font-size:1.2em;}
div.focus-box p, div.focus-box ul {padding-right:15px;}
div.focus-box p, div.focus-box h3 {padding-left:15px;}

div.focus-box .button {border-bottom:2px solid #fff;display:block;padding:30px 15px 25px;}



/*
info box: like a focus-box, but no frame or bg colour
http://www.editors.ca/members/index.html
http://www.editors.ca/members/readup/index.html
*/
div.info-box {clear:right;border:3px solid transparent;float:right;width:30%;margin-left:20px;padding-bottom:10px;}
div.info-box .title {font-weight:bold;padding:0 15px 5px;font-size:1.2em;}
div.info-box p, div.info-box ul {padding-left:15px;}

div.info-box.green {background-color:#d5fc76;}
div.info-box.green p {padding-right:15px;}

div.w300px {width:300px !important;}

/*
shade box: DOCUMENT IN DEMO PAGES
shade box: like an info box, with a background colour. no fixed size.
*/
div.shade-box {padding:15px;margin-bottom:1.5em;}
div.shade-box h3 {margin-top:0 !important;}
div.shade-box.green {background-color:#d5fc76;}


/* Purple tables */
/* http://editors.dev/node/230 */
table.purple {background-color:#d7d7ff;border:1px solid #fff;border-collapse:separate;}
table.purple th {font-weight:bold;}
table.purple th, table.purple td {border:1px solid #fff;vertical-align:top;padding:5px 10px;}
table.purple tr.even td {background-color:#fff;} /* ADD TO DEMO PAGE: used: http://editors.dev/node/438 */

table.blue {background-color:#d9ecff;border-collapse:collapse;}
table.blue th {font-weight:bold;font-style:italic;}
table.blue th, table.blue td {border:2px solid #bfdfff;vertical-align:top;padding:5px 10px;}

table.chapters {width:auto !important;margin-right:20px;}
table.chapters td {vertical-align:top;padding:4px 4px 4px 0;}
table.chapters .odd td {background-color:#d9ecff;}


/* e-news updates table */
.enews {}
.enews tr.title {font-weight:bold;font-size:14px;}
.enews td {padding:3px 8px;background-color:#d5fc76;border:3px double #fff;}
.enews tr.title td {background-color:#addd49;}



/* Purple 'notice' box */
/* http://editors.dev/node/107 */
div.notice {border:3px double #fff;background-color:#d7d7ff;padding:5px 10px 10px;}

/* Active voice box for 'on line' page */
table.activevoice {margin-bottom:1.4em;}
.activevoice td {padding:1em 1.4em}


/* Horizontal rule */
/* http://editors.dev/node/107 */
.rule {display:block;border-top:2px dotted #fff;padding:0;margin:23px 20px 0 0;line-height:5px;font-size:1px;zzzwidth:100%;}


/* SITEMAP page */
body.sitemap #content {background-color:#fff;}
#site-map h2.title {display:none;}
#site-map ul li {list-style-image:url(http://css2.editors.ca/i/green_dot.gif);}
#site-map ul ul li {list-style-image:none;list-style-type:square;margin-bottom:.2em;}
#site-map ul ul ul li {list-style-image:none;list-style-type:disc;}
#site-map ul li {margin-bottom:3em;}
#site-map ul li a {font-size:1.4em;}
#site-map ul ul li a {font-size:1em;}

.sitemap-box.sitemap-menu {border-bottom:1px dotted #000;margin-top:3em;}


/* LOGIN BLOCK */
#block-user-0 h2 {display:none;}
#block-user-0 .item-list {display:none;} /* create new account, request password */
#block-user-0 label {color:#abee1f;}
#block-user-0 .form-item {margin:0 0 5px;}
#block-user-0 .form-text {border:1px solid #16487b;font-size:11px;padding:2px;}
#block-user-0 .form-submit {border:1px solid #fff;background-color:#16487b;color:#fff;text-transform:uppercase;font-weight:bold;font-size:10px;padding:2px 10px;margin-top:5px;}


/* FRONT PAGE */
body.front #content h1 {display:none;}
.col-mid-left {border-left:1px solid #fff;background-color:#6380bc;}

.col-mid-right {background-color:#D5E5F4;width:176px;border-left:2px solid #fff;}
.col-mid-right h3 {color:#fff;font-size:1.3em;font-weight:bold;background-color:#498DCE;border-bottom:1px solid #346CA9;padding-top:6px;padding-bottom:2px;margin:0 0 10px;}
.col-mid-right h3, .col-mid-right p {padding-left:10px;padding-right:10px;}


/* INACTIVE ACCOUNT MESSAGE */
/*.inactive-account strong {font-size:1.4em;}*/


/* SEARCH PAGE */
body.section-search #content .tabs {display:none;}
fieldset.search-advanced {display:none;}

/* PAGER */
.item-list ul.pager {margin:1.4em 0;}
.item-list ul.pager li {margin-left:0;margin-right:8px;padding:0;border:0;}
.item-list ul.pager li a {background-color:#C9E9FF;}
.item-list ul.pager li a:hover {background-color:#fff;}
.item-list ul.pager li.pager-current {padding:.5em;}


/* TRANSLATION LINKS */
.translation-link {
	position:relative;
	top:-2px;
	margin-left:.8em;
	padding: 1px 2px;
	font-size:10px;font-weight:bold;
	color:white;
	border-width:1px;
	border-style:solid;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.translation-link {background-color:#005299;border-color:#005299;}
.translation-link:hover {background-color:#eee;color:#005299;}





/* EAC WEBFORM */
.eac-webform {margin-top:2em;}
.eac-webform tbody {border:0;}
.eac-webform tr {background-color:transparent;border:0;}


/* ADMIN */
.node-form #edit-language-wrapper {display:none;}
.node-form .tips {list-style-type:none;}



/*
STYLES TODO:
photo credits text on: http://editors.dev/node/214
quotation text on: http://editors.dev/node/214

add zebra row variation for table: http://editors.dev/node/438
fix issue with image in focus box on: http://editors.dev/node/214

.page-target {border:1px solid #00f;}
.eac-file {border:1px solid #f00;}
*/