
body div.main.my-streaming-videos *.auth,
body div.main.my-streaming-videos *.no-auth {display:none}

body.auth div.main.my-streaming-videos div.auth,
body.no-auth div.main.my-streaming-videos div.no-auth {display:block;}

body.auth div.main.my-streaming-videos a.auth,
body.no-auth div.main.my-streaming-videos a.no-auth {display:inline;}

div.main.my-streaming-videos div.ftext > div.ftext-head {margin-bottom:48px; }

div.ftext > div.ftext-head > p > span {font-size: 22px; margin-left: 2em; }

div.ftext > div.ftext-head > div.jump-down a b {/*display: none;*/}

div.main.my-streaming-videos div.ftext > div.ftext-body {width:auto; max-width:535px; }

div#msg_board form.form-spec p.action {text-align:center; }

div#msg_board form.form-spec ol,
div.ftext.no-auth div.ftext-body form.form-spec ol {list-style-type:none ; padding:0px; }
div#msg_board form.form-spec input[type=text],
div.ftext.no-auth div.ftext-body form.form-spec input[type=text]{width:auto; max-width:auto; }
div#msg_board form.form-spec ol label,
div.ftext.no-auth div.ftext-body form.form-spec ol label {float:left; clear:right;}
div.ftext.no-auth div.ftext-body form.form-spec ol label {width:55%; }
div#msg_board form.form-spec ol label + input[type=text],
div.ftext.no-auth div.ftext-body form.form-spec ol label + input[type=text] {float:right;}

div.ftext.no-auth div.ftext-body form.form-spec li {margin-bottom:1em; clear:right; }
div.ftext.no-auth div.ftext-body form.form-spec p.action {clear:both; text-align:center; }
div.ftext.no-auth div.ftext-body form.form-spec p.action input {font-weight:bold }

div.ftext.no-auth div.ftext-body form.form-spec li.remember-me label,
div.ftext.no-auth div.ftext-body form.form-spec li.remember-me input {float:none; }

/*-------------------------------------------------------------------------------------------------
								---STREAMING VIDEO LIST---
-------------------------------------------------------------------------------------------------*/
div.user-matter div.ftext.auth div.all-videos-expired {color:green; font-weight:bold; }


div.ftext.auth ol {list-style-type: none; padding:0;}
div.ftext.auth ol li:first-child {margin-top:0px; }
div.ftext.auth ol li{/*margin-top:42px;*/ margin-top:52px;  background-color:white; }
div.ftext.auth ol li.expired{}
div.ftext.auth ol li.not-expired{}

div.ftext.auth ol li div.image-container {display: inline-block; max-width:295px; width:100%; line-height:0px; position:relative; cursor:auto; padding-right:20px; }
div.ftext.auth ol li.not-expired div.image-container {cursor:pointer; }
div.ftext.auth ol li div.image-container img {width:100%; }
div.ftext.auth ol li div.image-container div.play-button{
	display:none;
	position: absolute;
	width: 15%;
	width: 60px;
	height: 37.8px;
	left: 50%;
	top: 50%;
	vertical-align: middle;
	margin-left: -30px;
	margin-top: -18.9px;
	background-image: url("/images/videos/play-arrow-5.png");
	background-size: cover;
	background-repeat: no-repeat;
}
div.ftext.auth ol li.not-expired div.image-container div.play-button{display: inline-block;
	}
div.ftext.auth ol li div.image-container:hover div.play-button{background-position-y: bottom; }
div.ftext.auth ol li div.image-container div.shroud{
	display:none;
	position:absolute;
	width:100%; height:100%;
	top:0px; left:0px;
	background-color:#ffffff; opacity:.5; 
}
div.ftext.auth ol li.expired div.image-container div.shroud {display:block; }
div.ftext.auth ol li div.image-container div.expired-label{
	display:none;
	position: absolute;
	width: 15%;
	width: 100px;
	height: 33.333px;
	left: 50%;
	top: 50%;
	vertical-align: middle;
	margin-left: -50px;
	margin-top: -25px;
	background-image: url("/images/videos/expired-label-2.png");
	background-size: cover;
	background-repeat: no-repeat;
}
div.ftext.auth ol li.expired div.image-container div.expired-label{display:inline-block;}

div.ftext.auth ol li div.info-container {display: inline-block;  max-width:50%; vertical-align:top; }

div.ftext.auth ol li div.data-container div.title {
	margin-top: 0;
	font-weight: bold;
	font-size: 16px;
	line-height: normal;
	font-family: roboto_condensed, Georgia, Times, serif;
}
div.ftext.auth ol li div.data-container div.sub-title {/*font-style: italic;*/}

div.ftext.auth ol li div.access-container {margin-top:1em; }

div.ftext.auth ol li div.access-container > div.access {font-weight:bold; }

div.ftext.auth ol li div.more-info,
div.ftext.auth ol li div.transcript-link {margin-top: 1em; }

/*-------------------------------------------------------------------------------------------------
								---STREAMING VIDEO PLAYER---
-------------------------------------------------------------------------------------------------*/


div.ftext.auth div.play-screen {
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background-color:#000000;
	color:#ffffff;
	font-size:13px;
	line-height: normal;
	z-index:2;
	display:none;
}
div.ftext.auth.play div.play-screen {display:block; }

div.ftext.auth div.play-screen div.play-screen-close {
	float:right;
	margin:20px 20px 30px 0px;
}
div.ftext.auth div.play-screen div.play-screen-close div.play-screen-closer{
	font-size:30px;
	color:#808080;
	cursor: pointer;
	margin-left:20px;
	display:inline-block;
}
div.ftext.auth div.play-screen div.play-screen-close div.play-screen-closer:hover {color:#ffffff; }

div.ftext.auth div.play-screen div.play-screen-scroll-container{clear:right; overflow-y: auto;}
div.ftext.auth div.play-screen div.play-screen-container {
	padding:0px 20px;
	margin:0px auto;
}

div.ftext.auth div.play-screen div.play-screen-container iframe {width:100%;}

div.ftext.auth div.play-screen div.play-screen-container div.access {color:#fff12a; margin:1em 0px;}

div.ftext.auth div.play-screen div.play-screen-container div.video-description {margin-top:1em; white-space: pre-wrap;}

div.ftext.auth div.play-screen div.play-screen-container div.more-info a {color:#00aded; }
div.ftext.auth div.play-screen div.play-screen-container div.more-info a:hover {color: #fff12a; }


