/* Kaibell CSS Document */
/* Home Body Css */
/*@charset "utf-8";*/
@import url(/css/home.css);

h2 {font-size:13px;}
/* Left Side */
#bleft {width:685px; min-height:100px; -height:100px; float:left;}

/* home topper */
#bleft .hometopper {width:685px; height:210px; margin-bottom:10px; position:relative;
filter:revealTrans(duration=2,transition=23);}
#bleft .hometopper #hometop1 {height:210px;}
#bleft .hometopper #hometop2 {height:210px; display:none;}
/*
#bleft .hometopper #hometop2 {height:150px; padding:60px 0 0 220px; display:none; 
background:url("/images/home_top_2.jpg") no-repeat left top;}
*/
#bleft .hometopper #hometop2 h2 {padding:0 0 5px 150px; line-height:1.6; font-weight:normal; text-align:center;}
#bleft .hometopper #hometop2 h2 a {font-size:16px; color:#f36f20;}
#bleft .hometopper #hometop2 h3 {padding:5px 0 5px 150px; line-height:1.8; font-weight:normal;}
#bleft .hometopper #hometop2 h3 span {color:#d83435;}
#bleft .hometopper p {position:absolute; bottom:10px; right:20px;}

/* English Solution */
#bleft .engsolution {width:685px; min-height:100px; -height:100px; margin-bottom:10px; *overflow-x:hidden;}
#bleft .engsolution .featured {width:710px; height:196px; overflow:hidden;}
#bleft .engsolution .featured li {width:340px; min-height:1px; float:left; margin-right:5px;
background:url("/images/show_bg.gif") repeat-x left top; overflow-x:hidden;}
#bleft .engsolution .featured li h2 {height:30px; line-height:33px; -overflow:hidden; padding-left:10px; color:#d83435; position:relative;}
#bleft .engsolution h2 span {position:absolute; top:-2px; right:12px; font-size:12px; font-weight:normal; color:#333;}
#bleft .engsolution .featured li h2.lesson {height:53px; line-height:53px; margin:5px 0 0 5px; padding-left:105px;
background:url("/images/dongtai.jpg") no-repeat;}
/*
#bleft .engsolution .featured li h2.lesson {background:url("/images/menu_baner_6_3.gif") no-repeat;}
#bleft .engsolution .featured li h2.teacher {background:url("/images/menu_baner_6_3.gif") no-repeat;}
*/
#bleft .engsolution .featured li div {height:194px; border:#7286B3 solid 1px; overflow:hidden; position:relative;}
#bleft .engsolution .featured li div.tenteachers {background:url("/images/ten_teacher_bg_1.jpg") no-repeat;}
#bleft .engsolution .featured li p {margin:10px; margin-top:5px; line-height:1.7;}
#bleft .engsolution .featured li p.freeConts {margin-left:3px; margin-top:0; line-height:1.8;}
#bleft .engsolution .featured li p.freeConts span {color:#2455BC;}
#bleft .engsolution .featured li dl {padding:0 0 0 10px; min-height:1px; -float:left; line-height:1.2; text-align:center;}
#bleft .engsolution .featured li dt {width:64px; height:80px; float:left; overflow:hidden;}
#bleft .engsolution .featured li dt img {width:45px; height:60px; padding:2px 5px; border:#e5e5e5 solid 1px;}
#bleft .engsolution .featured li dt a {font-size:10px;}
#bleft .engsolution .featured li dd {width:100%; height:16px; line-height:16px; margin-top:5px; text-align:right; float:left; 
background:url("/images/list-3corner.gif") no-repeat 308px 5px; *background:url("/images/list-3corner.gif") no-repeat 308px 4px;}
#bleft .engsolution .featured li a:hover {text-decoration:none; color:#FF6600;}

#bleft .engsolution .featured li div.noback {height:201px; border:0; margin:-5px 0 0 -10px; padding:0; background:none;
filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); position:relative;}
#bleft .engsolution .featured li div.noback p {margin-bottom:0; padding:0;}
#bleft .engsolution .featured li div.noback img {width:338px; border:#7286B3 solid 1px;}
#bleft .engsolution .featured li div.noback span {position:absolute; bottom:5px; right:0; -right:5px;}
#bleft .engsolution .featured li div.noback span a {width:15px; height:15px; line-height:15px; float:left; text-align:center;
border:#ccc solid 1px; background-color:#fff; margin-right:5px; display:block;}
#bleft .engsolution .featured li div.noback span a.undel {background-color:#fff;}
#bleft .engsolution .featured li div.noback span a.seled {background-color:#7B8E22;}

