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

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 {
    float : left;
    margin : 0px 0px 2px 11px;
    _margin : 0px 0px 2px 5px;
	padding : 0;
	width : 95%;
	border-top :  0px solid #C6C6C6;
}
/*************************************************************

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, .play:hover, .pause, .pause:hover 
{
    float : left;
	width : 48px; 
	height : 37px;
}
.play {
	background : url(../images/buttons/play.jpg) no-repeat 0% 0%;	
}
.play:hover{
	background : url(../images/buttons/play-over.jpg) no-repeat 0% 0%;
}

.pause{
	background : url(../images/buttons/pause.jpg) no-repeat 0% 0%; 
}

.pause:hover{
	background : url(../images/buttons/pause-over.jpg) no-repeat 0% 0%;
}
#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;
	margin : 4px 0 0 0;
	padding : 0;
	width : 102px;
	/*overflow : hidden;*/
}
.axp-playbackcontrol-timedisplay, .axp-playbackcontrol-timedisplay2 {
    float : left;
	width : 35px;
	font : 0.8em Arial;
	margin : 16px 1px 0 1px;
	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 2px 0 2px;
	width : 27px;
	height : 28px;
}
.axp-playbackcontrol-volume-down {
	float : left;
	background:url(../images/volume-btn2.jpg) no-repeat 100% 0%;
    margin : 8px 2px 0 2px;
	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;
    cursor: hand;
}
.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 1px 1px 4px;
    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;
}
/*************************************************************

VIEW BUTTON

*************************************************************/
#view-btn
{
	display : none;
	text-decoration : none;
}
.view-all, .view-all:hover, .view-all:visited:hover, .view-slides, .view-slides:hover, .view-slides:visited:hover , .view-video, .view-video:hover, .view-video:visited:hover {
	float: left;
	margin : 2px 0 0 0;
	padding : 12px 0px 10px 38px;
}
.view-all {
	background : url(../images/buttons/x1.jpg) no-repeat -10% 0%;
	float: left;
	margin : 2px 0 0 0;
	padding : 12px 0px 10px 38px;
}
.view-all:hover {
	background : url(../images/buttons/x1-over.jpg) no-repeat -10% 0%;
	float: left;
	margin : 2px 0 0 0;
	padding : 12px 0px 10px 38px;
}
.view-slides {
	background : url(../images/buttons/x1.jpg) no-repeat -10% 0%;
	float: left;
	margin : 2px 0 0 0;
	padding : 12px 0px 10px 38px;
}
.view-slides:hover {
	background : url(../images/buttons/x1-over.jpg) no-repeat -10% 0%;
	float: left;
	margin : 2px 0 0 0;
	padding : 12px 0px 10px 38px;
}
.view-video {
	background : url(../images/buttons/x2.jpg) no-repeat -10% 0%;
	float: left;
	margin : 2px 0 0 0;
	padding : 12px 0px 10px 38px;
}
.view-video:hover {
	background : url(../images/buttons/x2-over.jpg) no-repeat -10% 0%;
	float: left;
	margin : 2px 0 0 0;
	padding : 12px 0px 10px 38px;
}
.view-video:vis:hover {
	background : url(../images/buttons/x2-over.jpg) no-repeat -10% 0%;
	float: left;
	margin : 2px 0 0 0;
	padding : 12px 0px 10px 38px;
}
/*************************************************************

SUBTITLES BUTTON

*************************************************************/
#subtitles-btn
{
	display : none;
	text-decoration : 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: 2px; 
	 WIDTH: 524px; 
	 TEXT-ALIGN: left;
	 Z-INDEX: 500; 
	 POSITION: relative
}
#header {
	CLEAR: both; 
	WIDTH: 100%; 
	background-color:#00FF33; 
}
#footer {
	CLEAR: both; 
	WIDTH: 100%;
	margin-bottom : 20px;
}
#header {
	display :none; 
	PADDING: 0; 
	background-color: #FFFF33;
}
#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: 2px 12px 10px 492px;
}
#center {
	FLOAT : left;
	padding :0;
	margin : 0; 
	WIDTH : 100%;
}
#left {
	float :left; 
	padding :0;
	margin : 0;
	WIDTH:  480px; 
	padding-left : 10px;
	_padding-left : 0px;
}
#leftpad {
	float :left; 
	MARGIN: 2px 0px 0px 0px;
}
#right {
	FLOAT: right; 
	WIDTH: 10px;
}
 HTML DIV#center {
	MARGIN-RIGHT: -100%
}
 HTML DIV#left {
	MARGIN-LEFT: 0px;
	_MARGIN-LEFT: 5px;
}
.separator {
	padding-left :11px;

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

	background : url(../images/line.jpg) repeat-y 0% 0%;
}

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

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 
{
	float : right;
	padding : 0;
	margin : 0;
	_margin-right: 5px;
	width : 512px;
}
/*************************************************************

VIDEO

*************************************************************/
#video, #videoph1 {
	padding : 0;
	margin : 0;
}
#videoph1 {
	padding-left : 1px;
}

