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

/* 博客首页 */
/* 滚动图片 */
#topper {width:950px; min-height:100px; -height:100px; margin:12px auto -5px auto;}
#topper .scroll-photo {width:290px; height:220px; padding:5px; border:#D6E7F1 solid 1px; float:left;
background-color:#f2f6fa;}
#topper .scroll-photo p {width:290px; height:220px; overflow:hidden;}
#topper .scroll-photo p object {margin:-1px;}
#topper .scroll-photo p embed {margin:-1px;}
#topper .scroll-photo img {width:290px; height:220px;}

/* 美国教师博客排行 */
#topper h2 {height:25px; line-height:30px; padding-left:10px; color:#fff; position:relative;
background:url("/images/menu_baner_5_6.gif") no-repeat; border-bottom:#008894 solid 5px; overflow:hidden;}
#topper h2 span {position:absolute; top:0; right:12px; font-size:12px; color:#333; font-weight:normal;}
#topper .category-hot {width:924px; min-height:1px; padding:10px 12px; *overflow-x:hidden; border:#008894 solid 1px;}
#topper ul.teachers {width:950px; padding-left:9px;}
#topper ul.teachers li {width:102px; min-height:1px; line-height:1.4; overflow:hidden; margin-right:13px; float:left; border-bottom:0;}
#topper ul.teachers li p {min-height:1px; overflow:hidden;}
#topper ul.teachers li p img {width:78px; height:104px; padding:3px 9px; border:#eee solid 1px;}
#topper ul.teachers li p span {color:#666;}

#botter {width:950px; min-height:100px; -height:100px;}
#btleft {width:682px; min-height:100px; -height:100px; float:left;}

/* 最好博客 */
#btleft .category-hot {width:660px; height:210px; padding:5px 10px; overflow:hidden; margin-bottom:10px;
border:#D6E7F1 solid 1px; float:right; position:relative;}
#btleft .category-hot h2 img {height:30px;}
#btleft .category-hot ul {width:450px; height:210px; float:left;}
#btleft .category-hot ul li {height:22px; line-height:22px; padding-left:30px; 
overflow:hidden; white-space:nowrap; border-bottom:#ccc dashed 1px;}
#btleft .category-hot ul li.source-1 {background:url(../images/order-list-number.jpg) no-repeat left 4px;}
#btleft .category-hot ul li.source-2 {background:url(../images/order-list-number.jpg) no-repeat left -20px;}
#btleft .category-hot ul li.source-3 {background:url(../images/order-list-number.jpg) no-repeat left -44px;}
#btleft .category-hot ul li.source-4 {background:url(../images/order-list-number.jpg) no-repeat left -68px;}
#btleft .category-hot ul li.source-5 {background:url(../images/order-list-number.jpg) no-repeat left -92px;}
#btleft .category-hot ul li.source-6 {background:url(../images/order-list-number.jpg) no-repeat left -116px;}
#btleft .category-hot ul li.source-7 {background:url(../images/order-list-number.jpg) no-repeat left -140px;}
#btleft .category-hot ul li.source-8 {background:url(../images/order-list-number.jpg) no-repeat left -164px;}

#btleft .best_teacher {width:185px; height:210px; padding-left:15px; text-align:center; float:right; border-left:#ddd solid 1px;}
#btleft .best_teacher h3 {font-weight:bold; margin-bottom:5px; color:green;}
#btleft .best_teacher p {min-height:1px; margin-bottom:3px; overflow:hidden;}
#btleft .best_teacher p img {width:69px; height:92px; padding:3px 10px; border:#eee solid 1px;}
#btleft .best_teacher ol {margin-left:-8px; overflow-x:hidden;}
#btleft .best_teacher ol li {text-align:left; white-space:nowrap;}
#btleft .best_teacher .arth3 {text-align:left;}

