/* 

  Video Learning Pack CSS  

*/

body {
	margin: 0px;
	background-color: #ffffff;
}

img {
  border:none; margin:0px; padding:0px;
}

A.linkbubble {
  text-decoration:none;
}

A.linkbubble:visited {
  text-decoration:none;
}

A.linkbubble:hover {
  text-decoration:none; color:#000000;
}

A.linkbubble:active {
  text-decoration:none;
}

.clipplaystate {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #009933; text-align:left; vertical-align:bottom;
  padding: 0px;
}

.clipplayrate {
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #1E96C8; text-align:center; vertical-align:bottom;
  padding: 0px;
}

.clipopenstatus {
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #E96E18; text-align:left; vertical-align:bottom;
  padding: 0px;
}

.clipelapsed {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #009933; text-align:right; vertical-align:bottom;
  padding: 0px;
}

.clipduration {
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color:white; text-align:right; vertical-align:bottom;
  padding: 0px;
}

.clipauthor {
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal; color: #1E96C8; text-align:left; background-color: inherit; padding: 2px 2px 2px 2px;
}

.author {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #1F96AC; padding: 2px 2px 2px 2px;
}

.cliptitle {
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:bold; color: #1F96AC; text-align:left; background-color: inherit; padding: 2px 2px 2px 2px;
}

.clipcopyright {
  font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight:bold; color: #1E96C8; text-align:left; background-color: inherit; padding: 2px 2px 2px 2px;
}

.copyright {
  font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight:normal; color: #3F3F3F; background-color: inherit;
}

.errortext {
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal; color: black; text-align:left; background-color: #FFFFCC; padding: 3px 3px 3px 3px;
}

.closecrtlpaneltext {
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal; color: #2E92A4; text-align:left; background-color: white; padding: 3px 3px 3px 3px;
}


#headerbox {
  width:100%; height:40px; border-bottom: 1px solid #A8A8A8; background-color:#F0F2F2; visibility:hidden;
}

#connectionbox {
  position:absolute; width:auto; top:6px; left:10px; visibility:hidden;
}

#bannerbar {
  position:absolute; width:100%; top:6px; left:13px;
}

#tiptextbox {
  position:absolute; left:0px; top:409px; width:323px; height:auto; z-index:3; visibility:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight:normal; color: #000066; text-align:left; background-color: #E6ECFF; border: 1px solid #003399; padding: 2px 2px 2px 2px;   
}

#indexbubblebox {
  position:absolute; left:18px; top:487px; width:276px; height:auto; z-index:3; visibility:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight:normal; color: #000066; text-align:left;  background-color: #E6ECFF; border: 1px solid #003399; padding: 2px 2px 2px 2px;   
}

#movieframe {
  position:absolute; left:9px; top:0px; width:auto; height:auto; z-index:2;
}

#iquizpanel {
  position:absolute; left:393px; top:0px; width:114px; height:34px; 
  background-image:url(../images/iquizpanel.gif); background-repeat:no-repeat;
  z-index:2; visibility:hidden;
}

#iquizctrlbttnStart {
  position:absolute; left:27px; top:2px; width:auto; height:auto;
}

#iquizctrlbttnStop {
  position:absolute; left:68px; top:2px; width:auto; height:auto;
}

#iquizquizinfo {
  font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#FFFFFF; text-align:right; white-space: nowrap;
  position:absolute; left:243px; top:20px; width:144px; height:15px; overflow:hidden;
}

#moviecontainer {
  position:absolute; left:0px; top:32px; width:auto; height:auto; z-index:1;
}

#moviepreload {
  position:absolute; left:0px; top:0px; width:auto; height:auto; z-index:2; 
}

#idClipplaystate2 {
 position:absolute; left:156px; top:182px; width:200px; height:auto; visibility:hidden; z-index:3;
 font-family: Arial, Helvetica, sans-serif; font-size:11pt; color:#EEEEEE; font-weight:bold; text-align:center; background-color:#333333
}

#moviestatusbox {
  position:absolute; left:0px; top:433px; width:512px; height:38px; z-index:1;
  background-color: #000000;
}

#moviectrlbox {
  position:absolute; left:0px; top:473px; width:512px; height:79px; z-index:1;
}

#searchindexcontainer  {
  position:absolute; width:auto; height:115px; left: 0px; top: 0px; visibility:hidden; overflow:visible;
}

#searchindex  {
  width:325px; height:375px; overflow:hidden; border-bottom:1px solid #A8A8A8;  border-left:1px solid #A8A8A8;  border-right:1px solid #A8A8A8; background-color:#F4F4F4;   
}

A.searchpoint {
  font-family: Arial, sans-serif; font-size: 9.0pt; font-weight:normal; color: #222222; text-align:left; width:323px; text-decoration:none;
  padding:0px 6px 0px 6px; margin:0px; display:block;
}

#glossarycontainer  {
  position:absolute; left: 0px; top: 0px; visibility:hidden; overflow:visible;
}

