@charset "utf-8";
/* CSS Document */



.menuanchorclass a:link {
	color:blue;
	text-decoration:underline;
	} 


.SubNavContainerBG {
	margin-left:auto;
	margin-right:auto;
	height:29px;
	width:100%;
	background-color:#8fb1d5 ;
	padding-top:6px;
}

.SubNavContainer {
	margin-left:20px;
	margin-right:auto;
	width:980px;
	text-align:left;
	line-height:25px;
}

.SubNavButton {
	/*width:500px;*/
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	padding-right:34px;
	
}

.SubNavButtonInfo {
	/*width:500px;*/
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	padding-right:34px;
	float:left;
	
}

.SubNavButtonActive {
	/*width:500px;*/
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	padding-right:34px;
	color:#ffffff;
}

.SubNavButton a:link {
	color:#000066;
	text-decoration:none;
	}
.SubNavButton a:active {
	color:#FFFFFF;
	text-decoration:none;
	}
.SubNavButton a:visited {
	color:#000066;
	text-decoration:none;
	}
.SubNavButton a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
	
.SubNavButtonActive a:link {
	color:#ffffff;
	text-decoration:none;
	}
.SubNavButtonActive a:active {
	color:#FFFFFF;
	text-decoration:none;
	}
.SubNavButtonActive a:visited {
	color:#ffffff;
	text-decoration:none;
	}
.SubNavButtonActive a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
	


.SecSubNavContainerBG {
	position:absolute;
	top:114px;
	margin-left:auto;
	margin-right:auto;
	height:17px;
	width:100%;
	background-color:#8fb1d5;
	padding-top:6px;
	z-index:1;
	}

.SecSubNavContainer {
	position:absolute;
	left:20px;
	right:4px;
	margin-left:auto;
	margin-right:auto;
	width:825px;
	text-align:left;
	top:2px;
	}

.SecSubNavButton {
	width:500px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-right:22px;
}

.SecSubNavButtonActive {
	width:500px;
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-right:22px;
	color:#ffffff;

}

.SecSubNavButton a:link {
	color:#000066;
	text-decoration:none;
	}
.SecSubNavButton a:active {
	color:#FFFFFF;
	text-decoration:none;
	}
.SecSubNavButton a:visited {
	color:#000066;
	text-decoration:none;
	}
.SecSubNavButton a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}








.headerControls {
	position: absolute;
	top: 9px;
	right: 20px;
	width: 412px;
	text-align:right;
	}

.headerControls1 {
	margin:0;
	padding:15px 25px 0 0;
	text-align:right;
	}
	
.MathZoneLogo {
	width: 119px;
	/*background:url("/classwareweb/images/mathzone_logo.png") no-repeat top right;*/
	margin:22px 20px 0 0;
	height:38px;
	float:right;
	border: 0px solid red;
	}
	
.CatalystLogo {
	width: 219px;
	margin:11px 20px 0 0;
	height:38px;
	float:right;
	border: 0px solid red;
}	
	
.headerControlsUserName {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px 7px 0px 0px;
	}

.headerControlsOther {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
	margin:0px 7px 0px 0px;
	}
	
	
	
.headerControlsOther a:link {
	color:#FFFFFF;
	text-decoration: underline;
	}
.headerControlsOther a:active {
	color:#FFFFFF;
	text-decoration: underline;
	}
.headerControlsOther a:visited {
	color:#FFFFFF;
	text-decoration: underline;
	}
.headerControlsOther a:hover {
	color:#FFFFFF;
	text-decoration: underline;
	}

/*
.header {
	background-image:url(../bg.png);
	width:100%;
	height:103px;
}*/

.headerLeft{margin:0; padding:0;float:left;width:800px; border:0px solid green;}
.headerLeft ul{margin:0 0 0 30px; padding:0;list-style:none;}
.headerLeft ul li{margin:0; padding:2px 0;list-style:none;clear:both;}

.headerLeftCatalyst{
	margin:0; 
	padding:0;
	float:left;
	width:700px; 
	border:0px solid green;
}

.headerLeftCatalyst ul{
	margin:0 0 0 30px; 
	padding:0;
	list-style:none;
}

.headerLeftCatalyst ul li{
	margin:0; 
	padding:2px 0;
	list-style:none;
	clear:both;
}

.headerTypeBook {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#cccccc;
	font-weight:200;
}

.headerTypeBook a{
	color: #cccccc;
	text-decoration:underline;
	background-color: transparent;
	}

