@charset "utf-8";
/* CSS Document */

	/* general */

body {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
}


	/* default class used when JS is turned off */

.ytVideo {
	display:block;
	margin:0px 24px 12px 0px;
	clear:both;
}



	/* videoIcons */

.ksu-main-content .videoIcon-container a:link {
	border:none;
}

.ksu-main-content .videoIcon-container a:hover {
	border:none;
}

.ksu-main-content .videoIcon-container a:visited {
	border:none;
}

.videoIcon {
	width:140px;
	height:113px;
	display:block;
	cursor:default;
}

.videoIcon-container {
	width:140px;
	height:150px;
	position:relative;
}

.videoIcon-container .title {
	width:132px;
	font-size:11px;
	text-align:center;
	position:absolute;
	top:115px;
	left:4px;
	display:block;
	cursor:pointer;
}

a.videoIcon {
	text-decoration:none;
	cursor:pointer;
	border:none;
}

a.videoIcon:link {
	text-decoration:none;
	cursor:pointer;
	color:#512888;
	border:none;
}

a.videoIcon:hover {
	text-decoration:none;
	cursor:pointer;
	color:#512888;
	border:none;
}

a.videoIcon:visited {
	text-decoration:none;
	cursor:pointer;
	color:#512888;
	border:none;
}

.playlistIcon-container a.videoIcon .title {
	color:#fff;
}

.playlistIcon-container a.videoIcon:link .title {
	color:#fff;
}

.playlistIcon-container a.videoIcon:hover .title {
	color:#fff;
}

.playlistIcon-container a.videoIcon:visited .title {
	color:#fff;
}

.videoIcon img {
	width:122px;
	height:91px;
	position:relative;
	top:15px;
	left:9px; 
	display:block;
	cursor:pointer;
}


	/* description balloon */

.videoIcon-descriptionPopup-right {
	width:253px;
	position:absolute;
	z-index:7;
	background-image:url(../images/video-popupDesc-right.png);
}

.videoIcon-descriptionPopup-left {
	width:253px;
	position:absolute;
	z-index:7;
	background-image:url(../images/video-popupDesc-left.png);
}

.videoIcon-descriptionPopup-bottom {
	background-image:url(../images/video-popupDesc-bottom.png);
	width:253px;
	height:15px;
	position:relative;
	top:0px;
	left:-32px;
	margin-top:8px;
}

.videoIcon-description {
	font-size:11px;
	line-height:19px;
	margin:23px 31px -15px 32px;
}

.videoIcon-description h6 {
	width:152px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	margin:0px 0px 3px 0px;
}

.videoIcon-description .duration {
	width:30px;
	text-align:right;
	font-size:10px;
	margin:0px 0px 0px 0px;
	position:absolute;
	top:21px;
	left:187px;
}


	/* videoPlaylist */

.playlistIcon-container {
	width:214px;
	height:150px;
	position:relative;
}

.videoPlaylist {
	width:214px;
	height:146px;
	text-align:center;
	overflow:hidden;
	position:relative;
	background-color:#000;
}

.videoPlaylist ul, li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	display:block;	
}

.videoPlaylist ul {
	height:91px;
}

.videoPlaylist li {
	width:214px;
	height:146px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.videoPlaylist .playlistIcon-container {
	float:none;
	text-align:center;
}

.videoPlaylist .playlistIcon-container .videoIcon img {
	width:148px;
	height:111px;
	position:absolute;
	top:4px;
	left:32px;
}

.videoIcon-container .play {
	width:45px;
	height:35px;
	position:absolute;
	z-index:2;
	background-image:url(../images/videoIcon-play.png);
	top:0px;
	left:20px;
	cursor:pointer;
	display:block;
}

.playlistIcon-container .videoIcon .title {
	width:214px;
	font-size:11px;
	text-align:center;
	position:absolute;
	top:121px;
	left:0px;
	margin:0px 0px 0px 0px;
	display:block;
	cursor:pointer;
}
	
.videoPlaylist .duration {
	color:#fff;
	font-weight:bold;
	line-height:1.0;
	text-align:center;
	position: relative;
	z-index:2;
	top:-35px;
	left:141px;
	width:40px;
	height:14px;
	background-color:#512888;
	display:block;
	cursor:pointer;
	margin-bottom:-100px;
}

.videoPlaylist-leftButton {
	background-image:url(../images/videoPlaylist-left_button.png);
	width:22px;
	height:58px;
	position:absolute;
	top:43px;	
	left:1px;
	z-index:5;
	cursor:pointer;
	margin-bottom:-100px;
}

.videoPlaylist-rightButton {
	background-image:url(../images/videoPlaylist-right_button.png);
	width:22px;
	height:58px;
	position:absolute;
	top:43px;	
	left:191px;
	z-index:5;
	cursor:pointer;
}


	/* popupDialog */

#popupDialog {
	position:absolute;
	border:#ffffff solid 7px;
	border-radius:4px;
	z-index:202;
	overflow:auto;
}

#popupDialogCloseButton {
	width:26px;
	height:26px;
	position:absolute;
	z-index:203;
}

#popupContentDiv {
	color:#ffffff;	
}

#dropShadow {
	display:block;
	position:absolute;
	z-index:201;
}

#mask {
	background-image:url(../images/background-video_mask.png);
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:101;
}