/* body {
	font:normal 12px Verdana, "Lucida Grande", Helvetica, sans-serif;
	background:#EEE;
	background-color:#EEE;
	width:700px;
	margin:0px auto;	
	color:#000;
	text-align:center;
	font-size: 70%;
} */

body {
	background-color: #efefef;
}

a { color:#fff; }
ul, li{
	margin:0;
	padding:0;
	list-style:none;
	z-index:1;
}
#table {
	border:none;
	padding:0;
	margin:0;
	width:1001px;
	height:100%;
	background:#FFF;
	color:#000;
	z-index:1;
	clear:both;
	text-decoration:none;
	font-family:"Comic Sans MS", cursive;
}
.left {
	border:none;
	padding:0;
	margin:0;
	width:30px;
	height:150px;
	background:#FFF;
	z-index:1;
	float:left;
	display:block;
}
.leftText {
	border:none;
	padding:0;
	margin:0;
	width:30px;
	height:20px;
	background:#FFF;
	z-index:1;
	float:left;
	display:block;
}
.right {
	border:none;
	padding:0;
	margin:0;
	width:30px;
	height:15px;
	background:#FFF;
	z-index:1;
	float:left;
	display:block;
}
.rightText {
	border:none;
	padding:0;
	margin:0;
	width:30px;
	height:20px;
	background:#FFF;
	z-index:1;
	float:left;
	display:block;
}
.unitImage {
	width:180px;
	height:150px;
	border:none;
	padding:0 0 0 0;
	margin:0 12px 0 0;
	float:left;
	font:bold 21px "Comic Sans MS", cursive;
	color: #000;
	text-align:center;
}
.unitImageText {
	width:180px;
	border:none;
	padding:0 0 0 0;
	margin:0 12px 0 0;
	float:left;
	font:bold 21px "Comic Sans MS", Arial;
	color: #000;
	text-align:center;
}
.unitImageText a {
	text-decoration:none;
	color:#000;
}
.unitImageText a:hover {
	/*text-decoration:underline;*/
	color:#8177B7;
}
.unitImageText.last {
	width:180px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.active {
	width:180px;
	height:150px;
	border:none;
	padding:0 0 0 0;
	margin:0 12px 0 0;
	float:left;
	font:bold 21px "Comic Sans MS", cursive;
	color: #000;
	text-align:center;
}
.active.last {
	width:180px;
	height:150px;
	padding:0;
	margin:0;
}
.completed {
	width:150px;
	height:150px;
	border:none;
	padding:0 0 0 0;
	margin:0 12px 0 0;
	float:left;
	font:bold 21px "Comic Sans MS", cursive;
	color: #000;
	text-align:center;
}
.completed.last {
	width:150px;
	height:150px;
	padding:0;
	margin:0;
}
.activeText {
	width:180px;
	border:none;
	padding:0 0 0 0;
	margin:0 12px 0 0;
	float:left;
	font:bold 21px "Comic Sans MS", Arial;
	color: #000;
	text-align:center;
}
.activeText a {
	text-decoration:none;
	color:#000;
}
.activeText a:hover {
	/*text-decoration:underline;*/
	color:#8177B7;
}
.activeText.last {
	width:180px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.completedText {
	width:150px;
	border:none;
	padding:0 0 0 0;
	margin:0 12px 0 0;
	float:left;
	font:bold 21px "Comic Sans MS", Arial;
	color: #000;
	text-align:center;
}
.completedText a {
	text-decoration:none;
	color:#000;
}
.completedText a:hover {
	/*text-decoration:underline;*/
	color:#8177B7;
}
.completedText.last {
	width:150px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.unitImage.last {
	width:180px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.unitImage a {
	text-decoration:none;
	color:#000;
}
.unitImage a:hover {
	/*text-decoration:underline;*/
	color:#8177B7;
}
.spacer {
	height:30px;
	clear:both;
}
	
#pageName {
	width:700px;
	height:70px;
	font:normal 12px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background:#BE432F url('../images/ascendBar-Top.png') no-repeat 0 0;
	padding:0;
	margin:0;
	border:none;
	clear:both;
	top:0;
	left:0;
	z-index:30;
	float:left;
}
#pageName img{
	margin:10px 0 0 25px;
	clear:both;
	float:left;
	border:none !important;
}
#pageName h1 {
	font:bold 18px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: right;
	color:#BE462F;
	border:none;
	clear:both;
	width:200px;
	float:right;
	margin-right:20px;
	padding:0;
	position:relative;
	top:-35px;
}
#redMenu {
	width:685px;
	height:26px;
	font:normal 12px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background:#BE432F;
	color:#FFF;
	text-align:right;
	border-top:solid 2px #000;
	border-bottom:solid 2px #000;
	line-height:12px;
	padding:0 15px 0 0;
	margin:0;
	clear:both;
}
#redMenu p{
	font:normal 10px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding:0 10px 0 0;
	color:#000;
	padding-top:8px;
	margin-top:0;
	border:none;
}
#redMenu p a{
	font:bold 10px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color:#FFF;
	text-transform:uppercase;
	border:none;
}
#redMenu p a:hover{
	color:#FFBE25;
	border:none;
}

