/* CSS Document */
*{ margin:0; padding:0;}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:150%;}
img{border:0;}
input,option,textarea{font-size:12px;}
ul,ol{list-style:none;}
a{color:#666; text-decoration:none;}
a:hover{color:#f60; text-decoration:none;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.hide{ display:none;}

/*btn*/
.btn{ background:url(../images/plat/btn_01.gif) no-repeat; width:85px; height:27px; line-height:27px;text-align:center; border:0; font-weight:bold; font-size:12px; color:#336699; cursor:pointer;}
.sbtn{background:url(../images/plat/btn_s.gif) no-repeat; width:72px; height:23px; line-height:23px; text-indent:17px;border:0; font-weight:bold; font-size:12px; color:#336699; cursor:pointer;}
.btntxt{background:url(../images/plat/btn_in.gif) no-repeat; width:87px; height:23px; line-height:23px; text-indent:17px;border:0; font-size:12px; color:#383578; cursor:pointer;}
.btntxt2{background:url(../images/plat/btn_out.gif) no-repeat; width:87px; height:23px; line-height:23px; text-indent:17px;border:0; font-size:12px; color:#383578; cursor:pointer;}
.btn_addth{background:url(../images/plat/btn_addteacher.gif) no-repeat; width:87px; height:23px; line-height:23px; text-indent:17px;border:0; font-size:12px; color:#383578; cursor:pointer;}
#container{background:url(../images/plat/bg_head_x.gif) repeat-x;margin:0 auto;text-align:left; min-width:1003px; overflow:hidden;zoom:1;} 

#header{background:url(../images/plat/bg_head.gif) no-repeat;width:1024px;height:109px;align:right;padding:7px 0 0 25px;position:relative; overflow:hidden;} 
#header h1{background:url() no-repeat;width:12px;height:47px; float:left;}
#header h1 a{ display:block; height:47px; width:130px;}
#header h1 a span{display:none;}
#header .date{position:absolute; width:184px; height:63px;right:10px;background:url(../images/plat/bg_date.gif) no-repeat; text-align:center; color:#4B548B ; padding-top:5px; margin-top:8px;}
#header .welcome{ padding-top:15px; font-weight:bold; color:#fff;font-size:25px}
#header .welcome strong{color:#FFD851;}
#header .welcome strong a{color:#FFD851;}
#header .welcome strong a:hover{color:#FFD851;}
#header .welcome a{color:#fff;text-decoration:underline; font-weight:normal;}
#header .welcome a:hover{color:#FFD851;}
#header .nav{clear:both;padding-top:9px;float:left;}
#header .nav li{width:104px; height:40px;float:left; margin-left:5px; text-align:center; font-size:14px;}
#header .nav li a{ display:block; height:30px; padding-top:10px; background:url(../images/plat/nav_a.gif) no-repeat left 4px; text-decoration:none; color:#336699; font-weight:bold;}
#header .nav li.current a,
#header .nav li a:hover{display:block; height:40px; padding-top:10px; background:url(../images/plat/nav_h.gif) no-repeat left 1px; text-decoration:none; color:#336699;}
#header .nav li img{ vertical-align:middle; margin-right:2px;}

#sidebar1{ position:absolute;width:200px;padding: 15px 0 15px 0;+padding-top:25px; left:0;}
#sidebar1 .subnav { width:200px; overflow:hidden;}
#sidebar1 .subnav li{width:150px; height:39px; margin:10px auto 0 auto;}
#sidebar1 .subnav li img{ vertical-align:middle; margin-right:5px;}
#sidebar1 .subnav li a{display:block; height:34px; background:url(../images/plat/snav_a.gif) no-repeat center center; color:#336699; text-decoration:none; padding-top:5px; padding-left:20px;}
#sidebar1 .subnav li.current a,
#sidebar1 .subnav li a:hover{ display:block; height:34px; background:url(../images/plat/snav_h.gif) no-repeat center center; color:#336699; padding-left:20px; padding-top:5px;font-weight:bold;text-decoration:none;}

#mainContent{margin:0 auto 0 200px;zoom:1;}
.maintop{background:url(../images/plat/bg_maintop.gif) repeat-x;}
.maintop2{background:url(../images/plat/bg_maintop2.gif) repeat-x;}
#mainContent .inner{padding-left:22px;width:780px;}

#mainContent .area .mssops{ height:36px; padding-top:10px;}
#mainContent .area .col1 .sw1{ width:65px; display:block; float:left;}
#mainContent .messgroup{ padding-top:1px;}
#mainContent .messgroup .col1{ float:left; padding-top:10px;width:396px;}
#mainContent .messgroup .col1 .intext{ width:320px;padding:2px;}
#mainContent .messgroup .col1 .textarea{ width:324px; height:154px;overflow:auto;}
#mainContent .area .col1 p{ clear:both; padding:3px 0;}
#mainContent .messgroup .col2{ float:left; width:160px; padding-left:10px; padding-top:10px;}
#mainContent .messgroup .col2 p.tit{ font-weight:bold; color:#336699; padding-bottom:8px;}
#mainContent .messgroup .col2 p.motxt{display:block;background:url(../images/plat/bg_mo.gif) no-repeat; height:142px; padding-top:15px; width:143px;}
#mainContent .messgroup .col2 p.motxt span{ height:120px; padding:0 0 0 5px;width:138px;overflow:auto; display:block;}
#mainContent .messgroup .col2 p.abtn {padding:10px 0 0 25px;}
#mainContent .messgroup .col2 p.abtn a{ background:url(../images/plat/btn_02.gif) no-repeat; width:85px; height:27px; line-height:27px;display:block; color:#663300; text-align:center; text-decoration:none;}
#mainContent .area .col3{ float:left; width:200px; padding-top:10px;}
#mainContent .area .col3 h2{ height:33px; line-height:33px;width:184px; background:url(../images/plat/list_tit.gif) no-repeat; text-align:center; font-size:12px; color:#333366}
#mainContent .area .col3 .addresslist{padding-bottom:7px; background:url(../images/plat/list_foot.gif) no-repeat left bottom;width:184px;}
#mainContent .area .col3 .addresslist dl{background:url(../images/plat/list_midd.gif) repeat-y; width:174px;height:180px;overflow:auto; padding:6px 0 0 10px; color:#7272AD;}
#mainContent .area .col3 .addresslist dl a{ color:#7272AD; text-decoration:none;}
#mainContent .area .col3 .addresslist dl a:hover{ color:#333366; text-decoration:underline;}
#mainContent .area .col3 .addresslist dl dd{ padding-left:12px;}

#mainContent .area .getme{ padding-left:65px;}
#mainContent .area .timing{ clear:both; padding:10px 0 0 65px;}
#mainContent .area .timing .intime1{ width:30px;}
#mainContent .area .timing .intime2{ width:20px;}
#mainContent .area .col1 p.small{ color:#666; padding-left:65px;}
#mainContent .area .small strong{color:#f60}
#mainContent .area .dbtn{ padding:10px 0 0 62px;}
#mainContent .area .btn{ margin-left:6px;}

#mainContent .messgroup2{ padding-top:32px;}
#mainContent .messgroup2 .col1{ width:156px; float:left;}
#mainContent .messgroup2 .col1 h2{ height:32px; line-height:32px; width:138px; text-align:center; background:url(../images/plat/list2_tit.gif) no-repeat; font-size:12px; color:#336}
#mainContent .messgroup2 .col1 .m2list{background:url(../images/plat/list2_foot.gif) no-repeat left bottom;padding-bottom:8px; width:138px;}
#mainContent .messgroup2 .col1 .m2list ul{background:url(../images/plat/list2_midd.gif) repeat-y;width:138px;text-align:center; padding-top:8px;}
#mainContent .messgroup2 .col1 .m2list ul li{width:130px; margin:0 auto;}
#mainContent .messgroup2 .col1 .m2list ul li a{display:block; color:#7272AD; text-decoration:none;}
#mainContent .messgroup2 .col1 .m2list ul li.current a,
#mainContent .messgroup2 .col1 .m2list ul li a:hover{ display:block; background:#F8FAFF; color:#336;}
#mainContent .messgroup2 .col2{ float:left;width:604px; color:#666}
#mainContent .messgroup2 .col2 h2{color:#03c; font-size:12px; padding-bottom:5px;}
#mainContent .messgroup2 .col2 ul a{ display:block; border:1px solid #fff;padding:5px 10px;}
#mainContent .messgroup2 .col2 li.current a,
#mainContent .messgroup2 .col2 ul a:hover{ display:block;color:#666;background:#FFFDE5; border:1px solid #F2E2A3; padding:5px 10px;}
#mainContent .messgroup2 .col2 .pagelink { padding:10px; text-align:right;}
#mainContent .messgroup2 .col2 .pagelink a{ color:#336699; text-decoration:underline;}
#mainContent .messgroup2 .col2 .pagelink a:hover{ color:#f60;}
#mainContent .messgroup2 .col2 .pagelink img{ vertical-align:middle;}
#mainContent .messgroup2 .col2 .pbtn{ text-align:right; margin-right:15px; padding:5px 0 25px 0}

#mainContent .mmsgroup .col1{width:540px; float:left; padding-top:10px;}
#mainContent .mmsgroup .col1 .intext{width:446px;padding:2px;}
#mainContent .mmsgroup .col1 .fileimg{ padding-left:69px;}
#mainContent .mmsgroup .col1 .textarea{width:450px;overflow:auto;height:154px;}
#mainContent .mmsgroup .col3{ float:left; width:200px; padding-top:10px;}
#mainContent .mmsgroup .col3 .addresslist dl{ height:210px;}

#mainContent .mess .mess-head .tabs { padding-top:4px; overflow:auto;zoom:1;}
#mainContent .mess .mess-head .tabs li{ width:80px; height:28px; float:left; line-height:28px; text-align:center;}
#mainContent .mess .mess-head .tabs li a{display:block;width:80px; height:28px; color:#383578; font-weight:bold; text-decoration:none;}
#mainContent .mess .mess-head .tabs li.current a,
#mainContent .mess .mess-head .tabs li a:hover{ display:block;width:80px; height:28px; background:url(../images/plat/subnav_h.gif)}
#mainContent .mess .mess-head .optionsbox{height:27px; padding:5px 0 0 0; color:#03c}
#mainContent .mess .mess-head .optionsbox a{ color:#03c;}
#mainContent .mess .mess-head .optionsbox .options{ float:left; width:260px;}
#mainContent .mess .mess-head .optionsbox .seekbox{ float:right; margin-right:5px;}
#mainContent .mess .mess-head .optionsbox .inptext{ width:98px; margin-right:5px;}
 .mess-body table{}
 .mess-body table .to{   text-align:right; padding-right:8px;}
 .mess-body table .tf{ }
 .mess-body table .tc{   padding:5px 8px;}
 .mess-body table th.tc{ padding:0 8px;}
 .mess-body table th.tt{   text-align:center;background:url(../images/plat/bg_thead_x.gif) repeat-x; padding:0 8px;}
 .mess-body table td.tt{ text-align:center;}
 .mess-body thead tr{background:url(../images/plat/bg_thead_x.gif) repeat-x; height:27px; color:#666;}
 .mess-body thead th{background:transparence url(../images/plat/bg_thead_list.gif) no-repeat right center; padding-left:5px;}
 .mess-body table tr.odd{background:#F3F7FA}
 .mess-body table td{ color:#666;}

#mainContent .welcomeinfo{ padding:20px 2px;}
#mainContent .welcomeinfo h2{ font-size:14px;}
#mainContent .welcomeinfo p{ padding:5px 0;}

/* admin */
#mainContent .area .inputxt2{ width:100px;}
#mainContent .area input.small{ width:30px;}
#mainContent .area .tadmin-head{height:36px; padding-top:10px;}
#mainContent .area .tadmin-head h2{ float:left; font-size:14px; font-weight:bold; color:#383578;}
#mainContent .area .tadmin-head .seekbox{ float:left; margin-left:30px; }
#mainContent .area .tadmin-head .seekbox .sbtn{ margin-left:3px;}
#mainContent .area .tadmin-head .classes{ float:left; margin-left:30px; }
#mainContent .area .tadmin-head .opsdata{ float:right;}
#mainContent .area .tadmin-head .opsdata .btntxt2{ margin-left:8px;}

#mainContent .area .tadmin-body{ padding-top:15px;}
#mainContent .area .cadmin-body{ padding-top:20px;}
#mainContent .area .plan-body{ padding-top:20px;}
#mainContent .area .tadmin-body a{ color:#03c;}
#mainContent .area .cadmin-body h2.th2{font-size:14px; font-weight:bold; color:#383578; margin:10px;}
#mainContent .area .pop{ width:688px; height:270px; background:#EEEEEE; padding:0 4px 4px 0;}
#mainContent .area .popinner{width:688px; height:270px; background:#fff; border:1px solid #999;}
#mainContent .area .pop .tn{width:95px; text-align:right;}
#mainContent .area .pop .tn2{width:130px;}
#mainContent .area .pop .tt{width:100px; text-align:right;}
#mainContent .area .pop .tt2{}
#mainContent .area .pop .table1{ width:99%;}
#mainContent .area .pop-head{ text-align:right; margin:5px 5px 0 0;}
#mainContent .area .pop .popbtn,
#mainContent .area .pop2 .popbtn{ text-align:center; margin:20px;}
#mainContent .area .th2{ color:#383578; font-size:14px; margin-top:15px;}

#mainContent .area .pop2{ width:688px; border:1px solid #ccc; padding:15px 0; margin-top:6px;}
#mainContent .area .pop2 a{ color:#03c;}
#mainContent .area .pop2-body{padding:0 10px;}
#mainContent .area .pop2-body table{ width:98%;}
#mainContent .area .pop2-body h2.group{ font-size:12px; font-weight:bold; margin:0;}
#mainContent .area .pop2-body p{ padding:3px 0;}

#mainContent .area .cadmin-head h2{ float:left; width:120px; padding-top:15px;}
#mainContent .area .cadmin-head p{padding-top:25px;+padding-top:20px;}
#mainContent .area .cadmin-head a{ color:#03c; margin-right:15px;}
#mainContent .area .table3{ text-align:left; clear:both;}
#mainContent .area .table3 th{ text-align:center;}
#mainContent .area .table3 td{ text-align:center;}
#mainContent .area .pop2-head{ padding-left:10px;}

.tadmin-body table tr.odd{ background:#ffc;}
.tadmin-body table td{ height:30px;}
.tadmin-body table .tc{ width:45px; text-align:center; height:28px;}
.tadmin-body table th.tc span{ display:none;}
.tadmin-body table .tn{ width:135px;}
.tadmin-body table .tp{ width:135px;}
.tadmin-body table .td{ width:115px;}
.tadmin-body table .ta{ width:100px; }
.tadmin-body table .tx{ width:60px;}
.tadmin-body table .tn2{ width:150px;}
.tadmin-body table .tt{ width:60px;}
.tadmin-body table .ti{ width:60px;}
.tadmin-body table .ts{ width:60px;}


/*setting*/
.setting_data {padding:25px 0 0 10px;}
.setting_data .table1{width:99%;}
.setting_data .table1 td{vertical-align:top;height:30px;}
.setting_data .table1 td.tn{ text-align:right;}
.setting_pass { padding-top:25px; color:#666;}
.setting_pass .c3{ color:#320986}
.exist h3,
.setting_pass .setting_pass-head h3{ font-size: 14px; font-weight:bold; color:#336699; border-bottom:1px solid #c8c8c8;}
.setting_pass .setting_pass-head .tips{ display: block; height:24px; padding:2px 8px; text-align:right; position:absolute; margin-top: -26px; width: 520px; }
.setting_pass .setting_pass-head strong{ color:#FF6600;}
.setting_pass .setting-user{ padding:0 0 10px 0}
.setting_pass .setting-user p{ padding:5px 0;}
.setting_pass .setting_pass-head button.ebtn{ background:none; border:none; text-decoration:underline; font-size:12px; color:#2444a3; line-height:normal; padding-top:4px; cursor:pointer;}
.setting_pass .setting_pass-body{ padding-top:10px;}
.setting_pass .setting_pass-body p{ padding-top:10px;}

.exist{ padding-top:20px;}
.exist .existhead{text-align:right; margin-top:-22px;}
.exist .existtable{padding-top:10px;}
.exist .existtable2{padding-top:10px;}
.exist .existtable2 table {border:1px solid #ccc;}
.exist .existtable2 table .tc{width:80px;}
.exist .existtable2 table .tz{width:120px;}
.exist .existtable2 table td{ padding:2px; text-align:center;}
.exist .existtable2 table th{padding:10px 0; text-align:center;}
.exist .existtable2 table td textarea{width:110px; text-align:left; font-size:12px; padding:5px; overflow:auto; border:1px solid #ccc; height:50px;}
.exist .existtable2 table th.to{width:60px; border-right:0;}
.exist .existtable2 table th{border-bottom:1px solid #ccc;margin-bottom:10px; border-right:1px solid #ccc;}
.exist .existtable2 table tbody .trtop td{padding-top:10px;}
.exist .existtable2 table tbody .trfoot td{padding-bottom:10px;}
.exist .existtable2 .pbtn{padding:8px 0; text-align:center;}
.exist .existtable2 table a{color:#03c;}
.exist .existtable textarea{ width:600px; height:80px; padding:5px; overflow:auto; text-align:left; font-size:12px;}
.exist .existtable .tleft{ width:620px;}
.exist .existtable3 table {border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.exist .existtable3 table th{text-align:center;line-height:22px;}
.exist .existtable3 table td{text-align:center; border-top:1px solid #ccc;}
.exist .existtable3 table .tm{width:120px;}
.exist .existtable3 table tr.odd{ background:#ffc;}

/*pagenav*/
.pagenav{ text-align:center;background:url(../images/plat/bg_page.gif) repeat-x; line-height:35px; height:35px;}

#footer {padding: 0 10px 0 20px;background:#F7F7F7; clear:both;margin:20px 0 0 22px; width:750px; text-align:center; color:#666;} 
#footer p {margin: 0;padding: 10px 0;}
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}


input,textarea,select{
	color: #333333;
	}

input.search {border:1px solid buttonshadow;}

input.text {
	 width:180px; border:1px solid buttonshadow;height:20px;font-size:14px
}

textarea.content {
	 width:400px; border:1px solid buttonshadow;
}

.label{padding-left:5px}