/* CSS Document */
body.dev {
  background-color: #b6ddff;
}

.auto_complete .ac_input input.waiting {
  background-image: url("/assets/spinner3-greenie-69fbfaa1.gif");
  background-position: right;
  background-size: 1.2em;
  background-repeat: no-repeat;
}

/* Might promote these to app wide file */
.offsite-link {
  display: inline-block;
  background-image: url("/assets/external-link-green02-Shapes4FREE-9fddc7e3.png");
  margin-left: 2px;
  width: 10px;
  height: 10px;
}

span.edit-prod {
  font-size: 80%;
  color: darkolivegreen;
}

span.edit-prod a {
  font-size: 80%;
  color: darkolivegreen;
}

a.production-view-link {
  font-size: 60%;
  color: #003cb3;
}

/* ********************************** */
/* citations and comments on bdr page */
/* ********************************** */
#bdr-page #comments-list h4 {
  margin: 0;
}
#bdr-page #comments-list ul {
  list-style: circle;
}
#bdr-page #comments-list ul {
  margin-top: 4px;
}

#bdr-page #citations-list h4 {
  margin: 0;
}
#bdr-page #citations-list a.citation-link {
  color: black;
  font-weight: bold;
}
#bdr-page #citations-list span.linkless-citation {
  font-weight: bold;
}
#bdr-page #citations-list ul {
  margin-top: 4px;
}

#bdr-page #file-resources-list h4 {
  margin: 0;
}
#bdr-page #file-resources-list ul {
  margin-top: 4px;
}

/* ............................ */
/* editor tab */
#bio-tabs {
  background: transparent;
  border: none;
}

#bio-tabs .ui-widget-header {
  background: transparent;
  border: none;
  border-bottom: 1px solid #c0c0c0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

#bio-tabs .ui-state-default {
  background: transparent;
  border: none;
}

#tabs-min .ui-state-active {
  background: transparent url("img/uiTabsArrow.png") no-repeat bottom center;
  border: none;
}

#bio-tabs .ui-state-default a {
  color: #c0c0c0;
}

#bio-tabs .ui-state-active a {
  color: #459e00;
}

/* end editor tab experiment */
a {
  color: black;
}

a:hover {
  background-color: yellow;
}

#bdr-page {
  width: auto;
  background-color: #616e87;
  border: 3px solid #CCCCCC;
}

/* the page and top level stuff */
#bdr-page {
  min-width: 760px;
}
#bdr-page #info-bar {
  background-color: #CCCCCC;
  padding-bottom: 3px;
}

article {
  margin: 1em;
}
article table.outer {
  width: 900px;
}
article td {
  vertical-align: top;
}
article section.intro {
  text-align: left;
}
article section.intro .message {
  display: inline-block;
  text-align: left;
  width: 60%;
  background-color: rgb(236, 239, 236);
  border: 2px black solid;
  padding: 0.5em;
  margin: 1em;
}
article {
  /* The login form */
}
article section.form {
  text-align: center;
}
article section.form form#new_user table {
  display: inline-block;
  text-align: left;
  border: 2px yellow outset;
  padding: 3px;
  margin: 1em 0 0 3em;
  color: yellow;
}
article section.form form#new_user table td {
  padding: 2px;
}

/* BDR layout header */
div#bdr-header {
  margin-left: 10px;
  padding: 12px;
  text-align: left;
  color: #CCCCCC;
  position: relative;
  width: 650px;
}
div#bdr-header input {
  font-weight: bold;
  color: black;
}
div#bdr-header h2 {
  text-align: center;
  padding-right: 1em;
  clear: both;
}

/** Auto complete in header to here */
.auto_complete input {
  background: #F2F9F2;
}
.auto_complete ul {
  border: 1px solid navy;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
}

/* ac menu experiment */
ul.ui-autocomplete li a {
  padding: 2px 0.1em;
  margin-top: 2px;
}

.ui-menu .ui-menu-item a {
  color: black;
  background-color: #F2F9F2;
}