.clear {clear:both; height:0; line-height:0;}
.clearfix {clear:both; height:0; line-height:0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}


.menuJF {
	float:right;
	width:260px;
	z-index:1000;
	display:block;
}
.menu_head {
	border:none;
	clear:both;
	width:1001px;
	height:65px;
	background:#8077B6;
	float:left !important;
	display:block;
	z-index:1000;
	padding:0;
	margin:0;
	position: relative;
} 
.menu_head .leftPart {
	width:605px;
	height:65px;
	border:none;
	float:left !important;
	z-index:1000;
}
.menu_button{
	border:none;
	float:right !important;
	z-index:8;
	background:transparent url('../images/menu-hoverbackground.png') no-repeat 0 0;
	width:95px;
	height:65px;
	cursor:pointer;
}
.menu_button:hover, .menu_button:active, .menu_button:link, .menu_button:visited {
	cursor:pointer;
}

.icons {
	border:none;
	float:left;
	margin-left:100px;
	padding:0;
	width:455px;
	height:65px;
	display:block;
	text-align:center;
	vertical-align:middle;
	line-height:65px;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	overflow:hidden;
	white-space:nowrap;
	text-decoration:none;
}
.iconsHome {
	border:none;
	float:left;
	margin-left:65px;
	padding:0;
	width:200px;
	height:65px;
	display:block;
	line-height:65px;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
.icons span{
	border:none;
	float:left;
	margin-left:0;
	padding:0;
	width:80px;
	height:15px;
	/*display:block;*/
	text-align:center;
	vertical-align:middle;
	line-height:65px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background:transparent;
}
.icons span h1 {
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align:center;
	vertical-align:middle;
	line-height:75px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	display:none;
}
.start {
	border:none;
	float:left;
	margin-top:2px;
	background:transparent url('../images/start.png') no-repeat 0 0;
	width:60px;
	height:63px;
	line-height:63px;
	margin-right: 65px;
}
.addy {
	border:none;
	float:left;
	margin:0;
	background:transparent url('../images/addy.png') no-repeat 0 0;
	width:75px;
	height:65px;
	line-height:65px;
}
.iconsTextArea {
	margin:0;
	padding:5px 0 0 0;
	width:1001px;
	height:15px;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color:#FFF;
	clear:both;
	background:#FFF !important;
}
.text a {
	color:#8177B7;
	margin-left:65px;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	font-weight:bold;
	float:left;
}
.iconsTextArea .text a.StartText {
	margin-left:30px;
	padding:0;
	text-align:center;
	width:120px;
	text-decoration:none;
}
.iconsTextArea .text a.addyText {
	margin-left:37px;
	padding:0;
	text-align:center;
	width:80px;
	text-decoration:none;
}

/* ---- ICONS NORMAL STATE ---- */
.videoK1 {
	border:none;
	float:left;
	margin:0;
	padding-right:45px;
	width:80px;
	height:65px;
	line-height:65px;
	text-decoration:none;
}
.videoK1 h1 {
	font:bold 10px "Verdana", Lucida Grande, Helvetica, sans-serif;
	/*line-height:90px;*/
	padding:50px 0 0 0;
	margin:0 0 0 -3px;
	font-weight:bold;
	color:#FFF;
	text-shadow: #000 1px 1px 1px;
	text-align:center;
	text-decoration:none;
}
.explore {
	border:none;
	float:left;
	margin:0;
	padding-right:45px;
	width:80px;
	height:65px;
	line-height:65px;
}
.explore h1 {
	font:bold 10px "Verdana", Lucida Grande, Helvetica, sans-serif;
	/*line-height:90px;*/
	padding:50px 0 0 0;
	margin:0 0 0 -5px;
	font-weight:bold;
	color:#FFF;
	text-shadow: #000 1px 1px 1px;
	text-align:center;
	text-decoration:none;
}
.worksheet {
	border:none;
	float:left;
	margin:0;
	padding-right:45px;
	width:80px;
	height:65px;
	line-height:65px;
}
.worksheet h1 {
	font:bold 10px "Verdana", Lucida Grande, Helvetica, sans-serif;
	/*line-height:90px;*/
	padding:50px 0 0 0;
	margin:0 0 0 -5px;
	font-weight:bold;
	color:#FFF;
	text-shadow: #000 1px 1px 2px;
	text-align:center;
	text-decoration:none;
}
.tryit {
	border:none;
	float:left;
	margin:0;
	padding:0;
	width:80px;
	height:65px;
	line-height:65px;
}
.tryit h1 {
	font:bold 10px "Verdana", Lucida Grande, Helvetica, sans-serif;
	/*line-height:90px;*/
	padding:50px 0 0 0;
	margin:0 0 0 -1px;
	font-weight:bold;
	color:#FFF;
	text-shadow: #000 1px 1px 1px;
	text-align:center;
	text-decoration:none !important;
}
/* ---- ICONS LOCKED STATE ---- */
.videoK1.locked {
	background:transparent url('../images/Icon-video-locked.png') no-repeat 0 0 !important;
}
.explore.locked {
	background:transparent url('../images/Icon-explore-locked.png') no-repeat 0 0 !important;
}
.worksheet.locked {
	background:transparent url('../images/Icon-worksheet-locked.png') no-repeat 0 0 !important;
}
.tryit.locked {
	background:transparent url('../images/Icon-tryIt-locked.png') no-repeat 0 0 !important;
}
/* ---- ICONS UNLOCKED STATE ---- */
.videoK1.unlocked {
	background:transparent url('../images/Icon-video-unlocked.png') no-repeat 0 0 !important;
}
.explore.unlocked {
	background:transparent url('../images/Icon-explore-unlocked.png') no-repeat 0 0 !important;
}
.worksheet.unlocked {
	background:transparent url('../images/Icon-worksheet-unlocked.png') no-repeat 0 0 !important;
}
.tryit.unlocked {
	background:transparent url('../images/Icon-tryIt-unlocked.png') no-repeat 0 0 !important;
}
/* ---- ICONS CHECKED STATE ---- */
.videoK1.checked {
	background:transparent url('../images/Icon-video-checked.png') no-repeat 0 0 !important;
}
.explore.checked {
	background:transparent url('../images/Icon-explore-checked.png') no-repeat 0 0 !important;
}
.worksheet.checked {
	background:transparent url('../images/Icon-worksheet-checked.png') no-repeat 0 0 !important;
}
.tryit.checked {
	background:transparent url('../images/Icon-tryIt-checked.png') no-repeat 0 0 !important;
}
/* ---- ICONS BLANK STATE ---- */
.videoK1.blank {
	background:transparent url('../images/Icon-video-blank.png') no-repeat 0 0 !important;
}
.explore.blank {
	background:transparent url('../images/Icon-explore-blank.png') no-repeat 0 0 !important;
}
.worksheet.blank {
	background:transparent url('../images/Icon-worksheet-blank.png') no-repeat 0 0 !important;
}
.tryit.blank {
	background:transparent url('../images/Icon-tryIt-blank.png') no-repeat 0 0 !important;
}


#locked {
	background:transparent url('../images/Icon-tryIt-locked.png') no-repeat 0 0 !important;
}
#unlocked {
	background:transparent url('../images/Icon-tryIt-unlocked.png') no-repeat 0 0 !important;
}
.tryitlocked {
	border:none;
	float:left;
	margin:0;
	padding:0;
	width:80px;
	height:65px;
	line-height:65px;
	background:transparent url('../images/Icon-tryIt-locked.png') no-repeat 0 0 !important;
}
.tryitunlocked {
	border:none;
	float:left;
	margin:0;
	padding:0;
	width:80px;
	height:65px;
	line-height:65px;
	background:transparent url('../images/Icon-tryIt-unlocked.png') no-repeat 0 0 !important;
}
.tryitlocked h1, tryitunlocked h1 {
	font:bold 10px "Verdana", Lucida Grande, Helvetica, sans-serif;
	/*line-height:90px;*/
	padding:50px 0 0 0;
	margin:0 0 0 -1px;
	font-weight:bold;
	color:#FFF;
	text-shadow: #000 1px 1px 1px;
	text-align:center;
	text-decoration:none !important;
}

