/* CSS Document */
/*****************************************************************

BODY PLAYER

******************************************************************/ 
body {
	font : 0.8em Arial;
	color : #666666;
	background-color : #FFFFFF;

}
#player {
	width : 360px;
	margin-top : 30px;
	margin :auto;
}
#panel-top {
	background : url(../images/pop-up-arriva-bg-top-320.jpg) no-repeat 0% 0%;
	display : block;
	padding: 10px 0px 0px 0px;
}
#panel-bottom {
	background : url(../images/pop-up-arriva-bg-bottom-320.jpg) no-repeat 0% 100%;
}
/*****************************************************************

HEADER

******************************************************************/ 
/******** HEADER ********/
h1 {
	font : 1.3em Arial;
	color: #00878A;
	margin : 0;
	padding : 0.5em 0em 0.5em 15px;
	font-weight:bold;
}
/******** ©. 2005 ALL RIGHTS RESERVED. ********/
h2 {
	font-size : 0.7em;
	font-weight : normal;
	color : #999999;
	text-align : right;
	padding : 0;
	margin : 0;
}
/******** COMPANY TITLES AND OTHER PAGE TITLES ********/
h3 {
	font-size : 1.7em;
	font-weight : normal;
	color : #9F9B74;
	padding : 0;
	margin : 0;
}
/******************************************************************

LINKS [AND TAB TEXT] 

******************************************************************/	
a:link {
	text-decoration : none; 
	color : #00878A;
}
a:hover {
	text-decoration : none; 
	color: #1A1364;
}
a:visited {
	color : #00878A;
	text-decoration : none; 
}
a:visited:hover {
	color : #1A1364;
	text-decoration : none; 
}
/******************************************************************

BANNER + CONTENT 

******************************************************************/
.banner {
}	
#content {
	width : 360px;
	padding : 0 10px 0 15px;

}
/******************************************************************

SELECT PLAYER 

******************************************************************/
#select-player {
	width : 320px;
	height :100%;
	border : 1px  solid #CFCFCF;
	background-color : #FFFFFF;
	margin-bottom : 10px;
	padding : 5px;
}
#pic {
	background : url(../images/bus2.jpg) no-repeat 0% 0%;
	width : 320px;
	height : 172px;
	border : 1px  solid #CFCFCF;
	margin : auto;
	margin-bottom : 5px;
}
#text {
	border : 1px  solid #CFCFCF;
	width : 320px;
	height : 98px;
	overflow : auto;
}
#select-player strong {
	color : #00878A;
}
#select-player ul {
	padding : 0;
	width :100%;
	margin : 5px 0px 10px 4px;
	clear: both;
}
#select-player li {
	list-style: none;
	width :100%;
	font-weight : bold; 
	margin-top : 5px;
}
#select-player a {
	padding-left : 30px;
}
#select-player p {
	padding : 0;
	margin : 0;
}
#select {
	font : 1.2em Verdana;
	margin-top : 20px;
}
#select-wmp {
	background : url(../images/buttons/wmp-icon.jpg) no-repeat 0% 50%;
	width : 18px;
	height : 19px;
}
#select-flash {
	background : url(../images/buttons/flash-icon.jpg) no-repeat 0% 50%;
	width : 18px;
	height : 19px;
}
#drop {
	display : none;
}
#transcript {
	background : url(../images/buttons/transcript.jpg) no-repeat 0% 0%;
	padding : 5px 0px 25px 25px;
	margin-top : 20px;
}
/******************************************************************

MEDIA PANNEL 

******************************************************************/
#mediapanel {
}
#video {
	width : 320px;
	background-color : #CFCFCF;
	padding : 0;
	margin-bottom : 0;
}
/******************************************************************

PLAYER CONTROLS 

******************************************************************/
* html a:hover {
	visibility : visible
}
.player-controls {
	width : 360px;
	margin-top : 10px;
}
/*************************************************************

PLAY BUTTON

*************************************************************/
.play{
	background : url(../images/buttons/play.jpg) no-repeat 0% 0%;
	float :left;
	width : 32px; 
	height : 17px; 
}
.play:hover{
	background:url(../images/buttons/play-over.jpg) no-repeat 0% 0%;
}
.pause{
	background : url(../images/buttons/pause.jpg) no-repeat 0% 0%;
	float :left;
	width : 32px; 
	height : 17px; 
}

.pause:hover{
	background:url(../images/buttons/pause-over.jpg) no-repeat 0% 0%;
}
#play-btn span {
	display : none;
}
/*************************************************************

TIME

*************************************************************/
#position-bar {
	position: relative;
	float :left;
	margin-left : 3px;
	background : url(../images/buttons/time.jpg) no-repeat 0% 0%;
	width :300px;
	height :16px;
	font : 85% Arial;
	z-index: 1;
}
#time-text {
	position : absolute;
	margin-left : 3px;
	z-index: 4;
}
#position {
	position : absolute;
	width : 300px;
	height :14px;
	background : url(../images/buttons/time-fill.jpg) no-repeat 0% 0%;
	z-index: 2;
}
#buffer {
	position : absolute;
	margin-left : 3px;
	background : url(../images/buttons/buffering.gif) no-repeat 0% 0%;
	z-index: 3;
}
#arrow {
	position : absolute;
	top : -6px;
	margin-left : 2px;
	background : url(../images/buttons/arrow.gif) no-repeat 0% 0%;
	width : 8px;
	height :30px;
	z-index: 5;
}
#subtitles {
	/*visibility : hidden;*/
	display: none;
	float : left;
	width : 320px;
	height : 62px;
	background-color : #000000;
}
#subtitles-text {
	text-align : center;
}
#subtitles-text strong {
	color : #FFFFFF;
	background-color : #000000;
	font : 1em Arial;
	padding : 0.05em;
	line-height : 1.65em;
}