/*
DISCLAIMER: The sample code described herein is provided on an "as is" basis, without warranty of any kind, to the fullest extent permitted by law. Fliqz does not warrant or guarantee the individual success developers may have in implementing the sample code on their development platforms or in using their own Web server configurations.

Fliqz does not warrant, guarantee or make any representations regarding the use, results of use, accuracy, timeliness or completeness of any data or information relating to the sample code. Fliqz disclaims all warranties, express or implied, and in particular, disclaims all warranties of merchantability, fitness for a particular purpose, and warranties related to the code, or any service or software related thereto.

Fliqz shall not be liable for any direct, indirect or consequential damages or costs of any type arising out of any action taken by you or others related to the sample code.
*/

/* Change the below values to modify the appearance of the Video Playlist */



#videoEmbedContainer {
	width: 576px;
	height: 324px;
	background:#000;
	margin:0px;
	padding:0px;
}

#videoPlaylistContainer {
	list-style-type: none;
	font-family: sans-serif;
	font-size: 9pt;
	padding: 0px;
	margin:0px;
	text-indent:0px;
	
}

#videoPlaylistContainer .loadingMessage {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 12pt;
	margin:0px;
	list-style-image:none;
	list-style-type:none;
}

.videoItem {
	position: relative;
	width: 742px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style-image:none;
	list-style-type:none;
	text-indent:0px;
}

.videoItem .videoPreview {
	height: auto;
	overflow: hidden;
}

.videoItem .preview {
	cursor: pointer;
	float:left;
}

.videoItem .title {
	text-align:left;
	font-weight:bold;
	margin-top:10px;
	margin-left:160px;
	width:300px;
	font-size:12px;
}

.videoItem .buy {
	position:absolute;
	bottom:15px;
	right:15px;
}

.videoItem .watch {
	cursor:pointer;
	position:absolute;
	top:15px;
	right:15px;
}

.videoItem .block {
	background:#000;
	width:163px;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
}

.videoItem .description {
	width:330px;
	margin-left:160px;
}

.videoItem .videoInfo {
	margin-top: 1ex;
	border: 1px solid #ffffff;
	background: #eeeeee;
}

.videoItem .videoInfo div { padding: 0px 2px; }

/* mouseover support - hides expanded info until mouse over */
.videoItem .videoInfo {
	visibility: hidden;
	position: absolute;
}

.videoItem:hover {	visibility: visible; } /* IE fix */

.videoItem:hover .videoInfo {
	visibility: visible;
	z-index: 100;
}
/* end mouseover support */

#tabs {
	background:#4E3952;
	position:absolute;
	top:1px;
	right:0px;
	width:166px;
	height:324px;
	overflow:hidden;
}

#tabs .link:hover {
	text-decoration:none;
}

#tabs .block:hover {
	background:#754A77;
}

#tabs .block,
#tabs .infoBlock {
	height:36px;
	overflow:hidden;
	text-align:center;
	border-bottom:1px solid #754A77;
}

#tabs .link,
#tabs .info {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:10px;
	margin:auto;
	display:block;
}

.videoList {
	display:none;
}

.tabTitle {
	text-align:center;
	font-weight:normal;
	font-size:10px;
	padding:3px;
	margin:auto;
	color:#aaa;
	background:#333;
}