.switch {
	text-align:left;
	font-size:11px;
	color: #666666;
}
	
.switch a:hover {
	color:#ffffff;
	text-decoration: underline;

	}
	
.switch a:link {
	color: #CCCCCC;
	text-decoration: underline;
	}

.switch a:visited {
	color:#cccccc;
	text-decoration: underline;

	}

.switch a:active {
	color:#cccccc;
	text-decoration: underline;

	}




.headerTypeCourse {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #FFFFFF;
}

.OrangeRule {
	font-family:Tahoma, Arial, sans-serif;
	background:url(/classwareweb/images/orule.png) repeat-x left top;
	width:100%;
	height:3px;
	_margin-bottom: -11px;
}

.jumpMenu {
	position:absolute;
	top:133px;
	right:20px;
	width: 314px;
	text-align:right;
}

.WhiteCanvas {
	position:absolute;
	top:114px;
	height:100%;
	background-color:#FFFFFF;
	width:100%;
}

.WhiteCanvas2 {
	position:absolute;
	top:114px;
	height:450px;
	background-color:#FFFFFF;
	width:100%;
}

/*
.BodyHeader {

	position:absolute;
	top:150px;
	left:22px;
	right:24px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}
*/
.BodyHeaderAlt {

	position:absolute;
	top:152px;
	right:264px;
	left:22px;
	margin-left:auto;
	margin-right:auto;
	width:660px;
}

.BodyHeaderGrayBox {
	position:absolute;
	top:225px;
	left:22px;
	right:24px;
	margin-left:auto;
	margin-right:auto;
	height:740px;
	width:900px;
	background-color:#f2f2f2;
}

.BodyHeaderGrayBox2 {
	position:absolute;
	top:234px;
	left:22px;
	right:24px;
	margin-left:auto;
	margin-right:auto;
	height:255px;
	width:900px;
	background-color:#f2f2f2;
}

.BodyHeaderGrayBox3 {
	position:absolute;
	top:234px;
	left:22px;
	right:24px;
	margin-left:auto;
	margin-right:auto;
	height:450px;
	width:900px;
	background-color:#f2f2f2;
}

.BodyHeaderGrayBoxMS {
	position:absolute;
	padding-top:10px;
	padding-left:10px;
	top:190px;
	left:21px;
	right:262px;
	margin-left:auto;
	margin-right:auto;
	height:260px;
	width:660px;
	background-color:#f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.BodyHeaderGrayBoxItemAnalysis {
	position:absolute;
	padding-top:10px;
	padding-left:10px;
	top:227px;
	left:26px;
	right:262px;
	margin-left:auto;
	margin-right:auto;
	height:255px;
	width:659px;
	background-color:#f2f2f2;
}


.BodyHeaderGrayBoxMaster {
	position:absolute;
	padding-top:10px;
	padding-left:10px;
	top:237px;
	left:26px;
	right:262px;
	margin-left:auto;
	margin-right:auto;
	height:255px;
	width:659px;
	background-color:#f2f2f2;
}

.BodyHeaderGrayBoxItemAnalysisBlueRule {
	position:absolute;
	padding-top:10px;
	padding-left:10px;
	top:226px;
	left:26px;
	right:262px;
	margin-left:auto;
	margin-right:auto;
	width:659px;
	background-image:url(blueRule.png);
	}

.MSNavButtons {
	position:absolute;
	top:280px;
	left:525px;
	right:262px;
	border-left:50px;
	height:50px;
	width:280px;
}

.MSNavButtons2 {
	position:absolute;
	top:280px;
	left:408px;
	right:262px;
	border-left:50px;
	height:50px;
	width:280px;
}

.MSnotes {
	position:absolute;
	top:190px;
	left:731px;
	right:24px;
	margin-left:auto;
	margin-right:auto;
	height:260px;
	width:195px;
}

.MSvRule{
	position:absolute;
	top:190px;
	left:561px;
	right:74px;
	margin-left:auto;
	margin-right:auto;
	height:268px;
	width:10px;
	background-image:url(vRule.png);

	}

.stepIndicator {
	position:absolute;
	top:15px;
	left:510px;
	height:29px;
	width:150px;
}


.bookimage {
	position:absolute;
	top:30px;
	left:29px;
	background-image:url(book.png);
	width:169px;
	height:214px;
	
	}
	
.CSBox {
	position:absolute;
	top:32px;
	left:220px;
	width:679px;
	}

