html { height: 100%; margin-bottom: 1px; }

body{FONT-FAMILY: Tahoma, Arial, sans-serif;font-size: 11pt;color:#333333;margin: 0;} 

.fullDoc{margin:0 5px; }
.fullDoc2{width:1000px; margin: 0 auto; }

.lhtName{font-weight:bold}

.bannerBody {position: relative;padding: 0; margin:0; height:98px} 
/* .bannerLogo {position: absolute; top: 5px; left: 0px; border:1px solid black; color: #fff; background-color: red; width: 267px; height: 90px; font-size: 46px; letter-spacing: -3px; margin: 0; padding: 0; word-spacing: 3px; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
*/
.xbannerLogo {position: absolute; top: 5px; left: 0px; width: 267px; height: 90px; margin: 0; padding: 0; background: url("/html/ll_all_in_one_v2_min.png") no-repeat scroll -0px -353px transparent;}
.bannerLogo {position: absolute; top: 5px; left: 0px; background: url("/html/ll_all_in_one_v2_min.png") no-repeat scroll -0px -353px transparent; height: 55px; width: 267px; display:block}
.bannerGoogleAd {position: absolute; top: 5px; left: 272px}
.bannerLanguage {position: absolute; left: 50px; top: 66px;}
.facebookLink {background: url("/html/ll_all_in_one_v2_min.png") no-repeat scroll -38px -160px transparent;height: 22px;width: 58px; display:block}

a:link, a:visited{color: #333333;font-weight:bold}
a:hover{color: BLUE;text-decoration:underline}
.menuBody {text-align: left; background-color: #FFCC00; color:#003300} 
.menuBodyInner {padding: 3px 4px 1px 4px;} 
.menu {padding:2px 0 2px 0;font-size: 11pt;font-weight:bold}
.pageBody {text-align: left; border-bottom:1px solid #a1a1a1; border-left:2px solid #a1a1a1; border-right:2px solid #a1a1a1;background-color: #FFFFFF;clear:both;padding: 0 0 3px 0; border-bottom-left-radius: 10px; ; border-bottom-right-radius: 10px;}
div.footerBody {padding: 3px 0 0 0; margin-bottom: 3px; font-size: 10pt; text-align: left} 
div.footerBody a {font-weight:normal} 
P.breakhere {page-break-before: always}

ul.nav{margin:0;padding:0 0 0 5px}
ul.nav li{display:inline;list-style-type:none;float:left;margin: 0;text-align: center;padding:0 20px 4px 0;}
ul.nav a, ul.nav a:visited {text-decoration:none;color: #000000}
ul.nav a:hover{text-decoration:underline}

a span.titleLink, a:visited  span.titleLink {color:green}
a:hover span.titleLink {color:blue}
a.vocabLink, a.vocabLink:visited  {font-weight:normal;text-decoration:none}
a.vocabLink:hover {text-decoration:none}

div.bbLink a, div.bbLink a:visited {text-decoration:none;color: #000000}
div.bbLink a:hover{text-decoration:underline}

.popupBackground {z-index:1;padding: 0; margin:0; width:100%;height:100%;left:0px;top:0px;opacity:0.7;background-color:#ffffff;position:fixed;filter: alpha(opacity = 70);display:none} 

#popup_outer{
	width:1000px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	position:fixed;	
	_position:absolute;	
	top:75px;	
	_top:expression(75);
	FONT-FAMILY: Arial, sans-serif;
	z-index:2;
}
.popupBody_inner {z-index:2;padding:5px;margin-left: auto; margin-right: auto; width:650px;height:1px; background-color:#ffffff;border: 3px solid #999999;} 

.popupLesson{width:700px}
.popupDownload{width:90%}

.popupExit {float:right}

div.help {text-align:right;float:right;white-space: nowrap;}
div.help a:link, div.help a:visited{text-decoration:none;font-weight:normal}

hr.horiLine {padding:0px;margin:0px;border: 1px solid #bbbbbb;}

div.searchLessonLink {padding-top:3px;padding-bottom:2px}
div.searchLessonLink a:link, div.searchLessonLink a:visited{font-weight:normal}
div.searchLessonLink a:hover{text-decoration:underline}
div.hyperlink {text-decoration:underline;color:blue}
.result_report {text-align:center;padding:3px 0px 3px 0;background-color:#f2f2f2;margin:3px 0 3px 0;color:#333333}
.results_item {padding-top:5px;padding-bottom:0px;clear:left}

.nw{white-space: nowrap;}
.superLargeText{font-size: 180%;}
.veryLargeText{font-size: 140%;}
.largeText{font-size: 120%;}
.bitLargerText{font-size: 110%;}
.smallText{font-size: 90%;}
.miniText{font-size: 80%;}
.boldText{font-weight:bold;}
.center{text-align:center;}
.siteMap a:link, .siteMap a:visited{font-weight:normal;}

.pineapples {list-style-image: url(/html/lht-pineapple-bullet.gif)}
ul.pineapples li{;line-height:18px}
.coconuts {list-style-image: url(/html/lht-coconut-bullet.gif)}

h1{font-size: 140%;margin:0;padding-top: 7px;padding-bottom: 5px;text-align: center;font-weight:lighter}
h2{font-size: 120%;margin:0;padding-top: 4px;padding-bottom: 3px;text-align: left}
h3{font-size: 100%;margin:0;padding-top: 4px;padding-bottom: 2px;text-align: left}
h4{font-size: 100%;margin:0;padding-top: 4px;padding-bottom: 2px;text-align: left}

.story h1{font-size: 120%;margin:0;padding-top: 4px;padding-bottom: 3px;text-align: left}

.outerMessage {padding: 5px 8px 0 8px;}
.message {padding: 8px 5px 8px 5px;border: 3px solid RED;background-color:#E3F0F8;margin-bottom:3px;}
.message h1{color: #ff0000;text-align: left;padding:0;font-size:100%;font-weight:bold;}
.message h2{color: #006600;text-align: left;padding:0;font-size:100%;}

.emailPending {padding: 3px;background-color:#E3F0F8;margin:2px;border: 1px solid #bbbbbb}

.genericButton {color: #FFDF00;background: #003300;font-weight: normal;border: 2px solid #000000;padding: 2px 10px 2px 10px;font-size:12pt; border-radius: 5px}
.genericButton:hover {color: #003300;	background: #FFDF00;cursor:pointer;}
a.nodecoration {text-decoration:none}

.linkbutton button {text-decoration:underline}
.linkbutton {background: none;border: none; color:#333333; text-decoration:underline;font-size:10pt;font-weight:bold}
.linkbutton:hover {background: none;border: none; color:blue; text-decoration:underline;font-size:10pt;font-weight:bold}

#loginForm{margin: 0;padding: 0;}
#loginForm input {
    border: 1px solid #999999;
	padding: 1px 0 2px 0;
	font-size:10pt;
} 
.loginFormButton {padding: 0 5px 1px 5px;border: 1px solid #000000;font-size:10pt;font-weight:bold}

.zp, #myForm{margin: 0;padding: 0;}
.story, .listScreen, .entryBlock, .topOfScreen {width:990px;margin-left: auto; margin-right: auto}
.floatBox {float:left;width:285px} 
.xboxAreaOuter {border:1px solid #a1a1a1;padding:0px 4px 3px 4px;background-color:#99ff99; border-radius: 10px}
.xboxAreaInner {border:1px solid #a1a1a1;padding:3px;background-color:#ffffff; border-radius: 10px} 
.genericBox {border:1px solid #a1a1a1}
.genericSoftBox {border:1px solid #bbbbbb}
.floatBoxSpace {float:left;width:15px;} 
.inputPairLeft {padding-bottom: 1px;} 
.inputPairRight {padding-bottom: 7px;} 
.listTable th{background-color: #f2f2f2;}
.listTable {margin-top:5px;border-collapse:collapse;border:1px solid #eeeeee;}
.listTable td{ border-bottom: 1px solid #bbb; }
.listScreen a:link, .listScreen a:visited {font-weight:normal;}

div.listScreen {padding:5px 5px;border:2px solid #444444}
div.printLink {text-align:right;margin-bottom:3px;}

.boxAreaOuter h2 {font-size:11pt;padding-bottom:3px}
.vocabTableAlt6 h2 {font-size:18pt;padding-bottom:3px}

h2.lessonListAlt4x {text-align: left;padding:0; margin:0; font-size:130%; font-weight: bold}

.ratingLinks {font-size:9pt}
ul.ratingLinks {list-style-type:none}
ul.ratingLinks {margin: 0px;padding:0px}
ul.ratingLinks li{float:left;margin:0px;padding:0px 0px 0px 10px;}

.ratingLinks2 {font-size:10pt}
ul.ratingLinks2 {list-style-type:none}
ul.ratingLinks2 {margin: 5px 3px 0 0;padding:0px}
ul.ratingLinks2 xli{;margin:0px;padding:0px 0px 0px 10px;}

ul.footerLinks {list-style-type:none; margin: 0px;padding:0px}
ul.footerLinks li {margin:0px;padding:2px;}

.rightArea{float:right;}
.leftArea{float:left}
.leftAreaWMargin{float:left;margin-right:5px;}

.lessonTitle {position:absolute;font-size:12pt;padding-top:14px;font-weight:bold;width:650px;text-align:center;display:none;}
#flashbackground {position: absolute; width: 610px; height: 350px; top: 5px; left: 15px; background-color: #fff; border-color: #666666; border-width: 1px;	border-style: solid; border-radius: 5px; }	
#flashcontentcontainer {position:absolute;left:-25px;top:-40px;z-index:2}

.slctp{background-color:#E3F0F8;cursor:pointer}
.slct{background-color:#E3F0F8;}
.uslct{background-color:#ffffff;}

.tableHeader{background-color:#efefef;text-align:center}
.leftDivider{border-left:1px solid #dddddd}
.rowDivider{border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;padding-right:10px;padding-left:10px;}
.lineDivider{border-bottom:1px solid #dddddd;padding-right:5px;padding-left:5px;}
.lineDividerAlt3{border:1px solid #dddddd;padding:7px 5px;background-color: #f2f2f2;}

.vocabTable{margin:0;background-color:#ffffff}
.vocabTable a:link, .vocabTable a:visited{font-weight:normal;}
table.vocabTable th {font-weight:bold;text-align:center}

.vocabTableAlt3 a:link, .vocabTableAlt3 a:visited{font-weight:bold;}

table.vocabTableAlt5 {border:1px solid #DDDDDD;border-top:1px solid #DDDDDD;  border-radius: 10px}
table.vocabTableAlt5 td {padding: 3px 5px 4px;}
.vocabTableAlt5 a:link, .vocabTableAlt5 a:visited{font-weight:normal;}

table.vocabTableAlt6 {border:1px solid #DDDDDD;border-top:1px solid #DDDDDD;  border-radius: 10px}
table.vocabTableAlt6 td {padding: 1px 5px 2px;}
.vocabTableAlt6 a:link, .vocabTableAlt6 a:visited{font-weight:normal;}

.vocabTableAlt7 a:link, .vocabTableAlt7 a:visited{font-weight:normal;}

.lessonRatingScreen {display:none;background-color:#efefef;border:1px solid #999999;margin:0 5px 5px 0;padding: 3px;}
.vocabEditTable{border:1px solid #dddddd;margin:0px 3px 3px 0px;width:99%}

h2.selectedResource {text-align:center;color:RED;font-weight:bold;padding:0}
.resourceLinksBox {font-size: 11pt;width:130px;z-index:4;margin-top:28px}
ul.resourceLinks {margin:0;padding:0}
ul.resourceLinks li{list-style-type:none;margin:3px 0 0 0;padding:0;float:left;text-align: center}
ul.resourceLinks a, ul.resourceLinks a:visited{float:left;width: 125px;padding:0;background-color: #C6D3DE}
ul.resourceLinks a:hover{background: #ADBECE;}

#resourceLinksButton{ height: 30px;  background-color: #ffffff }
#resourceLinksButton:hover { background-color: #666666}
#resourceLinksButton:active{ background-color: #666666}

.topTabsList {z-index:5; position:relative; left: 25px}
ul.topTabsList {margin:0; padding:0; }
ul.topTabsList li{list-style-type:none; margin:0 3px 0 0; padding:0; float:left;}

div.botTabs {text-align:center; width: 90%; margin: auto; padding: 4px}
div.botTabs a:link, .botTabsList a:visited{font-weight:normal;}
.botTabsList {margin:0 20px 0 0; display: inline}

#labLessonButtonPiece{ display: block;  width: 80px;  height: 35px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -191px -2px; }
#tttLessonButtonPiece{ display: block;  width: 80px;  height: 35px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -191px -41px; }
#tlkLessonButtonPiece{ display: block;  width: 80px;  height: 35px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -187px -83px; }
#flsLessonButtonPiece{ display: block;  width: 80px;  height: 35px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -187px -122px; }
#sbsLessonButtonPiece{ display: block;  width: 80px;  height: 35px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -187px -163px; }
#lisLessonButtonPiece{ display: block;  width: 80px;  height: 35px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -219px -317px; }
#memLessonButtonPiece{ display: block;  width: 80px;  height: 35px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -187px -242px; }
#labLessonButtonPiece:hover{ background-color: #ADBECE}
#tttLessonButtonPiece:hover{ background-color: #ADBECE}
#tlkLessonButtonPiece:hover{ background-color: #ADBECE}
#flsLessonButtonPiece:hover{ background-color: #ADBECE}
#sbsLessonButtonPiece:hover{ background-color: #ADBECE}
#lisLessonButtonPiece:hover{ background-color: #ADBECE}
#memLessonButtonPiece:hover{ background-color: #ADBECE}

.arrow_cont {display: table;}
.arrow_part {display: table-cell;vertical-align: middle;}
.arrow {display: table-cell;vertical-align: middle;color: blue;font-weight: bold;font-size: 18pt;padding: 0 2px 2px 2px;}

table.picBox {margin:3px}

.lessonArea { background-color: #eeeeee; border-radius: 10px}
#vocLessonButton{ display: block;  width: 125px;  height: 38px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -0px; }
#vocLessonButton:hover { background-color: #8F8F9C;}
#vocLessonButtonAct{ display: block;  width: 125px;  height: 38px;  background: #8F8F9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -0px;  }
#labLessonButton{ display: block;  width: 125px;  height: 38px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -0px;  }
#labLessonButton:hover { background-color: #8F8F9C;}
#labLessonButtonAct{ display: block;  width: 125px;  height: 38px;  background: #8F8F9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -0px; }
#tttLessonButton{ display: block;  width: 125px;  height: 38px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -40px; }
#tttLessonButton:hover { background-color: #8F8F9C;}
#tttLessonButtonAct{ display: block;  width: 125px;  height: 38px;  background: #8F8F9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -40px; }
#tlkLessonButton{ display: block;  width: 125px;  height: 38px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -80px; }
#tlkLessonButton:hover { background-color: #8F8F9C;}
#tlkLessonButtonAct{ display: block;  width: 125px;  height: 38px;  background: #8F8F9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -80px; }
#flsLessonButton{ display: block;  width: 125px;  height: 38px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -120px; }
#flsLessonButton:hover { background-color: #8F8F9C;}
#flsLessonButtonAct{ display: block;  width: 125px;  height: 38px;  background: #8F8F9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -120px; }
#sbsLessonButton{ display: block;  width: 125px;  height: 38px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -160px; }
#sbsLessonButton:hover { background-color: #8F8F9C;}
#sbsLessonButtonAct{ display: block;  width: 125px;  height: 38px;  background: #8F8F9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -160px; }
#lisLessonButton{ display: block;  width: 125px;  height: 38px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -200px; }
#lisLessonButton:hover { background-color: #8F8F9C;}
#lisLessonButtonAct{ display: block;  width: 125px;  height: 38px;  background: #8F8F9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -200px; }
#memLessonButton{ display: block;  width: 125px;  height: 38px;  background: #AFAF9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -240px; }
#memLessonButton:hover { background-color: #8F8F9C;}
#memLessonButtonAct{ display: block;  width: 125px;  height: 38px;  background: #8F8F9C url("/html/ll_all_in_one_v2_min.png") no-repeat 0 0; background-position: -160px -240px; }

div#floatNav a:link    { text-decoration: none; color:#ffffff;}
div#floatNav a:visited { text-decoration: none; color:#ffffff;}
div#floatNav a:hover   { text-decoration: none; color:#ffffff;}
div#floatNav p{ padding:0 0 5px 0; margin:0 0 0 0;}

.noDisplay {display:none;}

.helpheader {font-weight:bold;font-size:110%;padding: 6px 0 0px 0;margin:0;text-align: left;}
.helpheader a:hover { text-decoration: none; color:#333333;}
.helptext {padding: 2px 0 5px 0}
.faqlink {padding-bottom: 5px}
.faqlink a {font-weight:normal}
.faqheader {font-weight:bold;font-size:120%;padding: 15px 0 0px 0;margin:0;text-align: left;}
.faqheader a:hover { text-decoration: none; color:#333333;}

.alternate_gif {background: url("/html/ll_all_in_one_v2_min.png") no-repeat scroll -38px -187px transparent;height: 31px;width: 88px; display:block}

#floatNav{
	width:135px;
	background-color:#999999;
	border: 1px solid white;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 5px;
	position:fixed;	
	_position:absolute;	
	bottom:0px;	
	left:0px; 
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	_left:expression(0); 
	font-size:75%;
	FONT-FAMILY: Arial, sans-serif;
}
#floatNavTop{
	color:#000000;
	padding: 2px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	background-color:#eeeeee;
	text-align: center; 
}
#floatNavInner{
	border-top: 1px solid white;
	background-color:#999999;
	color:#FFFFFF;
	padding: 5px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
}

.recaptchatable #recaptcha_response_field {font-size:12pt;}

.unselectable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

/* jsval style items */
input, select, textarea { border: 1px solid silver; font-size:12pt}
input.error, select.error, textarea.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(/html/warning_obj.gif); background-position: right; background-repeat: no-repeat;}
input:focus, select:focus, textarea:focus {border: 1px solid red; background-color:#EFEFEF;}
label.error {color:red; font-size:80%;white-space: nowrap;padding-left:4px;display:block;font-weight:bold}
.mandatory  { font-weight: bold; }
.comment    { color: #BBBBBB; }
.adminDisplay input, .adminDisplay select, .adminDisplay textarea {font-size:10pt}