/* CSS Document */
.clear {
	clear:both;
	margin:0px;
	padding: 0px;
}
strong {
	font-weight: bold;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#999999;
	padding: 0px;
	margin: 0px;
}

	
.wrapBackground{
	margin: 0px auto;
	width:970px;
	background-image:url(../images/wrapperBackground.jpg);
	background-repeat: repeat-y;
	}	
.wrapBackgroundBottom{
	margin: 0px auto;
	margin-top:-2px;
	width:970px;
	}
.wrap {
	margin: 0px auto;
	width:950px;
	background: #FFF;
}
.col3Wrap {
	background-image:url(../images/center_back.gif);
	background-repeat: repeat-y;
}

.col3WrapVid {
	background-color:#525252;
}
.header{
	position:relative;
	top: 0px; left: 0px;
	height:76px;
	background:url(../images/header_bg.jpg);
}
.navigation{
	position:absolute;
	top:44px; left:260px;
}
.tagline{
	position:absolute;
	top:0px; left:551px;
}
.navigation_right{
	position:absolute;
	width:200px;
	top:50px; left:760px;
	font-size:11px;
}
	.navigation_right a{
		color:#fff;
		text-decoration:none;
	}
	.navigation_right a:hover{
		color:#fff;
		text-decoration:underline;
	}
.sec_navi{
	width:950px; 
	height:20px;
	background-color:#CCCCCC;
	padding:5px 0 0 0;
	text-align: center;
	color: #000;
	font-size: 13px;
}
	.sec_navi a {
		text-decoration:none;
		color:#333333;
	}
	.sec_navi a:hover {
		text-decoration:underline;
	}
	.sec_navi .sec_curr a {
		/* color:#3366CC; */
		font-weight: bold;
		color:#4486cb;

	}
.content {
	/*position: relative;*/
	top: 0px; left: 0px;
	text-align: left;
	/* height: 600px; */
}
.content_left {
	width: 200px;
	float: left;
	display: inline;
	/*position: relative;*/
	margin-left: -770px;
	background: #EEE;
}
	.content_left_title{
		padding:10px 0 5px 10px; 
		font-weight:800;
	}
	.vertical_navi {
		font-size:13px;
	}
	.tab, .tab_on {
		/*position: relative;*/
		top: 0px; left: 0px;
	}
		.tab a, .tab_on a {
			/*position: relative;*/
			display: block;
			padding: 10px;
			text-decoration: none;
		}
		.tab a {
			color:#555;
		}		
			.tab a:hover{
				background-color:White;
				color:#4486cb;
				font-weight: 500;
			}		
		
			/*
			.tab a:hover {
				line-height: 20px;
			}
			/#
			.tab a:link, .tab a:visited, .tab a:active {
				text-decoration:none;
			}
			#/
			.tab a:hover {
				background:#DDD;
				text-decoration:none;
			}
			*/
		.tab_on {
			background-color: #FFF;
			font-weight:800;
		}
			.tab_on a {
				padding-left: 25px;
				background-image:url(../images/tab_bg.gif);
				background-repeat: no-repeat;
				background-position: 0px 6px;
				color:#4486cb;
			}
			.tab_on a:hover{
				color:#9abce0;
			}
.ctr_content {
	/*
	position: absolute;
	top: 5px; left: 205px;
	font-size: 12px;
	padding: 0px 12px 20px 12px;
	background:#AFA;             
	*/
	width: 560px;
	float: left;
	display: inline;
	/*position: relative;*/
	margin-top: 10px;
	margin-left: 210px;
	padding-bottom: 10px;
}

.ctr_content_vid {
	/*
	position: absolute;
	top: 5px; left: 205px;
	font-size: 12px;
	padding: 0px 12px 20px 12px;
	background:#AFA;             
	*/
	width: 788px;
	float: left;
	display: inline;
	/*position: relative;*/
	/*padding: 10px;*/
	background-color: White;
}

