
/*************************************************************

MAIN CSS

*************************************************************/
body 
{
	min-width: 800px;
}
body, html, p {
	padding :0;
	margin : 0;
	height :100%; 
}
img {
	border: none;
}
.clear {
	clear : both;
	height : 1px;
	width : 100%;
	padding :0;
	margin : 0;
	FONT-SIZE: 0px;
}
/******************************************************************

PLAY CONTROLS 

******************************************************************/ 
#play-controls, #play-controls ul, #play-controls li 
{
    margin : 0;
	padding :0;
}
#play-controls ul {
	list-style : none;
	width : 95%;
	margin : auto;
	white-space : nowrap;
	margin-bottom :5px;
}
#play-controls li 
{
	display: inline;
}
/*************************************************************

PLAY BUTTON

*************************************************************/
* html a:hover {
	visibility : visible;
}
/*************************************************************

PLAY BUTTON

*************************************************************/
#play-btn
{
	display : none;
}
.play, .play:hover, .pause, .pause:hover {
	float : left;
	width : 49px; 
	height : 27px;
}
#playtext {
	display : none;
}
/*************************************************************

SLIDE RW/FF BUTTONS

*************************************************************/
#slide-previous, #slide-next, #backwardtext, #forwardtext
{
	display : none;
}
.slide-backward, .slide-backward:hover, .slide-forward, .slide-forward:hover {
	float : left;
	margin : 3px 0px 0px 1px;
	width : 27px; 
	height : 24px;
}
/*************************************************************

TIME

*************************************************************/
.axp-playbackcontrol 
{
    float : left;
    margin : -5px 0 0 0;
	padding : 0;
}
.axp-playbackcontrol-position {
    float : left;
	position : relative;
	margin : 0;
	padding : 0;
	width : 100%;
	/*overflow : hidden;*/
}
.axp-playbackcontrol-timedisplay, .axp-playbackcontrol-timedisplay2 {
    float : left;
	width : 45px;
	margin : 12px 3px 0 5px;
}
/*************************************************************

SOUND BUTTON

*************************************************************/
.axp-playbackcontrol-volume span, .axp-playbackcontrol-volume-down span 
{
	display : none;
}
.axp-playbackcontrol-volume, .axp-playbackcontrol-volume-down {
	float : left;
    margin : 8px 5px 0 5px;
	width : 27px;
	height : 23px;
}
.axp-playbackcontrol-volumeicon1, .axp-playbackcontrol-volumeicon2 {
    float : left;
	width : 45px;
	font : 0px Arial;
	margin : 12px 3px 0 3px;
	text-align : center;
	height : 15px;
}
.axp-playbackcontrol-fill {
    position : absolute;
    float : left; 
    top : 0;
    left : 0;
}
.axp-playbackcontrol-fill-arrow {
    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%;
    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 5px;
    margin:0;
    left : 0;  
    z-index : 1;
} 
.axp-playbackcontrol-fill-bg {
    position : absolute; 
    top : 13px;
    height : 12px; 
    z-index : 0;
}
.axp-playbackcontrol-fill-bg-buffer {
    position : absolute;
    float : left; 
    top : 13px;
    height : 12px; 
    left : 0; 
} 
.axp-playbackcontrol-fill-bg-volume {
    position : absolute;
    float : left; 
    top : 13px;
    height : 12px; 
    left : 0; 
}   
.axp-playbackcontrol-slider {
    position : absolute;
    top : 12px;
    left : 0;
    height : 12px;
    width : 100%; 
    z-index : 2;
}
.axp-playbackcontrol-slider-handle {
    position : absolute;
    top : 0;
    width :  1px;
    height : 12px;    
    cursor: pointer;
    overflow : hidden;
} 
.axp-playbackcontrol-bgtrack {
    position : absolute;
    float : left;
    top : 13px;
    left : 0;
    height : 12px;
    width : 100.5%;
    z-index : 0;
    overflow : hidden;
} 
.axp-playbackcontrol-topictrack {
	height : 12px;
	overflow : hidden;  
    width : 99%; 
    height : 12px;
    position : relative;
    z-index : 0;
    display : none;
    
}  
#marker1-in, #marker1-out, #marker2-in, #marker2-out {
    position : absolute;
    z-index : 2;
    height : 20px;
    width : 2px;
}
#marker1-span, #marker2-span {
    position : absolute;
    height : 20px;
    z-index : 1;
} 
#marker1-marker2-span 
{
    position : absolute;
    height : 20px;
    z-index : 1;
}
#line {
	float : left;
	width : 3px;
	height : 44px;
	margin-left : 5px;
	display: none;
}
/*************************************************************

VIEW BUTTON

*************************************************************/
#view-btn
{
	display : none;
}
.view-all, .view-all:hover, .view-slides, .view-slides:hover, .view-video, .view-video:hover {
	float: left;
	margin : 2px 0.5em 0px 0.5em;
	padding : 12px 0px 10px 32px;
}
/*************************************************************

SUBTITLES BUTTON

*************************************************************/
#subtitles-btn
{
	display : none;
}
.subtitles-on, .subtitles-on:hover, .subtitles-off, .subtitles-off:hover {
	float : left;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px;  
}
/*************************************************************

ACCESSIBILITY BUTTON

*************************************************************/
.accessibility, .accessibility:hover {
	float : left;
	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 {
	WIDTH: 95%; 
	margin: 0 auto;
	margin-top : 5px;
}
#header, #subnav, #footer {
	clear: both; 
	width: 100%;
}
#header {
	display :none;
}
#contentfloatholder {
	FLOAT : left; 
	WIDTH : 100%; 
	POSITION : relative;
}
 HTML DIV#center {
	MARGIN-RIGHT: -100%
}
 HTML DIV#left {
	MARGIN-LEFT: 0px
}
#centerpad {
	MARGIN: 0 11px 0 320px;
}
#center {
	FLOAT : left; 
	WIDTH : 100%; 
	MARGIN-RIGHT : -95%;
}
#leftpad {
	 MARGIN: 3px 0 10px 10px;
}
#left {
	FLOAT: left; MARGIN-LEFT: -5%; WIDTH:  320px; height :100%;
}
#right {
	FLOAT: right; 
	WIDTH: 10px;
}
/*****************TAKE OFF IMAGE IN VIEW SLIDES******************/
.separator {
	padding-left : 9px;
}
/*****************TAKE OFF IMAGE IN VIEW SLIDES******************/
.noseparator {
	padding-left :10px;
}
/******************************************************************

BANNER

******************************************************************/

