/*
 * Video player container:
 *   You'll probably want to hide / show the player container based on whether
 *   or not the video is playing because the last frame is displayed in a Flash 
 *   movie when the stream is stopped.
 */
.flivpee_box_base{
	position:absolute;
	top:0px;
	left:0px;
	width:480px;
	height:360px;
}

.superbox_small .flivpee_box_base
{
	height:292px;
	width:390px;
}

.superbox_medium .flivpee_box_base
{
	height:300px;
	width:400px;
}

.flivpee_box_stopped{
	background-color:red;
        visibility:hidden;
}

.flivpee_box_streaming{
	background-color:green;
}



/*
 * Player status:
 *   This will represent the player status.
 */
.flivpee_messages_base{
        display:none;
	position:absolute;
	top:0px;
	right:10px;
	width:103px;
	height:30px;
}
.flivpee_messages_loading{
	background-image:url('images/status_loading.png');
}
.flivpee_messages_playing{
	background-image:url('images/status_playing.png');
}
.flivpee_messages_buffering{
	background-image:url('images/status_buffering.png');
}
.flivpee_messages_stopped{
	background-image:url('images/status_stopped.png');
}
.flivpee_messages_paused{
	background-image:url('images/status_paused.png');
}
.flivpee_messages_video_not_found{
	background-image:url('images/status_video_not_found.png');
}



/*
 * Stop widget
 */
.flivpee_stop_base{
	position:absolute;
	bottom:0px;
	left:0px;
	width:32px;
	height:31px;
}
.flivpee_stop_disabled{
	background-image:url('images/disabled_button.png');
}
.flivpee_stop_out{
	background-image:url('images/stop_out.png');
}
.flivpee_stop_over{
	background-image:url('images/stop_over.png');
}

/*
 * Pause widget
 */
.flivpee_pause_base{
	position:absolute;
	bottom:0px;
	left:29px;
	width:32px;
	height:31px;
}
.flivpee_pause_disabled{
	background-image:url('images/disabled_button.png');
	z-index:0;
}
.flivpee_pause_out{
	background-image:url('images/pause_out.png');
	z-index:1;
}
.flivpee_pause_over{
	background-image:url('images/pause_over.png');
	z-index:1;
}

/*
 * Unpause widget
 */
.flivpee_unpause_base{
	position:absolute;
	bottom:0px;
	left:29px;
	width:32px;
	height:31px;
}
.flivpee_unpause_disabled{
	background-image:url('images/disabled_button.png');
	z-index:0;
}
.flivpee_unpause_out{
	background-image:url('images/play_out.png');
	z-index:1;
}
.flivpee_unpause_over{
	background-image:url('images/play_over.png');
	z-index:1;
}

/*
 * Mute widget
 */
.flivpee_mute_base{
	position:absolute;
	bottom:0px;
	left:61px;
	width:27px;
	height:27px;
}
.flivpee_mute_disabled{
	background-image:url('images/disabled_button.png');
}
.flivpee_mute_out{
	background-image:url('images/unmute_out.png');
}
.flivpee_mute_over{
	background-image:url('images/unmute_over.png');
}

/*
 * Duration indicator
 */
.flivpee_duration_base{
	position:absolute;
	bottom:7px;
	left:409px;
	width:80px;
	color:black;
	text-align:left;
	font-size:12px;
	font-family:sans-serif;
}
.flivpee_duration_time{
	color:black;
}
.flivpee_duration_total{
	color:black;
}


/*
 * Volume slider widget
 */
.flivpee_volume_base{
	position:absolute;
	bottom:7px;
	left:100px;
	width:67px;
	height:16px;
	background-image:url('images/volume_fill.png');
}
.flivpee_volume_indicator_base{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:16px;
	background-image:url('images/volume_indicator.png');
}
.flivpee_volume_rollover_base{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:16px;
	background-image:url('images/volume_over.png');
}

/*
 * Timeline slider widget
 */
.flivpee_timeline_base{
	position:absolute;
	bottom:7px;
	left:177px;
	width:231px;
	height:16px;
	background-image:url('images/timeline_disabled.png');
}
.flivpee_timeline_indicator_base{
	position:absolute;
	top:0px;
	left:0px;
	height:16px;
	background-image:url('images/timeline_indicator.png');
}
.flivpee_timeline_buffer_base{
	position:absolute;
	top:0px;
	left:0px;
	height:16px;
	background-image:url('images/timeline_fill.png');
}
.flivpee_timeline_rollover_base{
	position:absolute;
	top:0px;
	left:0px;
	height:16px;
	background-image:url('images/timeline_over.png');
}