#btright {width:255px; min-height:100px; -height:100px; float:right; *overflow-x:hidden;}
#btright h2.cornertitle {width:255px; height:30px; padding-left:12px; line-height:30px; 
background:url("/images/menu_baner_5.gif") no-repeat; color:green; font-size:13px;}
#btright .sort_show {width:229px; min-height:100px; -height:100px; padding:10px 12px; margin-bottom:10px;
border:#b2daf6 solid 1px; position:relative;}
#btright .sort_show h2 {margin-bottom:8px; color:green;}
#btright .sort_show ul li {height:24px; line-height:24px; padding-left:20px;
background:url(../images/list-3corner.gif) no-repeat 5px center;}

/* 老师博客 */
#topnavis {min-height:1px;}
#topnavis .tnavi {height:30px; padding-top:10px; background-color:#32b2b2;}
#topnavis .tnavi table {margin:0; padding:0; border-left:#32b2b2 solid 10px;}
#topnavis .tnavi table td {width:80px; height:30px; margin:0; padding-top:0; text-align:center;}
#topnavis .tnavi table td a {width:80px; height:30px; line-height:30px; display:block; font-size:13px; font-weight:bold; color:#fff;}
#topnavis .tnavi table td.navied a {background:url("/images/teacher_navi_bg.gif") no-repeat; color:#333;}
#topnavis .tnavi table td.navied_1 a {background:url("/images/teacher_navi_bg_1.gif") no-repeat; color:#333;}
#topnavis .headtitle {height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#894694;}

#bleft {width:215px; min-height:1px; float:left;}
#bleft h2.cornertitle {width:215px; height:30px; padding-left:12px; line-height:30px; 
background:url("/images/menu_baner_5_0.gif") no-repeat; color:#fff; font-size:13px;}
#bleft .categorys {width:189px; min-height:1px; margin-bottom:10px; padding:10px 12px; 
border:#7D970F solid 1px; border-top:0;}
#bleft .categorys h2 {margin-bottom:8px; color:green;}
#bleft .categorys ol li {margin-left:25px; margin-bottom:5px; text-indent:0px; line-height:1.5;}
#bleft .categorys p {color:#666; line-height:1.6;}
#bleft .categorys ul li {height:24px; line-height:24px; padding-left:20px;
background:url(../images/list-3corner.gif) no-repeat 5px center;}
#bleft .categorys dl dt {min-height:24px; -height:24px; line-height:1.8;}
#bleft .categorys dl dt strong {color:#24618e;}

#bleft .categorys .teacher_info {width:189px; min-height:10px; -height:10px; color:#333; padding-bottom:10px; float:left;}
#bleft .categorys .teacher_info img {width:80px; margin-right:10px; padding:3px; float:left; 
border:#eee solid 1px;}
#bleft .categorys .teacher_app {text-align:center;}

#bright {width:720px; min-height:300px; -height:300px; float:right;}
#bright h1.roomtitle {height:30px; padding-top:5px; font-size:16px; color:green;}
#bright h3.subtitle {font-size:12px; font-weight:bold; margin:-5px 0 10px 0;}
#bright .show-categorys {width:720px; min-height:1px; position:relative; *overflow-x:hidden;}
#bright .show-categorys .allshows {min-height:1px; margin-bottom:10px; 
border:#bee8e8 solid 1px; position:relative; *overflow-x:hidden;}
#bright .show-categorys h2 {height:28px; line-height:28px; padding-left:10px; font-size:14px; font-weight:normal; overflow:hidden; color:#fff;
background:url("/images/menu_baner_5_6.gif") no-repeat; position:relative;}
#bright .show-categorys h2.longtitle {background:url("/images/menu_baner_5_8.gif") no-repeat;}
#bright .show-categorys h2 span {font-weight:normal; position:absolute; top:0; right:0; color:#000;}
#bright .show-categorys p.intro {margin:10px 12px 12px 12px; line-height:1.6;}
#bright .show-categorys p.intro a {font-size:13px;}
#bright .show-categorys p.notice {width:694px; padding:12px; line-height:1.6; float:left;}

