/*************************************************************

MAIN CSS

*************************************************************/
body, html {
	padding :0;
	margin : 0;
}
body {
	BACKGROUND: #fff; COLOR: #fff; TEXT-ALIGN: center; min-width: 700px; background-color:#FFFFFF;
}
body {
	FONT-SIZE: 0.6em; LINE-HEIGHT: 1.5; FONT-FAMILY: verdana, tahoma, arial, sans-serif;
}
.clear {
	clear : both;
	height : 1px;
	width : 100%;
	padding :0;
	margin : 0;
	FONT-SIZE: 0px;
}

/******** PAGE SUB-HEADER ********/
h2 {
	font : 0px Arial;
	color: #ECECEC;
	padding : 0;
	margin : 0;
	height : 1px;
}
/******** TAB-HEADERS ********/
h3 {
	font : 0px Arial;
	color: #ECECEC;
	padding : 0;
	margin : 0;
	height : 1px;
}

/******************************************************************

PLAY CONTROLS 

******************************************************************/ 
#play-controls {
	width:100%;
	background : url(../images/top-bar2.jpg) repeat-x 0% 100%;
}
#play-controls ul {
	margin : 0;
	padding :0;
	list-style:none;
	width : 95%;
	margin : auto;
	white-space : nowrap;
	padding-bottom :10px;
	min-height : 40px;
}
#play-controls li {
	display: inline;
}
/*************************************************************

PLAY BUTTON

*************************************************************/
* html a:hover {
	visibility : visible;
}
#playgif {
	width : 49px;
	height : 37px;
	visibility: hidden;
}
#play-controls div {
}
#slidebutton {
	display : none;
}
/*************************************************************

PLAY BUTTON

*************************************************************/
#play-btn
{
	display : none;
}
.play {
	float : left;
	background : url(../images/buttons/play.jpg) no-repeat 0% 0%;	
	width : 49px; 
	height : 37px;
}
.play:hover{
	float : left;
	background:url(../images/buttons/play-over.jpg) no-repeat 0% 0%;
	width : 49px; 
	height : 37px;
}

.pause{
	float : left;
	background : url(../images/buttons/pause.jpg) no-repeat 0% 0%;
	width : 49px; 
	height : 37px; 
}

