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

MAIN CSS

*************************************************************/
body, html, p {
	padding :0;
	margin : 0;
}
body 
{
	TEXT-ALIGN: center; 
	min-width: 800px; 
	LINE-HEIGHT: 1.5; 
}
.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 
{
    margin : 0;
	padding :0;
	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 
{
    margin : 0;
	padding :0;
	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 : 28px; 
	height : 37px;  
}
.slide-backward:hover {
	margin : 3px 0px 0px 6px;
	background:url(../images/buttons/backward-over.jpg) no-repeat 0% 0%;
	width : 28px; 
	height : 37px; 
}
.slide-forward {
	float : left;
	margin : 3px 0px 0px 0px;
	background:url(../images/buttons/forward.jpg) no-repeat 0% 0%;
	width : 28px; 
	height : 37px; 
}
.slide-forward:hover {
	margin : 3px 0px 0px 0px;
	background:url(../images/buttons/forward-over.jpg) no-repeat 0% 0%;
	width : 28px; 
	height : 37px; 
}
#currentSlide {
	margin-top : 10px;
	width : 50px; 
}
#backwardtext {
	display : none;
}
#forwardtext {
	display : none;
}
/*************************************************************

TIME

*************************************************************/
.axp-playbackcontrol 
{
    float : left;
    margin : 0;
	padding : 0;
}
.axp-playbackcontrol-position {
    float : left;
	position : relative;
	width : 230px;
	margin : 4px 0 0 0;
	padding : 0;
	overflow : hidden;
}
.axp-playbackcontrol-timedisplay, .axp-playbackcontrol-timedisplay2 {
    float : left;
	width : 45px;
	font : 0.9em Arial;
	margin : 16px 3px 0 3px;
	text-align : center;
	color : Black;
}
/*************************************************************

SOUND BUTTON

*************************************************************/
.axp-playbackcontrol-volume span, .axp-playbackcontrol-volume-down span 
{
	display : none;
}
.axp-playbackcontrol-volume {
	float : left;
	background:url(../images/volume-btn2.jpg) no-repeat 100% 100%;
    margin : 8px 5px 0 5px;
	width : 27px;
	height : 28px;
}
.axp-playbackcontrol-volume-down {
	float : left;
	background:url(../images/volume-btn2.jpg) no-repeat 100% 0%;
    margin : 8px 5px 0 5px;
	width :27px;
	height : 28px;
}
.axp-playbackcontrol-volumeicon1 {
    float : left;
	width : 45px;
	font : 0px Arial;
	margin : 15px 3px 0 3px;
	text-align : center;
	height : 15px;
    color : #EAEAEA;
	background : url(../images/volume-min.gif) no-repeat 50% 0%;
}
.axp-playbackcontrol-volumeicon2 {
    float : left;
	width : 45px;
	font : 0px Arial;
	margin : 15px 3px 0 3px;
	text-align : center;
	height : 15px;
	color : #EAEAEA;
	background : url(../images/volume-plus.gif) no-repeat 50% 0%;
}
#mediaPositionControl1 {
}
.axp-playbackcontrol-fill {
    position : absolute;
    float : left; 
    top : 0;
    left : 0;
}
.axp-playbackcontrol-fill-arrow {
    background : url(../images/arrow.gif) no-repeat 0% 0%;
    width : 11px;
    height : 5px; 
    position : absolute;
    float : left; 
    top : 8px;
    left : 0;
}
.axp-playbackcontrol-fill-gif 
{
    display: none;
    _display: block; 
    position : absolute;
    float : left; 
    top : 12px;
    left : 0;
    height : 12px;
    width :100%;
    background : url(../images/fill.gif) no-repeat 0% 0%;
    z-index : 2;
}

