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

MAIN CSS

*************************************************************/
body, html, p {
	padding :0;
	margin : 0;
}
.clear {
	clear : both;
	height : 1px;
	width : 100%;
	padding :0;
	margin : 0;
	FONT-SIZE: 0px;
}

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

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

WRAPPER CSS

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

#wrapper 
{
    width :420px;
	margin: 0 0 0 40px;
}
#header, #subnav, #footer {
	clear: both; width: 100%
}
#header {
	display :none;
}
#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;
}
 HTML DIV#center {
	MARGIN-RIGHT: -100%
}
 HTML DIV#left {
	MARGIN-LEFT: 0px
}
/*****************TAKE OFF IMAGE IN VIEW SLIDES******************/
.separator {
	padding-left : 9px;
	background : url(../images/line.jpg) repeat-y 0% 0%;
}
/*****************TAKE OFF IMAGE IN VIEW SLIDES******************/
.noseparator {
	padding-left :10px;
}

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

BANNER

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

.banner 
{
	margin: 0 11px 0 10px;
	overflow: hidden;
}

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

PANEL BACKGROUND

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

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

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

MEDIA PANEL

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

#mediapanel {
	padding : 0;
	margin : 0;
	margin-bottom : 8px;
}

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

VIDEO

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

#video, #videoph1 {
	padding : 0;
	margin : 0;
}
#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 : 0;
	overflow:auto;
}
#menu ul {
	list-style: none;
	padding : 0;
	margin : 0;
}
#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 0px 4px 15px;
	border: 1px solid #CFCFCF;
	text-decoration : none;
}
#menu img {
	margin: 0 5px 0 0;
}
.beginTime 
{
	display:none;
}

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

MENU TITLE HEADER

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

.titlesheader, .speaker {
	display : block;
	padding : 4px 15px;
	margin : 2px 0;
	color : #FFFFFF;
	text-decoration : none;
	width :352px;
}

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

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 
{
    display : none;
	FLOAT: left;
	WIDTH: 100%; 
	margin : 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;
	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: 1px solid #CFCFCF;
	background-color: #F6F6F6;
}
.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, #slides 
{
    position : absolute;
	width : 99.7%;
	height : 99.7%;
}
#htmlslides {
	background-color : #CCCCCC;
	z-index : 1;
	border : 0;
}
#slides {
	float :left;
	display : none;
	z-index : 2;
}

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

FOOTER

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

#footer, #footer a:link, a:hover, a:visited, a:visited:hover {
	text-decoration : none; 
	color : #999999 ;
}