/* $Id: player.css,v 1.28 2008/05/13 08:43:29 delchina Exp $ */
* {
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
}

img {
	border:0px;
}

#main {
	width:976px;
	margin: auto;
	overflow:hidden;
}

#headerimage {
	width:auto;
	height:60px;
	overflow:visible;
}

#footerimage {
	width:auto;
	height:20px;
	overflow:visible;	
}

#commcontainer {
	width:100%;
	background-image:url(../images/controlback.png);
	background-color: #FFFFFF;
	background-repeat: no-repeat;	
	position: relative;
	height: 549px;
	ooverflow:hidden;
}

#sacontrolcolumn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
}

#controlcolumn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 100%;
}

#controlcolumn #btlogo {
	position:absolute;
	width:120px;
	height:35px;
	margin-top:10px;
	top:502px;
}

#controlcolumn #btlogo a {
	width:100%;
	display:block;
	height:100%;
}

#videobox {
	width:320px;
	height:240px;
	background-color:#333333;
	margin-top:1px;
}

#audioimage {
	width:320px;
	height:240px;
	overflow:hidden;
	text-align:center;	
}

#infobox {
	margin-top:80px;
	padding:10px;
	padding-top:20px;
	height:150px;
	overflow:hidden;
}

#infobox .title {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

#infobox .dialinnumber {
	background-color:#444444;
	padding:4px;
	color:#EEEEEE;	
	font-size:12px;
	margin-bottom:5px;
}

#infobox .presentername {
	font-size:12px;
	margin-bottom:5px;
	color:#999999;	
}

#infobox .companyname {
	font-size:12px;
	margin-bottom:5px;
	color:#999999;	
}

#infobox .description {
	font-size:11px;
	height:100px;
	line-height:19px;
	overflow:auto;
}

#rightcolumn {
	position:absolute;
	margin:0px;
	margin-top:1px;
	left:320px;
	top:0px;
	width:648px;	
	height:549px;
}

.tabbody {
	margin:6px 6px 6px 6px;
}

.tabpanel {
	height:100%;
	width:100%;
	display: block;
}	

.tabpanel .title {
	font-size: 14px;
	color:#184471;	
}

.tabpanel ul.tabs {
	width:100%;
	background-image:url(../images/tabback.gif);
	background-repeat: repeat-x;
	background-position:bottom;		
    display: block;
	list-style: none outside;
	font-size: 11px;
	color: #333333;
	padding: 0px;
	line-height: 20px;
	height: 22px;
	overflow: hidden;
	border-left: 1px solid #DEDEDE;			
	margin: 0px 0px 6px 6px;
	clear:both;
}

.tabpanel ul.tabs li {	
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;	
	border-right: 1px solid #DEDEDE;		
	display: block;
	float: left;
	position: relative;
	height: 20px;	
	overflow:hidden;
}

.tabpanel ul.tabs li.selected {	
	border-bottom: 1px solid #FFFFFF;
	color:#000000;
}

.tabpanel ul.tabs li a {

	padding: 10px;
	text-decoration: none;
	background-image:url(../images/inactivetabback.gif);
	background-color: #F8F8F8;
	background-repeat: repeat-y;			
}

.tabpanel ul.tabs li a:link,
.tabpanel ul.tabs li a:visited {
	color: #999999;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 4px;
}

.tabpanel ul.tabs li a:hover {
	background-color: #cecbc6;
	background-image:none;
	color: #000066;
}

.tabpanel ul.tabs li.selected a,
.tabpanel ul.tabs li.selected a:hover {
	background-color: #FFFFFF;
	background-image:none;
	border-bottom: 1px solid #FFFFFF;
}

.tabpanel ul.tabs li.highlite a,
.tabpanel ul.tabs li.highlite a:link,
.tabpanel ul.tabs li.highlite a:visited,
.tabpanel ul.tabs li.highlite a:hover {
	color: #EEEEEE;
	background-image: url(../images/pulseback.gif);
	border-bottom: 1px solid #D0D0D0;
	background-repeat:repeat;
}

.tabpanel .tabbody {
	width:auto;
	0overflow:auto;
}

.slidelistpanel .slideselector {
	border: 2px solid #999999;
	width: 642px;
	border-style: solid;
	font-size: 11px;
	color: #555555;
	margin-top: 6px;
}

