.js-show {
  display: none;
}

form .error {
  border: 2px solid red;
  background-color: #FFFAFA;
}

.hidden {
  height: 0;
  width: 0;
}

.notice p {
  margin: 0;
  padding: 0;
  margin-top: 1em;
}

.notice div {
  padding: .5em;
  margin: .5em;
  margin-left: 0;
  border: 1px solid black;
  float: left;
  width: 300px;
}

body > .notice div {
  width:auto;
  min-width:300px;
}

.notice .user_error {
  border: 1px solid red;
  background-color: #FFFAFA;
}

.notice .user_error label {
  color: #D00;
}

.notice .system_error {
  border: 2px solid red;
  background-color: #FFFAFA;
}

.notice .success {
  border: 1px solid green;
  background-color: #effae6;
}

.notice .informational {
  /*background-color: #FAFAFA;*/
  background-color: #ABC;
}

form div.error, p.error{
  padding: 1em;
}

#breadcrumbs a {

}

#breadcrumbs .current {
  font-weight: bold;
}


div.player {
  position: relative;
}

div.player div.info {
  opacity: 0;
  position: absolute;
  border: 1px solid #555;
  border-left: 0;
  border-right: 0;
  width: 96%;
  background-color: #111;
  padding: 2%;
  padding-top: 2px;
  padding-bottom: 2px;
  /*bottom: 0px;*/
  left: 0px;
  top:0;
  font-weight: bold;
  font-size: .8em;
  color: #EFEFEF;
  text-align: left;
}