/**
 * All CSS in this file must be prefixed with
 * "div.VideoRubric div.rubricContainer"
 * as the VideoRubric application will also
 * contain other applications.
 */

div.VideoRubric div.rubricContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 512px;
  border-radius: 10px;
  background-color: #fcdd2d;
  overflow: hidden;
}

div.VideoRubric div.rubricContainer video {
  max-width: 330px;
  display: block;
}
div.VideoRubric div.rubricContainer button {
  width: 154px;
  height: 138px;
  background: url(images/vyl/go.gif);
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
}
div.VideoRubric div.rubricContainer button:hover {
  background: url(images/vyl/go-hover.gif);
}
div.VideoRubric div.rubricContainer button:focus {
  outline: none;
}
/*
@media (max-width: 539px) {
	div.BubbleSqueakVideo div.outer {
		flex-direction: column;
		padding-bottom: 10px;
	}
	div.BubbleSqueakVideo div.controls {
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: center;
		width: 100%;
	}
}
*/