.slidelistpanel .slidebox {
	border: 1px solid #CCCCCC;
}

#rightcolumn .slidebox {
	width:640px;
	height:480px;	
}

.tabpanel .textpanel,
.tabpanel .votespanel,
.tabpanel .testpanel,
.tabpanel .downloadspanel,
.tabpanel .questionspanel,
.tabpanel .feedbackpanel,
.tabpanel .chapterspanel {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	margin: 15px;
	width: auto;
}

.tabpanel h1 {
	font-weight:normal;
	font-size:14px;
}

.tabpanel .helptext {
	width: inherit;
	margin-bottom: 5px;
	font-size: 11px;
}

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


.tabpanel .textpanel,
.tabpanel .downloadspanel,
.tabpanel .chapterspanel {
	height:500px;
	overflow:auto;
}


.tabpanel .textpanel h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 10px 10px 0px;
	color: #555555;
}

.tabpanel .textpanel h2 {
	font-style: italic;
	margin: 0px 0px 20px;
}

.tabpanel .textpanel p {
	margin: 0px;
}

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

.tabpanel .feedbackpanel textarea,
.tabpanel .questionspanel textarea {
	height: 150px;
	width:90%;
	background-color: #FFFFFF;
	padding: 2px;
}

.tabpanel .feedbackpanel .sltext,
.tabpanel .questionspanel .sltext {
	width: 90%;
	padding: 2px;
	height: 18px;
	background-color: #FFFFFF;
}

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

