/*** TOOLTIP ***/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div { font: 11px arial; margin: 0; }

#tooltip h4 {
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}

#tooltip h5 {
	margin: 3px 0px 0px 0px;
	font-size: 11px;
	color: #5C6063;
	font-weight: bold;
	padding-left: 15px;
}

#tooltip p {
	padding-left: 15px;
	margin: 0px;
}

/******/

body {
	background-color: #202020;
	background-image: url(../images/bodybg.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

.hovering {
	cursor: pointer;
}

.toplinks {
	font-family: arial;
	font-size: 11px;
	width: 1015px;
	height: 20px; 
	text-align: right;
	color: #7B1417;
}

.toplinks a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

.toplinks a:hover {
	text-decoration: none;
	color: #FEEA00;
	font-weight: bold;
}

#prevpres {
background-image:url(../images/prev.gif);
background-position:5px 11px;
background-repeat:no-repeat;
float:left;
height:30px;
width:15px;
margin-right: 10px;
cursor: pointer;
}

#nextpres {
background-image:url(../images/next.gif);
background-position:5px 11px;
background-repeat:no-repeat;
float:left;
height:30px;
margin-left:10px;
width:15px;
cursor: pointer;
}

.currentslide {
	color: #FEEA00;
}

#wrap {
	width: 1005px;
	margin: 0px auto;
}

#content {
	width: 975px;
	padding: 20px 20px 5px 20px;
	height: 530px;
	background-color: #000000;
	border: 1px solid #7B1417;
}

#content #left {
	width: 320px;
	float: left;
}

#content #right {
	float: left;
	padding-left: 5px;
	width: 650px;
	height: 500px;
}

#content #bottom {
	width: 975px;
	height: 30px;
}

#content #left .logo {
	height: 125px;
	background-repeat: no-repeat;
	background-position: top left;
}

#content #left .videoscreen {
	height: 240px;
	background-color: #000000;
}

#content #left .videocontrols {
	height: 50px;
	background-color: #000000;
}

#buttonspacer {
	width: 5px;
	height: 50px;
	float: left;
}

#playbutton.playbutton {
	background-image: url(../images/playbutton.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	float: left;
	width: 30px;
	height: 30px;
	vertical-align:middle;
}

#playbutton.playbutton.hovering {
	background-image: url(../images/playbuttonhover.gif);
}

#playbutton.pausebutton {
	background-image: url(../images/pausebutton.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	float: left;
	width: 30px;
	height: 30px;
	vertical-align:middle;
}

#playbutton.pausebutton.hovering {
	background-image: url(../images/pausebuttonhover.gif);
}

#stopbutton {
	background-image: url(../images/stopbutton.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	float: left;
	width: 20px;
	height: 30px;
	vertical-align:middle;
}

#stopbutton.hovering {
	background-image: url(../images/stopbuttonhover.gif);
}

#stopbutton.disabled {
	background-image: url(../images/stopbuttondisabled.gif);
}

#progressholder {
	width: 140px;
height:46px;
padding-top:4px;
	float: left;
	vertical-align:middle;
}

#progresstime {
	width: 135px;
	font-size: 8px;
	font-family: arial;
	color: #ffffff;
	float: left;
	text-align: right;
}

#progressarea {
	background-image: url(../images/progressarea.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	width: 140px;
	height: 15px;
	float: left;
}

#progressclicker {
	width: 130px;
	height: 5px;
	margin: 5px;
	background-color: transparent;
}

#progressbar {
	background-image: url(../images/progressbar.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	width: 130px;
	height: 5px;
}

#progressarea.disabled #progressbar {
	background-image: url(../images/progressbardisabled.gif);
}


#progressbar.hovering {
	background-image: url(../images/progressbarhover.gif);
}

#mutebutton.unmuted {
	background-image: url(../images/mutebutton.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	float: left;
	width: 20px;
	height: 30px;
	vertical-align:middle;
}

#mutebutton.unmuted.hovering {
	background-image: url(../images/mutebuttonhover.gif);
}

#mutebutton.muted {
	background-image: url(../images/unmutebutton.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	float: left;
	width: 20px;
	height: 30px;
	vertical-align:middle;
}

#mutebutton.muted.hovering {
	background-image: url(../images/unmutebuttonhover.gif);
}

#volumearea.unmuted {
	background-image: url(../images/volumearea.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	float: left;
	width: 70px;
	height: 30px;
	vertical-align:middle;
}

#volumearea.unmuted #volumebar {
	background-image: url(../images/volumebar.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	width: 60px;
	height: 5px;
}

#volumearea #volumeclicker #volumebar.hovering {
	background-image: url(../images/volumebarhover.gif);
}

#volumearea.muted {
	background-image: url(../images/volumearea.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	float: left;
	width: 70px;
	height: 30px;
	vertical-align:middle;
}

#volumearea.muted #volumebar {
	background-image: url(../images/volumebardisabled.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	width: 60px;
	height: 5px;
}

#volumeclicker {
	width: 60px;
	height: 5px;
	margin: 13px 5px;
	background-color: transparent;
}

#content #left .diacontrols {
	height: 120px;
	background-color: transparent;
	overflow: auto;
	font-family: trebuchet ms, arial;
	font-size: 12px;
	color: #ffffff;
	width: 320px;
}

#content #right .dia {
	width: 650px;
	height: 490px;
	background-color: #ffffff;
}

#pres {
	width: 915px;
	float: left;
	overflow: hidden;
	height: 30px;
}

#presentations {
	list-style-type: none;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	height: 30px;
	width: 5000px;
}

#presentations li {
	color: #FFFFFF;
	float: left;
	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	height: 15px;	
	padding: 10px 15px 10px 15px;
}

#presentations li a {
	color: #ffffff;
	text-decoration: none;
}

#presentations li a:hover {
	color: #FEEA00;
	text-decoration: none;
}

.diacontrols ul {
	list-style-type: none;
	margin: 0px; 
	padding: 0px;
	width: 297px;
}

.diacontrols ul li {
	cursor: pointer;
	padding-left: 10px;
	font-weight: bold;
	font-size: 13px;
}

.diacontrols ul li:hover {
	color: #FEEA00;
}

#footer {
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	padding-top: 5px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #FEEA00;
	text-decoration: none;
}