#livetext {
	padding :0;
	margin : 2px 0px;
	FONT-SIZE: 1.1em; 
	LINE-HEIGHT: 1.5;
	font-weight:bold;
	color:#000066;
}
#videoph2, #audioonly, .slideId, #menu img, #medialinks, #transcriptlinks {
	display: none;
}
#audioonly 
{
    float :left;
    width : 512px;
    height: 60px;
	margin-left : 1px;
}
/***********************************************

MENU

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

#menu  
{
    display :none;
    height: 0px;
	background-color:#FAFAFA;
	/*border : 1px solid #CFCFCF;*/
}
#menu-content {
	overflow:auto;
	width : 100%;
	/*display:none;*/
}
#menu ul {
	list-style: none;
}
#menu li {
	display :block;
	padding: 1px;
}
#menu li a, #menu li a:hover, #menu li a:visited, #menu li a:visited:hover {
	display : block;
	padding: 4px 0 4px 10px;
	border: 1px solid #CFCFCF;
	text-decoration : none;
}
#menu li a:visited {
	color : #333333;
}
.beginTime {
	visibility:hidden;
}
/************************************************

MENU TITLE HEADER

*************************************************/
#menu .titlesheader, #menu .speaker {
	display : block;
	padding: 4px 0 4px 10px;
	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 {
	background-color : #000000 /*#F6F6F6*/;
	_border-left: 1px solid #000000;
	text-align : center;
	_height: 50px;
	min-height: 50px;
	margin: 0;
	padding : 0;
}
#subtitles strong {
	width :100%;
	color : #FFFFFF;
	background-color : #000000;
	font : 1.4em Courier;
	font-weight : bold;
	line-height : 1.2em;
	margin: 3px;
}
/*************************************************************

TAB PANEL

*************************************************************/
#tabpanel {
	FLOAT: left;
	WIDTH: 100%; 
	clear:both;
}
/**************************************************

TABS

**************************************************/
#tabs, #tabs ul {
	margin : 0;
	padding :0;
}
#tabs ul {
	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, .tab-selected a:visited, .tab-selected a:visited:hover  {
	color : #F6F6F6;  
}
/**************************************************

TABCONTENT

**************************************************/
#tabcontent {
	position : relative; 
	clear : both;
	border-top: 1px solid #628297;
	border-bottom: 1px solid #628297;
	border-right: 12px solid #99CC3E;
	border-left: 12px solid #99CC3E;
	background : url(../data/header-logo2.jpg) no-repeat 96% 96%;
	background-color: #FFFFFF;

	height : 580px;   /*1280x1244*/
	/*height : 330px  /*1024x768;*/  
	/*overflow : auto;*/
}
.textfield 
{
    float :left;
    margin : 20px 0 0 20px;
    _margin : 20px 0 0 0;
    _padding : 0 0 0 20px;
	/*height:100%;
	overflow:auto;*/
}
#feedback p {
	margin : 8px 0px;
}
#feedback-btn {
	margin-top :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;
}
.comment-div 
{
    margin-left :10px;
    padding-bottom : 15px;
    color : Black;
}
/*#comments {
 	width : 402px;
}*/
#comments {
 	width : 440px;
}
.submit 
{
    float :right;
    margin : 8px 10px 0 0;
}
#feedback-btn
{

    margin : 0 0 6px 5px;
}
/*************************************************************

FOOTER

*************************************************************/
#footer {
	margin : auto; 
	color: #AAAAAA;
	font-size: 0.9em;
}
#playerdownloads {
	margin-top : 2px;
	clear : both;
}
#wmp-icon span, #rp-icon span, #flash-icon span  {
	display :none
}
#support {
    float :left;
}
#axisto {
	float : right;
}
#axisto a:link, #axisto a:hover, #axisto a:visited, #axisto a:visited:hover {
	font : 11px Arial;
	color: #999999; 
}