.axp-playbackcontrol-fill-text {
    -moz-user-focue:ignore;
    -moz-user-select:none;
    cursor: default;
    position : absolute; 
    top : 12px;
    padding : 2px 0 1px 10px;
    margin:0;
    left : 0;  
    z-index : 1;
	font : 9px Arial;
} 
.axp-playbackcontrol-fill-bg {
    position : absolute; 
    top : 13px;
    height : 12px; 
    left : 0; 
    background : url(../images/fill.jpg) no-repeat 0% 0%;
    z-index : 0;
}
.axp-playbackcontrol-fill-bg-buffer {
    position : absolute;
    float : left; 
    top : 13px;
    height : 12px; 
    left : 0; 
    background : url(../images/buffer.jpg) no-repeat 0% 0%;
} 
.axp-playbackcontrol-fill-bg-volume {
    position : absolute;
    float : left; 
    top : 13px;
    height : 12px; 
    left : 0; 
    background : url(../images/volume-fill.jpg) no-repeat 0% 0%;
}   
.axp-playbackcontrol-slider {
    position : absolute;
    top : 12px;
    left : 0;
    height : 12px;
    width : 100%; 
    border :  1px solid #C6C6C6;
    z-index : 2;
}
.axp-playbackcontrol-slider-handle {
    position : absolute;
    top : 0;
    width :  1px;
    height : 12px;    
    border-right : 1px solid #333333;
    cursor: pointer;
        	overflow : hidden;
} 
.axp-playbackcontrol-bgtrack {
    position : absolute;
    float : left;
    top : 13px;
    left : 0;
    height : 12px;
    width : 100.5%;
    z-index : 0;
    background-color : #FFFFFF;
    overflow : hidden;
} 
.axp-playbackcontrol-topictrack {
	height : 12px;
	background : url(../images/player-bg.jpg) repeat-x 0% 0%;
	overflow : hidden;  
    width : 99%; 
    height : 12px;
    position : relative;
    z-index : 0;
    border :  1px solid #C6C6C6;
    display : none;
    
}  
#marker1-in, #marker1-out, #marker2-in, #marker2-out {
    position : absolute;
    z-index : 2;
    height : 20px;
    width : 2px;
    border-bottom : 1px solid #D0D9E2; 
    background-color : #BCC3C5;
}
#marker1-span, #marker2-span {
    position : absolute;
    background-color : #F0F8F6;
    height : 20px;
    z-index : 1;
} 
#marker1-marker2-span 
{
    position : absolute;
    background-color : #E4E6E7;
    height : 20px;
    z-index : 1;
}
#line {
	float : left;
	background : url(../images/buttons/top-line.jpg) no-repeat 0% 0%;
	width : 3px;
	height : 44px;
	margin-left : 5px;
	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 0.5em 0px 0.5em;
	padding : 12px 0px 10px 32px;
}
.view-all:hover {
	background : url(../images/buttons/veiw-all-over.jpg) no-repeat 0% 40%;
	margin : 2px 0.5em 0px 0.5em;
	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 0.5em 0px 0.5em;
	padding : 12px 0px 10px 32px;
}
.view-video {
	float: left;
	background : url(../images/buttons/veiw-video.jpg) no-repeat 0% 40%;
	margin : 2px 0.5em 0px 0.5em;
	padding : 12px 0px 10px 32px;
}
.view-video:hover {
	background : url(../images/buttons/veiw-video-over.jpg) no-repeat 0% 40%;
	margin : 2px 0.5em 0px 0.5em;
	padding : 12px 0px 10px 32px;
}
/*************************************************************

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;
	padding : 12px 0px 10px 30px;
}
.accessibility:hover {
	float : left;
	background : url(../images/buttons/accessibility-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	padding : 12px 0px 10px 30px;
}
#js-disabled {
	margin-top : 8px;
	margin-left : 20px;
	padding : 10px 15px 10px 50px;
	font : 0.9em Verdana;
	background : url(../images/no-java.gif) #FFFFCC no-repeat 2% 50%;
}
#testtext {
	display: none;
	margin : 5px 20px 5px 20px;
	padding : 10px 20px 10px 65px;
	font : 1.1em Verdana;
	background : url(../images/no-java.gif) #FFFFCC no-repeat 2% 50%;
}
#search-box
{
    float : right;
    margin-top : 11px;
}
#search-btn 
{
    float : right;
    margin-top : 10px;
    margin-left : 3px;
    margin-right : 2.5%;
}
/*************************************************************

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 332px;
}
#center {
	FLOAT : left; 
	WIDTH : 100%; 
	MARGIN-RIGHT : -95%;
	padding-bottom : 10px;
}
#leftpad {
	 MARGIN: 2px 0px 10px 10px;
}
#left {
	FLOAT: left; MARGIN-LEFT: -5%; WIDTH:  320px; 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;
	width :320px;
}
#menu span {
	display : none;
}
#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, .textfield h3 {
	padding :0;
	margin : 50px 0 50px 30px;
	width :90%;
}
.textfield i, .textfield p {
	padding :0;
	margin : 10px 0 5px 30px;
	width :90%;
	color: #5A7BA5;
}
.textfield .inputs 
{
	padding :0;
	margin : 10px 0 5px 30px;
	color: #5A7BA5;
}
.textfield a, .textfield a:hover, .textfield a:visited, .textfield a:hover:visited {
	font-weight : bold;
	text-decoration : underline;
}
.textfield br {
	height: 10px;
}
.label {
	float :left ;
	width : 100px;
}
/**************************************************

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, a:hover, a:visited, a:visited:hover {
	text-decoration : none; 
	color : #999999 ;
}