.worksheetBlank {
	border:none;
	float:left;
	margin:0;
	padding-right:45px;
	width:80px;
	height:65px;
	line-height:65px;
	background:transparent url('../images/Icon-worksheet-blank.png') no-repeat 0 0 !important;
}
.worksheetChecked {
	border:none;
	float:left;
	margin:0;
	padding-right:45px;
	width:80px;
	height:65px;
	line-height:65px;
	background:transparent url('../images/Icon-worksheet-checked.png') no-repeat 0 0 !important;
}
.worksheetBlank h1 {
	font:bold 10px "Verdana", Lucida Grande, Helvetica, sans-serif;
	/*line-height:90px;*/
	padding:50px 0 0 0;
	margin:0 0 0 -5px;
	font-weight:bold;
	color:#FFF;
	text-shadow: #000 1px 1px 2px;
	text-align:center;
	text-decoration:none !important;
}
worksheetChecked h1 {
	font:bold 10px "Verdana", Lucida Grande, Helvetica, sans-serif;
	/*line-height:90px;*/
	padding:50px 0 0 0;
	margin:0 0 0 -5px;
	font-weight:bold;
	color:#FFF;
	text-shadow: #000 1px 1px 2px;
	text-align:center;
	text-decoration:none !important;
}


.menu_body {
	display:none;
	position:relative;
	top:0px;
	left:741px;
	width:260px;
	height:auto !important;
	text-align:left;
	clear:right;
	z-index:1000;
	font-weight:bold;
	
	background:#948CC1;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topleft:0;
	-webkit-border-top-right-radius:0;
	-moz-border-radius-topright:0;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-bottomright:0;
	
	-webkit-box-shadow:-5px 5px 10px rgba(0,0,0, .4);
	-moz-box-shadow:-5px 5px 10px rgba(0,0,0, .4);
	box-shadow:-5px 5px 10px rgba(0,0,0, .4);
}

