/* CSS Document */

.zMediaControls {
	background-color: #666;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#333333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#787878), to(#333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #787878,  #333); /* for firefox 3.6+ */
	-moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	height: 24px;
	clear: both;
}
.zMediaControls>div {
	margin-top: 2px;
	margin-bottom: 1px;
	float: left;
}
.zPP {
	border-right: 1px solid #999;
	margin-right: 2px;
	width: 40px;
	cursor: pointer;
}
.zSBar {
	background-color: #999;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ccc,  #999); /* for firefox 3.6+ */
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 2px;
	width: 160px; height: 19px;
	cursor: pointer;
}
.zSVal {
	background-color: #00f;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000cc', endColorstr='#000099'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#00c), to(#009)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #00c,  #009); /* for firefox 3.6+ */
	-moz-border-radius: 4px; -o-border-radius: 4ox; -webkit-border-radius: 4px; border-radius: 4px;
	height: 19px;
}
.zCnvPM {
	position: absolute;
}
.zTime {
	color: #ddd;
	font-size: 12px;
	border-right: 1px solid #999;
	text-align: right;
	padding: 1px 2px 1px 0;
	width: 120px; height: 20px;
}
.zVIcon {
	cursor: pointer;
}
.zVBar {
	-moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	width: 40px; height: 20px;
	cursor: pointer;
}
.zVVal {
	-moz-border-radius: 4px; -o-border-radius: 4ox; -webkit-border-radius: 4px; border-radius: 4px;
	width: 40px; max-width: 40px; height: 20px;
	position: relative;
}
.zVVal div {
	width: 7px; height: 3px;
	position: absolute;
}
.zVBlock { background-color: #ccc; }
.zVC1 { left: 0px; }
.zVC2 { left:  8px; }
.zVC3 { left: 16px; }
.zVC4 { left: 24px; }
.zVC5 { left: 32px; }
.zVR1 { top: 17px; }
.zVR2 { top: 13px; }
.zVR3 { top: 9px; }
.zVR4 { top: 5px; }
.zVR5 { top: 1px; }
.zVBlockOn { background-color: #00c; }