#glossarytextholder  {
  width:325px; height:375px; border:1px solid #A8A8A8; background-color:#F4F4F4; overflow:hidden;   
}

A.glossaryitem {
  font-family: Arial, sans-serif; font-size: 9.0pt; font-weight:normal; color: #222222; text-align:left; width:323px; text-decoration:none;
  padding:0px 6px 0px 6px; margin:0px; display:block;
}

#browsevlpcontainer  {
  position:absolute; width:325px; height:104px; left: 0px; top: 447px;  background-color:#F4F4F4; border:1px solid #A8A8A8; visibility:hidden;
}

#buttonbox {
  padding:2px 3px 3px 3px; margin:0px;
}

#buttonbox div{
  padding:0px; margin:0px;
}

#messagewindow {
  font-family:Arial, Helvetica, sans-serif; font-size:10.5pt; background-color:#FFFFEC; padding:4px 8px 4px 8px; border:1px solid #4f4f4f;
  position:absolute; left:0px; top:0px; width:325px; height:auto; visibility:hidden; z-index:1;
}

#viewclipmsgwindow {
  font-family:Arial, Helvetica, sans-serif; font-size:10.5pt; background-color:#FFFFEC; padding:4px 8px 4px 8px; border:1px solid #4f4f4f;
  position:absolute; left:0px; top:0px; width:325px; height:auto; visibility:hidden; z-index:1;
}

#playbttn {
  position:absolute; left:8px; top:30px; width:45px; height:39px;
}

#playbttn2 {
  position:absolute; left:423px; top:10px; width:auto; height:auto; z-index:3;
}

#pausebttn {
  position:absolute; left:55px; top:30px; width:45px; height:39px;
}

#stopbttn {
  position:absolute; left:102px; top:30px; width:45px; height:39px; visibility:hidden;
}

#rewindbttn {
  position:absolute; left:149px; top:30px; width:auto; height:auto; margin:0px; padding:0px; visibility:hidden;
}

#forwardbttn {
  position:absolute; left:196px; top:30px; width:auto; height:auto; margin:0px; padding:0px; visibility:hidden;
}

#tsmdecbttn {
  position:absolute; left:420px; top:40px; width:21px; height:20px;
}

#tsmincbttn {
  position:absolute; left:461px; top:40px; width:21px; height:20px;
}

#topbttnpanel {
  float:right;
}

#forumcaption {
  position:absolute; width:auto; height:auto; z-index:1; left: 3px; top: 9px; visibility:hidden;
}

#forumbttn {
  position:absolute; left:112px; top:0px; width:auto; height:auto; visibility:hidden;
}

#closebttncaption {
  position:absolute; width:auto; height:auto; z-index:1; left: 186px; top: 9px; visibility:hidden;
}

#closebttn {
  position:absolute; left:293px; top:0px; width:auto; height:auto; visibility:hidden;
}

#timelineslidertrack {
  position:absolute; left:8px; top:6px; width:220px; height:8px;
}

#timelineprogressbar {
  position:absolute; left:19px; top:13px; width:216px; height:4px; clip: rect(0px, 0px, 4px, 0px); z-index: 2;
  background-color:#FFFF99;  
}

#idStreamingprogress {
  position:absolute; left:147px; top:2px; width:140px; height:13px; z-index: 2; visibility:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #E96E18; background-color: #000000; text-align:left; vertical-align:middle;
  padding-left:6px;
}

#timelinesliderbttn {
  position:absolute; left:8px; top:4px; width:21px; height:20px; z-index: 3;
}

#volumeslidertrack {
  position:absolute; left:286px; top:45px; width:60px; height:12px;
}  

#volumesliderbttn {
  position:absolute; left:307px; top:40px; width:21px; height:20px;
}

#movie2frame {
  position:absolute; left:331px; top:60px; width:auto; height:1px; background-color:inherit;
}

#slideshowtitle {
  font-family: Arial, Helvetica, sans-serif; font-size: 11.5pt; font-weight:normal; color: #ffffff; text-align:left;;
  position:absolute; left:9px; top:3px; width:491px; height:auto; z-index:1; background-color:inherit; overflow:hidden;
  padding:2px; border: 0px solid #000000;
}

#movie2container {
  position:absolute; left:10px; top:33px; width:640px; height:480px; z-index:1; background-color: #E4F0F1;
}

#movie2preload {
  position:absolute; left:0px; top:0px; width:640px; height:480px; z-index:2; visibility:visible; 
}

#bottomstrip {
  position:absolute; left:0px; top:417px; width:512px; height:18px; overflow:hidden; background-color:#E6EFF4; z-index:4;
  font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#166D86; text-align:left;  
}

#presenter {
  font-size: 10pt;
  position:absolute; top:0px; left:0px;
  padding-left:6px; width:337px; height:18px; overflow:hidden;
}

#docreview {
  font-size: 9pt;
  position:absolute; top:1px; left:337px;
  padding-right:6px; text-align:right; width:174px; height:18px; overflow:hidden;
}

