@font-face{font-family:VideoJS;src:url(/typefaces/vjs.eot);src:url(/typeface/vjs.eot?#iefix) format('embedded-opentype'),url(/typefaces/vjs.woff) format('woff'),url(/typefaces/vjs.ttf) format('truetype');font-weight:400;font-style:normal}

.relatedVideosContainer {
   position: relative;
   width: 100%;  
   top: 0px;
   left: 0px;
   margin: 0px 0px 20px 0px;
   background: var(--pres-main-bg-light);
   padding: 20px;
	float: left;
	clear: both;
}

.videoContentContainer {
   position: relative;
   clear: both;
   width: 100%;
   padding: 0px;
   background: var(--pres-main-bg-light);
}

.rvSrHeadCtr {
   position: relative;
   width: 100%;
	float: left;	
}

.rvSrLbl {
	font-size: 1.25em;
	color: var(--pres-main-fg-color);
	float: left;  
	font-weight: bold;
}

.rvSrSmlLbl {
   font-size: 1em;
   float: right;
   margin-top: 8px;  
}

.rvSrSmlLbl:hover {
   color: #ff4e00;  
   cursor: pointer;
}

.rvSrLink {
   color: var(--pres-main-fg-color);
}

.rvSrSearchResult {
   color: #ff4e00;  
}

.rvSrContentCtr {
   position: relative;
   clear: both;
	min-height: 150px;
	width: 100%;
}

.rvSrLeft, .rvSrRight,
.leftVidGrad, .rightVidGrad {
	display: none;
}

.rvSrLeft 
{
	left: 0px;
}

.rvSrRight 
{
	right: 0px;
}

.rvSrLeft {
   background-image: url(/images/rvSrLeft.png);
}

.rvSrRight {
   background-image: url(/images/rvSrRight.png);
}

.rvSrCtr {
	float: left;
	clear: both;
   width: 100%;
	margin: auto;
}

.rvSrVideoCtr 
{
	float: left;
   position: relative;
   width: 100%;   
   box-shadow: none !important;
}

.rvSrVideo {
	text-align: center;
   float: left;
   position: relative;
   width: 100%;
   padding-top: 56.25%;
   overflow: hidden;
}

.rvSrVideo:hover
{
	background: var(--pres-main-bg-light);
}

.rvSrVideo img
{
   position: absolute;
   top: 0px;
   left: 0px;
   max-height: 100%;
}

.rvSrVideoName {
   float: left;
   min-height: unset !important;
   padding: 0px 10px;
}

.rightVidGrad {
   position: absolute;
   right: 5%;
   height: 100%;
   width: 30px;  
   background-image: url(/images/rightVidGrad.png);
   background-repeat: repeat-y;
   top: 0px;
   z-index: 1;
}

.leftVidGrad {
   position: absolute;
   left: 5%;
   height: 100%;
   width: 30px;  
   background-image: url(/images/leftVidGrad.png);
   background-repeat: repeat-y;
   top: 0px;
   z-index: 1;
}

.videoPlayerContainer {
   float: left;  
   clear: both;
   width: 100%;
   margin: 0px 0px 30px 0px;
}

.videoPlayerContainer .video_panel_widget {
   float: left;
   clear: both;
   width: 100%;
   margin-bottom: 0px;
}

.rsVids {
   float: right;
   width: 100%;
   padding: 0px 20px 20px 20px;
   background: var(--pres-main-bg-light);
}

.videoInfo {
   float: left;
   clear: both;
   background: var(--pres-main-bg-light); 
   width: 100%;
}

.commentsCtr {
   width: 100% !important;
   float: left;
   clear: left;
   margin: 0px !important;
   box-shadow: none !important;
}

.vidDescriptionCtr, .commentInfo {
   float: left;
   width: 100%;
}

.videoTitle {
	float: left;
	font-size: .9em;
	color: var(--pres-main-fg-color);
	width: 100%;
   font-weight: 100;
   line-height: 1.15em;
   border-bottom: solid 1px #bbbbbb;
   padding-bottom: 10px;
   margin-bottom: 10px;
   word-wrap: break-word;
}

.postedBy {
   float: left;
	font-size: .9em;
   padding-right: 10px;
   width: 100%;
   clear: both;
   margin-bottom: 5px;
}

.postedDate {
   color: #888888;
   font-size: .9em;
   float: right;  
}

.videoDescription, .commentBody {
   float: left;
   clear: both;
   font-size: .9em;
   color: var(--pres-main-fg-color);
   margin: 10px 0px 0px 0px;
   line-height: 1.5em;
   text-overflow: ellipsis;
   width: 100%;
}

.videoViews {
   float: right;
   font-size: .9em;
   line-height: 30px;
}

.commentBody {
   margin: 10px 0px 0px 0px  
}

.readMore {
   color: #ff4e00;
   
   text-decoration: underline;
   font-size: .8em;  
}

.readMore:hover {
   color: #ff4e00;  
}

.bigAd {
   position: relative;
   background: var(--pres-soft-black);
   width: 320px;
   height: 620px;  
   margin-bottom: 20px;
   padding: 20px 0px 0px 20px;
}

.myPlaylist {
   position: relative;
   background: var(--pres-main-bg-light);
   width: 100%;
   margin: 30px 0px 0px 0px;
   float: left;

}

.smallAd {
   position: relative;
   background: var(--pres-soft-black);
   width: 320px;
   height: 270px;  
   margin-bottom: 20px;
   padding: 20px 0 0 20px;
}

.videoOptions {
   float: left;
   clear: both;
   width: 100%;
   margin-bottom: 30px;
}

.videoOptionBtns, .videoShareEmbedBox {
   float: left;
   clear: both;
   width: 100%;
   position: relative;
}

.videoOptionBtns {
   z-index: 2;
}

.videoShareEmbedBox {
   z-index: 1;
   background: var(--pres-main-bg-light);
}

.videoShareEmbedBox {
   overflow: hidden;
   height: 0px;
   transition: height 500ms;
   -webkit-transition: height 500ms;
   -moz-transition: height 500ms;
   top: -1px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
}

.videoShareEmbedBoxOpen {
   border: solid 1px #dddddd;
   height: 182px;
}

.shareEmbedBtns {
   padding: 30px 30px 0px 30px;
}

.videoShareOptions, .videoEmbedOptions {
   float: left;
   clear: both;
   width: 100%;
   padding: 10px 30px 30px 30px;
}

.videoEmbedOptions {
   display: none;
}

.shareLink {
   float: left;
   clear: both;
   width: 100%;
   font-size: .8em;
   color: var(--pres-main-fg-color);
   border: solid 1px #bbbbbb;
   margin: 10px 0px !important;
   cursor: pointer;
}

.embedCode {
   float: left;
   clear: both;
   width: 100%;
   font-size: .8em;
   color: var(--pres-main-fg-color);
   border: solid 1px #bbbbbb;
   padding: 15px !important;
   cursor: pointer;
}

.button {
   background: var(--pres-soft-black);
   color: var(--pres-light-fg-color);
   padding: 5px 10px;
   text-align: center;
   float: left;
   margin: 0px 5px 0px 0px;
}

.button:hover {
   cursor: pointer;  
}

.playlistCtr {
   float: left;
   width: 98%;
   padding: 1%;
   background: var(--pres-main-bg-light);  
}

.tagHeader {
   float: left;  
   line-height: 2em;
   text-transform: uppercase;
   margin-bottom: 10px;
   cursor: pointer;
}

.commentsHeader .button {
   font-size: .6em;
   float: right;
}

.searchCon {
   float: right;
   position: relative;
}

.search {
   float: right;
   color: var(--pres-main-fg-color);
   font-size: .9em;
   background: var(--pres-main-bg-light);
   border: none;
   height: 25px;
   width: 245px;
   padding-left: 5px;
   background-image: url(/images/searchBgImg.png);
   background-repeat: no-repeat;
   background-position: 97% 4px;
   z-index: 0;
}

.searchOverlay {
   cursor: pointer;
   height: 30px;
   left: 89%;
   position: relative;
   width: 30px;
   z-index: 1;
}

.mPlaylistVidCtr {
   float: left;
   clear: both;
   width: 100%;
   overflow: hidden;
   height: 0px;
   display: inline-block;
   vertical-align: middle;
   transition: height 500ms;
   -webkit-transition: height 500ms;
   -moz-transition: height 500ms;
}

.mPlaylistShow {
   height: auto;
   overflow: visible;
   transition: height 500ms;
   -webkit-transition: height 500ms;
   -moz-transition: height 500ms;
}

.showTags {
   width: 24px;
   display: inline-block;
   vertical-align: middle;
   height: 24px;
   margin-top: -4px;
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   transition: transform 500ms;
   -webkit-transition: -webkit-transform 500ms;
   -moz-transition: -moz-transform 500ms;
}

.showTagsRotate {
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   transition: transform 500ms;
   -webkit-transition: -webkit-transform 500ms;
   -moz-transition: -moz-transform 500ms;
}

.vAdmin {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 10px;
}

.mPlaylistVidIcon {
   height: 50px;
   width: 80px;
   background: var(--pres-soft-black);
   float: left;
   margin-right: 5px;
}

.mPlaylistPostedBy {
   font-size: .9em;

   color: var(--pres-main-fg-color);  
}

.mPlaylistVidWrap, .mPlaylistVidName {
   color: var(--pres-main-fg-color);
   float: left;
}

.mPlaylistVidName {
   padding: 10px;
}

.vidTag {
   background: #eeeeee;
   float: left;
   margin: 0px 10px 10px 0px;
   text-decoration: none;
   font-size: .9em;
}

.readMore {
   display: none;
}

.cheerBtn {
   float: left;
   clear: both;
}

.chrBtnTxt {
   font-size: .7em;
   font-weight: bold;
   float: left;   
   margin-top: 3px;
}

.inlineCheerCount {
   float: left;
   font-size: .8em !important;
   margin: 0px 0px 0px 0px !important;
}

.repeatPlaylist:before {
   font-size: 1em;
}

.repeatPlaylist {
   cursor: pointer;
}

.repeatPlaylistActive {
   color: var(--pres-light-fg-color);
   transition: color 500ms;
   -webkit-transition: color 500ms;
   -moz-transition: color 500ms;
}

.repeatPlaylistInactive {
   color: #666666;
   transition: color 500ms;
   -webkit-transition: color 500ms;
   -moz-transition: color 500ms;
}

.playlistContainer {
   float: left;
   overflow: hidden;
   background: var(--pres-soft-black);
   max-height: 300px;
   width: 100%;
}

.playlistInfo {
   float: left;
   clear: both;
   width: 100%;
   padding: 15px;
}

.playlistName {
   color: var(--pres-light-fg-color);
   font-size: .8em;
   float: left;
   width: 100%;
   padding: 0px 0px 5px 0px;
   font-weight: bold;
   text-transform: uppercase;
}

.playlistItems {
   width: 100%;
   float: left;
   overflow-x: hidden;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   padding: 15px;
   border-top:solid 1px #444444;
}

.playlistItem {
   width: 100%;
   float: left;
   clear: both;
   padding: 0px 0px 10px 0px;
   text-decoration: none;
}

.playlistItemImage {
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   width: 120px;
}

.playlistItemTitle {
   padding: 0px 0px 0px 10px;
   color: var(--pres-light-fg-color);
   font-size: 14px;
   text-transform: capitalize;
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
   line-height: 18px;
   max-height: 54px;
   width: calc(100% - 125px);
}

.playlistCount {
   float: left;
   padding: 0px 10px 0px 0px;
   color: var(--pres-light-fg-color);
   font-size: .8em;
}

.repeatPlaylist {
   float: left;
}

.videoInfoContainer {
   width: 100%;
   float: left;
   clear: both;
   padding: 20px;
   background: var(--pres-main-bg-light);
}

.videoShareEmbedBtn {
   float: left;
   color: #bbbbbb;
   font-size: 1em;
   margin: 0px 0px 0px 10px;
   width: 32px;
   height: 32px;
   padding: 5px;
   cursor: pointer;
   background: var(--pres-main-bg-light);
   border: solid 1px #ffffff;
   border-bottom: none;
   text-align: center;
   border-radius: 3px 3px 0px 0px;
   -webkit-border-radius: 3px 3px 0px 0px;
   -moz-border-radius: 3px 3px 0px 0px;
}

.videoShareEmbedBtnShadow {
   border: solid 1px #dddddd;
   border-bottom: none;
}

.videoShareEmbedBtn:before {
   font-family: VideoJS;
   content: "\f121";
}

.shareVideo, .embedVideo {
   cursor: pointer;
   font-weight: bold;
   font-size: .8em;
   text-transform: uppercase;
   float: left;
   margin-right: 20px;
}

.shareVideo:hover, .embedVideo:hover {
   text-decoration: underline;
}

.activeSection {
   text-decoration: underline;
}

.shareButtons {
   float: left;
   clear: both;
   width: 100%;
}

/* Start Share */
.shareContainer {
   padding: 0px;
   float: left;
   clear: both;
   margin: 0px;
   width: 100%;   
}

.shareTitle {
   float: left;
   font-size: .9em;
   color: var(--pres-main-fg-color);
   font-weight: bold;
   width: auto;
   margin-top: 1px;
}

.shareIcons 
{
   cursor: pointer;
   height: 20px;
   margin: 5px 0 0;
   width: 57px;
}

.shareIconsEmail 
{
   cursor: pointer;
   height: 18px;
   width: 51px;
   margin-left: 5px;
   border: solid 1px #bbbbbb;
   border-radius: 3px;
   background: var(--pres-main-bg-light); /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #ffffff 0%, #dedede 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #ffffff 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */
}

.share 
{
   float: left;
	margin-top: 5px;
   margin-bottom: 10px;
	width: 100%;
}

.emailTemplate 
{
   background: var(--pres-main-bg-light);
   position: fixed;
   z-index: 16;
   padding-bottom: 10px;
   width: 400px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   overflow: hidden;
   padding: 20px;
}

.emailTempHead {
   width: 100%;
   color: var(--pres-main-fg-color);
   font-size: 1.5em;
   font-weight: bold;
   float: left;
}

.emailBg {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,.8);
   display: none;
   z-index: 15;
}

.emailTxt
{
   clear: both;
   float: left;
   width: 100%;
   font-size: 1em;
   margin: 5px 0px;
   padding: 5px;
}

.emailTxtArea
{
   clear: both;
   float: left;
   max-width: 100%;
   min-width: 100%;
   padding: 10px;
   font-size: 1em;
   margin: 5px 0px;
}

.tempButtons 
{
   clear: both;
   float: right;
}

.tempButton {
   color: var(--pres-light-fg-color);
   cursor: pointer;
   float: left;
   margin: 10px 0px 0px 5px;
   padding: 0px 10px;
   font-size: 1em;
   text-align: center;
   background: var(--pres-soft-black);
   line-height: 30px;
}

.shareIcon 
{
   height: 14px;
   margin: 2px 2px 0;
   vertical-align: middle;
   float: left;
}

.shareBtn, .chrBtn
{
   color: var(--pres-main-fg-color);
   cursor: pointer;
   float: left;
   position: relative;
   text-decoration: none;
}

.shareBtn 
{
	width: auto;
	margin-right: 5px;
}

.followIcon {
   width: 30px;
   height: 30px;
   line-height: 30px;
   display: inline-block;
   vertical-align: top;
   position: relative;
   text-align: center;
   font-size: 24px;
}

.chrBtn 
{
	width: auto;
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
}

.shareImg {
   width: 30px;
   height: 30px;
   line-height: 30px;
   display: inline-block;
   vertical-align: top;
   text-align: center;
   font-size: 24px;
}

.storyToolsCtr {
   float: right;
}

/* End Share */

@media all and (min-width: 768px) {
   .videoContentContainer {
      padding: 20px;
   }

   .videoInfoContainer,
   .commentsCtr {
      clear: left;
      padding: 0px;
      width: 66% !important;
   }

   .playlistContainer {
      max-height: unset;
   }

   .rsVids {
      width: 34%;
      padding: 0px 0px 0px 20px;
   }

   .videoTitle {
      padding: 0px 0px 20px 0px;
      margin-bottom: 20px;
      font-size: 1.5em;
   }

   .commentsCtr {
      padding: 0px !important;
   }
}

@media all and (min-width: 1024px) {
   .videoPlayerContainer {
      width: 66%;
   }

   .videoPlayerContainer.withPlaylist {
      width: 100%;
   }

   .videoPlayerContainer.withPlaylist .video_panel_widget {
      width: calc(100% - 350px);
   }

   .videoPlayerContainer .playlistContainer {
      width: 350px;
   }
}

@media all and (min-width: 1366px) {
   .innerSec {
      width: 1280px;
   }
}