.tabpanel .imagebutton {
	height: 22px;
	cursor: pointer;
	width: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.tabpanel .imagebutton .l {
	width: 9px;
	background-image: url(../images/button_left.gif);
	background-repeat: no-repeat;
	height: 100%;
	float: left;
}

.tabpanel .imagebutton .m {
	background-image: url(../images/button_background.gif);
	background-repeat: repeat-x;
	height: 22px;
	padding: 0px 10px;
	font-size: 12px;
	overflow: hidden;
	float: left;
}

.tabpanel .imagebutton .r {
	width: 25px;
	background-image: url(../images/button_right.gif);
	background-repeat: no-repeat;
	height: 100%;
	float: left;
}

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

.roundedframe, .roundedframeDark {
	margin-bottom:10px;
}

.roundedframe .frametable, .roundedframeDark .frametableDark {
	width:100%;	
	border-color:1px solid #FFFF00;
	empty-cells:show;
}

.roundedframe .frametable .tl {
	background-image:url(../images/bluercttl.gif);
	background-repeat:no-repeat;
}

.roundedframe .frametable .tr {
	background-image:url(../images/bluercttr.gif);
	background-repeat:no-repeat;
}

.roundedframe .frametable .bl {
	background-image:url(../images/bluerctbl.gif);
	background-repeat:no-repeat;
}

.roundedframe .frametable .br {
	background-image:url(../images/bluerctbr.gif);
	background-repeat:no-repeat;
}

.roundedframeDark .frametableDark .tl {
	background-image:url(../images/darkbluercttl.gif);
	background-repeat:no-repeat;
}

.roundedframeDark .frametableDark .tr {
	background-image:url(../images/darkbluercttr.gif);
	background-repeat:no-repeat;
}

.roundedframeDark .frametableDark .bl {
	background-image:url(../images/darkbluerctbl.gif);
	background-repeat:no-repeat;
}

.roundedframeDark .frametableDark .br {
	background-image:url(../images/darkbluerctbr.gif);
	background-repeat:no-repeat;
}

.roundedframe .frametable .tm,
.roundedframe .frametable .bm,
.roundedframe .frametable .sl,
.roundedframe .frametable .sr,
.roundedframe .frametable .mid {
	background-color: #E2E7ED;
}

.roundedframe .frametable .main, .roundedframeDark .frametableDark .main {
	margin:5px 15px;
}

.roundedframe .frametable *, .roundedframeDark .frametableDark * {
	color:#184471;	
	font-size:14px;
}

.roundedframeDark .frametableDark .tm,
.roundedframeDark .frametableDark .bm,
.roundedframeDark .frametableDark .sl,
.roundedframeDark .frametableDark .sr,
.roundedframeDark .frametableDark .mid {
	background-color: #C4CDD7;
}

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

.tabpanel .votequestion {
	border: 1px solid #CCCCCC;
	padding: 10px 20px;
	margin-bottom: 5px;
}


.tabpanel .votespanel .helptext {
	padding: 10px 20px;
	margin-bottom: 5px;
}

.tabpanel .voteresultpanel {

}

.tabpanel .votegraph {
	display: block;
	padding: 10px 20px;
	border: 1px solid #CCCCCC;
}

.votespanel .voteresultpanel .responsemessage {
	padding: 0px 20px;
	margin-bottom:10px;
}

.votespanel .vote {
	height: 420px;
	overflow: hidden;
}

.votespanel .navigation {
	margin-top:10px;
}


.votespanel .voteresult {
	display: block;
	margin-bottom: 10px;
}

.votespanel .votebar {
	color: #FFFFFF;
	height: 15px;
	background-color: #FFD534;
	display: block;
	border-top: 1px solid #FFDF60;
	border-left: 1px solid #FFDF60;
	border-bottom: 1px solid #BBA768;
	border-right: 1px solid #BBA768;
	overflow: hidden;
	margin-bottom: 20px;
}


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



.testpanel .questionarea {
	height:390px;
	overflow:auto;
}

.testpanel .registrationarea {
	height:415px;
	overflow:hidden;
}

.testpanel .registrationarea .formpanel {
	height:355px;
	overflow:auto;
	margin-bottom:10px;
}

.testpanel .registrationarea .instructions {
	font-style:italic;
	padding:0px;
	margin:0px;
	padding-left:0px;
	margin-left:0px;
	margin-bottom:10px;
	color:#184471;	
}

.testpanel h1 {
	margin-bottom:5px;
}

.testpanel .description {
	oborder: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        opadding: 10px 20px;
	padding-bottom:10px;
	padding-top:0px;
        margin-bottom: 10px;
}

.testpanel .question {
	border: 1px solid #CCCCCC;
	padding: 10px 20px;
	margin-bottom: 5px;
}

.testpanel .questionnumber {
	color:#184471;
}

.tabpanel .testpanel .helptext {
	padding: 10px 20px;
	margin-bottom: 5px;
}

.testpanel .questionarea .description {
	margin-bottom:15px;
	font-size:10px;
	color:#CCCCCC;
}

.testpanel .formpanel {
	oborder:1px solid red;
	oheight:400px;
	ooverflow:auto;
	width:auto;	
}

.testpanel .formpanel .formfield {
	margin-bottom:15px;
	font-size:11px;
}

.testpanel .formpanel .textfield {
	width:50%;	
	padding: 2px;
	height: 18px;
	background-color: #FFFFFF;	
	padding-right:18px;
}

.testpanel .invalid .textfield {
	border: 2px solid #91000F;
	background-image:url('../images/invalidfield.gif');
	background-repeat:no-repeat;
	background-position: right 1px;
}	

.testpanel .testhelp {
	margin-bottom:15px;
	font-size:11px;
}

.testpanel div.answers {
	border: 1px solid #ABBCCF;
}

.testpanel div.answerscontainer {
	width:auto;
	height:320px;
	overflow:auto;
}

.testpanel table.resulttable {
	width:100%;
	border-collapse: collapse;
	border:0px;
	padding:0px;
	margin:0px;
}

.testpanel table.resulttable td {
	vertical-align:top;
}

.testpanel table.resulttable tr.header,
.testpanel table.resulttable tr.header td {
	background-color: #184488;
	color:white;
}

.testpanel table.resulttable tr.odd {
	background-color: #FFFFFF;
}

.testpanel table.resulttable tr.even {
	background-color: #F1F5F8;
}

.testpanel table.resulttable td.resultquestionno {
	width: 30px;
	padding-left:5px;
	padding-right:5px;
	text-align:right;
}

.testpanel table.resulttable td.resultquestion {
}  

.testpanel table.resulttable td.resultanswer {
        width: 40px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}  

.testpanel .tickimage {
	width:30px;
	height:26px;
	background-image: url(../images/testtick.gif);
	background-repeat:none;
}

.testpanel .crossimage {
	width:30px;
	height:26px;
	background-image: url(../images/testcross.gif);
	background-repeat:none;
}

.testpanel .correctanswer {
	color:#2E7900;
}

.testpanel .questionoptions {
	height:280px;
	width:auto;
	overflow:auto;
	margin-bottom:10px;
}



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

.chapterspanel a.chapter{
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom:4px;  
	display: block;
	width: inherit;	
	background-color: #EEEEEE;		
	text-decoration:none;
	cursor:pointer;	
}

.chapterspanel a.chapter:hover {
	background-image: url(../images/fadebuttonbackover.gif);		
    background-color: #EBB228;	
	background-repeat: repeat-x;	
}

.chapterspanel .icon{
	background-image: url(../images/gochapter.gif);
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	margin-left:10px;
}

.chapterspanel .chapters {
	height:460px;
	overflow:auto;
	display:block;
}

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

.downloadspanel .description {
	font-size: 11px;
	margin-bottom:10px;
}

.downloadspanel .icon {
	background-image:url(../images/downloadicon.gif);
	width:25px;
	height:25px;
	float:right;
	overflow:hidden;
	background-repeat:no-repeat;
}

.downloadspanel .title {
	font-size: 14px;
	color:#184471;	
}

.downloadspanel .title a {
	text-decoration:none;
}

.downloadspanel .title a:hover {
	text-decoration:underline;
}

.downloadspanel .file .description,
.downloadspanel .file .details {
	font-size: 10px;
	line-height:15px;
	margin-bottom:0px;
}

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

.debugpostframe {
	display: none;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

#debugbox {
	margin-top:20px;
	border:1px inset;
	padding:5px;
	height:260px;
	overflow:auto;
	font-size:11px;
	background-color:#EAECF7;
	font-family:"Courier New", Courier, mono;
}

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

#controlbox {
	background-color: #FFFFFF;
}

