body{
	overflow:hidden;
	background-color:#000000;
	padding:0px;
	margin:0px;
}
#streambar{
   color: #EEEEEE;
   height: 25px;
   background-color: #343434;
	width:580px;
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
   font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#streambar .button, #fullscreenbutton .button{
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
#streambar .button:hover, #fullscreenbutton .button:hover{
	color: #fff;
	background-color: #09f;
}
a,a:visited,a:active,a:link{
   color: #cccccc;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}
#viewerportion{
	position: relative;
	z-index: 99;
	float: left;
	margin-left:85px;
	height:25px;
	display: block;
	text-align: left;
	vertical-align:top;
	background-color: #343434;
}
#viewer{
   font-size: 16px;
	font-weight:bold;
	width:55px;
	margin-top:1px;
	height:25px;
	display: block;
	line-height:75%;
}
#livelogo{
	display:block;
	position:absolute;
	bottom:0px;
	left:56px;
	border-left: 1px solid #1E1E1E;
	background-color: #343434;
	max-height:19px;
	max-width:18px;
	z-index:9001;
	padding:3px 4px 3px 5px;
}
#streamtitle{
	float:left;
	width: 400px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
	display: inline;
}
#twitchwrapper{
	position:absolute;
	bottom:25px;
	left:0px;
	width:100%;
	height:500px;
	visibility:hidden;
}
#streamwrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:500px;
	visibility:visible;
}
#volumebar{
	float:left;
	width:0px;
	display:block;
	height:25px;
	padding-top: 4px;
	overflow:hidden;
}
#volume{
	width: 50px;
	height:4px;
	margin: 0px 0px 9px 0px;
}
#playpause{
	position:absolute;
	bottom:0px;
	left:0px;
	height:16px;
	width:13px;
	padding: 5px 5px 4px 7px;
	background: transparent url('images/player-skin-divider.gif') no-repeat 21px 0px;
}
#speaker{
	float:left;
	padding-right:5px;
}
#sound{
	position:absolute;
	bottom:0px;
	left:25px;
	display:block;
	overflow:hidden;
	width:79px;
	height:16px;
	padding: 6px 7px 3px 6px;
	border-left: 1px solid #1E1E1E;
}
#qualityoptions{
	position:absolute;
	bottom:0px;
	right:60px;
   color: #cccccc;
   height: 18px;
   font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	visibility:hidden;
}
#qualityoptions a:hover{
	text-decoration:none;
}
#fullscreenbutton{
	visibility:visible;
	display:block;
	position:absolute;
	right:0px;
	bottom:0px;
	height: 25px;
	overflow: hidden;
}
#streambar-config, #streambar-fullscreen{
	float: right;
	height: 25px;
	width: 25px;
	border-left: 1px solid #1E1E1E;
}
#streambar-config img{
margin: 4px 0 0 4px;
}
#streambar-fullscreen img{
margin: 5px 0 0 3px;
}
#volumeicon{
	width:18px;
	height:14px;
}
a img{
	border: none;
}
#vminutes{
	height:20px;
	width:300px;
	position:absolute;
	bottom:0px;
	left:140px;
	visibility:hidden;
	background-color:transparent;
}
.ui-slider .ui-slider-handle { width: 4px !important; height: 12px !important; margin-top:-1px !important; margin-left:-2px !important;}
#streamwrapper .fade{
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#streamwrapper .fade:hover{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}