.ui-menu .ui-menu-item a.ui-state-focus {
  background-color: yellow;
}

div.auto_complete ul li {
  margin: 0;
  padding: 3px;
  background-color: yellow;
}

div.auto_complete ul li.selected {
  background-color: #ffb;
}

div.auto_complete ul strong.highlight {
  color: #800;
  margin: 0;
  padding: 0;
}

/* Person */
#person-ac {
  float: left;
  color: black;
}

#person-ac2 {
  margin-left: 3px;
  font-size: 80%;
  color: white;
}

#production-ac {
  margin-left: 3px;
  color: black;
  text-align: right;
}

#production-ac2 {
  margin-left: 3px;
  font-size: 80%;
  color: white;
}

#additional-search {
  clear: both;
}

/* Bio search results page */
span.bio-search-match {
  background-color: white;
  color: red;
}

/* The reader's frame */
#bdr-header {
  margin-left: 45px;
}
#bdr-header h2 {
  clear: both;
}
#bdr-header {
  /*  #notice, #alert, #error {
      margin-bottom: 2px; margin-top: 10px; text-align: center;
      span {
        background-color: #EEEEEE;
        font-weight: bold;
        color: red;
        border: 2px yellow solid;
        padding: 4px;}
    }
    #alert span {background-color: #ffffe0;}*/
}

p.salutation {
  margin: 0;
}

/* The bio section on the reader page*/
#person-bio {
  border: 1px solid #006400;
  margin: 3px 3px 3px 1px;
  padding: 0.5em;
}
#person-bio #bio-head {
  border-bottom: 2px gray solid;
}
#person-bio #bio-head .name {
  font-size: 2em;
  font-weight: bold;
  display: inline;
}
#person-bio #bio-head .dates {
  display: inline;
}
#person-bio #bio-head .edit-link {
  color: #008000;
  margin-left: 1em;
}
#person-bio #bio-head .edit-link:hover {
  color: black;
  background-color: yellow;
}

#person-credit-list .title {
  font-weight: bold;
  text-align: center;
}
#person-credit-list .pagination, #person-credit-list .pagination-note {
  margin: 0 0.25em;
  text-align: center;
  background-color: rgba(202, 232, 173, 0.51);
}
#person-credit-list a.prod-link {
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  font-style: italic;
}
#person-credit-list a.prod-link:hover {
  color: #ffffff;
  background-color: #000000;
}
#person-credit-list .credited-production.hilite {
  background-color: #e8e8e8;
}
#person-credit-list .credited-production:last-of-type {
  border: none;
}
#person-credit-list .credit-year {
  font-size: 0.8em;
  border-top: 1px lightgray solid; /*padding-left: 1em;*/
  font-weight: bold;
}

edit input {
  background-image: url("/assets/ac_ind.gif");
  background-repeat: no-repeat;
  background-position: center right;
}

div.bio-textcl {
  border: 1px solid #006400;
  margin: 3px 3px 3px 1px;
  padding: 3px;
}

/*#person-credit-list a.prod-link {
  font-weight: bold;
  text-decoration: none;
}*/
/* as wuz (mostly) */
body {
  background-color: #EEEEEE;
}

div#cover {
  background-color: #FA0A03;
  width: 500px;
  height: 600px;
  padding-top: 80px;
}

div#cover-title {
  padding: 1em;
  margin-left: 50px;
  width: 355px;
  height: 150px;
  text-align: left;
  border: 3px solid #CCCCCC;
  color: #CCCCCC;
  position: relative;
}

#cover h2, #bdr-header h2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-style: oblique;
  letter-spacing: 0.05em;
}

#cover h2.author, #bdr-header h2.author {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 150px;
}

#cover h3, #bdr-header h3 {
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
}

#bdr-edit-page {
  background-color: #616e87;
  border: 3px solid #CCCCCC;
  margin: 2px;
}

#bdr-edit-page #notice, #bdr-edit-page #error-notice {
  margin-left: 1em;
  text-align: center;
}

