h1,h2,h3
{
font-family: helvetica, arial, "sans-serif";
}
body,table
{
font-family: helvetica, arial, "sans-serif";
/*
font-size: 110%;
*/
}

p, .p {
  text-indent: 0px;
  text-align: justify;
  text-justify: inter-word;
  padding-left:10px;
  padding-right:10px;
}
/*
a:link {color: #99ffff}
a:visited {color: #c6ffc6}
a:hover {color: #c6ffc6}
a:active {color: #c6ffc6}
*/

.date {
  font-size: 12px;
}

.tdtc {
  text-align:center;
  vertical-align:top;
}
.tdtl {
  text-align:left;
  vertical-align:top;
}
.tdtr {
  text-align:right;
  vertical-align:top;
}

.tdmc {
  text-align:center;
  vertical-align:middle;
}
.tdbc {
  text-align:center;
  vertical-align:bottom;
}

/* Mixin */
@mixin vertical-align($position: relative) {
  position: $position;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.element p {
  @include vertical-align();
}

.video {
  width:30px;
  height:20px;
  background-color:red;
  color:white;
  text-align:center;
  @include vertical-align();
  display: inline-block;
}

.videoDiv {
  display: inline;
}
</style>