#bright .show-categorys .tleft {width:720px; min-height:1px; float:left;}
#bright .show-categorys .tleft .allshows {min-height:200px; -height:200px; border:#bee8e8 solid 1px;}
#bright .show-categorys fieldset {width:95%; margin-top:15px; display:block; line-height:1.6; -moz-border-radius:5px; *overflow-x:hidden;}
#bright .show-categorys fieldset p {padding:10px;}



#bright .show-categorys .skypeicon {width:110%; min-height:1px; padding-bottom:10px; float:left;}
#bright .show-categorys .skypeicon li {width:220px; min-height:1px; line-height:1.4; margin:0 10px; float:left; text-align:center;}
#bright .show-categorys .skypeicon a {font-size:14px;}
#bright .show-categorys .skypeicon img {height:45px; border:0; margin:10px 0 6px 0;}

#bright .hot_article {line-height:1.6; margin:10px;}
#bright .hot_article h3 a {font-size:14px; color:#0066CC; font-weight:bold;}
#bright .hot_article li {padding-bottom:10px;}
#bright .hot_albums {width:100%; min-height:1px; margin-top:10px; -float:left;}
#bright .hot_albums li {width:680px; margin-bottom:10px; padding-left:14px; overflow-x:hidden;}/*border:red solid 1px;*/
#bright .hot_albums li p {width:120px; line-height:1.5; margin-right:15px; float:left;}
#bright .hot_albums li img {width:100px; padding:5px; margin-bottom:2px; border:#eee solid 1px;}
#bright .show_article {line-height:1.8; margin:10px;}
#bright .show_article h1 {text-align:center; font-size:16px;}
#bright .show_article p.art_date {height:30px; line-height:30px; text-align:center; border-bottom:#ccc dashed 1px;}
#bright .show_article div.art_content {font-size:14px; padding-top:10px;}
#bright .show_article div.art_content p {padding:10px 0;}
#bright .show_article div.art_content ul li {list-style-type:disc; margin-left:25px;}
#bright table.lessonlist {width:720px; border:#7D970F solid 1px;}
#bright table.lessonlist th {height:28px; padding-left:5px; background-color:#7D970F; font-weight:normal; color:#fff;}
#bright table.lessonlist td {padding:5px 0; padding-left:5px; border-top:#eee solid 1px;}
#bright table.formlist {width:692px; margin:12px;}
#bright table.formlist caption {text-align:left; padding-bottom:5px; -moz-margin:15px 0 -15px 0;}
#bright table.formlist th {width:120px; height:30px; color:#333; text-align:left;}
#bright table.formlist th span {color:red;}
#bright table.formlist td {color:#666;}
#bright table.formlist td input {width:200px; height:17px; margin:0; padding:0; padding-top:2px; border:#ccc solid 1px;}
#bright table.formlist td input.submitbtn  {width:90px; height:28px; margin-top:10px; padding:0; border:0; padding-bottom:2px; *padding:2px 0 0 0; font-size:12px;
background:url("/images/kaibell_button_bg.jpg") no-repeat; cursor:pointer; font-weight:bold; color:#5677c0;}

#bright table.contlist {width:97%; margin:10px auto; border:#eee solid 1px;}
#bright table.contlist th {width:80px; color:#666; padding:6px 10px; border-bottom:#eee solid 1px;}
#bright table.contlist td {padding:6px 10px; line-height:1.6; border-bottom:#eee solid 1px;}

#bright #loading {color: red;}
#bright table.feedback {width:100%; color:#666;}
#bright table.feedback .inp_border {padding:2px 8px; border:#ccc solid 1px; overflow:hidden;}
#bright table.feedback .area_border {height:80px; padding:2px 8px; border:#ccc solid 1px; overflow:hidden;}
#bright table.feedback .area_border textarea {height:80px;}
#bright table.feedback .fri_button {padding-top:10px;}
#bright table.feedback .fri_button input {width:90px; height:28px; padding:0; padding-bottom:2px; *padding:2px 0 0 0; font-size:12px; font-weight:bold; color:#5677c0;
background:url("/images/kaibell_button_bg.jpg") #b5dcf7 no-repeat; cursor:pointer;}

