.inline {
  display: inline-block;
}
.bold {
  font-weight: bold;
}
.disclaimer {
  font-size: xx-small;
}
.square {
  width: 14px;
  height: 16px;
  text-align: center;
  color: #9AC;
}
.lineOff {
  background-color: #123;
  height: 16px;
  border-radius: 4px;
}
.lineAct {
  background-color: #233445;
  height: 16px;
  border-radius: 4px;
}
#maincontainer {
  width: 175px;
  padding: 4px;
  float: right;
  background-color: #123;
  border: 3px solid #456;
  border-radius: 8px
}
#nowPlayingLine {
  width: 153px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  background-color: #344556;
  border-radius: 0px 4px 4px 0px;
  margin-bottom: 4px;
  padding-left: 2px;
}
#subcontainer {
  height: 80px;
  overflow: auto;
}
#playStatus {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  background-color: #344556;
  border-radius: 4px 0px 0px 4px;
  margin-bottom: 4px;
  padding-right: 4px;
}
#play, #stop, #pause {
  margin-left: 2px;
  cursor: pointer;
}
#blank {
  margin-left: 2px;
}
#playerTitle {
  font-weight: bold;
  text-align: center;
  color: #CA0;
  margin-bottom: 2px;
  background-color: #011223;
  border-radius: 4px;
}

#infoFrame {
  padding: 8px;
  background-color: #102;
  border: 2px solid #204;
  border-radius: 8px;
  margin-bottom: 5px;
  font-weight: bold;
}


.castInfoBox {
  padding: 4px;
  background-color: #123;
  border: 1px solid #456;
  border-radius: 8px;
  margin-bottom: 5px;
}
.castInfoTitle {
  background-color: #011223;
  border-radius: 6px;
  margin-bottom: 4px;
  text-align: center;
}
.castInfoKey {
  display: inline-block;
  width: 16%;
  padding-left: 1%;
  font-weight: bold;
  color: #7AB;
  border: 1px solid #456;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 5px;
}
.castInfoVal {
  width: 33%; 
  display: inline-block;
  border: 1px solid #456;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 5px;
}
.castInfoDesc {
  margin-top: 4px;
  overflow: auto;
}