/* Lesson Solution */
#bleft .lesolution {width:685px; min-height:100px; -height:100px; margin-bottom:10px; *overflow-x:hidden;}
#bleft .lesolution h2 {height:25px; line-height:30px; padding-left:10px; color:#fff;
background:url("/images/menu_baner_5_6.gif") no-repeat; border-bottom:#008894 solid 5px; overflow:hidden;}
#bleft .lesolution .featured {width:673px; min-height:1px; padding:0 0 10px 10px; *overflow-x:hidden; border:#008894 solid 1px;}
#bleft .lesolution .featured a {text-decoration:none;}
#bleft .lesolution .featured ul {width:710px; min-height:1px; float:left; margin-bottom:-5px; *margin-bottom:0;}
#bleft .lesolution .featured li {width:218px; min-height:1px; margin-bottom:5px; float:left; margin-right:5px;}
#bleft .lesolution .featured li h3 {height:30px; line-height:33px; -overflow:hidden;}
#bleft .lesolution .featured li h3 a {font-size:13px; color:green;}
#bleft .lesolution .featured li h3 a:hover {font-size:13px; color:#000; text-decoration:underline;} 
#bleft .lesolution .featured li div {height:96px; border:#eee solid 1px; overflow:hidden; background-color:#f6f6f6;}
#bleft .lesolution .featured li p {margin:10px 5px 10px 10px; line-height:1.6;} 
#bleft .lesolution .featured li img {width:66px; height:76px; float:left; margin-right:8px;}
#bleft .lesolution .featured li a:hover {text-decoration:none; color:#FF6600;}

/*Left Side*/
#bleft .others {width:685px; min-height:1px; margin-bottom:10px;}

/* best American */
#bleft .bestAmerican {width:685px; min-height:100px; -height:100px; padding-bottom:10px; float:left; position:relative;}
#bleft .bestAmerican h2 {height:25px; line-height:30px; padding-left:10px; color:#fff;
background:url("/images/menu_baner_5_12.gif") no-repeat; border-bottom:#7E1281 solid 5px; overflow:hidden;}
#bleft .bestAmerican div {width:683px; height:140px; border:#7E1281 solid 1px; overflow:hidden;
background:url("/images/show_bot_bg.gif") repeat-x left bottom;}
#bleft .bestAmerican ul {width:700px; padding-left:12px; margin-top:10px;}
#bleft .bestAmerican ul li {width:100px; height:125px; margin-right:12px; line-height:1.6; text-align:center; float:left; overflow:hidden;}
#bleft .bestAmerican ul li p {width:96px; height:96px; margin:0; overflow:hidden; border:#eee solid 1px; position:relative;}
#bleft .bestAmerican ul li p img {width:90px; padding:3px;}
#bleft .bestAmerican ul li p label {font-size:0px; width:100px; height:3px; background-color:#fff; 
position:absolute; left:0; bottom:0;}
#bleft .bestAmerican ul li span {color:#000; white-space:nowrap;}

/* Total Solution */
/* Site Notice */
#bleft .solution {width:685px; min-height:100px; -height:100px; margin-bottom:10px; float:left; position:relative;}
#bleft .solution h2 {height:25px; line-height:30px; padding-left:10px; color:#fff;
background:url("/images/menu_baner_5_6.gif") no-repeat; border-bottom:#008894 solid 5px; overflow:hidden;}
#bleft .solution div a {text-decoration:none;}
#bleft .solution div {width:683px; min-height:1px; border:#008894 solid 1px; *overflow-x:hidden;}
#bleft .solution ul {width:700px; padding-left:12px; margin:10px 0;}
#bleft .solution ul li {width:307px; height:120px; margin-right:11px; margin-bottom:10px; padding:5px 5px 5px 10px; overflow:hidden; float:left;
border:#eee solid 1px; border-top:0; line-height:1.5; background:url("/images/solutionBg.gif") repeat-x;}
#bleft .solution h3 {padding:3px 0; font-size:13px;}
#bleft .solution h3 a {font-size:13px; color:green;}
#bleft .solution h3 a:hover {font-size:13px; color:#000; text-decoration:underline;} 
#bleft .solution p img {width:90px; height:90px; margin-right:10px; float:left;}
#bleft .solution p.childlinks a:hover {text-decoration:underline;}
#bleft .solution p a:hover {text-decoration:none; color:#FF6600;}

/* Kaibell Cartoon */
#bleft .kcartoon {width:685px; min-height:100px; -height:100px; margin-bottom:10px; float:left;
background:url("/images/show_bot_bg.gif") repeat-x left bottom;}
#bleft .kcartoon h2 {height:25px; line-height:30px; padding-left:10px; color:#fff; position:relative;
background:url("/images/menu_baner_5_12.gif") no-repeat; border-bottom:#7E1281 solid 5px; overflow:hidden;}
#bleft .kcartoon h2 span {position:absolute; top:1px; right:12px; font-size:12px; color:#000; font-weight:normal;}
/*#bleft .kcartoon h2 span a {color:#1D72F1;}*/
#bleft .kcartoon div.cartoonborder {width:683px; height:330px; border:#7E1281 solid 1px; *overflow-x:hidden;}
#bleft .kcartoon ul {width:700px; padding-left:12px; margin-top:10px;}
#bleft .kcartoon ul li {min-height:30px; -height:30px; padding-bottom:10px; float:left;}
#bleft .kcartoon ul li div.cartcont {width:130px; line-height:1.4; border:0; margin-right:5px; float:left;}
#bleft .kcartoon ul li img {width:110px; height:69px; padding:3px; border:#eee solid 1px;}
#bleft .kcartoon ul li span {color:#666;}