#controlbox * {
	font-size: 11px;
	color: #999999;
}

.playerbuttons {
	width:318px;
	height:75px;
	background-color:#FFFFFF;
	border: 1px solid #DEDEDE;
	font-size: 11px;
	color: #999999;
	overflow:hidden;	
	position: absolute;	
}

.medianav {
	margin-left:auto;
	margin-right:auto;
	width:85px;
	height:5px;
	position:relative;
}

.trackerbar {
	position: relative;
	width: 100%;
	height: 5px;
	background-repeat: repeat-x;
	overflow: hidden;
	cursor: pointer;
}

.trackerbarplayed {
	position: relative;
	top: 0px;
	left: 0px;
	width: 0%;
	height: 5px;
	z-index: 1;
	background-repeat: repeat-x;
}

.trackergrab {
	width: 9px;
	height: 5px;
	visibility: visible;
	overflow: hidden;
}

#buttonstop {
	position: absolute;
	top: 40px;
	left: 28px;
}

#buttonrewind {
	position: absolute;
	top: 5px;
	left: 0px;
}

#buttonplaypause {
	position: absolute;
	top: 5px;
	left: 26px;
}

#buttonffwd {
	position: absolute;
	top: 5px;
	left: 59px;
}

#volumedown {
	position: absolute;
	top: 5px;
	right: 77px;
}

#volumeknob {
	position: absolute;
	top: 5px;
	right: 50px;
	background-repeat: no-repeat;
}

#volumeup {
	position: absolute;
	top: 5px;
	right: 43px;
}

#buttonmute {
	position: absolute;
	top: 5px;
	right: 10px;
}

#statusicon {
	position: absolute;
	top: 15px;
	left: 15px;
}

#timeduration {
	position: absolute;
	z-index: 1;
	top: 47px;
	left: 15px;
	height: 18px;
	overflow: hidden;
}

#buttonarea #logo a {
	position: absolute;
	z-index: 1;
	width: 79px;
	height: 15px;
	top: 42px;
	left: 220px;
	height: 18px;
	overflow: hidden;
	background-image: url(../images/btlogo.gif);
	background-repeat: no-repeat;
}

#buttonarea #logo a:hover	{
	background-image: url(../images/btlogoover.gif);
}

#statustext{
	position: absolute;
	z-index: 1;
	top: 17px;
	left: 37px;
	width: 80px;
	height: 18px;
	overflow: hidden;
}

.certificateimage {
	float:right;
	width:51px;
	height:40px;
	background-image: url(../images/cpd_icon.gif);
	vertical-align: middle;
}
.pdfimage {
	float:left;
	width:51px;
	height:40px;
	background-image: url(../images/pdf_icon.gif);
	vertical-align: middle;
}
.sendingicon {
        width:16px;
        height:16px;
        background-image: url(../images/sending.gif);
        vertical-align: middle;
}