#sponsorbox {
  position:absolute; left:84px; top:610px; width:166px; height:100px; overflow:hidden; z-index:1;
  background-color:#55633D; 
}

#sponsortext {
	position:absolute; left:22px; top:3px; width:auto; height:auto;
	font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;text-align:center;
	color:#2F2F2F;
	background-color:inherit;
	padding:3px;
	visibility: hidden;
}

#sponsorlogo {
  position:absolute; left:0px; top:27px; width:auto; height:auto; visibility:visible;
  background-color:inherit; border:0px solid #000000; padding:0px; 
}

#captionbox {
  position:absolute; left:25px; top:614px; width:949px; height:35px; overflow:hidden; visibility:hidden;
  background-color:inherit;
}

#captionboxtitle {
  position:absolute; left:25px; top:595px; width:auto; height:auto; visibility:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-weight:bold; color: #1E96C8; text-align:left;   
}

#caption {
  position:absolute; left:10px; top:36px; width:930px; height:auto; overflow:hidden; z-index:2; visibility:inherit;
  font-family:Arial, Helvetica, sans-serif; font-size:12.5pt; font-weight:bold; text-align:left; color:#CC3300;
  background-color:#E5F1F4; padding:0px; 
}

#closewindowcaption {
	position:absolute;
	left:534px;
	top:17px;
	width: auto;
	height: auto;
}

#licensetext {
  position:absolute; left:10px; top:556px; width:861px; height:44px; overflow:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 8.0pt; font-weight:normal; color: #575757; text-align:left;     
}

#infopanel {
 position:absolute; width:auto; height:auto; z-index:2; left: 348px; top: 92px;
}

#productcodecaption {
  position:absolute; width:auto; height:auto; z-index:2; left: 360px; top: 518px; overflow:hidden;
}

#infoSKU {
  position:absolute; width:216px; height:auto; z-index:2; left: 446px; top: 515px; padding:0px; overflow:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal; color: #333333; text-align:left; 
}

#infotitle {
  position:absolute; width:246px; height:31px; z-index:9; left: 64px; top: 18px; padding:0px; overflow:visible;
}

#infoexam {
  position:absolute; width:246px; height:18px; z-index:9; left: 64px; top: 49px; padding:0px; overflow:visible;
}

#infosubject {
  position:absolute; width:246px; height:18px; z-index:9; left: 64px; top: 51px; padding:0px; overflow:visible;
}

#infoteacher {
  position:absolute; width:246px; height:18px; z-index:9; left: 64px; top: 74px; padding:0px; overflow:visible;
}

#infodescription {
  position:absolute; width:302px; height:265px; z-index:2; left: 12px; top: 139px; padding:0px; overflow:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal; color: #645555; text-align:left; line-height:14px; 
}

#infoimage {
  position:absolute; left:10px; top:147px; width:auto; height:auto; visibility:hidden;
}

#buttonbox div.nav {
  float:left; height:auto; width:auto; margin:0px; padding:0px;
} 

#buttonbox div.nav a {
  height:auto; width:auto; margin:0px; padding:0px; border:0px solid #00ff00;
}  

#buttonbox div.nav a, #buttonbox div.nav a:link, #buttonbox div.nav a:visited {
  display:block;
}

#bttnrunmcq {
  background-image:url("../images/bttnrunmcq_over.jpg");
  background-repeat:no-repeat;
}

#bttnrunmcq:hover img {
  visibility:hidden;
}

#bttnmenuviewprint {
  background-image:url("../images/bttnviewprint_over.jpg");
  background-repeat:no-repeat;
}

#bttnmenuviewprint a:hover img {
  visibility:hidden;
}

#bttnmenudownloadmp3 {
  background-image:url("../images/bttndownloadmp3_over.jpg");
  background-repeat:no-repeat;
}

#bttnmenudownloadmp3 a:hover img {
  visibility:hidden;
}

#bttnopenhistory {
  background-image:url("../images/bttnopenhistory_over.jpg");
  background-repeat:no-repeat;
}

#bttnopenhistory:hover img {
  visibility:hidden;
}

#bttnviewresources {
  background-image:url("../images/bttnviewresources_over.jpg");
  background-repeat:no-repeat;
}

#bttnviewresources:hover img {
  visibility:hidden;
}

#moviectrlbox a {
  height:auto; width:auto; margin:0px; padding:0px; border:none; 
} 

#moviectrlbox a, #moviectrlbox a:link, #moviectrlbox a:visited {
  display:block;
}


[if lte IE 6]>

#bttnmenurunmcq {background-repeat:no-repeat;}
#bttnmenurunmcq a:hover {visibility:visible;}

#bttnmenuviewprint {background-repeat:no-repeat;}
#bttnmenuviewprint a:hover {visibility:visible;}

#bttnmenudownloadmp3 {background-repeat:no-repeat;}
#bttnmenudownloadmp3 a:hover {visibility:visible;}

#bttnmenuopenhistory {background-repeat:no-repeat;}
#bttnmenuopenhistory a:hover {visibility:visible;}

<![endif]