.pause:hover{
	background:url(../images/buttons/pause-over.jpg) no-repeat 0% 0%;
	width : 49px; 
	height : 37px;
}
#playtext {
	display : none;
}
/*************************************************************

SLIDE RW/FF BUTTONS

*************************************************************/
#slide-previous
{
	display : none;
}
#slide-next
{
	display : none;
}
.slide-backward {
	float : left;
	margin : 3px 0px 0px 6px;
	background:url(../images/buttons/backward.jpg) no-repeat 0% 0%;
	width : 31px; 
	height : 37px;  
}
.slide-backward:hover {
	margin : 3px 0px 0px 6px;
	background:url(../images/buttons/backward-over.jpg) no-repeat 0% 0%;
	width : 31px; 
	height : 37px; 
}
.slide-forward {
	float : left;
	margin : 3px 0px 0px 0px;
	background:url(../images/buttons/forward.jpg) no-repeat 0% 0%;
	width : 31px; 
	height : 37px; 
}
.slide-forward:hover {
	margin : 3px 0px 0px 0px;
	background:url(../images/buttons/forward-over.jpg) no-repeat 0% 0%;
	width : 31px; 
	height : 37px; 
}
#currentSlide {
	margin-top : 10px;
	width : 50px; 
}
#backwardtext {
	display : none;
}
#forwardtext {
	display : none;
}
/*************************************************************

TIME

*************************************************************/
#position-bar {
	display : none;
	float : left;
	position : relative;
	left : 5px;
	top : 12px;
	background : url(../images/buttons/time-box.jpg) no-repeat 0% 0%;
	height : 22px;
	width : 180px;
}
#time-text {
	position:relative;
	font-size: 10px; 
	top : 0;
	left : 0;
	z-index: 4;
	text-align : left;
	margin-top : 3px;
}
#playstate {
	position:relative;
	float : left;
	padding : 0px 10px;
	z-index: 4;
}
#time  {
	position:relative;
	float : left;
	visibility: hidden;
	padding : 0px 0px;
	z-index: 4;
}
#playstate, #time a:hover {
	color: #333333;
}
#time, #playstate a:hover {
	color: #333333;
}
#position {
	visibility: hidden;
	position : absolute;
	height : 22px;
	top : 0;
	left : 0;
	background : url(../images/buttons/fill.jpg) no-repeat 0% 0%;
	z-index: 2;
	width:180px;
}
#buffer {
	visibility:hidden;
	position : absolute;
	height : 22px;
	top : 0;
	left : 0;
	background : url(../images/buttons/buffering.gif) no-repeat 0% 0%;
	z-index: 3;
}
#arrow {
	position : absolute;
	height : 24px;
	top : -5px;
	margin-left : -1px;
	background : url(../images/buttons/arrow.gif) no-repeat 0% 0%;
	width : 8px;
	z-index: 5;
}
#line {
	float : left;
	background : url(../images/buttons/top-line.jpg) no-repeat 0% 0%;
	width : 3px;
	height : 44px;
	margin-left : 15px;
	display: none;
}
/*************************************************************

VIEW BUTTON

*************************************************************/
#view-btn
{
	display : none;
}
.view-all {
	float: left;
	background : url(../images/buttons/veiw-all.jpg) no-repeat 0% 40%;
	margin : 2px 1em 0px 1em;
	padding : 12px 0px 10px 32px;
}
.view-all:hover {
	background : url(../images/buttons/veiw-all-over.jpg) no-repeat 0% 40%;
	margin : 2px 1em 0px 1em;
	padding : 12px 0px 10px 32px;
}
.view-slides {
	float: left;
	background : url(../images/buttons/veiw-slides.jpg) no-repeat 0% 40%;
	margin : 2px 1em 0px 1em;
	padding : 12px 0px 10px 32px;
}
.view-slides:hover {
	background : url(../images/buttons/veiw-slides-over.jpg) no-repeat 0% 40%;
	margin : 2px 1em 0px 1em;
	padding : 12px 0px 10px 32px;
}
/*************************************************************

SOUND BUTTON

*************************************************************/
#sound-btn
{
	display : none;
}
.sound-on {
	float : left;
	background:url(../images/buttons/sound-on.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 34px; 
}
.sound-on:hover {
	background : url(../images/buttons/sound-on-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 34px;
}
.sound-off {
	float : left;
	background:url(../images/buttons/sound-off.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 34px; 
}
.sound-off:hover {
	float : left;
	background : url(../images/buttons/sound-off-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 34px; 
}
/*************************************************************

SUBTITLES BUTTON

*************************************************************/
#subtitles-btn
{
	display : none;
}
.subtitles-on {
	float : left;
  	background:url(../images/buttons/subtitles-on.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px;  
}
.subtitles-on:hover {
	float : left;
	background : url(../images/buttons/subtitles-on-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px; 
}
.subtitles-off {
	float : left;
  	background:url(../images/buttons/subtitles-off.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px; 
}
.subtitles-off:hover {
	float : left;
	background : url(../images/buttons/subtitles-off-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px; 
}
/*************************************************************

ACCESSIBILITY BUTTON

*************************************************************/
.accessibility {
	float : left;
  	background : url(../images/buttons/accessibility.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px;
}
.accessibility:hover {
	float : left;
	background : url(../images/buttons/accessibility-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px;
}
#js-disabled {
	margin-top : 8px;
	margin-left : 20px;
	padding : 10px 15px 10px 50px;
	font : 1.2em Verdana;
	background : url(../images/no-java.gif) #FFFFCC no-repeat 2% 50%;
}


/*************************************************************

WRAPPER CSS

*************************************************************/
#wrapper {
	 MARGIN: 0px auto; MARGIN-TOP: 0; WIDTH: 90%; TEXT-ALIGN: left;
}
#header {
	CLEAR: both; WIDTH: 100%; background-color:#00FF33; 
}
#subnav {
	CLEAR: both; WIDTH: 100%
}
#footer {
	CLEAR: both; WIDTH: 100%;
}
#header {
	display :none; PADDING: 0; background-color: #FFFF33;
}
#subnav {
	BACKGROUND: #d6aeb5;
}
#contentfloatholder {
	FLOAT : left; 
	WIDTH : 100%; 
	POSITION : relative;	
	background : url(../images/box-br.jpg) no-repeat right bottom;
}
#contentfloatholderdiv {
	background : url(../images/box-bl.jpg) no-repeat left bottom;
}
/*****************VIEW ALL*********************/
#centerpad {
	MARGIN: 3px 10px 10px 262px;
}
#center {
	FLOAT : left; 
	WIDTH : 100%; 
	MARGIN-RIGHT : -95%;
	padding-bottom : 10px;
}
#leftpad {
	 MARGIN: 2px 0px 10px 10px;
}
#left {
	FLOAT: left; MARGIN-LEFT: -5%; WIDTH:  262px; height :100%;
}
#right {
	FLOAT: right; 
	WIDTH: 10px;
}
 HTML DIV#center {
	MARGIN-RIGHT: -100%
}
 HTML DIV#left {
	MARGIN-LEFT: 0px
}
#wrapper {
	Z-INDEX: 500; POSITION: relative
}
/******************************************************************

PANEL BACKGROUND

******************************************************************/
.boxhead {	
	background : url(../images/box-tr.jpg) no-repeat right top;
	height : 10px;
	FONT-SIZE: 0px;
	padding :0;
	margin : 0;
}
.boxhead div {
	background:  url(../images/box-tl.jpg) no-repeat left top;
	height : 10px;
	FONT-SIZE: 0px;
	padding :0;
	margin : 0;
}
/*************************************************************

MEDIA PANEL

*************************************************************/
#mediapanel {
	padding : 0;
	margin : 0;
	margin-bottom : 5px;
}
/*************************************************************

VIDEO

*************************************************************/
#video {
	padding : 0;
	margin : 0;
	margin-bottom : 8px;
}
#videoph1 {
	padding : 0;
	margin : 0;
}
#audioonly {
	display: none;
}
#livetext {
	padding :0;
	margin : 10px 0px;
	FONT-SIZE: 1.1em; 
	LINE-HEIGHT: 1.5;
	font-weight:bold;
	color:#000066;
}
#audioonly {
	display: none;
}
#medialinks {
	display: none;
}
.slideId {
	display : none;
}
.imageId {
	display : none;
}
/***********************************************

MENU

************************************************/
#menu  {
	padding : 0;
	margin : 0;
	margin-top :5px;
	overflow:auto;
}
#menu ul {
	list-style: none;
	padding : 0;
	margin : 0;
}
#menu li {
	display :block;
	padding: 1px;
}
#menu li a {
	display : block;
	padding: 4px 15px;
	border: 1px solid #CFCFCF;
	text-decoration : none;
}
#menu li a:hover {
	display : block;
	padding: 4px 15px;
	text-decoration:none;	
}
#menu li a:visited {
	display : block;
	padding: 4px 15px;
	color : #333333;
	border: 1px solid #CFCFCF;
	text-decoration : none;
}
#menu li a:visited:hover {
	display : block;
	padding: 4px 15px;
	color : #CFCFCF;
	text-decoration:none;
}
.slideId {
	display : none;
}
#menu img {
	display : none;
}
/************************************************

MENU TITLE HEADER

*************************************************/
#menu .titlesheader {
	display : block;
	padding : 4px 15px;
	margin : 1px;
	color : #FFFFFF;
	text-decoration : none;
}
#menu .speaker {
	display : block;
	padding : 4px 15px;
	margin : 1px;
	color : #FFFFFF;
	text-decoration : none;
}
#powerpoint {
	background : url(../images/buttons/pp.gif) no-repeat 2% 50%;
	height : 30px;
	padding :15px 0px 0px 45px;
}
/*************************************************************

SUBTITLES TEXT

*************************************************************/
#subtitles {
	margin-top : 5px;
	background-color : #000000 /*#F6F6F6*/;
	border : 1px solid #D7D7D7;
	padding : 2px 0px 3px 0px;
	text-align : center;
	_height :55px;
	min-height:55px;
}
#subtitles strong {
	width :100%;
	color : #FFFF00;
	background-color : #000000;
	font : 1.4em Courier;
	font-weight : bold;
	padding : 2px;
	line-height : 1.3em;
}
/*************************************************************

TAB PANEL

*************************************************************/
#tabpanel {
	FLOAT: left;
	WIDTH: 100%; 
	COLOR: #333333;
	margin : 0;
	padding :0;
	clear:both;
}
.separator {
	padding-left :14px;

/*****************TAKE OFF IMAGE IN VIEW SLIDES******************/

	background : url(../images/line.jpg) repeat-y 0% 0%;
}
.noseparator {
	padding-left :10px;

/*****************TAKE OFF IMAGE IN VIEW SLIDES******************/

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

TABS

**************************************************/
#tabs {
	margin : 0;
	padding :0;
}
#tabs ul {
	margin : 0;
	padding :0;
	margin : auto;
}
#tabs li {
	float : left;
	display: inline;
}
.tab a {
	display: block;
	font-weight : bold;
	margin-top : 2px;
	padding : 4px 1em; 
}
.tab-selected a {
	display: block;
	background-color : #0055AF;
	color : #F6F6F6;
	border-top : 1px solid #D7D7D7;
	border-left : 1px solid #D7D7D7;
	border-right : 1px solid #D7D7D7;
	font-weight:bold;
	margin-top : 2px;
	padding : 4px  1em;   
}
.tab-selected a:hover {
	color : #F6F6F6;  
}
.tab-selected a:visited {
	color : #F6F6F6;
}
.tab-selected a:visited:hover {
	color : #F6F6F6; 
}
/**************************************************

TABCONTENT

**************************************************/
#tabcontent {
	position : relative; 
	clear : both;
	border: 1px solid #CFCFCF;
	background-color: #F6F6F6;
	height : 580px/*1280x1244*/;
	/*height : 330px/*1024x768;*/  
	/*overflow : auto;*/
}
.textfield {
	height:100%;
	overflow:auto;
	color: #333333;
}
.textfield h4 {
	padding :0;
	margin : 30px 0 10px 30px;
	width :90%;
}
.textfield i {
	padding :0;
	margin : 10px 0 15px 30px;
	width :90%;
	color: #5A7BA5;
}
.textfield p {
	padding :0;
	margin-left : 30px;
	margin-top : 10px;
	width :90%;
}
.textfield a  {
	font-weight : bold;
	text-decoration : underline;
}
.textfield a:hover {
	font-weight : bold;
	text-decoration : underline;
}
.textfield a:visited  {
	font-weight : bold;
	text-decoration : underline;
}
.textfield a:hover:visited {
	font-weight : bold;
	text-decoration : underline;
}
.textfield br {
	height: 10px;
}
#feedback {
	margin-left : 30px;
}
#feedback p {
	padding :0;
	margin : 0;
	line-height : 10px;
}
#feedback-btn {
	padding :0;
	margin : 0;
	margin-top :10px;
}
/**************************************************

SLIDES

**************************************************/
#htmlslides {
	position:absolute;
	background-color : #CCCCCC;
	width: 99.7%;
	height :99.7%;
	z-index: 1;
	border: 0;
}
#slides {
	float :left;
	position:absolute;
	width : 99.7%;
	height : 99.7%;
	display :none;
	z-index: 2;
}
#comments {
 	width : 60%;
}
/*************************************************************

FOOTER

*************************************************************/
#footer {
	color : #999999 ;
}
#footer a:link {
	text-decoration : none; 
	color : #999999 ;
}
#footer a:hover {
	text-decoration : none; 
	color : #999999;
}
#footer a:visited {
	text-decoration : none;	
	color : #999999 ; 
}
#footer a:visited:hover {
	text-decoration : none;	 
	color : #999999;
}
#axisto {
	float : left;
}
#investis {
 	float : right
}