#flash {
  margin-top: 5px;
  text-align: center;
  margin-bottom: 5px;
}
#flash span {
  background-color: #EEEEEE;
  font-weight: bold;
  color: red;
  border: 2px yellow solid;
  padding: 4px;
}
#flash #notice span {
  border: 2px green solid;
  padding: 4px;
}
#flash #alert span {
  background-color: #eee2df;
  color: black;
}
#flash #error span {
  border: 3px red solid;
  background-color: yellow;
}

#bdr-header fieldset {
  margin-bottom: 1em;
}

#bdr-edit-page #error-notice span {
  background-color: yellow;
  border: 2px red solid;
  padding: 4px;
}

#bdr-page hr {
  margin: 3px 3px 0 0;
  padding: 0 0 0 0;
}

#column-left {
  clear: both;
  width: 35%;
  float: left;
  bottom: 100%;
  color: black;
  margin-left: 4px;
  background-color: #F2F9F2;
}

#deon-frame {
  margin: 1em;
  padding: 0.5em;
  background-color: #F2F9F2;
}

#about-deon {
  border: 2px solid #006400;
  clear: both;
  bottom: 100%;
  color: black;
  margin: 2px;
  background-color: #F2F9F2;
  padding: 0 1em 0 0.5em;
}

div#person-credit-list {
  border: 1px solid #006400;
  margin: 3px;
  padding: 3px;
}

#column-right {
  width: 60%;
  float: left;
  background-color: #F2F9F2;
  margin-left: 5px;
  margin-bottom: 1em;
  padding-left: 3px;
}

#full-width {
  background-color: #F2F9F2;
  margin: 1em;
  padding: 3px;
}

#production-lista {
  color: black;
  background-color: #F2F9F2;
  margin: 3px 3px 3px 3px;
  border: 1px solid #006400;
  padding: 5px;
}

div#entry-prompt {
  color: black;
  margin-left: 2em;
}

#footer {
  clear: both;
  color: #CCCCCC;
  text-align: center;
  font-weight: bold;
}

.play {
  font-weight: bold;
}

.illustration {
  visibility: hidden;
}

div#production-list {
  color: white;
  margin: 1em;
}

#production-list a {
  color: white;
}

#production-list a:hover {
  background-color: gray;
}

#column-right a {
  color: white;
}

#column-right a:hover {
  color: yellow;
}

.credit-line-hi {
  background-color: #DDDDDD;
  color: black;
}

/* support for 'quiet' links - only indicator is hover */
a.quiet {
  text-decoration: none;
}

a.quiet:hover {
  color: red;
  background-color: #FFFFCC;
}

a.quiet:visited {
  text-decoration: none;
}

#bdr-edit-page #bdr-header a.quiet {
  color: #CCCCCC;
}

/* class referenced-from used in productions section of bdr home */
.refered-from {
  background-color: #EEEEEE;
}

/* for tabbed input */
#archive-tabs {
  float: left;
  width: 100%;
  background: #E3DFDE;
  font-size: 93%;
  line-height: normal;
}

#archive-tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#archive-tabs li {
  float: left;
  background: url("../images/tabs/norm_right.gif") no-repeat right top;
  margin: 0;
  padding: 0;
}

#archive-tabs a {
  display: block;
  background: url("../images/tabs/norm_left.gif") no-repeat left top;
  padding: 5px 15px;
  color: black;
  text-decoration: none;
}

#archive-tabs li.current {
  background-image: url("../images/tabs/norm_right_on.gif");
}

#archive-tabs li.current a {
  background-image: url("../images/tabs/norm_left_on.gif");
}

#attribute_entry {
  padding-top: 10px;
  background-color: #A7C7E0;
}

#attribute_entry input {
  background-color: #F2E7C4;
}

/* print version of the person list */
@media print {
  #select-people {
    display: none;
  }
}

/*# sourceMappingURL=/assets/bdr.css-4b434f3d.css.map */
