/* CSS Document */

/* ==================== Player ==================== */
		#player {
			color: #000;
			height: 20px;
			margin-top: 5px;
		}
		#player #playerplay,
		#player #playerstop {
			border-right: solid 1px #7f8d92;
		}
		#player .button {
			width: 20px;
			height: 20px;
			background-repeat: no-repeat;
			background-position: 2px 2px;
			float: left;
		}
		#player .button a {
			display: block;
			height: 20px;
			text-indent: -100em;
			overflow: hidden;
		}
		#player .timeline {
			position: relative;
			left: 15%;
			margin: 0 0 0 8px;
			background: url(../img/bg_timeline.png) repeat-x center center;
			height: 20px;
			width: 80%;
		}
		#player .timeline a {
			position: absolute;
			left: 1px;
			display: block;
			height: 20px;
			width: 40px;
			text-indent: -100em;
			overflow: hidden;
			background-image: url(../img/control_slider.png);
		}
		#player .timeline a:hover {
			background-image: url(../img/control_slider_blue.png);
		}
		#player .play {
			background-image: url(../img/control_play.png);
		}
		#player .play:hover {
			background-image: url(../img/control_play_blue.png);
		}
		#player .pause {
			background-image: url(../img/control_pause.png);
			display: none;
		}
		#player .pause:hover {
			background-image: url(../img/control_pause_blue.png);
		}
		#player .stop {
			background-image: url(../img/control_stop.png);
		}
		#player .stop:hover {
			background-image: url(../img/control_stop_blue.png);
		}
		span#info_url {
			display: none;
		}