/*  -- general styles-- */
* { padding:0; margin:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; line-height:160%;} 
img, form { border:0;	padding:0; margin:0; }
body { background-color:#fff; text-align:center; font-weight:normal; }
p, li, th, td {	color:#333;	font-weight:normal;	padding: 10px 20px 0 20px; }
th, td { color:#666; font-weight:normal; padding:0 0px 0 20px; font-size:14px; }
li { padding: 10px 20px 0 4px; }
h1 { font-size:30px; font-weight:normal; padding:10px; color:#4e8338; }
h2 { padding: 10px 20px 0px 20px; margin:20px 0 0 0; font-size:16px; font-weight:bold; color:#315694; }
h3 { padding: 10px 20px 0px 20px; margin:20px 0 0 0; font-size:14px; font-weight:bold; color:#2495ce;}
h4 { padding: 10px 20px 0px 20px; margin:20px 0 0 0; font-size:12px; font-weight:bold; color:#2495ce;}
p { padding: 0px 20px 0px 20px; margin:0; font-size:14px; font-weight:normal; color:#666;}
p.notice { font-size:18px; margin:20px; color:#888; }
hr { padding:0; margin:0 20px 5px 20px; clear:both; border:none; border-bottom:1px solid #eac169;}
a { color:#315694; font-size:14px; }
a.bigLink {font-size:20px; }
a:hover { color:#333; }
label { color:#408fd7; font-size:16px; text-align:left;  font-weight:normal; margin:0; }
.label { color:#408fd7; font-size:14px; text-align:left;  font-weight:normal; margin:0; }
textarea {font-size:14px; }

/* -- header styles-- */
#header { height:118px; background-image:url(/images/headerBack.gif); background-repeat:repeat-x; }
#header-inner { width:1000px; position:relative; padding:0; margin:0; text-align:left;  }
#logo { position:absolute; top:0px; left:-3px; }
#tagline { position:absolute; top:8px; left:310px; color:#fff; padding:0; margin:0; font-size:20px; font-weight:bold; }
#shareBtn { position:absolute; top:94px; right:0; padding:0; margin:0; }
#forgot-link { position:absolute; top:99px; right:420px; }
#forgot-link a {font-size:10px; color:#666; font-weight:normal; }
#forgot-link a:hover { color:#000; }

#top-links {padding:0; margin:0; text-align:left;}
#top-links a {padding:0 30px 0 0; text-align:left;}

#main-nav {  display: block; float: right; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 0px; padding: 0; position: absolute; top:0px; right:0px; }
#main-nav ul.menu li { display:block; float:left; margin:0; padding:0; list-style:none; border-left:1px solid #fff;}
#main-nav ul.menu li:hover,
#main-nav ul.menu li.hover,
#main-nav ul.menu li.active-trail {
  background-position: left -36px; }
#main-nav ul.menu li a { background: transparent url('/images/tourNav.jpg') no-repeat right 0px; color:#fff; display:block; margin:0; padding:0; text-decoration:none; height:45px; width:118px; border-left:1px solid #666;}
#main-nav ul.menu li a.playNav { background-image: url('/images/playNav.jpg'); }
#main-nav ul.menu li a.faqNav { background-image: url('/images/faqNav.jpg'); }
#main-nav ul.menu li a:hover,
#main-nav ul.menu li:hover a,
#main-nav ul.menu li.hover a,
#main-nav ul.menu li.active-trail a {
  background-position: right -100px; }
  
#sub-nav {  display: block; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 0px; padding: 0; position: absolute; top:99px; left:-10px; }
#sub-nav ul.submenu li { display:block; float:left; margin:0 0 0 5px; padding:0 0 0 5px; position:relative; width:auto; list-style:none; }
#sub-nav ul.submenu li a {color:#515694; display:block; margin:0; font-size:11px; padding:0px 5px 0px 0; text-decoration:underline; font-weight:bold; width:auto;}
#sub-nav ul.submenu li a:hover,
#sub-nav ul.submenu li.active-trail a { text-decoration:none; color:#000; }

#login-box { position:absolute; right:0; top:49px; padding:9px 10px 0px 10px; margin:0; background: transparent url('/images/loginTab.jpg') no-repeat right 0px; height:30px; width:340px; text-align:right; }
#login-box a { font-size:12px; color:#fff; font-weight:bold; padding:5px 10px 5px 10px;}
#login-box a:hover, 
#login-box a.active-trail { color:#eac169; text-decoration:none; }
#login-box #signup-link { position:absolute; top:6px; left:25px; width:264px; height:27px; padding:0; margin:0; }
#login-box #signup-link a { display:block; width:264px; height:27px; padding:0; margin:0;  background: transparent url('/images/signupLink.gif') no-repeat right 0px; }
#login-box #signup-link a:hover { background-position: right -100px;}
#login-box .points { width:70px; padding:0; margin:0; color:#fff; position:absolute; left:15px; top:5px; text-align:center; font-weight:bold; font-size:11px;  line-height:130%;}
#login-box .points br { line-height:130%;}
#login-box .points span { color:#e7cd89; line-height:130%; }
#login-box .points #pointsDisplayArea { color:#fff; line-height:130%; font-size:11px;}

#vocab-box { position:absolute; right:425px; top:49px; padding:5px 10px 0px 10px; margin:0; background: transparent url('/images/vocabTab.jpg') no-repeat right 0px; height:34px; width:200px; text-align:right; }
#vocab-box a { display:block; font-size:9px; color:#ddd; font-weight:bold; padding:5px; margin:0;}
#vocab-box a:hover, 
#vocab-box a.active-trail { color:#eac169; text-decoration:none; }
#vocab-box .points { width:120px; padding:0; margin:0; color:#fff; position:absolute; left:0px; top:5px; text-align:center; font-weight:bold; font-size:11px;  line-height:130%;}
#vocab-box .points br { line-height:130%;}
#vocab-box .points span { color:#e7cd89; line-height:130%; }
#vocab-box .points #pointsDisplayArea { color:#fff; line-height:130%; font-size:11px;}

#main-content{
	width:1000px;
	margin:15px 0 10px 0;
	padding:0px;
}

#left-column{
	width:485px;
	margin:0;
	padding:0px;
	float:left;
}

#right-column{
	width:485px;
	margin:0;
	padding:0px;
	float:right;
}


#left-content1{
	width:680px;
	margin:0;
	padding:0px;
	float:left;
}


#left-content{
	width:800px;
	margin:0;
	padding:0px;
	float:left;
}

#flash-intro{
	width:770px;
	height:520px;
	margin:0;
	padding:0;
}

#right-content{
	width:180px;
	margin:0;
	padding:0px;
	float:right;
}

#right-content1{
	width:300px;
	margin:0;
	padding:0px;
	float:right;
}

#right-content1 img { margin-bottom:10px; }
#right-content1 .ad { margin-bottom:10px; }
#right-content .ad { margin-bottom:10px; text-align:right;}
#left-content .bottomad { margin-top:30px;}
	
#signup-area { border: 1px solid #eac169; width:673px; height:513px; }
#signup-area .warning { padding:0; margin:0; }
#signup-area .warning p { font-size:16px; }
#signup-area .warning input{ font-size:14px; margin:30px 10px 0 10px; padding:4px; }
#signup-area .invitation h2{ margin:10px; padding:0px; }
#signup-area .invitation input{ font-size:14px; margin:30px 10px 0 10px; padding:4px; }
#signup-area .warning p span { font-size:16px; font-weight:bold; color:#666; }
.title { color:#4e8338; margin:20px 0 0 0;}
.complete { font-size:18px; color:#666; font-weight:normal; }
.complete a { font-size:16px;  }

#signup-inner { position:relative; padding:0; margin:40px 0 0 0; width:400px; text-align:left; left:100px;}
#signup-inner input { font-size:16px; font-weight:normal; padding:2px; display:block;}
#signup-inner label { color:#408fd7; font-size:16px; text-align:left;  font-weight:normal; margin:10px 0 0 0; display:block; line-height:120%;  }
#signup-inner #signup {margin: 25px 0 0 0; }
#signup-inner #updateun {margin: 25px 0 0 0; }
#signup-inner #updatepw {margin: 25px 0 0 0; }
#signup-inner #newgroup {margin: 25px 0 0 0; }
#signup-inner #invite {margin: 25px 0 0 0; }
#signup-inner .error { padding:0; margin:0; color:#CC0000; font-weight:bold; font-size:14px; }
#signup-inner .inst { padding:0; margin:20px 0 0 0; }
#signup-inner .inst a { font-size:12px; }
#signup-inner dd label { font-size:12px; color:#777; padding:10px 0 0 0; margin:0; }
#signup-inner dd label input { display:inline; margin: 0 8px 0 0px;}
#signup-inner dd ul { display:none;}
#signup-inner textarea {font-size:14px; }

#login-area { border: 1px solid #eac169; width:768px; height:598px; }
#login-inner { position:relative; padding:0; margin:40px 0 0 0; width:400px; text-align:left; left:100px;}
#login-inner input { font-size:16px; font-weight:normal; padding:2px; display:block;}
#login-inner label { color:#408fd7; font-size:16px; text-align:left;  font-weight:normal; margin:15px 0 0 0; display:block;  }
#login-inner #login {margin: 25px 0 0 0; }
#login-inner .error { padding:0; margin:0; color:#CC0000; font-weight:bold; font-size:14px; }
#login-inner .inst { padding:0; margin:20px 0 0 0; }
#login-inner .inst a { font-size:12px; }
#login-inner h3 { padding:0; margin:20px 0 0 0; }
#login-inner .inst1 { padding:0; margin:0; }

#filter { border: 1px solid #eac169; padding:10px; margin:0 0 10px 0; }
#filter input { font-size:16px; font-weight:normal; padding:2px; width:150px; }
#filter label { color:#408fd7; font-size:16px; text-align:left;  font-weight:normal; margin:15px 0 0 20px; }


#forgot-area { border: 1px solid #eac169; width:673px; height:513px; }
#forgot-inner { position:relative; padding:0; margin:40px 0 0 0; width:400px; text-align:left; left:70px;}
#forgot-inner input { font-size:16px; font-weight:normal; padding:2px; display:block;}
#forgot-inner label { color:#408fd7; font-size:16px; text-align:left;  font-weight:normal; margin:15px 0 0 0; display:block;  }
#forgot-inner #forgot {margin: 25px 0 0 0; }
#forgot-inner #newclass {margin: 25px 0 0 0; }
#forgot-inner #renameclass {margin: 25px 0 0 0; }
#forgot-inner #renamecourse {margin: 25px 0 0 0; }
#forgot-inner #newteacher {margin: 25px 0 0 0; }
#forgot-inner #addemail {margin: 25px 0 0 0; }
#forgot-inner #newcourse {margin: 25px 0 0 0; }
#forgot-inner .error { padding:0; margin:0; color:#CC0000; font-weight:bold; font-size:14px; }
#forgot-inner .inst { padding:0; margin:20px 0 0 0; }
#forgot-inner .inst a { font-size:12px; }

#left-area { border: 1px solid #eac169; width:673px; padding-bottom:20px; }
#left-area-fixed { border: 1px solid #eac169; width:673px; height:513px; }
#left-inner { text-align:left; padding:0 0 20px 0; }
.question {text-align:left; }
.question h3 { padding:0 20px 0 20px; margin:20px 0 0 0; font-size:14px; font-weight:bold; color:#666;}
.question p { padding:0 20px 0 20px; margin:0; font-size:14px; font-weight:normal; color:#666;}
#left-inner ol li { padding:0 20px 0 5px; margin:0 0 0 40px; font-size:14px; font-weight:normal; color:#666;}
#left-inner ul li { padding:0 20px 0 5px; margin:0 0 0 40px; font-size:14px; font-weight:normal; color:#666;}
#left-inner .note { font-size:11px; color:#666; padding:0 20px 0 20px; margin:0; }
#left-inner .notice { color:#990000; }
#left-inner .groupline { font-size:14px; color:#666; margin:0 20px 0 20px; padding:0; }
#left-inner .groupline.odd{ background-color:#eee; }
#left-inner .groupline span{ font-size:11px; }
#left-inner .warning { background-color:#eee; }
#left-inner .warning p span { font-size:12px; font-weight:bold; }

#left-inner .htable .head { color:#316594; font-weight:bold; }
#left-inner .s0 { clear:both; color:#316594; font-weight:bold; padding:5px; margin:0; padding-left:20px; }
#left-inner .s1 { clear:both; color:#316594; font-weight:bold; padding:5px; margin:0; padding-left:30px; }
#left-inner .s2 { clear:both; color:#316594; font-weight:bold; padding:5px; margin:0; padding-left:40px; }
#left-inner .s3 { clear:both; color:#316594; font-weight:bold; padding:5px; margin:0; padding-left:50px; }
#left-inner .s4 { clear:both; color:#316594; font-weight:bold; padding:5px; margin:0; padding-left:60px; }
#left-inner .s5 { clear:both; color:#316594; font-weight:bold; padding:5px; margin:0; padding-left:70px; }
#left-inner .rptline { color:#666; font-weight:normal; position:relative; margin:4px 20px 0 40px; padding:0; clear:both;}
#left-inner .rptline .meter { display:inline; width:122px; background-color:#CCCCCC; height:4px; position:absolute; top:8px; left:260px; }
#left-inner .rptline .meter .mastery { background-color:#01c50b; height:4px; position:absolute; margin:0; }
#left-inner .rptline .meter .retention { background-color:#316594; height:4px; position:absolute; margin:0; }
#left-inner .rptline .meterText { font-size:12px; position:absolute; top:0px; right:0px; padding:0; margin:0l;}
#left-inner .rptline .meterText span { font-size:12px; color:#316594; font-weight:bold; width:50px; }
#left-inner .rptline .target { font-size:12px; color:#333; font-weight:bold;  width:230px; border-right:1px solid #ccc; border-top:1px solid #ccc; float:left; padding:5px; margin:0; }
#left-inner .rptline .native { font-size:12px; color:#999; font-weight:normal; width:230px; float:left; border-top:1px solid #ccc; padding:5px; margin:0;}

#tour-promo { 
	background-image:url(/images/tour-promo.jpg); 
	background-repeat:no-repeat; 
	width:200px; 
	height:250px; 
	margin:20px 0 0 0;
	position:relative;
}

#tour-promo a { 
	font-size:16px;
	color:#0033CC;
	position:absolute;
	bottom:20px;
	right:60px;
}

h3.subnote { padding: 0px 20px 0px 20px; margin:0px 0 0 0; font-size:14px; font-weight:bold; color:#2495ce;}

.feature { padding:30px 60px 40px 60px; margin:0; text-align:left; clear:both; }
.feature img { float:left; }
.feature h3 { text-align:left; padding: 0 0 0 150px; font-size:16px; margin:0; }
.feature p { padding:0 0 0 150px; font-size:14px; font-weight:bold;  margin:0; color:#999999; }

.titleLine { text-align:center; color:#4e8338; }

.tour-item { padding:20px; margin:0; clear:both; }
.tour-item img {float:right; padding-left:20px; }
.tour-item img.inln { float:none; display:inline; padding:0; margin:0;}
.tour-item p { font-size:12px; font-weight:normal;  margin:0 0 20px 0; padding:0; color:#777; text-align:left;}
.tour-item hr { padding:10px 0 0 0; margin:0; clear:both; }
.tour-item p span{ font-size:12px; font-weight:bold; font-style:italic; color:#333; }

select#tClass { font-size:20px; height:30px;}
select#tClass option { padding:2px;  }


.gTop { font-size:18px; }
.gTopRight { font-size:18px; text-align:right; float:right; margin:0; padding-right:0; text-align:right; }
.gstatus { border:1px solid #eac169; width:635px; margin:0 0 0 19px; border-collapse:collapse; }
.gstatus td { border-right:1px solid #eac169; padding:4px 10px 4px 10px; }
.gstatus .link a { color:#888; font-size:11px; float:right;  padding:7px 0 7px 20px;}
.gstatus .link a:hover { color:#333; font-size:11px; float:right; }
.gstatus h3 { padding:0; margin:0; text-align:left; font-size:16px; color:#4E8338;  }
.gstatus .filter td { padding:20px; text-align:center; }
.gstatus .filter td form { color:#408FD7; font-size:16px;  }
.gstatus .filter td form select { font-size:12px; padding:5px; width:200px;  }
.gstatus .filter td form input { font-size:12px; }
.gstatus .ghead td { font-weight:bold; border-top:1px solid #eac169; border-bottom:1px solid #eac169; }
.gstatus .ghead2 td {font-weight:normal; border-top:1px solid #eac169; border-bottom:1px solid #eac169; }
.gstatus .gline td { border-top:1px solid #eac169; border-bottom:1px solid #eac169; }
.gstatus .odd td { background-color:#eee; }
.gstatus .gline td .meter { width:100px; margin:0 0px 0 10px; padding:3px; background: url(../images/meterBack.png) no-repeat left 6px; height:30px; position:relative; }
.gstatus .gline td .meter .mastery { background: url(../images/greenMeter.gif) left top repeat-y; height:6px; position:absolute; top:6px; left:0px; padding:0; margin:0; overflow:hidden; width:11px; }
.gstatus .gline td .meter .retention { background: url(../images/blueMeter.gif) left top repeat-y; height:6px; position:absolute; top:6px; left:0px; padding:0; margin:0; overflow:hidden; width:11px; }
.gstatus .gline td .meter .mt { position:absolute; text-align:right; top:12px; right:39px; font-size:12px; line-height:100%; }
.gstatus .gline td .meter .rt { position:absolute; text-align:right; top:12px; right:0px; font-size:12px; line-height:100%; }

.rightTab { float:right; display:block; position:relative; bottom:0px; padding:0 0 0 15px; margin:0; color:#888; text-decoration:underline; font-size:11px; }
.rightTab.active { color:#333; text-decoration:none;  }
.gstatus .tabtop { padding:0px; margin:0; }
.tabs { padding:0 0 0 18px; margin:20px 0 0 0; height: 26px; }
.leftTab { float:left; display:block; position:relative; bottom:0px; padding:7px 0 0 0; margin:0 5px 0 0; color:#fff; line-height:100%; background-color:#6cb65a; text-decoration:none; font-size:11px;  width:100px; height:19px; text-align:center; font-weight:bold;}
.leftTab.active { color:#333; text-decoration:none; background-color:#eac169;  }
.rightlink { float:right; display:block; position:relative; top:4px; padding:0 0 0 15px; margin:0; color:#888; text-decoration:underline; font-size:11px; }
.group { padding:0; margin:0; }
.group p { margin:0px 20px 0 20px; padding:0; }
.group a { float:right; margin:0px 20px 0 20px; padding:0; display:block; }

.homeIntro { text-align:center; width:635px; height:475px; border:solid 1px #eac169; margin:0; padding:20px; position:relative; }
.homeIntro h1 { color:#4e8338; padding:0; margin:0; font-size:18px; font-weight:normal; text-align:left; width:450px;}
.homeIntro .moreBtn { background: transparent url('/images/moreBtn.gif') no-repeat right 0px; height:42px; width:143px; display:block; position:absolute; top:20px; right:20px; }
.homeIntro .moreBtn:hover { background-position: right -100px; }
.homeIntro .homeTile { position:absolute; top:120px; left:30px; }
.homeIntro .homeCal { position:absolute; top:250px; right:60px; }
.homeIntro .homeMeter { position:absolute; top:385px; left:190px; }
.homeIntro .homePlay { position:absolute; top:120px; left:240px; width:350px; text-align:left; }
.homeIntro .homeReview { position:absolute; top:260px; left:240px; width:300px; text-align:left; }
.homeIntro .homeM { position:absolute; top:380px; left:240px; width:350px; text-align:left;}
.homeIntro h3 { color:#2495ce; font-size:14px; font-weight:bold; padding:0; margin:0;}
.homeIntro p { color:#787878; font-size:13px; padding:0; margin:0;  }
.homeIntro tr { padding:0; margin:0;  border:none; }
.homeIntro td { padding:0; margin:0;  border:none; }
.homeIntro th { border:none; text-align:left; color:#316594; font-size:18px; padding:0px 20px 0px 20px; margin:20px 0 0 0; font-weight:bold;}
.homeIntro ul { text-align:left; color:#316594; font-size:12px; padding:0px 20px 0px 40px; margin:0; }
.homeIntro ul li { text-align:left; color:#316594; font-size:14px; padding:5px; margin:0; line-height:130%; }
.homeIntro img {  padding:0; margin:0;}

.homeRight{ border:solid 1px #eac169; margin:0; padding:15px; height:485px; position:relative; }
.homeRight .homeTeacher { position:absolute; left:15px; top:15px; }
.homeRight h3 { color:#2495ce; font-size:14px; font-weight:bold; padding:0; margin:0;}
.homeRight p { color:#787878; font-size:13px; padding:0; margin:0;  }
.homeRight h1 { color:#4e8338; padding:0; margin:0; font-size:18px; font-weight:normal; text-align:left; width:250px; position:absolute; left:110px; top:30px;}
.homeRight h3.homeProg{ position:absolute; top:130px; left:15px; width:270px; text-align:center; }
.homeRight h3.homeCustomize{ position:absolute; top:300px; left:15px; width:270px; text-align:center; }
.homeRight .homeReport { position:absolute; top:160px; left:20px; }
.homeRight .homeLesson { position:absolute; top:330px; left:70px; }
.homeRight .contact { color:#555; font-size:13px; padding:0; margin:0; text-align:left; position:absolute; left:15px; bottom:15px;  }
.homeRight .contact a { color:#555; font-size:13px; }
.homeRight .sample { color:#555; font-size:11px; padding:0; margin:0; text-align:center; position:absolute; left:15px; top:260px; width:270px; }
.homeRight .sample a { color:#555; font-size:11px; }
.homeRight .handbook { color:#555; font-size:11px; padding:0; margin:0; text-align:center; position:absolute; left:15px; width:270px; top:437px;  }
.homeRight .handbook a { color:#555; font-size:11px; }



.organize { text-align:center; width:635px; height:475px; border:solid 1px #eac169; margin:0; padding:20px; position:relative; }
.organize h1 { color:#4e8338; padding:0; margin:0; font-size:22px; font-weight:bold; text-align:left;}
.organize .course { position:absolute; top:85px; left:20px; }
.organize .group { position:absolute; right:30px; bottom:20px; }
.organize .teacher { position:absolute; bottom:0px; right:260px; }
.organize .orgCreate { position:absolute; top:85px; left:340px; width:300px; text-align:left; }
.organize .orgShare { position:absolute; top:255px; right:30px; width:300px; text-align:right; }
.organize h3 { color:#2495ce; font-size:14px; font-weight:bold; padding:0; margin:0;}
.organize p { color:#787878; font-size:13px; padding:0; margin:0;  }

#left-inner .formbox { padding:20px; border:1px solid #bbb; margin:5px 20px 5px 20px; }
#left-inner .app1 { padding:0; border:1px solid #eac169; margin:0 0 0 18px; width:635px; }
.clear { clear:both; padding:0; margin:0; }

#footer { height:79px; padding: 0; text-align:center; font-size:8px; clear:both; margin:0; background-image:url(/images/footerBack.gif); background-repeat:repeat-x; position:relative; }
#footer-inner { width:1000px; position:relative; padding:10px 0 0 0; margin:0; text-align:left; background: transparent url('/images/footerLogo.gif') no-repeat left top; height:69px; }
#footer #footer-inner .copy p {text-align:left; position:absolute; left:275px; bottom:7px; padding:0; margin:0; color:#4e8338; }
#footer-nav { position:absolute; top:20px; left:260px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:5px; text-align:left;}
#footer-nav ul.menu { text-align:center; }
#footer-nav ul.menu li { display: inline; margin: 0 10px 0 0; padding: 0 0 0 10px; height:24px; }
#footer-nav ul.menu li:hover,
#footer-nav ul.menu li.hover,
#footer-nav ul.menu li.active-trail {
  color:#FFFFFF; }

#footer-nav ul.menu li a { color: #13385e; margin:0; font-size:12px; padding: 0px 10px 0px 0; font-weight:normal; text-decoration:underline; }

#footer-nav ul.menu li a:hover,
#footer-nav ul.menu li:hover a,
#footer-nav ul.menu li.hover a,
#footer-nav ul.menu li.active-trail a {
  color: #000; text-decoration:none;}