#flowplayerCont{
	float:left;
}

body { background: transparent; }

#rtspCont{
	float:left;
	width:438px;
	height:298px;
	style:none;
}

#playlistWrap{
	width:200px;
	height:400px;
	float:right;
}

#pl {
	height:215px;
	width:250px;
	position:relative;
	overflow:hidden;
	padding:5px 0;
	float:right;
	clear:right;
}

.entries {
	height:10000em;
	position:absolute;
}

.page {
	width:auto;
	float:left;
}

.entries a {
    -moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-image: url("https://horseshowglobal.com/Player/img/bg.png");
	background-image: url("https://horseshowglobal.com/Player/img/bg.png"), -webkit-gradient(linear, left top, left bottom, from(#336699), to(#336699));
	background-image: url("https://horseshowglobal.com/Player/img/bg.png"), -moz-linear-gradient(top,  #336699,  #336699);
	background-image: url("https://horseshowglobal.com/Player/img/bg.png"), -o-linear-gradient(#336699,#336699);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#336699');
	background-position: scroll center bottom; 
	background-repeat: repeat; 
    border: 1px solid black;
    color: #FFF;
    float: left;
    font-family: "bitstream vera sans","lucida grande","verdana";
    font-size: 11px;
    height: 58px;
    margin: 0 4px 4px;
    padding: 6px;
    text-decoration: none;
    width: 229px;
}

.entries a:hover {
	background-color:#CCC;
	border:1px solid #999;
}

.entries .playing {	
	color:#FFF;
}

.entries .paused {
	background-color: #FAFAFA;
}

.entries .progress {
	opacity:0.8;
}

.live {	
	float:right;
	position:relative;
	bottom:-3px;
	color:white;
	font-style:normal;
}

.next {
	display:block;
	width:227px;
	height:18px;
	background:url("https://horseshowglobal.com/Player/img/playlist/arrow/right.png") no-repeat center 0;
	margin:10px 10px;
	cursor:pointer;
	float:right;
	clear:right;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.prev {
	display:block;
	width:227px;
	height:18px;
	background:url("https://horseshowglobal.com/Player/img/playlist/arrow/left.png") no-repeat center 0;
	margin:10px 10px;
	cursor:pointer;
	float:right;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.next:hover, .prev:hover {
	background-position:center -18px;	
	background-color: #336699;
}

.next.disabled, .prev.disabled {
	visibility:hidden;		
}

.links {
	display:block;
	width:227px;
	cursor:pointer;
	padding-top: 10px;
	text-align:center;
	vertical-align: center;
	float: right;
	clear: both;
}

.thumb {
	padding: 2px;
	height: 45px;
	float: left;
}
.page span {
	display: block;
	margin-left: 5px;
	overflow: hidden;
	padding: 2px 5px;
}

/* container has a background image */

		a.player {	
			display:block;
			width:640px;
			height:388px;
			text-align:center;
			color:#fff;
			text-decoration:none;
			cursor:pointer;
			background:-moz-linear-gradient(center top, #336699, rgba(6, 6, 6, 0.898));	
			background:-webkit-gradient(linear, left top, left bottom, from(#336699), to(rgba(6, 6, 6, 0.898)));
			background:-o-linear-gradient(#336699,rgba(6, 6, 6, 0.898));
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#060606');
			float: left;
		}
		
		#rtspCont {
			display:block;
			width:438px;
			height:298px;
			text-align:center;
			color:#fff;
			text-decoration:none;
			cursor:pointer;
			float: left;
		}

		a.player:hover {
			background:-moz-linear-gradient(top, #336699, rgba(6, 6, 6, 0.9));
			background:-webkit-gradient(linear, left top, left bottom, from(#336699), to(rgba(6, 6, 6, 0.9)));
			background:-o-linear-gradient(#336699,rgba(6, 6, 6, 0.9));
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#060606');
		}

		/* splash image */
		a.player img {
			margin-top:110px;
			border:0;
		}
		
		#allCont {
			border: 1px solid black;
			padding: 2px;
			width: 640px;
			background: #000;
			-moz-border-radius: 3px 3px 3px 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;
			height: 421px;
			position:absolute;
			top:0px;
			left:0px;
		}
		
/* Custom Error Handler */
#customError {
    background-color: #000000;
    color: #FFFFFF;
    display: none;
    height: 24%;
    opacity: 0.7;
    padding: 25% 10%;
    position: absolute;
    text-align: center;
    width: 80%;
    z-index: 9999;
	top: 1px;
	left: 1px;
}
#customErrorDetails { color: rgb(204, 204, 204); margin: 5px; text-decoration: none; position: absolute; right: 5px; bottom: 0px; font-size: 11px;cursor:pointer; }

.tickerFeed {
    background: none repeat scroll 0 0 #336699;
    color: #FFFFFF;
    float: left;
    height: 30px;
    width: 100%;
	line-height: 29px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	margin-top: 3px;
}


.tickerFeed strong {
    background: none repeat scroll 0 0 #336699;
	-webkit-box-shadow: 4px 0 15px 20px #28517A;
	-moz-box-shadow: 4px 0 15px 20px #28517A;
    box-shadow: 4px 0 15px 20px #28517A;
    display: block;
    float: left;
    font-size: 0.7em;
    height: 100%;
    padding: 0 12px 0 7px;
    position: relative;
}

.tickerFeed > div {
    float: left;
    font-family: sans-serif;
    font-size: 0.8em;
    overflow: hidden;
    width: 91%;
}

#preRollMessage {
    position: absolute;
    bottom: 40px;
    right: 10px;
    color: #FFF;
    font-family: sans-serif;
    font-size: 0.7em;
    text-shadow: 0 0px 3px #000;
	display: none;
}


#preRollTime {
    font-size: 1.1em;
    font-weight: bold;
}