/*  ------ MENU TOP ------ */
.menu_body .menuTop {
	height:63px;
	width:260px;
	background:#8177B7 url('../images/Menu-Top-New3.png') no-repeat 0 0;
	margin:0;
	
	color:#FFF;
	padding:0;
	border:none;
}
/*  ------ CHAPTER NAME ------ */
.menu_body .menuTop h1 {
	font:18px #FFF bold Verdana, "Lucida Grande", Helvetica, sans-serif;
	margin:0 0 0 10px;
	padding:0 0 0 0;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#FFF !important;
	height:63px;
	line-height:10px;
	text-shadow: #000 1px 1px 2px;
	border:none;
}
.menu_body .chapterName {
	font:18px #FFF bold Verdana, "Lucida Grande", Helvetica, sans-serif;
	margin:0 0 0 10px;
	padding:15px 0 0 0;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#FFF !important;
	height:63px;
	line-height:10px;
	text-shadow: #000 1px 1px 2px;
	border:none;
}
*:lang(en) .menu_body .chapterName{line-height:60px;}

.menu_body ul {
	color:#FFF;
	background-color:#8177B7;
	float:left;
	height:100%;
}
.menu_body li {
	border:none;
	height:100%;
	width:260px;
	z-index:1000;
	padding:0;
	margin:0;
}
.menu_body li a {
	color:#FFF;
	text-decoration:none;
	padding:15px 0 0 20px;
	margin:0;
	display:block;
	font:13px bold Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-weight:bold;
	z-index:1000;
	overflow:hidden;
	text-shadow: #000 1px 1px 2px;
	height: 100%;
	line-height:14px;
}
.menu_body li a:hover {
	
}
.menu_body li a.dead {
	cursor:default !important;
	text-decoration:none;
}
.menu_body li span {
	color:#FFF;
	display:block;
	cursor:default !important;
	margin:0;
	padding:0;
	text-shadow: #000 1px 1px 2px;
	height:51px;
}
.menu_body li span p {
	color:#FFF;
	text-decoration:none;
	display:block;
	font:13px bold Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-weight:bold;
	height:51px;
	text-shadow: #000 1px 1px 2px;
	cursor:default !important;
	margin:0;
	padding:15px 0 0 20px;
	line-height:14px;
}