.CSBoxL1
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	}
	
.CSBoxL2
	{
	position:absolute;
	top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	}
	
.CSBoxL3
	{
	position:absolute;
	top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}

.CSSBButton
	{
	position:absolute;
	top:68px;
	}
	
.CSRuleTree
	{
	position:absolute;
	top:-43px;
	height:10px;
	width:679px;
	height:5px;
	background-image:url(dottedRule.png);
	}
	
.CSRule2
	{
	position:absolute;
	top:175px;
	height:10px;
	width:679px;
	height:5px;
	background-image:url(dottedRule.png);
	}

.CSBoxL4 {
	position:absolute;
	top:118px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;

	}

.CSBoxL5
	{
	position:absolute;
	top:131px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	}
	


.BlueRule {
	position:absolute;
	width:900px;
	height:1px;
	color:#33CC66;
	background-color:#cecece;
}

.Header1 {
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:24px;
 	font-weight:bold;
	line-height:34px;
 }

.MainInputLabel {
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}

.BodyCopy {
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

.Courses {
	position:absolute;
	top:196px;
	width:605px;
	height:auto;
	left: 1px;
	
	}
	
.CoursesTree {
	position:absolute;
	top:60px;
	width:605px;
	height:auto;
	left: 1px;
	}

.CurrentCourses {
	width:600px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;
	height:auto;
	background-color:#FFFFFF;
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.CurrentCoursesTree {
	width:580	px;
	padding-top:3px;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:20px;
	height:auto;
	background-color:#FFFFFF;
}

.ArchiveCourses {
	width:600px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;
	height:auto;
	background-color:#FFFFFF;
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

.TSHead
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	
	}
	
.TSData
	{
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		color:#333333;

	
	}
	
.TSDataInactive
	{
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	}
	
/* Forms */

.formH1 {
	font-size:16px;
	font-weight:bold;
	margin-left:15px;
	color:#333333;
	line-height:10px;
	}
	
.formH2 {
	font-size:13px;
	margin-left:15px;
	font-weight:bold;
	color:#333333;
	line-height:5px;
	}
	
.MSFormH1 {
	font-size:16px;
	font-weight:bold;
	margin-left:15px;
	color:#333333;
	line-height:15px;
	}
	
.formCopy {
	font-size:12px;
	margin-left:15px;
	margin-right:22px;
	color:#333333;
	}
	
.Header1 a:link {
	color:#000000;
	text-decoration:none;
	}

.Header1 a:active {
	color:#000000;
	text-decoration:none;
	}
	
.Header1 a:visited {
	color:#000000;
	text-decoration:none;
	}
	
.Header1 a:hover {
	color:#666666;
	text-decoration:none;
	}

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	letter-height:18px;
}
.dtree img {
	border: 0px;
	vertical-align:middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}



/* ######### Default class for drop down menus ######### */

.anylinkmenu {
	border-bottom-width:0;
	font-size:12px;
	left:0;
	line-height:25px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:200px;
	z-index:1;
}
.anylinkmenu ul {
	border:1px none;
	color:#333333;
	left:-8px;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:8px;
	width:200px;
}
.anylinkmenu ul li a {
	background-color:#8FB1D5;
	border-bottom:1px solid white;
	color:#FFFFFF;
	display:block;
	padding:2px 0;
	text-decoration:none;
	text-indent:13px;
	width:100%;
}
.anylinkmenu a:hover {
	background:#1D4C93 none repeat scroll 0 0;
	color:white;
}
.anylinkmenucols {
	-x-system-font:none;
	background:#E9E9E9 none repeat scroll 0 0;
	border:1px solid black;
	font-family:Verdana;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	left:0;
	line-height:normal;
	padding:10px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:350px;
	z-index:100;
}
.anylinkmenucols li {
	padding-bottom:3px;
}
.anylinkmenucols .column {
	background:#E0E0E0 none repeat scroll 0 0;
	float:left;
	margin-right:5px;
	padding:3px 8px;
}
.anylinkmenucols .column ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* ######### class for shadow DIV ######### */

.buttonright {
	float:right;
	margin-right:5px;
	padding-top:7px;

}

.headerBlockBook {
	margin-left:39px;
	margin-right:auto;
	padding-top:25px;
	width:945px;
}
	

.headerBlockCourse {
	margin-left:39px;
	margin-right:auto;
	padding-top:6px;
	text-align:left;
	width:945px;
 }