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

BODY PLAYER

******************************************************************/ 
body, html {
	font : 0.9em Arial;
	color : #666666;
	background-color: #FFE9D2;
	padding: 0;
	margin: 0;
}
.clear {
	clear : both;
	height : 1px;
	width : 100%;
	padding :0;
	margin : 0;
	FONT-SIZE: 0px;
}
#player {
	padding: 0;
	margin: 0;
	width : 442px;
margin :0 auto;
margin-top:100px;
}
#panel-top {
	display : block;
	padding: 0;
	margin: 0;
}
#panel-bottom {
}
/*****************************************************************

HEADER

******************************************************************/ 
/******** HEADER ********/
h1 {
	display: none;
	font : 1.4em Arial;
	color: #311863;
	margin : 0;
	padding : 0.5em 0em 0.5em 15px;
	font-weight : bold;
}
h2 {
	width :400px;
	font : 1.2em Arial;
	font-weight : bold;
	color : #FFFFFF;
	padding : 0.3em 0em 0.3em 0em;
	margin : 0;
}
#change {
	float:right;
}
/******************************************************************

LINKS [AND TAB TEXT] 

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

BANNER + CONTENT 

******************************************************************/
.banner {
}	
#content 
{
}
/******************************************************************

SELECT PLAYER 

******************************************************************/
#select  {
	padding : 0;
	margin : 0;
	width : 400px;
	height :100px;
	overflow : auto;
}
#select ul {
	list-style: none;
	padding : 0;
	margin : 0;
}
#select li {
	display :block;
	padding: 1px;
}
#select li a {
	display : block;
	padding: 4px 10px 4px 30px;
	border: 1px solid #CFCFCF;
	background-color : #F2F2F2;
	text-decoration : none;
}
#select li a:hover {
	display : block;
	padding: 4px 10px 4px 30px;
	text-decoration:none;	
	background-color : #8C8CB3;
}
#select li a:visited {
	display : block;
	padding: 4px 10px 4px 30px;
	border: 1px solid #CFCFCF;
	background-color : #F2F2F2;
	text-decoration : none;
}
#select li a:visited:hover {
	display : block;
	padding: 4px 10px 4px 30px;
	text-decoration:none;
	background-color : #8C8CB3;

}
#select strong {	
	margin-left : 8px;
}
#select .strong-rp {	
	margin-left : 26px;
}
#select .kbps {
	margin-left : 21px;
}
#select .audiokbps {
	margin-left : 111px;
}
/************************************************

MENU TITLE HEADER

*************************************************/
#menu .titlesheader {
	display : block;
	padding : 4px 15px;
	margin : 1px;
	color : #311863;
	text-decoration : none;
}
#select-player {
	width : 400px;
	border : 1px  solid #BBBBBB;
	background-color : #8C8CB3;
	margin-bottom : 10px;
	padding : 5px;
}
#pic {
	background : url(../images/300-400.jpg) no-repeat 0% 0%;
	width : 400px;
	height : 300px;
	border : 1px  solid #8C8CB3;
	margin : auto;
	margin-bottom : 5px;
}
#select {
	border : 1px  solid #CFCFCF;
	background-color : #FFFFFF;
	width : 400px;
	height : 98px;
}
.select-wmp {
	background : url(../images/buttons/wmp-icon.gif) no-repeat 2% 50%;
}
.select-rp {
	background : url(../images/buttons/rp-icon.gif) no-repeat 2% 50%;
}
.select-flash {
	background : url(../images/buttons/flash-icon.jpg) no-repeat 0% 50%;
	width : 18px;
	height : 19px;
}
.transcript {
	background : url(../images/buttons/transcript.jpg) no-repeat 0% 0%;
	padding : 5px 0px 25px 25px;
	margin-top : 20px;
}
/***********************************************

MENU

************************************************/
#menu  {
	padding : 0;
	margin : 0;
	width : 400px;
	height :100px;
	overflow : auto;
}
#menu ul {
	list-style: none;
	padding : 0;
	margin : 0;
}
#menu li {
	display :block;
	padding: 1px;
}
#menu li a {
	display : block;
	padding: 4px 5px 4px 5px;
	border: 1px solid #CFCFCF;
	background-color : #F2F2F2;
	text-decoration : none;
}
#menu li a:hover {
	display : block;
	padding: 4px 5px 4px 5px;
	text-decoration:none;	
	background-color : #8C8CB3;
}
#menu li a:visited {
	display : block;
	padding: 4px 5px 4px 5px;
	border: 1px solid #CFCFCF;
	background-color : #F2F2F2;
	text-decoration : none;
}
#menu li a:visited:hover {
	display : block;
	padding: 4px 5px 4px 5px;
	text-decoration:none;
	background-color : #8C8CB3;

}
.topic-selected {
	background-color: #311863;
	color : #311863;
}
/************************************************

MENU TITLE HEADER

*************************************************/
#menu .titlesheader {
	display : block;
	padding : 4px 15px;
	margin : 1px;
	color : #311863;
	text-decoration : none;
}
/******************************************************************

MEDIA PANNEL 

******************************************************************/
#mediapanel {
	width : 400px;
	height : 100%;
	border : 1px  solid #BBBBBB;
	background-color : #8C8CB3;
	margin-bottom : 10px;
	padding : 5px;
	display : none;
}
#video{
	padding : 0;
	margin : auto;
	margin-bottom : 10px;
}
#audioonly {
	display:none;
}
#medialinks {
	display:none;
}
#text {
	border : 1px  solid #CFCFCF;
	background-color : #FFFFFF;
	width : 400px;
	height : 98px;
}
/******************************************************************

PLAYER CONTROLS 

******************************************************************/
* html a:hover {
	visibility : visible
}
/*************************************************************

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 : 5px;
	width : 360px;
	height : 15px;
	font : 11px Arial;
	z-index : 1;
	background-color : #FFFFFF;
	border : 1px  solid #BBBBBB;
}
#time-text {
	position : absolute;
	width : 360px;
	margin-left : 10px;
	z-index : 4;
	color : #311863;
}
#playstate {
	float : left;
	margin-left : 2px
}
#time {
	float :right;
	margin-right :20px
}
#position {
	position : absolute;
	width : 360px;
	height : 15px;
	background-color : #BCBCBC;
	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;
}
/*************************************************************

FOOTER

*************************************************************/
#axisto {
	margin-top : -8px;
	margin-left : 200px;
}
#axisto a {
	font : 0.7em Arial;
	text-decoration : none; 
	color : #A58F79;
}
#axisto a:link {
	text-decoration : none; 
	color : #A58F79;
}
#axisto a:hover {
	text-decoration : none; 
	color : #A58F79;
}
#axisto a:visited {
	text-decoration : none;	
	color : #A58F79; 
}
#axisto a:visited:hover {
	text-decoration : none;	 
	color : #A58F79;
}
#investis {
	width :400px;
	margin-top : 5px;
	margin-bottom :0;
}