/*Right Side*/
#bright {width:255px; min-height:100px; -height:100px; float:right;}
#bright .others {width:255px; min-height:10px; -height:10px; margin-bottom:10px;}
#bright .others img {width:255px; height:40px;}

/* featured teacher */
#bright .netlesson {width:255px; height:196px; margin-bottom:10px;}
#bright .netlesson div {height:194px; border:#8FD8F8 solid 1px; overflow:hidden;
background:url("/images/good_dream_0.jpg") no-repeat; position:relative;}
#bright .netlesson p {margin-top:50px; padding-left:7px; line-height:2.0; color:#2455BC; font-size:13px;}
#bright .netlesson p a {font-size:13px;}

/* Site Notice */
#bright .sitenotice {width:253px; height:208px; margin-bottom:10px; overflow:hidden; 
border:#8ED9F8 solid 1px;}
/*background:url("/images/home_bull_bg.jpg") #8ED9F8 no-repeat;*/
#bright .sitenotice h2 {height:50px;}
#bright .sitenotice div {min-height:1px;}
/*#bright .sitenotice div p {margin:10px 0; padding:0 2px 0 20px; line-height:1.6; color:#2455BC;}*/
#bright .sitenotice div .updatenote {margin:0; padding:0;}
#bright .sitenotice div p a {font-weight:normal; color:blue;}
#bright .sitenotice div p a:hover {color:#ff7300;}

/* Lesson Solution */
#bright .totalsolution {width:253px; min-height:100px; -height:100px; margin-bottom:10px; *overflow-x:hidden;
background:url("/images/ten_teacher_bg.jpg") no-repeat; border:#7286B3 solid 1px;}
#bright .totalsolution h2 {height:30px; position:relative;}
#bright .totalsolution h2 span {position:absolute; top:6px; right:5px; font-size:12px; font-weight:normal; color:#333;}
#bright .totalsolution .tenteachers {height:271px; overflow:hidden;}
#bright .totalsolution .tenteachers p {margin:10px; margin-top:5px; line-height:1.7;}
#bright .totalsolution .tenteachers dl {width:270px; padding:5px 0 0 10px; min-height:1px; -float:left; line-height:1.2; text-align:center;}
#bright .totalsolution .tenteachers dt {width:53px; height:80px; margin-right:7px; margin-bottom:6px; float:left; overflow:hidden;}
#bright .totalsolution .tenteachers dt img {width:45px; height:60px; padding:2px 3px; border:#e5e5e5 solid 1px;}
#bright .totalsolution .tenteachers dt a {font-size:10px;}
#bright .totalsolution .tenteachers dd {width:100%; height:16px; line-height:16px; margin-top:5px; text-align:right; float:left; 
background:url("/images/list-3corner.gif") no-repeat 308px 5px; *background:url("/images/list-3corner.gif") no-repeat 308px 4px;}
#bright .totalsolution .tenteachers dd a {margin-right:26px; text-decoration:underline;}

/* Forum */
#bright .forums {width:255px; min-height:100px; -height:100px; margin-bottom:10px;}
#bright .forums h2 {height:30px; line-height:30px; padding-left:10px; color:#fff;
background:url("/images/menu_baner_4.gif") no-repeat;}
#bright .forums div {height:344px; padding:8px 0 0 10px; overflow:hidden; border:#7286B3 solid 1px;}
#bright .forums div dt {width:96%; height:21px; line-height:21px; white-space:nowrap; overflow:hidden; float:left;}
#bright .forums div dd {padding:8px 10px 0 0; text-align:right;}

/* About Us */
#bright .aboutus {width:255px; min-height:100px; -height:100px; margin-bottom:10px;}
#bright .aboutus h2 {height:30px; line-height:30px; padding-left:10px; color:#fff;
background:url("/images/menu_baner_4_2.gif") no-repeat;}
#bright .aboutus div {height:320px; line-height:1.6; color:#333; overflow:hidden;
padding:10px 4px 0 10px; border:#7286B3 solid 1px;}

/* Members */
#bright .members {width:255px; min-height:100px; -height:100px; margin-bottom:10px;}
#bright .members h2 {height:30px; line-height:30px; padding-left:10px; color:#fff;
background:url("/images/menu_baner_4_2.gif") no-repeat;}
#bright .members div {height:135px; line-height:1.6; padding:5px 0 0 10px; overflow:hidden;
border:#7286B3 solid 1px;}
#bright .members table {width:100%;}

/* Friend Links */
#friendlink {width:936px; min-height:10px; -height:10px; padding:5px 0 5px 12px;
margin-top:-10px; margin-bottom:0px; border:#8D9EC3 solid 1px; background-color:#f2f6fa; *overflow-x:hidden;}
#friendlink p {width:940px; line-height:1.8;}
#friendlink p strong {float:left;}
#friendlink p a {margin-right:11px; color:#333; float:left;}