/* CSS Document */
  .bodyz {
    margin: 0px 0px 0px 0px;
		text-align: center;
		font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
		color: #333333;
		font-size: 11px;
    background: #FFF;
	}
	
  .detail {
		font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
		color: #4D4378;
		font-size: 11px;
	}
	
  .title {
		font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
		color: #3974AA;
		font-weight: bold;
		font-size: 11px;
	}
	
  h1 {
		color: #000;
		font-family: Helvetica,Arial,Verdana,Geneva,sans-serif;
		font-weight: bold;
		font-size: 20px;
	}
	
  h2 {
		color: #8c8c8c;
		font-family: Helvetica,Arial,Verdana,Geneva,sans-serif;
		font-weight: bold;
		font-size: 18px;
  }
	
  #mainwrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
		margin-top: 0px;
    width: 800px;
	}
	
  #level0 {
    background: #3975ab;
	}
	
  #level1 {
    margin-left: 10px;
    padding-left: 0px;
    background: #FFF;
	}
	
  #level2 {
    background: #3975ab;
	}
	
  #level3 {
    margin-right: 10px;
    padding-right: 0px;
    background: #FFF;
	}
  
	#main {
    background: #FFF;
	}
	
  .editctrl { 
		height: 13px;
		font: 10px Arial;
		border: 1px solid #3975a9;
		color: #3975a9;
		background: #FFF;
	} 
			  
  .login {
		font: normal 9px verdana;
    color: #000;
	}
			  
  .loginb {
		font: bold 10px verdana;
    color: #3875ac;
	}
			  
  a {
		color: #3875ac;
	}
	
  #content {
    background: #FFF;
		padding: 4px 0px 0px 0px;
		border: solid 1px; 
		border-color: #cddae2;
		width: 752px;
	}
	
  #blueBG {
    background-image: url(https://simages.videoprofessor.com/vpTwo/images/leftBar.gif);
		background-repeat: repeat-x;
		width: 780px;
		height: inherit;
		background-color: #709bcc;
	}
		
  #blueBG2 {
    background-image: url(https://simages.videoprofessor.com/vpTwo/images/blueBottom.gif);
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FFF;
		height: 45px;
	}
	
  #footer {
		background-color: #FFF;
	}

  .offertable {
    background: #f6f6f4;
		padding: 4px 0px 0px 0px;
		border: solid 1px;
		border-color: #bebebc;
   }
	
