@font-face {
  font-family: 'TradeGothicLTStd-BdCn20';
  src: url('/fonts/tradegothicltstd-bdcn20.eot');
  src: url('/fonts/tradegothicltstd-bdcn20.woff') format('woff'),
       url('/fonts/tradegothicltstd-bdcn20.ttf') format('truetype'),
       url('/fonts/tradegothicltstd-bdcn20.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TradeGothicLTStd-Bold';
  src: url('http://www.putpat.tv/stylesheets/html5/tradegothicltstd-bold.eot');
  src: url('http://www.putpat.tv/stylesheets/html5/tradegothicltstd-bold.woff') format('woff'),
       url('http://www.putpat.tv/stylesheets/html5/tradegothicltstd-bold.ttf') format('truetype'),
       url('http://www.putpat.tv/stylesheets/html5/tradegothicltstd-bold.svg#tradegothicltstd-bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.embed-player {
  width: 100%;
  height: 100%;
}

.info-bar {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  z-index: 100;
}

.corner-logo {
  display: inline-block;
  height: 100%;
}

.corner-logo-bg {
  background-color: rgba(0, 0, 0, 0.7);
}

.corner-logo img {
  height: 100%;
}

.info-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
}

.info-gradient-bg {
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.7) 63%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(63%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.7) 63%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,0,0,0.7) 63%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,0,0,0.7) 63%,rgba(0,0,0,0.1) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(0,0,0,0.7) 63%,rgba(0,0,0,0.1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-9 */
}

.info-title {
  position: absolute;
  left: 8px;
  top: 8px;
  font-family: 'TradeGothicLTStd-BdCn20', sans-serif;
  -webkit-font-smoothing: antialiased;
}

.title-title {
  font-size: 17pt;
  color: #cccccc;
}

.title-subtitle {
  font-size: 13pt;
  color: #aeaeae;
}

.putpat-logo {
  position: absolute;
  text-align: right;
  display: inline-block;
  right: 15px;
  top: 5px;
  bottom: 5px;
}

.putpat-logo img {
  height: 100%;
}

.control-play {
  margin-left: 15px;
}

.control-pause {
  margin-left: 15px;
  display: none;
}

.control-icon {
  height: 20px;
  cursor: pointer;

  position: relative;
  top: 7px;
}

.controls-right {
  float: right;
  margin-right: 20px;
}


.share-box .share-buttons {
  margin: 30px auto 0;
  width: 260px;
  text-align: center;
}

.share {
  width: 35px;
  cursor: pointer;
}
.share.share-margin {
  margin-left: 32px;
}

.control-bar {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.8);

  -webkit-border-radius: 20px;
  border-radius: 20px;

  z-index: 100;
}

.control-bar-gradient {
  height: 100%;
  width: 100%;
  color: #ccc;

  -webkit-border-radius: 20px;
  border-radius: 20px;

  background: -moz-linear-gradient(top,  rgba(102,102,102,0.5) 0%, rgba(17,17,17,0.3) 50%, rgba(102,102,102,0.4) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,0.5)), color-stop(50%,rgba(17,17,17,0.3)), color-stop(100%,rgba(102,102,102,0.4))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(102,102,102,0.5) 0%,rgba(17,17,17,0.3) 50%,rgba(102,102,102,0.4) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(102,102,102,0.5) 0%,rgba(17,17,17,0.3) 50%,rgba(102,102,102,0.4) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(102,102,102,0.5) 0%,rgba(17,17,17,0.3) 50%,rgba(102,102,102,0.4) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(102,102,102,0.5) 0%,rgba(17,17,17,0.3) 50%,rgba(102,102,102,0.4) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80666666', endColorstr='#66666666',GradientType=0 ); /* IE6-9 */
}

.control-bar a {
  color: #fff;
}

.video-player {
  position: absolute;
  top: 0px;
  left: 0px;
}

.control-pos-container {
  display: inline-block;
  width: 450px;
  height: 6px;
  margin-left: 10px;
  margin-right: 10px;

  position: absolute;
}

.control-pos-bar {
  width: 0px;
  height: 100%;
}

.control-pos-container, .control-volume-container {
  background-color: rgb(235, 235, 235);

  background-image: linear-gradient(bottom, rgb(235,235,235) 30%, rgb(166,166,166) 70%);
  background-image: -o-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(166,166,166) 70%);
  background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(166,166,166) 70%);
  background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(166,166,166) 70%);
  background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(166,166,166) 70%);

  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.3, rgb(235,235,235)),
      color-stop(0.7, rgb(166,166,166))
  );

  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}

.control-pos-bar, .control-volume-bar {
  background-color: rgb(0, 179, 255);

  background-image: linear-gradient(bottom, rgb(0,179,255) 30%, rgb(0,138,197) 70%);
  background-image: -o-linear-gradient(bottom, rgb(0,179,255) 30%, rgb(0,138,197) 70%);
  background-image: -moz-linear-gradient(bottom, rgb(0,179,255) 30%, rgb(0,138,197) 70%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,179,255) 30%, rgb(0,138,197) 70%);
  background-image: -ms-linear-gradient(bottom, rgb(0,179,255) 30%, rgb(0,138,197) 70%);

  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.3, rgb(0,179,255)),
      color-stop(0.7, rgb(0,138,197))
  );

  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.control-volume-bounds {
  display: inline-block;
}

.control-volume-icon {
  width: 20px;
  display: inline-block;
  cursor: pointer;
}

.control-volume-container {
  display: none;
  width: 50px;
  height: 6px;
  right: 14px;

  position: absolute;
}

.control-volume-bar {
  width: 0px;
  height: 100%;

  direction: rtl;
}

.geo-block {
  display: table;
  text-align: center;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  color: #ccc;
}

.geo-block-text {
  display: table-cell;
  vertical-align: middle;
  font-family: 'TradeGothicLTStd-BdCn20', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 25px;
}

.geo-block-logo {
  position:absolute;
  top: 5px;
  right: 15px;
  height: 30px;
}

.share-box {
  display: none;
  position: absolute;
  width: 300px;
  height: 200px;
  z-index: 200;
  background-color: #000;
  border: 2px solid #00b4ff;

  -moz-border-radius: 10px 10px;
  -webkit-border-radius: 10px 10px;
  border-radius: 10px 10px;
}

.share-close {
  position: absolute;
  right: 9px;
  top: 7px;
  font-size: 20px;
  font-weight: 100;
  color: #ccc;
  font-family: helvetica, arial, sans-serif;
  cursor: pointer;
}

.share-title {
  margin-top: 45px;
  font-family: 'TradeGothicLTStd-BdCn20', sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  width: 100%;
  text-align: center;
}

.share-embed {
  display: none;
  background-color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 10px;
  padding: 2px;
  height: 60px;
}

.tipsy {
  font-family: 'TradeGothicLTStd-BdCn20', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
}