/*  ------ DIVIDER ------ */
.menu_body li.last{
	background:transparent;
	border:none;
	height:51px !important;
	width:260px;
	padding:0 0 10px 0;
	margin:0;
	z-index:1000;
	font-weight:bold;
	font:13px bold Verdana, "Lucida Grande", Helvetica, sans-serif;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topleft:0;
	-webkit-border-top-right-radius:0;
	-moz-border-radius-topright:0;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-bottomright:0;
}
.menu_body li.last:hover, .menu_body li.last:link, .menu_body li.last:visited, .menu_body li.last:active {
	border:none;
	z-index:1000;
	height:51px !important;
}
.menu_body li.black {
	background:transparent url('../images/menu-black-square-IE.png') no-repeat 0 0 !important;
	font-weight:bold;
	font:13px bold Verdana, "Lucida Grande", Helvetica, sans-serif;
	border:none;
	height:51px;
	width:260px;
	z-index:1000;
	cursor:pointer !important;
	margin:0;
	padding-bottom:0;
}
.menu_body li.last.black:hover, .menu_body li.last.black:link, .menu_body li.last.black:visited, .menu_body li.black:hover, .menu_body li.black:link, .menu_body li.black:visited, .menu_body li.black:active {
	cursor:pointer !important;
}
.menu_body li.purple {
	background:transparent url('../images/menu-purple-square-IE-over1.png') no-repeat 0 0 !important;
	font-weight:bold;
	font:13px bold Verdana, "Lucida Grande", Helvetica, sans-serif;
	border:none;
	height:51px;
	width:260px;
	z-index:1000;
	margin:0;
	padding-bottom:0;
}
.menu_body li.last.purple:hover, .menu_body li.last.purple:link, .menu_body li.last.purple:visited, .menu_body li.purple:hover, .menu_body li.purple:link, .menu_body li.purple:visited, .menu_body li.purple:active {
	background-position:0 -51px !important;
}
.menu_body li.green {
	background:transparent url('../images/menu-green-square-IE-over1.png') no-repeat 0 0 !important;
	font-weight:bold;
	font:13px bold Verdana, "Lucida Grande", Helvetica, sans-serif;
	border:none;
	height:51px;
	width:260px;
	z-index:1000;
	margin:0;
	padding-bottom:0;
}
.menu_body li.last.green:hover, .menu_body li.last.green:link, .menu_body li.last.green:visited, .menu_body li.green:hover, .menu_body li.green:link, .menu_body li.green:visited, .menu_body li.green:active {
	background-position:0 -51px !important;
}


.popOut, .popOut1, .popOut2, .popOut3, .popOut4, .popOut5, .popOut6, .popOut7, .popOut8, .popOut9, .popOut10, popOut11, popOut12, popOut13, popOut14, popOut15, popOut16, popOut17, popOut18, popOut19, popOut20, popOut21, popOut22, popOut23, popOut24, popOut25 {
	display:none;
	width:160px;
	height:140px;
	border:none;
	float:right;
	position:relative;
	left:-260px;
	z-index:5000;
	background:transparent;
	
	border-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-webkit-box-shadow:-5px 5px 10px rgba(0,0,0, .4);
	-moz-box-shadow:-5px 5px 10px rgba(0,0,0, .4);
	box-shadow:-5px 5px 10px rgba(0,0,0, .4);
}


