#powereedbyrave7 {
  color: red !important;
  font-size: 10px;
}

/* Note: only .classname selectors will be displayed in the editors selection panel */

/* GENERAL STYLES */

/*	The web page body is wrapped inside a DIV called pagecontent. Using this DIV instead of the DIV in the actual template makes it so 
	the CSS can work using any template regardless of the name of the body DIV name.
*/

.hide {
  display: none;
}

/* ----------container of the breadcrumb trail-------------- */
#breadcrumbtrail {
  margin-bottom: 10px;
}

#breadcrumbtrail a,
#breadcrumbtrail {
  /* applied to the div that contains the web site breadcrumb trail */
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: silver;
  text-decoration: none;
}

#live-page-options a {
  /* used for the CSM links at the bottom of the web site */
  font-family: Arial;
  color: black;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
}
#live-page-options {
  font-size: 10px;
  color: black;
}

img.icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div.cancelIcon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div.moviePlayer {
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  margin-left: auto;
  margin-right: auto;
  float: none;
  z-index: 1;
  top: 0;
  left: 0;
  border-radius: 10px;
}

div.tableRow {
  display: table-row;
}

div.playerTitle {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-size: 70%;
  padding: 10px;
}

div.videoContainer {
  margin: auto;
  border: solid 1px #e0e0e0;
}

div.player {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}

div.loading {
  display: none;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}