*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
body{font:12px/1.5 Arial,Tahoma,Helvetica,sans-serif;color:#666;text-align:center;}
#mainwrap{width:100%;height:100%;min-width:808px;min-height:606px;position:relative;text-align:left;}
* html #mainwrap{position:static;}
#container{width:800px;height:600px;padding:3px 4px;left:50%;margin:-303px 0 0 -404px;position:absolute;top:50%;overflow:hidden;}
a.button{display:block;text-indent:-999em;line-height:0;outline:none;}
.button{background-position:top left;}
.button:hover{background-position:bottom left;}
#quit{width:25px!important;height:15px!important;background-image:url('images/btnquit.gif');position:absolute;top:12px!important;left:770px!important;}
#main-btn,#back-btn{width:71px!important;height:15px!important;background-image:url('images/btnmain.gif');position:absolute;top:12px!important;left:13px!important;}
#back-btn{background-image:url('images/btnback.gif');}
#skip-btn,#cpd-btn,#print-btn{width:71px!important;height:15px!important;background-image:url('images/btncpdpoints.gif');position:absolute;top:12px!important;left:88px!important;}
#skip-btn{border:0;background-image:url('images/btnskpintro.gif');text-indent:-999em;}
button.disabled{background-position:center left!important;}
#print-btn{background-image:url('images/btnprint.gif');}
/* index */
#index #container{background:url(images/bgindex.gif);}
#index-links a.button{width:210px;height:31px;position:absolute;top:497px;}
#index-links #view-cd{left:76px;background-image:url('images/btnviewcd.gif');}
#index-links #view-site{left:520px;background-image:url('images/btnviewsite.gif');}
/* flash */
#flash #container{background:url(images/bgempty.gif);}
/* main */
#main #container{background:url(images/bgmain.gif);}
#header{height:93px;width:800px;}
#inner{height:425px;width:800px;}
#footer{height:84px;width:800px;}
h1{font-size:32px;padding:10px 0 0 48px;}
ul{list-style:none;padding:20px 0 0 40px;width:492px;}
ul li{padding-left:10px;color:#999;}
ul .brief{display:none;height:278px;overflow:hidden;}
ul .time{display:none;}
.time{font-weight:bold;position:absolute;bottom:8px;left:6px;}
ul .btnbag{display:none;}
.btnbag a.button{width:107px;height:31px;position:absolute;top:335px;}
.btnbag a.play{background-image:url(images/btnplay.gif);left:125px;}
.btnbag a.play-all{background-image:url(images/btnplayall.gif);left:125px;}
ul h3{font-size:16px;line-height:40px;padding-left:12px;}
li.this{background:#f8fcf6 url(images/this.gif) no-repeat left top;}
.this h3{color:#000;margin:0;}
.hover{color:#000;}
#brief{display:none;height:342px;left:536px;padding:12px;position:absolute;top:152px;width:220px;}
#brief strong{display:block;font-size:13px;}
#brief .slide{float:left;height:80px;margin:10px 10px 6px 1px;width:82px;overflow:hidden;}
#brief .lecturer{margin:6px 0 0;}
#brief p{margin:0 12px 20px 0;}
#brief .intro{height:166px;overflow:auto;clear:both;position:absolute;bottom:46px;left:10px;width:216px;}
#brief .lower{height:145px;}
/* player */
#player #container{background:url(images/bgplayer.gif);}
#slide{background:url('images/indicator.gif') no-repeat center;height:383px;overflow:hidden;text-align:center;width:512px;position:absolute;top:102px;left:31px;}
#slide img{height:383px;}
#right{height:330px;left:580px;position:absolute;top:102px;width:194px;}
#screen{width:176px;height:131px;margin:14px 9px;}
.intCode{display:none;}
#playpause{background:url(images/playpause.gif) top left;width:32px;height:26px;display:block;text-indent:-999em;position:absolute;top:158px;left:13px;outline:none;}
#timer{display:block;position:absolute;top:161px;left:62px;width:122px;text-align:center;}
/* cpd */
#cpd #container{background:url(images/bgcpd.gif);}
#cpd a.button{width:142px;height:31px;position:absolute;left:156px;}
#cpd #category-one{top:185px;background-image:url('images/btncat1.gif')}
#cpd #category-two{top:197px;background-image:url('images/btncat2.gif')}
#cpd #available-field{position:absolute;top:567px;left:556px;width:95px;height:20px;background-color:white;text-align:center;color:red;font-weight:bold;}
/* cpd form */
#cpdform #container{background:url(images/bgform.gif);}
#pdfform{height:410px;margin:100px 16px 0;text-align:center}
#pdfform div{overflow:scroll;height:410px;}
#pdfform img{width:750px;}
/* exit */
#exit #container{background:url(images/bgquit.gif);}
#exit a.button{width:210px;height:31px;position:absolute;left:34px;}
#exit #web{top:199px;background-image:url('images/btnseminarweb.gif')}
#exit #pdf{top:236px;background-image:url('images/btnseminarpdf.gif')}
#exit #points{top:273px;background-image:url('images/btncpd.gif')}
#links a{display:block;position:absolute;width:380px;height:168px;text-indent:-999em;}
#links a#presented{left:20px;top:346px;}
#links a#supported{left:406px;top:346px;}
#links a#reed{left:20px;top:533px;width:766px;height:60px;}

#volcontainer{height:12px;
position:absolute;
right:61px;
top:13px;
width:86px;}
#volume{}
.ui-slider-horizontal{height:12px;}
.ui-slider{position:relative;}
.ui-slider .ui-slider-handle{cursor:pointer;height:12px;position:absolute;width:10px;z-index:2;background:url(images/controller.gif) no-repeat top left;outline:none;}


#topic{font-size:14px;padding:56px 0 0;}
#professor{font-size:12px;font-style:italic;}



/* scrollbar */
#thumbnails{position:absolute;top:500px;left:29px;height:87px;width:748px;overflow:hidden;}
#controller{height:87px;width:748px;white-space:nowrap;background:#fff;float:left;overflow:hidden;}
#controller img{height:60px;margin:16px 1px 0 0;}
a.jScrollArrowLeft{background:url(images/basic_arrow_left.gif) no-repeat 0 0;}
a.jScrollArrowLeft:hover{background-position: -15px 0;}
a.jScrollArrowRight{background:url(images/basic_arrow_right.gif) no-repeat 0 0;}
a.jScrollArrowRight:hover{background-position:-15px 0;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{background-position:-30px 0;}

/* select */
div.select{position:absolute;top:213px;left:6px;width:183px;}
div.select .value{line-height:23px;padding:2px 8px 0;}
div.select .options{display:none;background:url(images/droptp.gif) no-repeat top;padding:6px 0 0 0;}
div.select .optionsinner{background:url(images/dropbt.gif) no-repeat bottom;padding:0 5px 12px 6px;}
div.select .option{padding:0 2px;}
div.select .hover{background:#e6e6e6;}
div.select .selected{background:#d0d0d0;}