.content_right_vid{
	float:right; 
	width: 150px;
	padding: 5px;
	background-color:#525252;
	}
 
 .content_right_vid   li{
	color: White;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:18px;
	list-style-type: square;
	list-style:inside; 
	}
 
 .content_left_vid{
	float:left; 
	width: 150px;
	background-color:#525252;
	}
	
	.content_left_vid img{
	margin-top: 10px;
	}
 
.main_content {
	line-height: 20px;
	width: 560px;
	
}
	.main_content p {
		margin: 0 0 10px 0;
	}
	
	.main_content label{
		width: 200px;
		text-align:left; 
	}	
	
	.main_content img{
		padding:0 5px 5px 0;
	}
	
	.main_content .floatLeft {
		padding: 0 10px 3px 0;
		float: left;
		/*display: inline;*/
	}
	
	.main_content .floatRight {
		margin: 5px 5px 5px 5px;
		float: right;
		/*display: inline;*/
	}	

.main_content_cn {
	line-height: 20px;
	width: 560px;
	HEIGHT:400PX;
	background-image:url(../images/CN-LearnMoreMain.png);
	background-repeat:no-repeat;
	
}
	.main_content_cn p {
		margin: 0 0 10px 0;
	}
	
	.main_content_cn label{
		width: 200px;
		text-align:left; 
	}	
	
	.main_content_cn img{
		padding:0 5px 5px 0;
	}
	
	.main_content_cn .floatLeft {
		padding: 0 10px 3px 0;
		float: left;
		/*display: inline;*/
	}
	
	.main_content_cn .floatRight {
		margin: 5px 5px 5px 5px;
		float: right;
		/*display: inline;*/
	}

.content_MainSectionTitle{

	color:#2e6cae;
	padding:10px 2px 10px 2px; 
	font-weight:800;
	text-transform: uppercase;
	font-size:13px;	
	background-color: #d2dde9;
	text-align: center;
}
.content_MainSectionTitle a{

	color:#2e6cae;
	text-decoration: none;	
}

.content_title{
	/*background-image:url(../images/content_title_bg.jpg);*/
	color:#4486cb;
	padding:7px 0 7px 0;
	font-weight:800;
	font-size:14px;
	/*border-bottom:solid 1px #666666; */
	margin-bottom:10px;
	/*position: relative;*/
}
.content_pg_sub_title, .content_sub_title{
	/*position: relative;*/
	font-weight:800;
	margin-bottom: 10px;
}
.content_pg_sub_title {
	height: 23px;
/*	background: #EEE;*/
	border-bottom: solid 1px #7b7b7b;
}
.content_pg_sub_title_bottom {
	height: 23px;
	border-top: solid 1px #7b7b7b;
	padding-top:2px;
	}
		
	.content_pg_sub_title .sub_title_txt {
		line-height: 23px;
		margin-left: 5px;
		font-size: 14px;
	}
	.content_pg_sub_title .content_title_subnavi {
		/* border: 1px solid #000; */
	}
	.content_title_subnavi {
		/*position:absolute;
		display: block;
		right: 2px;
		top:2px;*/
		color:#333;
		font-size:12px;
		font-weight:600;
	}
		.content_title_subnavi img {
			vertical-align:middle;
			width: 19px;
			height: 19px;
		}
		.content_title_subnavi a {
			color:#CC6600;
		}
.main_content_noCN {
	line-height: 20px;
	width: 520px;
}
	.main_content_noCN p {
		margin: 0 0 10px 0;
		width: 520px;
	}	
	
	.main_content_noCN img{
		padding: 1px;
		border:solid 1px #666666; 
		width:520px;
	}
	
	.main_content_noCN .floatLeft {
		padding: 0 10px 3px 0;
		float: left;
		/*display: inline;*/
	}
	
	.main_content_noCN .floatRight {
		margin: 5px 5px 5px 5px;
		float: right;
		/*display: inline;*/
	}	

.content_right_noCN, .content_right_noCN p  {
	width: 150px;
	float: right;
	/*position: relative;*/
	/*display: inline;*/
	border-left: solid 1px #666666;
	font-size: 0.9em;
	padding-left: 10px; 
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 40px;
	line-height: normal;
	height: 100%;  
	/*background-image:url(../images/backgroundAll.jpg);
	background-repeat:repeat-x;
	background-position: center top;*/
	
}

	.content_right_noCN img{
		width: 150px;
		}
	
	