#content {
	width:700px;
	height:450px;
	padding:0;
	margin:0;
	background:#FFF;
	border:none;
	color:#999;
	z-index:6000;
	clear:both;
	text-decoration:none;
	font-family:"Comic Sans MS", cursive;
}
#contentClimber {
	width:700px;
	height:300px;
	padding:0;
	margin:0;
	background:#FFF;
	clear:both;
}
#contentClimb {
	width:700px;
	height:170px;
	padding:30px 0 0 0;
	margin:0;
	background:#FFF;
	clear:both;
}
#contentClimb h1 {
	font:16pt bold "Verdana", Arial, Helvetica, SunSans-Regular;
	font-family:"Verdana", Arial, Helvetica, SunSans-Regular;
	
	line-height:21pt;
	color:black;
	padding:0 0 7px 0;
	margin:0;
}
#contentClimb h2 {
	font-size:14pt;
	font-weight:normal;
	font-family:Arial;
	color:black;
	padding:0;
	margin:0;
}
#contentClimb a{
	font-size:14pt;
	font-weight:bold;
	font-family:Arial;
	color:#8177B7;
	padding:0;
	margin:0;
}
#contentClimb a.continue {
	width:150px;
	height:44px;
	background:transparent url('../images/ContinueButton-New.png') no-repeat 0 0;
	text-align:center;
	margin:0 0 0 275px;
	float:left;
}
#contentClimb a.continue:hover {
	background-position:0 -44px ;
	
}

#contentLessons {
	width:700px;
	height:500px;
	padding:0 0 10px 0;
	margin:0;
	background:#FFF;
	border:none;
	color:#999;
	z-index:6000;
	clear:both;
	float: left;
	text-align:left;
	font-family:"Comic Sans MS", cursive;
}
#content p{
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
#content span{
	width:210px;
	height:200px;
	display:inline-block;
	text-align:center;
	margin:0;
	float:left;
	z-index:1;
	text-decoration:none;
	font-family:"Comic Sans MS", cursive;
	font:24px bold "Comic Sans MS", cursive;
}
.Row {
	width:700px;
	height:180px;
	margin:0 10px 10px 20px;
	padding:0;
	text-align:center;
	color:#000;
	text-decoration:none;
	font-family:"Comic Sans MS", cursive;
	font:24px bold "Comic Sans MS", cursive;
}

h1.TextLabels {
	z-index:1;
	color:#000;
	text-align:center;
	font:24px bold "Comic Sans MS", cursive;
	font-family:"Comic Sans MS", cursive;
	font-size:24px;
	font-weight: bold;
	font-stretch:expanded;
	vertical-align:bottom;
	margin-top:150px;
	padding:0;
	text-decoration:none;
}

*:lang(en) .WorksheetButton {
	float:left;
	background:transparent url('../images/WorksheetButton.png') no-repeat 0 0;
	background-position:0 0;
	width:106px;
	height:18px;
	text-align:center;
	margin:0 0 0 280px;
}
.WorksheetButton {
	float:left;
	background:transparent url('../images/WorksheetButton.png') no-repeat 0 0;
	background-position:0 0;
	width:106px;
	height:18px;
	text-align:center;
	margin:0 0 0 280px;
}
.WorksheetButton:hover {
	background-position:0 -18px;
}
.tryitText {
	background:none;
	width:700px;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:12px;
	color:#333;
}


.paragraphMovieK2 {
	padding:0 0 0 0;
	width:700px;
	margin:0;
	height:100%;
	z-index:1;
	position:relative;
}
.flashContent {
	padding:0 0 0 0;
	width:700px;
	margin:0;
	height:100%;
	z-index:1;
	position:relative;
}



/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display:none;
	background: #FFF;
	padding:20px; 	
	border: 20px solid #ddd;
	float:left;
	font-size: 1.2em;
	position:fixed;
	top:50%; left: 50%;
	z-index:99999;
	-webkit-box-shadow:0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow:0px 0px 20px #000;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
img.btn_close {
	float:right; 
	margin:-55px -55px 0 0;
	border:none;
}
.popup p {
	padding:5px 10px;
	margin:5px 0;
}
.popup span {
	padding:5px 10px;
	margin:5px 0;
}
.contentFrame {
	z-index:1;
}
.FCM {
	border:none;
	float:left;
	margin:0;
	background:transparent url('../images/fcm_dummy.jpg') no-repeat 0 0;
	width:75px;
	height:65px;
	line-height:65px;
}