/* datums css */
#bright .datumlist {margin:10px 20px 0 20px; padding-bottom:10px;}
#bright .datumlist p {margin-bottom:10px; padding:10px; line-height:1.7; 
border:#ccc dotted 1px; background-color:#F2F9FD;}
#bright .datumlist strong {color:#333;}
#bright .datumlist table {width:100%; height:28px; margin-bottom:15px;}
#bright .datumlist table td {width:120px; border-bottom:#BEE8E8 solid 1px; text-align:center; font-size:13px; font-weight:bold;
background:url("/images/lesson_navi_bg.gif") no-repeat;}
#bright .datumlist table td a {font-size:13px;}
#bright .datumlist table td.tabbed {border-bottom:0;
background:url("/images/lesson_navied_bg.gif") no-repeat;}
#bright .datumlist table th {font-size:0; border-bottom:#BEE8E8 solid 1px;}

/* 评论内容 */
#comments {width:694px; min-height:80px; -height:80px; margin-bottom:10px; padding:10px 12px; 
border:#D6E7F1 solid 1px; position:relative;}
#comments h2 {margin-bottom:6px; color:green;}
#comments h2 span {position:absolute; top:8px; right:12px; font-weight:normal;}
#comments p {line-height:1.8; padding:6px 10px; border-bottom:#ccc dashed 1px;}
#comments p em {color:#666; font-size:10px;}
#comments p span {color:#333;}

/* 评论分页样式 */
#comments .pager {width:694px; height:30px; line-height:30px; text-align:right;}
#comments .pager span a {margin:0 3px; text-decoration:underline;}
#comments .pager span a:hover {text-decoration:none;}
#comments .pager span.paged a {color:#000; text-decoration:none;}
#comments .pagerbot {border-bottom:#ccc dashed 1px;}

/* 我也要评论的表单 */
#bright .commentform {width:694px; min-height:100px; -height:100px; margin-bottom:10px; padding:10px 12px; 
border:#D6E7F1 solid 1px;}
#bright .commentform h2 {margin-bottom:6px; color:green;}
#bright .commentform table {color:#666;}
#bright .commentform table .login-tr td {width:670px; height:20px;}
#bright .commentform table .login-tr td input {width:80px; height:18px; margin-right:10px; border:#ccc solid 1px;}
#bright .commentform table .form-tr td {height:80px; border:#ccc solid 1px; overflow:hidden;}
#bright .commentform table .form-tr td textarea {width:670px; height:80px; margin:0; float:right;}
#bright .commentform table .button-tr td {height:28px;}
#bright .commentform table .button-tr td input {width:90px; height:28px; padding:0; padding-bottom:2px; *padding:2px 0 0 0; font-size:12px; font-weight:bold; color:#5677c0;
background:url("/images/kaibell_button_bg.jpg") #b5dcf7 no-repeat; cursor:pointer; float:right;}
#bright .commentform table .button-tr td p {float:left; padding-top:5px;}

/* 设置分页 Css */
#pager {width:694px; margin-left:12px; -margin-left:6px; padding-bottom:10px; padding-top:10px; border-top:#ccc solid 1px; float:left;}
#pager li {margin-right:5px; float:left; border:#63a1ca solid 1px;}
#pager li.point {border:0;}
#pager li a {color:#000; font-size:11px; text-decoration:none; display:block; padding:2px 6px;}
#pager li a:hover {color:#fff; background-color:#63a1ca; font-size:11px; text-decoration:none; display:block;}
#pager li.paged a {color:#fff; background-color:#63a1ca;}