.content_right {
	width: 160px;
	float: right;
	/*position: relative;*/
	/*display: inline;*/
	height: 100%;
	margin-left: 5px;
	margin-right: 5px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;	
	background-color:#d0d0d0;
	/*background-image:url(../images/backgroundAll.jpg);
	background-repeat:repeat-x;
	background-position: center top;*/
}
	/*.siteIn{
		color:#FFFFFF;
		}
	.passwordIn{
		color:#FFFFFF;
	}*/
	.content_right_title{
		text-align: center;
		/*background-color:#333333;*/
		color:Black;
		height:20px;
		padding-top:9px;
		font-size:12px;
		font-weight:800;
		background-image:url(../images/login_title_bg.jpg);
	}
	.loginBox, .trialBox, .spreadBox {
		border: 1px solid #ccc;
		padding-bottom: 10px;
	}
	.loginBox {
		display: block;
		/* height: 240px; */
		/* background-color:#FF0000; */
		/*background-color:#C1CFE0;*/
	}
		.loginBox p {
			margin: 5px auto;
			width: 120px;
		}
		.loginBox p input {
			width: 120px;
		}
		.loginBox .go_btn {
			margin: 5px 0 0 115px;
		}
		.loginBox .trouble {
			display: block;
			width: 100%;
			color: #333333;
			text-align: center;
			padding: 5px 0 0 0;
		}
		.loginBox .freeTrialBtn {
			/*position: relative;*/
		}
	.trialBox, .spreadBox {
		margin-top: 10px;
		/*background-color:#EEE;*/
	}
		.trialBox .trialBtn {
			display: block;
			width: 100%;
			padding: 10px 0 0 0;
			margin-top: 10px;
		}
	.spreadBox {
		display: block;
		/*background-color:#EEE;*/
		/* padding-bottom: 5px; */
	}
		.spreadBox p {
			margin: 5px auto;
			width: 120px;
		}
		.spreadBox .subTitle {
			display: block;
			font-weight: normal;
			text-align: center;
			margin-top: 5px;
		}
		.spreadBox p input {
			width: 120px;
		}
		.spreadBox .go_btn {
			margin: 5px 0 0 115px;
		}
.footer {
	display: block;
	clear: both;
	background-color:#333;
	color:#FFF;
	padding:10px 0 10px 0;
	height: 20px;
}
.orange_line, .orangeBar {
	position:absolute;
	left:205px;
	top:0px;
	
	width:3px;
	height: 100%;
	background-color:#f99a3e;
}
#successMsg {
	/*position: relative;*/
	top: 0px;
	left: 0px;
	
	width: 588px;
	
	padding: 10px 15px 10px 15px;
	/* border: thin solid #000; */
}
.error {
	color: #F34;
}
.success {
	text-align: center;
	color: #57D;
}

/* page level css */
.www-index .full_img {
	display: block;
	margin: 4px;
}
.www-index .home_text {
	padding: 2px 4px 10px 4px;
	line-height: 20px;
}

.www-pricing #priceList {
	width: 500px;
	/*position: relative;*/
	left: 61px;
	margin-top: 1em;
}
.www-pricing #priceContact {
	margin: 1.5em 0 0 0;
}
.www-pricing #priceReadmore {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 3em 0 0 0;
}

/*CSS for the dropdown menu*/
#dropmenudiv{
	position:absolute;
	border:1px solid #ccc;
	border-bottom-width: 0;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	padding:3px 3px 3px 3px;
	background-color:#fff;
}
	#dropmenudiv a{
		width: 100%;
		display: block;
		text-indent: 3px;
		border-bottom: 1px solid #ccc;
		padding: 1px 0;
		text-decoration: none;
		color:#666666;
		background-color:#fff;
	}
	#dropmenudiv a:hover{ /*hover background color*/
		background-color: #f0f0f0;
		color:#006699;
	}