/* ********************  LC View Movie Styles ********************* */

	.lesson1 { 
		background-image:url(<cfoutput>#BlockImageDir#</cfoutput>Lesson1_tag.gif); 
	  border-top: solid 1px #bdbdbd;
	  border-left: solid 1px #bdbdbd; 
	  background-color: #b2cbdf; 
	  width:382px; height: 27px; 
	  background-repeat: no-repeat; 
	}
	
	.lesson2 {
		background-image:url(<cfoutput>#BlockImageDir#</cfoutput>Lesson2_tag.gif);
    border-top: solid 1px #bdbdbd;
   	border-left: solid 1px #bdbdbd;  
    background-color:#cccccc; 
   	width:171px; height:27px; 
   	background-repeat:no-repeat; 
  }
	
	.lesson3 {
		background-image:url(<cfoutput>#BlockImageDir#</cfoutput>Lesson3_tag.gif); 
    border-top: solid 1px #bdbdbd;
		border-left: solid 1px #bdbdbd; 
    background-color:#cccccc; 
		width:170px; height:27px; 
		background-repeat:no-repeat; 
	}
	
	.lesson1t { 
  	border-top: solid 1px #bdbdbd;
	  border-left: solid 1px #bdbdbd;
	  border-bottom: solid 1px #bdbdbd; 
	  background-color:#eceff6;
	  padding: 20px 20px 20px 20px;  
	  width:382px; 
	}
	
	.lesson2t { 
		border-top: solid 1px; color:#bdbdbd;
		border-left: solid 1px; color:#bdbdbd;
		border-bottom: solid 1px; color:#bdbdbd;  
		background-color:#f6f6f4; 
		width:171px; 
		background-repeat:no-repeat; 
	}
	
	.lesson3t {  
  	border: solid 1px;
		color:#bdbdbd;
    background-color:#f6f6f4; 
		width:170px; 
	}
		 
/* START AMYS STYLES FOR HOME PAGE */

	hr {
		border: 0px;
		margin:8px 0px 8px 0px;
		height:1px;
	  color:#cddae2;
		background-color:#cddae2;
		width:742px;
	}
	
	a.footage {
		color: #3875ac;
	}
	
	sup {
		font: 8px Helvetica, Arial, Verdana, sans-serif;
	}
	
	ul {
		font: 12px Arial, Helvetica, sans-serif;
		text-align: left;
	}
	
	.bullets {
		font: 12px Arial, Helvetica, sans-serif;
		text-align: left;
		font-weight: bold;
		font-style: italic;
	}
	
	#Slogan {
		text-align: left;
		width: 99.8%; 
		height: 25px;
		background: transparent;
		text-align: center;
	}
	
	#CourseHeader {
		text-align: left;
		padding-left: 6px;
	}
	
	.tiny {
		font: 13px Arial, Helvetica, sans-serif;
		font-style: italic;
		text-align: left;
		width: 160px;
	}
	
	.demo {
		height: 350px;
		text-align: center;
	}
	
	.titleText1 {
		font: 16px Helvetica, Arial, Verdana, sans-serif;
		color: #013364;
		font-weight: bold;
	}
	
	.titleText2 {
		font: 16px Helvetica, Arial, Verdana, sans-serif;
		color: #006896;
		font-weight: bold;
	}
	
	.demoText {
		font: 11px Helvetica, Arial, Verdana, sans-serif;
		color: #f0f0f0;
	}
	
	.gradientBG1 {
		background: url(https://simages.videoprofessor.com/vpTwo/images/bg_jws3.jpg) repeat-x;
		width: 170px; 
		vertical-align: top;
	}
	
	.gradientBG2 {
		background: url(https://simages.videoprofessor.com/vpTwo/images/bgGradient_v2.jpg) repeat-x;
		width: 430px; 
	}
	
	.gradientBG3 {
		background: url(https://simages.videoprofessor.com/vpTwo/images/gradientBG_v2.jpg) repeat-x;
		width: 600px; 
		height: 400px; 
	}
	
	#lessonTitleDiv {
		width: 100%;
		text-align: left;
		padding: 2px;
		padding-left: 4px;
	}
	
	.lessonTitle-grey {
		font: 16px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #83796a;
		line-height: 140%;
	}
	
	.lessonTitle-blue {
		font: 18px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #006896;
		line-height: 140%;
	}
	
	
	.lessonTitle-black {
		font: 14px Helvetica, Arial, Verdana;
		font-weight: bold;
		color: black;
		line-height: 140%;
	}
	
	.padding1 {
		padding-left: 30px;
	}
	
	.btmGradient {
		background: url(https://simages.videoprofessor.com/vpTwo/images/separatorGradient.jpg) no-repeat;
		height: 20px;
		font: 12px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		color: white;
	}
	
	.tagline-DkBlue {
		font: 12px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #013364;
		padding: 6px;
		line-height: 120%;
	}
	
	.tagling-LtBlue {
		font: 11px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #006896;
	}
	
	#Access {
		position: absolute;
		margin-left: 30%;
		margin-top: 95px;
		left: 41%;
		top: 160px;
		visibility: hidden;
		z-index: 5;
		background: #FFFFCC;
		padding: 4px;
		border: 1px solid #999999;
	}
	
	/* Title Div style and positioning */
	.popupDivCont {
	  visibility: hidden;
		position: absolute;
		border: 1px solid #999999; 
		background-color: #FFFFCC;
	  z-index: 25;
		width: 130px;
	  text-align: left;
		padding: 2px;
		float: right;
	}
	
	.demopopup {
	  visibility: hidden;
		position: absolute;
		border: 1px solid #999999; 
		background-color: #000;
	  z-index: 25;
		width: 130px;
	  text-align: left;
		padding: 2px;
		float: left;
	} 
	
	#Access1, #Excel, #FrontPage, #Internet1, #MicMon, #Outlook, #Photoshop, #PowerPoint, #Publisher, #QuickBooks, #Quicken, #Windows, #Word, #WordPerfect, #Works {
	  margin-left: -3px;
		margin-top: -2px;
		padding-left: 4px;
		z-index: 25;
		position: absolute;
		display: block;
	}
	
	//#MicMon {
		//left: -3px;
	//}
	
	/* Grey Box */
	
	#infoForm {
		margin-top: 20px; 
		padding-top: 50px;
		width: 400px;
		height: 339px;
		background: url(https://simages.videoprofessor.com/vpTwo/images/infoForm_bg.gif) no-repeat;
		text-align: center;
	}
	
	#infoForm2 {
		margin-top: 20px; 
		padding-top: 50px;
		width: 400px;
		height: 200px;
		background: url(https://simages.videoprofessor.com/vpTwo/images/infoForm_bg_old.gif) no-repeat;
		text-align: center;
	}
	
	.formText {
		line-height: 200%;
		text-align: right;
		padding-right: 5px;
		color: #666;
		font: 12px Arial, Helvetica, sans-serif;
	}
	
	select, input {
		border: 1px solid #999;
	}
	

	/* NEW DEMO PAGE 09/06/2007 */
	
	#mainLeft {
		width: 600px; height: 400px;
		/*float: left;*/
		background: url(http://vimages.videoprofessor.com/vpTwo/images/gradientBG_v2.jpg) no-repeat;
		text-align: center;
	}
	
	
	#bullets {
		margin-left: 200px;
		margin-top: 50px;
		width: 300px;
		height: 60px;
		font: 12px Arial, Helvetica, sans-serif;
		text-align: left;
		font-weight: bold;
		font-style: italic;
	}
	
	#video {
		width: 100px;
		height: 150px;
		float: left;
		margin-top: 110px;
		margin-left: 15px;
	}
	
	#mainMiddle {
		margin-left: 200px;
		margin-right: 20px;
		text-align: center;
	}
	
	#btmGradient {
		width: 600px;
		background: url(http://vimages.videoprofessor.com/vpTwo/images/separatorGradient.jpg) no-repeat;
		height: 20px;
		font: 12px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		color: white;
	}
	
	/* Lesson Titles */
	
	#mainRight {
		background: white;
		width: 150px;
		float: right;
	}
	
	#titleHeader {
		padding-left: 10px;
		height: 40px;
		text-align: left;
	}
	
	.titleText1 {
		font: 16px Helvetica, Arial, Verdana, sans-serif;
		color: #013364;
		font-weight: bold;
	}
	
	.titleText2 {
		font: 16px Helvetica, Arial, Verdana, sans-serif;
		color: #006896;
		font-weight: bold;
	}
	
	#lessonTitleDiv {
		width: 100%;
		text-align: left;
		padding: 2px;
		padding-left: 4px;
	}
	
	.lessonTitle-grey {
		font: 16px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #83796a;
		line-height: 140%;
	}
	
	.lessonTitle-blue {
		font: 17px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #006896;
		line-height: 140%;
	}
	
	.lessonTitle-black {
		font: 14px Helvetica, Arial, Verdana;
		font-weight: bold;
		color: black;
		line-height: 140%;
	}
	
	.lessonCol {
		font: 11px Arial, Verdana, Arial, Helvetica, sans-serif;
		width: 100%;
		padding: 5px 0px 0px 8px;
		line-height: 140%;
		text-align: left;
	}

	/* Middle content section after demo page */
	
	.demo {
		height: 350px;
		text-align: center;
	}
	
	#contentLeft {
		width: 420px;
		background: white;
		float: left;
		text-align: center;
		padding: 0px 0px 0px 0px;
	}
	
	#mainContent {
		width: 400px; height: 400px;
		background: url(https://simages.videoprofessor.com/vpTwo/images/contentBG.jpg) no-repeat;
		border: 1px solid #CCC;
		padding: 0px 0px 0px 0px;
	}
	
	#offerBox {
		margin-top: 20px;
		height: 210px;
		border: 1px solid #CCC;
		background: url(https://simages.videoprofessor.com/vpTwo/images/99offer.jpg) no-repeat;
		text-align: left;
		font: 12px Arial, Helvetica, sans-serif;
		padding: 5px;
	}
	
	#contentRight {
		width: 300px;
		background: white;
		border: 1px solid #CCC;
		float: right;
		filter: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorStr='white',endColorStr='#dfe6e9');
		padding: 0px 0px 0px 0px;
	}
	
	#courseHeader3 {
		height: 40px;
		background: url(https://simages.videoprofessor.com/vpTwo/images/popularTitles.gif) no-repeat;
		text-align: left;
	}
	
	#courseHeader2 {
		height: 40px;
		background: url(https://simages.videoprofessor.com/vpTwo/images/otherTitles.gif) no-repeat;
		margin-top: 10px;
	}
	
	.titlesName {
		width: 38%;
		text-align: left;
		font: 9px Arial, Helvetica, sans-serif;
		padding-left: 6px;
		font-weight: bold;
		color: #003366;
	}
	
	.titlesDescription {
		width: 62%;
		text-align: left;
		font: 9px Arial, Helvetica, sans-serif;
		padding-left: 6px;
	}
	
	.courseList {
		width: 320px;
		border: 1px solid #CCC;
	}
	
	
	sup {
		font: 8px Arial, Helvetica, sans-serif;
	}
	
	
	/* Content Section with bottom navigation */
	
	#separator {
		height: 50px;
		background: url(images/bodySep_backGradient.png) repeat-y;
	}
	
	#btmContent {
		background: white;
		padding-left: 25px; padding-right: 25px; padding-top: 30px; padding-bottom: 15px;
		font: 12px Arial, Helvetica, sans-serif;
		color: black;
	}
	
	a.btmNavMain, a.btmNavMains:hover {
		color: #3875ac;
		font: 12px Arial, Helvetica, sans-serif;
	}
	
	a.btmNavSub, a.btmNavSub:hover {
		color: #3875ac;
		font: 10px Arial, Helvetica, sans-serif;
		line-height: 200%;
	}
	
	a.btmJWS, a.btmJWS:hover {
		color: #999;
		font: 10px Arial, Helvetica, sans-serif;
		line-height: 200%;
	}
	
	.btmNavSpacerMain {
		padding-left: 10px; padding-right: 10px;
		font: 12px Arial, Helvetica, sans-serif;
	}
	
	.btmNavSpacerSub {
		padding-left: 8px; padding-right: 8px;
		font: 10px Arial, Helvetica, sans-serif;
	}
	
	.copyright {
		color: black;
		font: 11px Arial, Helvetica, sans-serif;
	}
	
	#introText1 {
		font: 16px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		width: 494px; height: 163px;
	}
	
	#introText2 {
		font: 16px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		width: 494px;
	}
	
	.padding1 {
		padding-left: 30px;
	}
	
	.tagline-DkBlue {
		font: 12px Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #013364;
		padding: 1px; line-height: 120%;
	}
	
	/* Additional */
	
	.footertext {
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		color:#999;
		font-size:10px;
	}
	
	/* Black text and titles */
	
	.block_titleBlack30 {
		font: 24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: black;
	}
	
	.block_titleBlack24 {
		font: 24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: black;
	}
	
	.block_titleBlack18 {
		font: 18px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: black;
	}
	
	.block_textBlack18 {
		font: 18px Arial, Helvetica, sans-serif;
		color: black;
	}
	
	.block_titleBlack16 {
		font: 16px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: black;
	}
	
	.block_textBlack16 {
		font: 16px Arial, Helvetica, sans-serif;
		color: black;
	}
	
	.block_textBlack14 {
		font: 14px Arial, Helvetica, sans-serif;
		color: black;
	}
	
	.form_textBlack11 {
		font: 11px Arial, Helvetica, sans-serif;
		color: black;
	}
	
	.form_textBlackBold11 {
		font: 11px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: black;
	}
	
  .block_textGrey18 { 
    font: 18px Arial, Helvetica, sans-serif; 
    color: #666666; 
  } 

  .block_acceptOfferHead { 
    padding: 0px 200px 0px 28px; 
  } 

  .block_titleLightBlue18 { 
    font: 18px Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    color: #336699; 
  } 

  /* Grey Form boxes */ 
  
  .greyBorderBG { 
    background: #CCC; 
  } 
  
  .greyFormBG { 
    background: #f8f7f6; 
    margin: 0px 1px 1px 1px; 
  }

	/* Colored text and titles */
	
	.block_textGreen30 {
		font: 30px Arial, Helvetica, sans-serif;
		color: #339933;
	}
	
	.block_textGreen18 {
		font: 18px Arial, Helvetica, sans-serif;
		color: #339933;
	}
	
	.block_textGreenBold18 {
		font: 18px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #339933;
	}
	
	.block_textGreenBold18 {
		font: 18px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #339933;
	}
	
	.block_titleDarkBlue24 {
		font: 24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #003366;
	}
	
	.block_titleDarkBlue18 {
		font: 18px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #003366;
	}
	
	.block_titleDarkBlue16 {
		font: 16px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #003366;
	}
	
	.block_titleLightBlue36 {
		font: 36px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #336699;
	}
	
	.block_titleLightBlue24 {
		font: 24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #336699;
	}
	
	.block_titleLightBlue16 {
		font: 16px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #336699;
	}
	
	.block_textLightBlue14 {
		font: 14px Arial, Helvetica, sans-serif;
		color: #336699;
	}
	
	.titles_listSM {
		font: 10px Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: #006699;
	}
	
	/* Grey Form boxes */
	
	.greyBorderBG {
		background: #CCC;
	}
	
	.greyFormBG {
		background: #f8f7f6;
		margin: 0px 1px 1px 1px;
	}
	
	.ninetyNinefor99form {
		width: 285px;
		background: #f8f7f6;
		margin: 0px 1px 1px 1px;
		padding: 0px;
		font: bold 11px Arial, Helvetica, Verdana;
		border-left: solid 1px; border-right: solid 1px; border-bottom: solid 1px; border-top: 0px;
		border-color: #CCC;
	}
	
	/* New Path Page specific sections */
	
	.block_lessonPage {
		background: url(https://simages.videoprofessor.com/vpTwo/images/top_lessonPage.jpg) no-repeat; 
		height:275px;
		text-align: center; 
		padding: 15px 195px 0px 10px;
	}
	
	.block_courseListTitles {
		width: 25%;
		padding: 5px 5px 5px 5px; 
		text-align: left;
	}
	
	/* As Seen on TV pages */ 
	
	.asSeenOnTV { 
		font: 16px Arial, Helvetica, sans-serif; 
		text-align: left; 
	}