.ytWrapper{
	width:425px;
	border:1px solid black;
	color:#000000;
	margin: 5px auto 5px auto;
	padding: 0;
}

/*
 Comments Section
 */

.ytComments{
	width:100%;
	height:150px;
	overflow-x: hidden;
	overflow-y: auto;
}

.ytComment{
	font-size: 14px;
	padding:3px;
}

.ytCommentBody{
}

.ytCommentEven{
	background-color: #FFFFFF;
}

.ytCommentOdd{
	background-color: #EFEFEF;
}

.ytCommentTime{
	margin-right:3px;
	font-weight:bold;
}

.ytAuthor{
	margin-right:3px;
	font-weight:bold;
}

/*
 Control panel
 */

.ytDuration{
	width:274px;
	height:25px;
	position:relative;
	margin:0;
	padding:0;
	float:left;
	background-image: url('images/controls-bg.gif');
	z-index:2;
	text-align:center;
}

.ytProgressBar{
	width:0px;
	height:7px;
	background-image: url('images/progressBG.gif');
}

.ytProgressNode,
.ytProgressNodeHover{
	width:16px;
	height:16px;
	position:absolute;
	top:-4px;
	left:-8px;
	background-image: url('images/progressNode.gif');
	background-position: 0 0;
	z-index:3;
	cursor:pointer;
}

.ytProgressNode {
	background-position: 0 0;
}
.ytProgressNodeHover {
	background-position: 0 -16px;
}

.ytProgressBorder{
	width:94%;
	margin: 0 auto 0 auto;
	position:relative;
	top:8px;
	border-top: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
	border-bottom: 1px solid #EAEAEA;
	border-left: 1px solid #BEBEBE;
	text-align:left;
}

.ytSlices{
	height:23px;
	width:100%;
	position:absolute;
	top:-8px;
}

.ytSlice{
	height:23px;
	width:1px;
	background-image: url('images/slice-bg.gif');
	position:absolute;
}

.ytControls{
	width:425px;
	height:25px;
	position:relative;
}

.ytPlay,
.ytPause{
	width:31px;
	height:25px;
	float:left;
	background-image: url('images/playpause.gif');
	cursor:pointer;
}

.ytPlay {background-position: 0 0;}
.ytPlayHover {background-position: 0 -25px;}
.ytPause{background-position: 0 -50px;}
.ytPauseHover {background-position: 0 -75px;}

/*
 Time
*/

.ytClock{
	height:25px;
	width:90px;
	position:relative;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif,Bitstream Charter;
	float:left;
	line-height:25px;
	background-image: url('images/controls-bg.gif');
	z-index:1;
}

.ytCurrentTime{
	position:absolute;
	text-align:right;
	left:10px;
	width:36px;
}

.ytSlash{
	position:absolute;
	text-align:center;
	left:48px;
}

.ytTotalTime{
position:absolute;
text-align:left;
left:55px;
width:36px;
}

/*
 Volume
 */
.ytVolume,
.ytVolumeMute{
	width:30px;
	height:25px;
	float:left;
	background-image: url('images/mute.gif');
	text-align:center;
	cursor:pointer;
}

.ytVolume {background-position: 0 0;}
.ytVolumeHover {background-position: 0 -25px;}
.ytVolumeMute {background-position: 0 -50px;}
.ytVolumeMuteHover {background-position: 0 -75px;}

.ytVolumeSlider{
	height:65px;
	width:28px;
	right:0;
	top:25px;
	background-color:#888888;
	position:absolute;
	visibility:hidden;
	border:1px solid #B1B1B1;
	background-color:#D6D6D6;
	text-align:center;
}

.ytVolumeTrack{
	width:7px;
	height:53px;
	margin:-10px auto 0 auto;
	background-image: url('images/volumeTrack.gif');
}

.ytVolumeNode{
	height:10px;
	width:19px;
	position:relative;
	margin:4px auto 0 auto;
	background-image: url('images/volumeNode.gif');
}