/*-- New styles for Ascend5 layout----*/
/*----- Common Layout throughout pages -----*/
body {font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000;}
.clrFlt{clear:both;}
#wrapperAscend5{margin:0px auto;width:1001px;background-color: #7D74B3;}
#wrapper{margin:0px auto;width:1001px;background-color: #7D74B3;}
#header{background: url("../images/Ascend Banner.jpg") top center no-repeat;margin: 0px auto;min-height: 65px;max-height: 65px;width:1001px;overflow:hidden;}
#menuBar{background-color: #fff;min-height: 65px;max-height: 75px;width: 1001px;color: #fff;border-bottom: 1px solid #cccccc;padding-top:4px;}
#contentArea{background: url("../images/purple_bg.jpg") top center no-repeat;min-height: 600px;width: 1001px;color: #000;}
#contentAreaLesson{width: 1001px;color: #000;}
.contentBackground{background: url("../images/purple_bg.jpg") top center no-repeat !important;min-height: 600px;color: #000;}
/*----- Home page -----*/

#header label{color: #fff;clear:both;float:right;font-size: 32px;font-weight: normal;line-height: 32px;margin: 16px;}
/*--These styles will be used in contentHeader.jsp--*/
/*.objectiveTitleClass{color: #8077B6;font-size: 20px;font-weight: normal;margin-top:13px;width:400px;float:left;margin-left:370px;text-align:left;height:41px;line-height:25px;}*/
.objectiveTitleClass{color: #fff;font-size: 20px;font-weight: normal;margin-top:13px;width:460px;float:left;margin-left:270px;margin-right:40px;text-align:center;height:41px;line-height:25px;}
.headerLabelClass{width:230px;float:left;}
/*--This style will be used in frame.jsp--*/
.postAssessmentObjectiveTitleClass{width:615px;float:left;line-height: 32px;margin-left:10px;margin-top:20px;font-size:20px;color:#8177b8;}

#nav{float: left;width: 615px;} 
#nav ul{} 
#nav ul li{float:left;height: 62px;padding: 3px 5px 0px 5px;position: relative;background-color:#fff;} 

#nav ul li a{
	background-position: center;
}

#nav ul li a.startLesson{display: block;background: url("../images/Start Lesson.png") top center no-repeat;height: 60px;width:96px; } 
#nav ul li a.reports{display: block;background: url("../images/reports.png") top center no-repeat;height: 60px;width:75px; } 
#nav ul li a.flashCard{display: block;background: url("../images/Flash Card Math.png") top center no-repeat;height: 60px;width:121px; } 
#nav ul li a.resources{display: block;background: url("../images/Resources.png") top center no-repeat;height: 60px;width:82px; } 

#menuBar .loginDetails{float:right; width:290px; height:65px; color:#8177b8;text-align:right;}
.loginDetails p{font-size: 20px;margin: 10px 16px; color:#8177b8;}
.loginDetails span{margin: 0px 4px;}
.loginDetails a{color: #8177b8;font-size: 13px;text-decoration: none;}
.loginDetails a:hover{text-decoration: underline;}

#contentArea .flashFile{height: 500px;width: 999px; border:solid 0px #000;}

/*----- Video page -----*/
.videoPage{background-color: #fff !important;min-height: 68px;}
#nav ul li a label{bottom: 1px;
    color: #8177b8;
    font-size: 15px;
    font-weight: bold;
    left: 2px;
    line-height: 14px;
    position: absolute;
    font-family: Arial, sans-serif;
    }
#nav ul li a{
	position:relative;
	/*border-right: 1px solid lightgray;*/
	/*
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	-webkit-border-left-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;
	*/
}

#nav ul li{
	
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
}

#nav ul li a.studyGuide{display: block;background: url("../images/Study-Guide-No-Check.png") top center no-repeat;height: 60px;width:110px; }
#nav ul li a.studyGuideNav{display: block;background: url("../images/Study-Guide-No-Check.png") top center no-repeat;height: 60px;width:110px; } 
#nav ul li a.studyGuideCheck{display: block;background: url("../images/Study-Guide-Check.png") top center no-repeat;height: 60px;width:110px; } 

#nav ul li a.video{display: block;background: url("../images/Video-no-check.png") top center no-repeat;height: 60px;width:63px; }
#nav ul li a.videoNav{display: block;background: url("../images/Video-no-check.png") top center no-repeat;height: 60px;width:63px; } 
#nav ul li a.videoCheck{display: block;background: url("../images/Video-check.png") top center no-repeat;height: 60px;width:63px; } 

#nav ul li a.explore{display: block;background: url("../images/Explore-No-Check.png") top center no-repeat;height: 60px;width:75px; }
#nav ul li a.exploreNav{display: block;background: url("../images/Explore-No-Check.png") top center no-repeat;height: 60px;width:75px; } 
#nav ul li a.exploreCheck{display: block;background: url("../images/Explore-check.png") top center no-repeat;height: 60px;width:75px; } 

#nav ul li a.practice{display: block;background: url("../images/Practice-No-Check.png") top center no-repeat;height: 60px;width:75px; }
#nav ul li a.practiceNav{display: block;background: url("../images/Practice-No-Check.png") top center no-repeat;height: 60px;width:75px; } 
#nav ul li a.practiceCheck{display: block;background: url("../images/Practice-Check.png") top center no-repeat;height: 60px;width:75px; } 

#nav ul li a.review{display: block;background: url("../images/Review-No-Check.png") top center no-repeat;height: 60px;width:70px; }
#nav ul li a.reviewNav{display: block;background: url("../images/Review-No-Check.png") top center no-repeat;height: 60px;width:70px; } 
#nav ul li a.reviewCheck{display: block;background: url("../images/Review-Check.png") top center no-repeat;height: 60px;width:70px; } 

#nav ul li a.postAsmnt{display: block;background: url("../images/Post-Assessment-Unlocked.png") top center no-repeat;height: 60px;width:138px; }
#nav ul li a.postAsmntNav{display: block;background: url("../images/Post-Assessment-Unlocked.png") top center no-repeat;height: 60px;width:138px; } 
#nav ul li a.postAsmntLock{display: block;background: url("../images/Post-Assessment-lock.png") top center no-repeat;height: 60px;width:138px; }

#nav ul li a.extras{display: block;background: url("../images/More-No-Check.png") top center no-repeat;height: 60px;width:91px; }
#nav ul li a.extrasNav{display: block;background: url("../images/More-No-Check.png") top center no-repeat;height: 60px;width:91px; } 
#nav ul li a.extrasCheck{display: block;background: url("../images/More-check.png") top center no-repeat;height:60px;width:91px; }

/*--- New Styles modified on july 2 (menu bar login details)---*/

.menu_head .loginDetails{color: #FFFFFF;float: right;height: 65px;margin: 0 13px 0 0;position: absolute;right: 65px;text-align: right;width: 200px;}
.menu_head .loginDetails p{font-size: 20px;margin: 10px 16px;}
.menu_head .loginDetails span{margin: 0px 16px;}
.menu_head .loginDetails a{color: #FFFFFF;font-size: 16px;text-decoration: none;}
.menu_head .loginDetails a:hover{text-decoration: underline;}

.k1CA{background-color: transparent !important;background-image: none !important;}

/*---------------Modified styles-------------------------*/
#input_font{font-size: 12px;}
.post_pre_message_text{color: black;font-family: verdana,arial,helvetica,sans-serif;font-size: 16px;font-style: normal;}
.lesson_review_text{float: right!important;font-size: 27px!important;line-height: 12px!important;margin: 8px 1px 16px!important;}
.climberHeaderText{font-size:120%; font-weight:bold; font-family:Arial; line-height:normal !important;}
.climber_float_left{float:left; background-color:#8077B6; width:200px; min-height:600px;}
.climber_left_text{color: #FFCC33; font-family: verdana,arial,helvetica,sans-serif;font-size: 16px;font-style:bold;}
.climber_align_center{width:1001px;}
.climber_float_right{float:right; width:750px; text-align:left;}

/*---------------For bigger radio buttons styles-------------------------*/

input[type=radio].css-checkbox {
                            position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
                        }

                        input[type=radio].css-checkbox + label.css-label {
                            padding-left:30px;
                            height:25px; 
                            display:inline-block;
                            line-height:25px;
                            background-repeat:no-repeat;
                            background-position: 0 0;
                            font-size:25px;
                            vertical-align:middle;
                            cursor:pointer;

                        }

                        input[type=radio].css-checkbox:checked + label.css-label {
                            background-position: 0 -25px;
                        }
                        label.css-label {
                background-image:url(images/csscheckbox.png);
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
            
.submitBtn {
    curser: pointer;
    width: 115px; 
    height: 45px; 
    background: url(../graphics/enter_btn.png?v=1) no-repeat;
}
.submitBtn:hover {
    background: url(../graphics/enter_btn_hover.png?v=1) no-repeat;
}
.alignCenter {
    margin-left: auto;
    margin-right: auto;
}