.contentHeader 
{
	margin: 0 11px 3px 10px;
	overflow: hidden;
}

/******************************************************************

PANEL BACKGROUND

******************************************************************/

.boxhead, .boxhead div {	
	height : 12px;
	width: 99.95%;
	padding :0;
	margin : 0;
}

/*************************************************************

MEDIA PANEL

*************************************************************/

#mediapanel {
	padding : 0;
	margin : 0;
	margin-bottom : 8px;	
}
/*************************************************************

VIDEO

*************************************************************/
#videoph2 
{
    height :0;
    overflow:hidden;
}
#livetext {
	padding :0;
	margin : 10px 0px;
}
#audioonly, #medialinks, .slideId, .imageId {
	display: none;
}
#livepolling {
	padding :0;
	margin : 0;
}

/*************************************************************

MENU

*************************************************************/
#menu  
{
	width : 100%;
}
#menu-content {
	padding : 0;
	margin : 6px 0;
	overflow : auto;
	overflow-x: hidden;
}
#menu ul {
	list-style : none;
	padding : 0;
	margin : 0;
}
#menu li {
	display :block;
	padding: 0;
}
#menu li a , #menu li a:hover, #menu li a:visited, #menu li a:visited:hover {
	display : block;
	padding : 5px 0px 5px 15px;
	margin : 1px 0;

}
#menu img {
	margin: 0 5px 0 0;
}
/*************************************************************

MENU TITLE HEADER

*************************************************************/

#menu .titlesheader, #menu .speaker {
	display : block;
	padding: 5px 0px 5px 15px;
	text-decoration : none;
}
.beginTime {
    display:none
}
#pdfLink, #pptLink 
{
 	margin : 0;
	padding : 0;
	float :left;
	width:100%;  
}
/*************************************************************

SUBTITLES TEXT

*************************************************************/

#subtitles {
	margin-top : 5px;
	padding : 2px 0px 3px 0px;
	text-align : center;
	_height : 55px;
	min-height : 55px;
}
#subtitles strong {
	width : 100%;
	padding : 2px;
}

/*************************************************************

TAB PANEL

*************************************************************/

#tabpanel 
{
	FLOAT: left;
	WIDTH: 100%; 
	margin : 2px 0 0 0;
	padding :0;
	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;
	margin-top : 2px;
	padding : 4px  1em;   
}
/**************************************************

TABCONTENT

**************************************************/

#tabcontent {
	position : relative; 
	clear : both;
}
.textfield {
	height:100%;
	overflow:auto;
}
.textfield #feedback {
	padding-left : 30px;
}
.textfield h4, .textfield h3 {
	padding : 0;
	margin : 50px 0 20px 30px;
	width : 90%;
}
.textfield .inputs 
{
	padding :0;
	margin : 10px 0 5px 0;
}
.textfield br {
	height: 10px;
}
.label {
	float :left ;
	width : 100px;
}
/**************************************************

SLIDES

**************************************************/

#htmlslides, #slides 
{
    position : absolute;
	width : 99.7%;
	height : 99.7%;
}
#htmlslides {
	z-index : 1;
	border : 0;
}
#slides {
	float :left;
	/*display : none;*/
	z-index : 2;
}