@import url(_common.css);
@import url(_school.css);
@import url(grid.css);


* {margin:0;padding:0;}
body {background:#fff url(../images/bg_all.jpg) repeat-x center top;/*#e3e3dd*/color:#000;font:12px tahoma;border:0;cursor:default;}

#body_yuan {background: #fff url(../images/bg_all1.jpg) repeat-x center top;/*#e3e3dd*/color:#000;font:12px tahoma;border:0;cursor:default;}

/*---- Header -----*/

#header {width:100%;height:107px;background:url(../images/logo_home.gif) no-repeat 20px 85%;margin-bottom:15px;}

#header_home {background:url(../images/indextop.jpg) no-repeat;width:960px;height:120px;}

#header_wrap {float:left;width:100%;}

#logo {float:left;padding:22px 0 0;margin-left:-100%;margin-top:10px;}
#logo a {display:block;width:193px;height:73px;}

#headernav {padding:5px 0 0;}

#welcome {margin:0 0 0 7px;}

#slogan {position:absolute;margin:19px 0 0 5px;#margin:17px 0 0 5px;_margin:17px 0 0 5px;}

/*----- Top:Login,Message,Help... -----*/

#toplogin {vertical-align:top;}
#toplogin li {float:left;display:inline;}
#toplogin a,#toplogin .msgpoper {font-weight:bold;}
#toplogin #newmsgs {color:#f60;padding-left:22px;background:url(../images/icon_newmsgs.gif) no-repeat;}
#toplogin #newmsgs_list a, #toplogin #nonewmsgs_list a {font-weight:normal;}
#toplogin #newmsgs_list a {color:#f40;}
#toplogin .msgpoper {padding-bottom:7px;cursor:pointer;}
#toplogin .msgpop {position:absolute;margin:17px 0 0;z-index:5;display:none;padding:5px;border:1px solid #ccc;background-color:#fff;}
#toplogin .msgpop a {display:block;}
#toplogin .msgpop li {width:100px;padding:0 5px 0 3px;line-height:18px;clear:both;cursor:default;}


/*----- Top:Nav -----*/
#topnav {display:inline;/* ie6 double margin-left bug fix if "float:left" */height:28px;margin-top:35px;margin-left:250px;}
#topnav li {float:left;margin-right:15px;}
#topnav a {display:block;width:69px;height:28px;}
.bell {background:url(../images/icon_bell.gif) no-repeat 0 3px;margin-left:-24px;width:69px;height:28px;}

#topnav_01 a,#topnav_02 a,#topnav_03 a,#topnav_04 a,
#topnav_01 a:hover,#topnav_02 a:hover,#topnav_03 a:hover,#topnav_04 a:hover{background:url(../images/topnav.gif) no-repeat;}
#topnav_01 a {background-position:0 0;}
#topnav_01 a:hover {background-position:-70px 0;}
#topnav_02 a {background-position:-140px 0;}
#topnav_02 a:hover {background-position:-210px 0;}
#topnav_03 a {background-position:-280px 0;}
#topnav_03 a:hover {background-position:-350px 0;}
#topnav_04 a {background-position:-420px 0;}
#topnav_04 a:hover {background-position:-490px 0;}

#topnav_index {display:inline;/* ie6 double margin-left bug fix if "float:left" */height:28px;margin-top:50px;}
#topnav_index li {float:left;margin-left:15px;}
#topnav_index a {display:block;width:69px;height:28px;}

#topnav_01_index a,#topnav_02_index a,#topnav_03_index a,#topnav_04_index a,
#topnav_01_index a:hover,#topnav_02_index a:hover,#topnav_03_index a:hover,#topnav_04_index a:hover{background:url(../images/topnav_index.gif) no-repeat;}
#topnav_01_index a {background-position:0 0;}
#topnav_01_index a:hover {background-position:-70px 0;}
#topnav_02_index a {background-position:-140px 0;}
#topnav_02_index a:hover {background-position:-210px 0;}
#topnav_03_index a {background-position:-280px 0;}
#topnav_03_index a:hover {background-position:-350px 0;}
#topnav_04_index a {background-position:-420px 0;}
#topnav_04_index a:hover {background-position:-490px 0;}


#homesearch {margin-top:50px;}

#catenav {background:url(../images/cate_bg.gif) no-repeat;width:100%;height:40px;margin-bottom:10px;overflow:hidden;}
#catenav ul {margin-left:14px;}
#catenav li {float:left;width:43px;margin:0 6px 0 2px;}
#catenav a {display:block;height:26px;padding:14px 0 0;}

#catenav01,#catenav02,#catenav03,#catenav04,#catenav05,#catenav06,#catenav07,#catenav08,#catenav09,#catenav10,#catenav11,#catenav12,#catenav13,#catenav14,#catenav14,#catenav15,#catenav16,#catenav17,#catenav18,#catenav19,#catenav20 {background:url(../images/cate_nav.gif) no-repeat;}

#catenav01 a:hover,#catenav02 a:hover,#catenav03 a:hover,#catenav04 a:hover,#catenav05 a:hover,#catenav06 a:hover,#catenav07 a:hover,#catenav08 a:hover,#catenav09 a:hover,#catenav10 a:hover,#catenav11 a:hover,#catenav12 a:hover,#catenav13 a:hover,#catenav14 a:hover,#catenav14 a:hover,#catenav15 a:hover,#catenav16 a:hover,#catenav17 a:hover,#catenav18 a:hover,#catenav19 a:hover,#catenav20 a:hover{background:url(../images/cate_nav.gif) no-repeat;}


#catenav01 {background-position:0 0;}
#catenav01 a:hover {background-position:-43px 0;}
#catenav02 {background-position:-86px 0;padding-right:15px;}
#catenav02 a:hover {width:43px;background-position:-143px 0;padding-right:5px;}
#catenav03 {background-position:-199px 0;}
#catenav03 a:hover {background-position:-242px 0;}
#catenav04 {background-position:-285px 0;}
#catenav04 a:hover {background-position:-328px 0;}
#catenav05 {background-position:-371px 0;}
#catenav05 a:hover {background-position:-414px 0;}
#catenav06 {background-position:-457px 0;}
#catenav06 a:hover {background-position:-500px 0;}
#catenav07 {background-position:-543px 0;}
#catenav07 a:hover {background-position:-587px 0;}
#catenav08 {background-position:-630px 0;}
#catenav08 a:hover {background-position:-672px 0;}
#catenav09 {background-position:-714px 0;}
#catenav09 a:hover {background-position:-756px 0;}
#catenav10 {background-position: -798px 0;}
#catenav10 a:hover {background-position:-840px 0;}
#catenav11 {background-position:-882px 0;}
#catenav11 a:hover {background-position:-926px 0;}
#catenav12 {background-position:-970px 0;}
#catenav12 a:hover {background-position:-1013px 0;}
#catenav13 {background-position:-1056px 0;}
#catenav13 a:hover {background-position:-1099px 0;}
#catenav14 {background-position:-1142px 0;}
#catenav14 a:hover {background-position:-1186px 0;}
#catenav15 {background-position:-1230px 0;}
#catenav15 a:hover {background-position:-1274px 0;}
#catenav16 {background-position:-1318px 0;}
#catenav16 a:hover {background-position:-1361px 0;}
#catenav17 {background-position:-1404px 0;}
#catenav17 a:hover {background-position:-1446px 0;}
#catenav18 {background-position:-1488px 0;}
#catenav18 a:hover {background-position:-1532px 0;}
#catenav19 {background-position:-1576px 0;}
#catenav19 a:hover {background-position:-1619px 0;}
#catenav20 {background-position:-1662px 0;}
#catenav20 a:hover {background-position:-1706px 0;}


/*----- Top:Category -----*/

#topcate {margin:27px 0 0;width:290px;#width:330px;_width:330px;background:#f3f3f3;}
#topcate ul {font:12px tahoma;display:block;text-decoration:none;height:21px;padding:9px 5px 0 8px;#padding:10px 1px 0 9px;_padding:9px 1px 0 9px;}
#topcate li {float:left;display:inline;}


/*----- User:Teacher & Student ID Switch -----*/
#user2d {margin-bottom:15px;}
#user2d ul {padding:0 0 27px;border-bottom:1px solid #aaa;}
#user2d li {float:left;margin:0 6px 0 0;background:url(../images/master.gif) no-repeat -132px -220px;}
#user2d li.act {background:url(../images/master.gif) no-repeat 0 -220px;}
#user2d li a {display:block;width:130px;height:22px;#height:20px;_height:22px;color:#fff;text-align:center;padding-top:6px;#padding-top:8px;_padding-top:6px;font-weight:bold;}
#user2d li a:hover {color:#fff;text-decoration:none;background:url(../images/master.gif) no-repeat -264px -220px;}
#user2d li.act a:hover {color:#fff;text-decoration:none;background:url(../images/master.gif) no-repeat 0 -220px;}


dd.rcmd_name {text-align:center;font:bold 12px "";margin:5px 0;}
dd.rcmd_level {text-align:center;margin:5px 0 0;}
dd.rcmd_level span {font-size:11px;}
dd.rcmd_info {text-align:center;line-height:18px;margin:3px 0 0;}
dd.rcmd_bs {text-align:center;margin:5px 5px 5px 12px;}

#star_teacher dl dt dd{margin:0 20px;}

.hidediv {display:none;}

#side_search {margin-bottom:0;}
#side_search ul li {float:left;margin-right:4px;}

.searchbox {background:url(../images/bg_search.gif) no-repeat;border:1px solid #c7c7c7;width:200px;height:21px;margin-bottom:15px;}
.searchbox:hover {border:1px solid #ffb1a6;}
#side_search .input_search {border:0;margin:3px 3px 3px 22px;height:14px;width:170px;font:12px Tahoma;}

#top_butt {float:right;}

#signin_popup {position:absolute;z-index:1000;width:251px;height:110px;top:37px;margin-left:-165px !important;*margin-left:-300px !important;background:url(../images/top_signin_pop_demo.png) no-repeat;display:none;}

#hot_tag {margin:65px 0 15px 13px;height:20px;}
#hot_tag ul {padding:0;}
#hot_tag ul li {float:left;margin:5px 7px 0 5px;}
#hot_tag ul li a {color:#333;}
#hot_tag ul li a.hot {color:#f40;}


/*----- Editor's Choice:Lesson -----*/

.ec_lesson {}
.ec_lesson ul {padding:10px 10px 5px;border-bottom:1px solid #ddd;}
.ec_lesson li {line-height:18px;}
.ec_lesson li.pic {margin-right:8px;}
.ec_lesson .desc {padding-left:55px;}
.ec_lesson .title {margin-bottom:5px; overflow:hidden; white-space:nowrap;}
.ec_lesson .title a {font-weight:bold;font-size:14px;}


.side-wrap {width:100%;margin:0 0 12px;}
.side-wrap ul {}

a.btn-kg {display:block;width:145px;height:43px;background:url(../images/kg_bs.gif) no-repeat 0 0;}
a.btn-bs {display:block;width:145px;height:43px;background:url(../images/kg_bs.gif) no-repeat -145px 0;}


/*----- BS Ing -----*/

#bsing {
border:1px solid #ddd;
margin-top:5px;
/* for scroll */
overflow:hidden;
height:318px;
#height:338px;
_height:358px;
}

#bsing .content {height:500px;/* = 10 x 50px */}
#bsing ul {padding:10px 0 8px 12px;clear:left; height:52px}
#bsing li.ago {color:#999;}
#bsing a {color:#333;text-decoration:underline;}
#bsing a:hover {background-color:#f40;color:#fff;text-decoration:none;}
#bsing .evenitem {background-color:#f3f3f3;}

/*----- New Class -----*/

#newclass ul {padding:10px 0 0 12px;}
#newclass li {line-height:18px;}
#newclass li.pic {margin-right:8px;}


/*----- Top School -----*/

#tophall ul {padding:8px 0 0 12px;}
#tophall li {padding-top:2px;}
#tophall .no {width:17px;height:15px;margin-right:8px;text-align:center;background:url(../images/bg_topitem.png) no-repeat left -17px;float:left;font:bold 11px arial;}
#tophall li.top {background:url(../images/bg_topitem.png) no-repeat;color:#fff;font:bold 12px arial black;padding:0 0 2px;}

/*----- Hot Lesson -----*/
#hot_lesson ul {padding:12px 0 0 12px;}
#hot_lesson li {line-height:18px;}
#hot_lesson li.pic {margin-right:8px;}


/*----- Hot Work -----*/
#hot_work ul {padding:12px 0 0 12px;}
#hot_work li {line-height:18px;}
#hot_work li.pic {margin-right:8px;}

/*----- Hot Event -----*/

#hot_event ul{padding:12px 0 5px 12px;border-bottom:1px solid #eee;}
#hot_event li{line-height:19px;}
#hot_event a.itemtitle {background:url(../images/icon_sp_o.gif) no-repeat;padding-left:15px;}
#hot_event .time {color:#999;font:bold 11px "";}
#hot_event .stat {color:#aaa;font-size:12px;}



.spline {clear:both;border-top:1px solid #e6e6e6;height:1px;margin:3px 0;font-size:0;line-height:0;}
.spline2 {clear:both;border-width:0 !important;height:8px;background:#f3f3f3;margin:10px 0;}
.spline-pure {clear:both;border-top:1px solid #e6e6e6;height:1px;font-size:0;line-height:0;}
.spline-pure-red {clear:both;border-top:1px solid #f40;height:1px;font-size:0;line-height:0;}


.margintb20 {margin:20px 0;}

.pr10 {padding-right:10px;}
.mr10 {margin-right:10px;}
.mt10 {margin-top:10px;}

.spbrick5 {height:5px;width:100%;}
.spbrick10 {height:10px;width:100%;}
.spbrick15 {height:15px;width:100%;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{position:absolute;top:0;border:1px solid #BBB;/*THEME CHANGE HERE*/border-top-width:0;font:normal 12px tahoma;line-height:20px;z-index:100;background-color:white;width:200px;visibility:hidden;padding:8px;margin:0;}
.dropmenudiv a{display:block;text-indent:5px;}
.dropmenudiv a:hover{text-decoration:none;}


/*---------- footer ----------*/
#footer {border-top:1px solid #eee;text-align:center;margin-top:8px;line-height:20px;}
#footer li {display:inline;margin:0 3px;}
#footer ul {margin:20px 0 0}
#copyright {margin:10px 0 30px;color:#aaa;}
.friendLinks_div{border-bottom:1px solid #eee; padding:2px 0;}
.friendLinks_div div{background:#f8f8f8; padding:0 2px}
#friendLinks{ text-align:left; margin-left:80px}
#friendLinks a{ margin:0 18px; color:#aaa}
/*---------- end:footer ----------*/

/*----- School Banner ----- */
#hallbrand {width:100%;height:90px;text-align:center;background:#f6f6f6;margin:12px 0 15px;}
.halltitle {padding:14px 0 5px;font:bold 28px "Microsoft JhengHei","Microsoft YaHei","楷体_GB2312";}
.halldesc {font:normal 12px tahoma;}
.halldesc2 {padding:4px 8px 5px;background-color:#f40;color:#fff;
/*
margin:0 auto;
width:200px;/* must be defined in IE :( */

/*
height:16px;
FILTER:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
*/
}


.schedule {margin:1px 0 0;}
.schedule table {border:1px;width:100%;border-right:1px solid #dedede;}
.schedule table td {text-align:center;height:22px;border-left:1px solid #dedede;}
.schedule table td.nolb {border-left:1px solid #fff;}
.weekday {background-color:#f3f3f3;}
.weekdate {background-color:#dedede;font-size:11px;}
.weektoday {text-align:center;font:bold 11px "";}
.weekdate_today {background-color:#8100cc;color:#fff;font-weight:bold;}

.w15 {width:16%;_width:15%;}
.w14 {width:14%;}


.lessonshort table {border:1px;width:100%;background-color:#dedede;}
.lessonshort table td {text-align:center;height:22px;background-color:#fff;}
.lessonshort .bg_m {background:url(../images/bg_schedule_m.gif);}
.lessonshort .bg_a {background:url(../images/bg_schedule_a.gif);}
.lessonshort .bg_e {background:url(../images/bg_schedule_e.gif);}

.desc_mae {margin-top:2px;width:128px;height:13px;background:url(../images/master.gif) no-repeat 0 -303px;}

#lessonlist {padding:6px 10px;border:1px solid #ddd;border-top:0 solid #ddd;}
#lessonlist ul {padding-top:2px;padding-bottom:2px;}
#lessonlist ul li.lesson_title {}
#lessonlist ul li.lesson_time {padding-left:5px;font:bold 10px "";}

.passed {color:#aaa;}

.t30 {background:url(../images/icon_30m.gif) no-repeat 1px 1px;}
.t60 {background:url(../images/icon_60m.gif) no-repeat 1px 1px;}
.t90 {background:url(../images/icon_90m.gif) no-repeat 1px 1px;}
.t120 {background:url(../images/icon_120m.gif) no-repeat 1px 1px;}
.t30_passed {background:url(../images/icon_30m_g.gif) no-repeat 1px 1px;}
.t60_passed {background:url(../images/icon_60m_g.gif) no-repeat 1px 1px;}
.t90_passed {background:url(../images/icon_90m_g.gif) no-repeat 1px 1px;}
.t120_passed {background:url(../images/icon_120m_g.gif) no-repeat 1px 1px;}

#lessonnext {padding:0 10px;}
#lessonnext .lesson_timeleft {margin-bottom:8px;}
#lessonnext .start  {font-weight:bold;}
#lessonnext .lesson_title {padding-left:20px;}
#lessonnext .lesson_title a {text-decoration:underline;}
#lessonnext .lesson_title a:hover {color:#000;text-decoration:none;}
#lessonnext .lesson_start {margin:12px 0 2px;}

#title_mystudent {background:url(../images/title_mystudent.jpg) no-repeat;width:100%;height:33px;}

#mystudent {margin-top:5px;width:100%;}
#mystudentlist {padding:5px;}
#mystudentlist ul {float:left;width:71px;margin:0 2px 2px 0;height:80px;}
#mystudentlist ul li {text-align:center;}
#mystudentlist ul li.rcmd_name {line-height:17px;}
.student_title {color:#ff7800;}


#title_mylesson {margin-top:5px;background:url(../images/title_mylesson.jpg) no-repeat;width:100%;height:33px;}

#mylesson {margin-top:5px;width:100%;}
#mylessonlist ul {margin:10px 5px 6px;}
#mylessonlist ul li{float:left;}
#mylessonlist ul li.itempic {margin:0 10px 0 0;}
#mylessonlist ul li.iteminfo {line-height:20px;}
#mylessonlist ul li a.itemtitle {font:bold 14px "";}
#mylessonlist ul li.iteminfo a.itemteacher{color:#999;}
#mylessonlist ul li.iteminfo a.itemteacher:hover{background-color:#ff6000;color:#fff;text-decoration:none;}
#mylessonlist .itemding {float:right;}
#mylessonlist .itemdesc {clear:both;padding-left:90px;width:80%;margin:0 0 6px;line-height:18px;}

#title_myqa {margin-top:5px;background:url(../images/title_myqa.jpg) no-repeat;width:100%;height:33px;}
#myqa {margin-top:5px;width:100%;}
#myqalist ul {margin:10px 5px 6px;}
#myqalist ul li{margin-bottom:5px;}
#myqalist ul li.itemq {font-weight:bold;height:24px;padding-left:40px;padding-top:3px;margin-bottom:1px;background:url(../images/icon_qa_q.gif) no-repeat;}
#myqalist ul li.itemq a {font-weight:normal;color:#999;}
#myqalist ul li.itema {padding-left:40px;background:url(../images/icon_qa_a.gif) no-repeat;padding-bottom:6px;line-height:18px;}

#myhomework {padding:0 0;margin:15px 0 0;width:100%;}
#myhomework #myhomework_title{background:url(../images/title_myhomework.jpg) no-repeat;height:33px;}
#myhomework ul {margin:10px;}
#myhomework ul li{margin-bottom:4px;}
#myhomework ul li.itemtime{font-size:11px;color:#999;}
#myhomework ul li.itemtitle{font-weight:bold;}
#myhomework ul li.itemtip a{color:#ff6000;text-decoration:underline;}
#myhomework ul li.itemtip a:hover{text-decoration:none;}

#myevent {padding:0 0;margin:15px 0 0;width:100%;}
#myevent #myevent_title{background:url(../images/title_myevent.jpg) no-repeat;height:33px;}
#myevent ul {margin:10px 10px 0;}
#myevent ul li{margin-bottom:4px;}
#myevent ul li.itemtime{background:url(../images/icon_time.gif) no-repeat;padding-left:20px;height:21px;color:#008aff;padding-top:2px;font-size:11px;}
#myevent ul li.itemtitle{font-weight:bold;}
#myevent ul.eventlog li {margin-bottom:6px;}
#myevent ul li.itemtip {line-height:24px;}
#myevent ul li.itemtip a{color:#ff6000;text-decoration:underline;}
#myevent ul li.itemtip a:hover{text-decoration:none;}
#myevent ul li.itempeople a {color:#ff6000;text-decoration:underline;}
#myevent ul li.itemepic {padding-left:20px;margin-bottom:12px;}
#myevent ul li.itemepost {padding-left:20px;margin-bottom:12px;}
#myevent ul li.itemepost a {text-decoration:underline;}

.eventpic {float:left;margin-right:7px;}

.sideblock {border:1px solid #ccc;margin-top:8px;}

#halllog {padding:5px 10px;margin:0;width:243px;border:1px solid #ccc;}
#halllog ul {padding:5px 0;clear:both;}
#halllog ul li {}
#halllog .logtime {color:#999;margin-bottom:5px;font-size:11px;}
#halllog  ul li.ing_pst,#halllog  ul li.ing_st,#halllog  ul li.ing_b,#halllog  ul li.ing_pte {margin-right:7px;float:left;}
#halllog  ul li.ing_te {margin-right:2px;float:left;}
#halllog  ul li.ing_ws {float:left;margin-right:0;}
#halllog ul li.ing_t {color:#999;clear:both;}
#halllog ul a:hover {background-color:#ff6000;color:#fff;text-decoration:none;}

.page_ {margin:10px 5px 10px 0;font-size:11px;}
.page_ li {float:left;margin:0 0 0 5px;}
.page_ li a {display:block;border:1px solid #e9e9e9; float:left;height:17px;text-align:center;padding:3px 8px 0;}
.page_ li a:hover {background-color:#f40;color:#fff;text-decoration:none;}
.page_ li.current {display:block;border:1px solid #f40;height:17px;text-align:center;padding:3px 8px 0;background-color:#f40;color:#fff;font-weight:bold;}

#my72rennav {width:170px;margin-right:13px;}

#imstudent_title {background:url(../images/title_imstudent.jpg) no-repeat;width:100%;height:33px;}
#imteacher_title {background:url(../images/title_imteacher.jpg) no-repeat;width:100%;height:33px;}
#settings_title {background:url(../images/title_settings.jpg) no-repeat;width:100%;height:33px;}
#services_title {background:url(../images/title_services.jpg) no-repeat;width:100%;height:33px;}

.my72ren_nav ul {padding:2px;background-color:#fff;margin-top:5px;}
.my72ren_nav ul li {border-bottom:1px solid #eee;}
.my72ren_nav ul li a{padding:7px;display:block;}
.my72ren_nav ul li a:hover{color:#fff;text-decoration:none;font-weight:bold;background:#ff3c00 url(../images/icon_arrow_cate_openb.gif) no-repeat 6px 6px;padding-left:25px;}
.my72ren_nav ul li a.my72ren_nav_s:hover{color:#fff;text-decoration:none;font-weight:bold;background:#85b700 url(../images/icon_arrow_cate_openb.gif) no-repeat 6px 6px;padding-left:25px;}
.my72ren_nav ul li a.my72ren_nav_t:hover{background-color:#8622bbcolor:#fff;text-decoration:none;font-weight:bold;background:#8622bb url(../images/icon_arrow_cate_openb.gif) no-repeat 6px 6px;padding-left:25px;}

#my72renmain {width:550px;float:left;margin-right:13px;}
#my72rensch {width:204px;}
#my72reninfo {margin-bottom:10px;}
#my72reninfo .headinfo_title {font-size:14px;}
#my72reninfo a {text-decoration:underline;}
#my72renhead {float:left;margin-right:10px;}

#title_asstudent {background:url(../images/title_asstudent.jpg) no-repeat;width:100%;height:33px;}
#title_asstudent .title_link {display:inline;/* ie6 double margin-left bug fix if "float:left" */margin:12px 10px 5px 0;float:right;}
#title_asstudent .title_link a {color:#32ab45;}
#title_asstudent .title_link a:hover {text-decoration:none;}

#asstudent_log {padding:20px 10px 10px;}
#asstudent_log a {color:#ff6000;}
#asstudent_log ul li {margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px;}
#asstudent_log ul li div {padding:8px 5px 0 20px;}

#title_asteacher {background:url(../images/title_asteacher.jpg) no-repeat;width:100%;height:33px;}
#title_asteacher .title_link {display:inline;/* ie6 double margin-left bug fix if "float:left" */margin:12px 10px 5px 0;float:right;}
#title_asteacher .title_link a {color:#8622bb;}
#title_asteacher .title_link a:hover {text-decoration:none;}

#asteacher_log {padding:20px 10px 10px;}
#asteacher_log a {color:#ff6000;}
#asteacher_log ul li {margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px;}
#asteacher_log ul li div {padding:8px 5px 0 20px;}#asstudent_log  ul li.logtime {color:#999;font:bold 11px "";text-align:right;border-bottom:1px solid #fff;margin-bottom:5px;}
#asteacher_log  ul li.logtime {color:#999;font:bold 11px "";text-align:right;border-bottom:1px solid #fff;margin-bottom:5px;}

#cr1 {float:left;}
#cr2 {float:left;}
#cr3 {float:left;}

#cr_intro {margin-bottom:12px;}
#cr_title {background:url(../images/icon_cr_subject.gif) no-repeat left top;padding-left:22px;height:22px;font-weight:bold;}
#cr_teacher {background:url(../images/icon_cr_teacher.gif) no-repeat;padding-left:22px;height:22px;}
#cr_time{background:url(../images/icon_cr_time.gif) no-repeat;padding-left:22px;height:22px;font-size:11px;}
#cr_teacher a {text-decoration:underline;}
#cr_classlog {width:468px;margin-right:15px;border:1px solid #ccc;height:400px;}

#classlog ul {padding:10px;}
#classlog ul li {margin-bottom:6px;}
#classlog .logteacher {font-weight:bold;float:left;margin-right:2px;}
#classlog .loglesson {float:left;width:400px;padding-left:40px;background:url(../images/icon_cr_loglesson.gif) no-repeat;}
#classlog .logquestion {border-top:1px solid #ddd;padding:6px 0 3px;float:left;width:390px;padding-left:40px;background:url(../images/icon_cr_logquestion.gif) no-repeat 0 3px;color:#66c;}
#classlog .logquestion div {margin-bottom:5px;}
#classlog .logquestion a {text-decoration:underline;}
#classlog .loganswer {border-bottom:1px solid #ddd;padding:0 0 10px;float:left;width:390px;padding-left:40px;background:url(../images/icon_cr_loganswer.gif) no-repeat 0 0;color:#66c;}

#cr_enterbox {width:468px;margin-right:15px;border:1px solid #ccc;height:135px;margin-top:13px;}
#cr_textarea {padding:10px;}

.textareacr {width:440px;height:70px;border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #eee;border-right:1px solid #eee;font:12px tahoma;}

#cr_control {padding:10px;}

.topeople {color:#f60;}

#cr_chatlog {width:298px;margin-right:15px;height:550px;border:1px solid #ccc;}

#chatlog {padding:10px;}
#chatlog ul li {clear:both;}
#chatlog .logquestion {float:left;padding:6px 0 3px;float:left;padding-left:20px;width:260px;background:url(../images/icon_cr_logquestion2.gif) no-repeat 0 4px;}
#chatlog .logquestion div {margin-bottom:5px;}
#chatlog .logquestion a {text-decoration:underline;}
#chatlog .logchat {float:left;padding:6px 0 3px;float:left;width:280px;}
#chatlog .logchat  div {margin-bottom:5px;}
#chatlog .logchat a {text-decoration:underline;}

#questionbox {display:none;width:400px;height:300px;}

#cr_list {width:148px !important;width:145px;height:550px;border:1px solid #ffcf73;}

#listlog {padding:10px;}
#listlog ul li {line-height:20px;}

.stat {font:normal 11px "";}

.advwin {border:5px solid #eee;height:60px;margin-bottom:16px;text-align:center;}

/*----- signin / signup / get password -----*/

.signdiv {text-align:center;margin:10px auto;padding:50px;border:10px solid #eee;width:600px;}
.signdiv label {font-weight:bold;}
.signdiv .steps {font:bold 14px "";}
.signdiv dl {text-align:center;margin:0 auto;margin-top:20px;width:420px;}
.signdiv dt {width:100px;text-align:right;padding:4px 10px 0 0;#padding:6px 10px 0 0;clear:both;float:left;}
.signdiv dd {text-align:left;margin:0 0 0 3px;padding:0 0 12px;width:249px;#width:252px;_width:252px;float:left;}


#signupstep2 {padding-top:30px;text-align:center;margin:0 auto;}

span.signin_rmb input {margin:0;vertical-align:middle;}

.signinput {width:209px;}
.codeinput {width:50px;}

#formsignin .forgetpw {width:130px;text-align:right;color:#aaa;display:inline;}

.formtips {border:1px solid #f3e375;margin:5px 0 0 -1px;#margin:5px 0 0 3px;_margin:5px 0 0 3px;padding:8px 10px 8px 36px;background:#ffffe1 url(../images/icon_warning24.png) no-repeat 7px 6px;line-height:18px;width:173px;#width:171px;_width:171px;height:20px;}
.formtip {width:200px;height:20px;margin:5px 0 0;display:none;}

/*----- end:signin / signup / get password -----*/

#formgetpw {width:700px;background:url(../images/icon_getpwtitle.gif) no-repeat 5px 5px;}
#formsignup {background:url(../images/icon_signuptitle.gif) no-repeat 5px 5px;}
#formsignin {width:500px;background:url(../images/icon_signintitle.gif) no-repeat 5px 5px;}
#forminvite {width:650px;background:url(../images/icon_invtitle.gif) no-repeat 5px 5px;}


.bordertop {border-top:1px solid #eee;}


/*----- Comment -----*/
.seccomment {padding:15px 0 0;}
.seccomment ul {}
.seccomment .head {margin-right:5px;}
.seccomment .name{border-top:1px solid #cccccc;padding:8px 0 0;height:16px;margin-top:0px;}
.add_comment{background:url(../images/pop.gif) no-repeat -511px -439px;width:37px;height:24px;display:inline-block;margin-right:5px}
.seccomment .time{margin:0 10px 0 0;font-size:11px;color:#999;}
.seccomment .content {width:580px;margin:5px 0 0;line-height:18px;}
.seccomment2 {padding:15px 10px 10px 50px;}
.seccomment2 li {padding:5px;}

#trcomment {width:600px;height:80px;max-width:600px;min-height:80px;}

.seccomment3 {padding:15px 10px 10px 60px;}
.seccomment3  li {padding:5px;}

.cmtitem {padding-bottom:10px;}
.cmtitem p {margin:10px 0 0;line-height:18px;}
.cmtmain {width:623px;border-top:1px solid #aaa;}
.cmtmain_title {background:#f6f6f6;height:18px;padding:5px 0 5px 5px;}
.cmtreplywrap {background:#f9f9f9;}
.cmtreply {margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}
.cmtreply2 {width:80%;}
.cmtreply2 p{margin:10px 0 0;}
/*----- end:Comment -----*/

.recmd_list {margin:8px 6px;line-height:18px;}
.recmd_list ol {padding-left:20px;}
.recmd_list li {padding:5px 5px 5px 25px;background:url(../images/school/footer.gif) no-repeat left ;border-bottom:1px solid #eee;}

.col2 {width:100%;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #f3f3f3;}
.col2_content_wrap {float:left;width:100%;}
.col2_content {margin:0 0 0 70px;padding:0 5px 0 10px;}
.col2_left {float:left;width:70px;margin-left:-100%;text-align:center;}
.col2_left span.new {color:#666;font:bold 9px "";background:#ff0;line-height:20px;padding:2px;}

#footerlogo {width:320px;height:187px;background:url(../images/logo_bottom.gif) no-repeat;margin:0 auto; padding:30px 0 20px 260px; display:inline}

.hidden {display:none;}

/*mask css by LeoChou*/ 
#fullBg{background-color:Gray;display:none;z-index:3;position:absolute;left:0px;top:0px;filter:Alpha(Opacity=30);/* IE */-moz-opacity:0.4;/* Moz + FF */opacity:0.4;}

#msg{position:absolute;z-index:4;display:none;background-color:#FFFFFF;border:0;}
#msg #close{height:30px;text-align:right;padding-top:8px;padding-right:15px;}
#msg #ctt{text-align:center;font-size:12px;padding-bottom:15px;}
/*end of mask css*/
.container #eave {height:34px;width:991px;margin:-25px 0 0 -18px;position:absolute;z-index:10;}

/*****************view book right *************************/
.book_list {padding:8px 5px;line-height:18px;background:#fbfbfb;}
.book_list ul {padding:2px 0 2px 2px;border-bottom:1px solid #eee;}
.book_list li {padding:5px;}
.book_list .pic{margin-right:0px}
.book_list .desc{ width:135px;#width:135px;_width:134px;}
.book_list .desc2{ width:175px}
#alert_button{ background-color:#eeeeee; margin-left:200px; color:#bfbfbf; float:right}
#alert_button .icon{background:url(../images/master2.gif) no-repeat -417px -2px; height:15px; width:17px; float:left; display:block; margin:-2px 5px 0px 0px}
#alert_button a{color:#bfbfbf}
#alert_button a:hover{ background-color:#eeeeee;color:#bfbfbf}
.select_button{background:url(../images/master2.gif) no-repeat -430px -254px; width:15px; height:15px; display:block; margin:3px 3px 0 0; cursor:pointer}
.input_border{background:#ffffff; border:1px solid #bfbfbf; height:25px; padding:1px 0;line-height:25px}
.message_box{}
.message_box .line{border-top:1px solid #dddddd;padding:1px 5px 3px 5px;}
.message_box .icon1{background:url(../images/pop2.gif) no-repeat -67px -58px; width:32px; height:27px; display:block; margin:5px 0px 0px 0px}
.message_box .icon2{background:url(../images/pop2.gif) no-repeat -51px -21px; width:48px; height:26px; display:block; margin:5px 0px 0px 0px}
.message_box .icon3{background:url(../images/pop2.gif) no-repeat -51px -21px; width:48px; height:26px; display:block; margin:5px 0px 0px 0px}
.message_box .pict{padding:5px 0px 35px 10px}
.message_box .pict img{padding:2px; border:1px solid #cccccc}
.message_box .header{width:610px}
.message_box .username{ padding:2px 10px 2px 1px}
.message_box .time{}
.message_box .button{}
.message_box .button a{padding:5px 5px 5px 5px}
.message_box .content{ background:#f9f9f9; padding:5px 10px 5px 10px;width:590px;}
.message_box .footer{ width:590px; padding:10px 0px 0px 0px}
.send_message{}
.send_message .select_box{ right:-3px;position:absolute}
.send_message .title{ width:80px}
.send_message .butt_op{margin:20px 0 0 80px}


#gotop {position:fixed;bottom:50px;right:5px;z-index:1000;display:none;cursor:pointer;width:21px;height:15px;}
#gotop a {width:21px;height:15px;display:block;background:url(../images/icon_gotop.gif) no-repeat;}

.iconTHomework {width:35px;height:35px;background:url(../images/icon_tab_homework.png) no-repeat;position:absolute;margin-top:-15px;margin-left:-10px;#margin-left:-5px;cursor:pointer;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon_tab_homework.png');}
.iconTAct {width:35px;height:35px;background:url(../images/icon_tab_act.png) no-repeat;position:absolute;margin-top:-15px;margin-left:-10px;#margin-left:-5px;cursor:pointer;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon_tab_act.png');}

.btn_good {width:115px;height:34px;margin:0 5px;}
.btn_good a {padding-top:8px;padding-left:5px;width:110px;height:26px;display:block;text-align:center;background:url(../images/btn_good.png) no-repeat;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_good.png');}
.btn_good a:hover {text-decoration:none;}
.btn_good span {font:bold 14px arial;}

.btn_funny {width:115px;height:34px;margin:0 5px;}
.btn_funny a {padding-top:8px;padding-left:5px;width:110px;height:26px;display:block;text-align:center;background:url(../images/btn_funny.png) no-repeat;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_funny.png');}
.btn_funny a:hover {text-decoration:none;}
.btn_funny span {font:bold 14px arial;}

.btn_bag {width:135px;height:34px;margin:0 5px;}
.btn_bag a {padding-top:8px;padding-left:5px;width:130px;height:26px;display:block;text-align:center;background:url(../images/btn_bag.png) no-repeat;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_bag.png');}
.btn_bag a:hover {text-decoration:none;}
.btn_bag span {font:bold 14px arial;}

.btn_interesting {width:115px;height:34px;margin:0 5px;}
.btn_interesting a {padding-top:11px;padding-left:5px;width:110px;height:23px;display:block;text-align:center;background:url(../images/btn_interesting.png) no-repeat;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_interesting.png');}
.btn_interesting a:hover {text-decoration:none;}
.btn_interesting span {font:bold 14px arial;}

.btn_willing {width:115px;height:34px;margin:0 5px;}
.btn_willing a {padding-top:11px;padding-left:5px;width:110px;height:23px;display:block;text-align:center;background:url(../images/btn_willing.png) no-repeat;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_willing.png');}
.btn_willing a:hover {text-decoration:none;}
.btn_willing span {font:bold 14px arial;}