.indexWrapper{
	width: 950px;
	height: 344px;
}
.indexImages{
	width: 238px;
	height: 156px;
	}
	
.cn_learnMore{
	/*background-image:url(../images/cn_LearnMoreBackground2.jpg);*/
	background-repeat:no-repeat; 
	height: 394px;
	}
	
.cn_learnMoreText{
	font-size:11px; 
	background-color: Transparent;
	width: 295px;
	background-position: left;
	line-height: 16px; 
        padding-left: 14px; 
	padding-top: 18px; 
	padding-bottom: 5px;
	}	

.cn_VidTour {
	width: 560px;
	background-image:url(../images/CN_VidTourBackgroundSmall2.png);
	background-repeat:no-repeat; 
	background-position: right top;	
	padding: 1%, 0%, 1%, 0%;
}	

.div_Indent{
	margin-left: 20px;
	width: 440px;
	}
	
.cn_educatorResourcesColumn{

	background-color: Transparent;
	width: 545px;
	background-position: left;
	line-height: 18px; 
    padding-left: 14px; 
	padding-top: 10px; 
	padding-bottom: 10px;
	margin-top:10px;
	background-color:#CCCCCC;  
	}	
	
.cn_educatorResourcesColumnL{

	width: 250px;
	background-position: left;
	line-height: 18px; 
    padding-left: 14px; 
	padding-top: 10px; 
	padding-bottom: 10px;
	margin-top:10px;
	background-color:#eee; 
	float: left;
	border: solid 1px #4D4E80;
	 
	}
	
.cn_educatorResourcesColumnR{

	width: 250px;
	background-position: left;
	line-height: 18px; 
    padding-left: 14px; 
	padding-top: 10px; 
	padding-bottom: 10px;
	margin-top:10px;
	background-color:#eee;  
	float: right;
	border: solid 1px #4D4E80;		
	}		
	
.cn_educatorResourcesColumnL a{
	color: #444444;
	/*text-decoration: none;*/
	width:250px;
	}	
	
.cn_educatorResourcesColumnR a{
	color: #444444;
	/*text-decoration: none;*/
	width:250px;	
	}	
	
.cn_educatorResourcesColumnL a:hover{

	text-decoration: none;
	background-color:#d2dde9;
	}	
	
.cn_educatorResourcesColumnR a:hover{

	text-decoration: none;
	background-color:#d2dde9;	
	}	
	
.purchaseDiv{

	width: 250px;
	text-align: left;
	background-position:center;
	padding-left:100px;
	border:solid 1px #CCCCCC;
	padding-bottom: 20px; 
	margin-left:100px; 
	}
	
	
.btnSend{
background-image: url(../images/btn_send.png);
width: 78px;
}	
	
.cn_TrainingVideos {
	width: 560px;
	background-image:url(../images/CN_TrainingVideosBackgroundSmall.png);
	background-repeat:no-repeat; 
	background-position: right top;	
	padding: 1%, 0%, 1%, 0%;
	margin-top: 10px;
}	

	
	
.homePageDivider{
 width:100%;
 background-image:url(../images/homePageFadeDivider2x12.png); 
 background-repeat:repeat-x;
 height: 12px;
 padding-bottom: 5px;
 }
 
 .pressRelease{

	/*width: 250px;
	background-position: left;*/
	line-height: 16px; 
        padding-left: 10px; 
	padding-top: 2px; 
	padding-bottom: 2px;
	border-bottom: solid 1px #cdcdcd;
	font-size: 0.8em;	
	}
	
 .pressRelease a{
	color: #1287cc;
	/*text-decoration: none;*/
	width:250px;
	font-weight: bold;	
	text-decoration: none;
	}	
	
.pressRelease a:hover{

	text-decoration: none;
	/*background-color:#d2dde9;*/
	}
	
	.strongBackgroundColor{
	}
	
	.strongBackgroundColor strong{
	background-color:#eeeeee;
	padding: 2px;
	margin: 0px 0px 4px 0px;
	}