/* CSS Document */
body{font:12px #000 Arial,, Verdana, Georgia, sans-serif, serif; margin:0;}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;color:#a62b48;}
ul,ol,li{margin:0; padding:0; list-style:none;}
li{list-style:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both; font-size:1px;}
.orange{color:#ef7118; }
.blue{color:#1a4770; font-weight:bold;}
.textleft{text-align:left; padding-left:5px;}
.lightgray{background-color:#f2f2f4;}

.wrapper{margin:0 auto; width:992px; background:url(images/wrapper_bg.jpg) repeat-y; padding:0 11px 0 11px;}
.header{height:68px; width:995px;}
.topmenu{vertical-align:bottom; width:980px; border-bottom:#a72d49 solid 4px; margin:0 auto;}
.content{height:auto; width:995px; margin-top:5px;}
.ml10{ margin-left:0px;}
.mr10{ margin-right:0px;}
.mt10{ margin-top:10px;}

/*header*/
.logo{float:left; padding:3px 5px 3px 5px;}
.userinfo{float:right; background:url(images/topbg.jpg) repeat-x;  width:510px;}
.userinfo div.left{float:left; width:12px; height:68px; background:url(images/topLeftbg.jpg) no-repeat;}
.userinfobar {float:left; padding:7px 10px;}
.userinfobar th img{padding:1px; border:1px solid #bebcc8;}
.userinfobar td {text-align:left;}
.userinfo div.right{float:right; width:12px; height:68px; background:url(images/topRightbg.jpg) no-repeat;}

/*topmenu*/

.topmenu div.left{ overflow:hidden; font-size:1px;}
.topmenu a{padding-right:4px; font-size:1px; float:left;}
.topmenu div.right{float:right; background:url(images/cornerbg.jpg) no-repeat; width:175px; margin-top:5px; padding:0px 5px 0 43px; position:relative; }
.topmenu div.right span{color:#fff; }


/*content*/
.news{ background:url(images/newsbg.jpg) no-repeat 7px 0; text-align:left; width:847px; height:42px; padding:0 20px 0 128px; line-height:42px; overflow:hidden;}
.news span{padding-right:20px;line-height:35px; height:35px; display:block; float:left; width:260px; overflow:hidden;}

.content div.left{float:left; width:730px; padding:0 8px 0 7px; position:relative;}
.content div.right{float:right; padding-right:7px; width:240px;}

.spoken{margin-bottom:10px;padding-bottom:10px;text-align:left; line-height:20px; border:1px solid #e0e0e0; background:url(images/spoken_bg.jpg) repeat-x;}
.spoken div.title{height:25px; padding:10px 0 0 0;}
.spoken div.title div{float:right;}
.spoken div.title div a{padding-left:5px;}
.spoken div.spokencontent{ width:485px; padding-left:15px; padding-right:15px; height:225px; }
.spoken div.spokenvideo{ position:absolute; width:210px; top:10px; left:510px;}


.study{margin-bottom:7px; border:1px solid #e0e0e0;}
.study div.title{padding:10px 15px 0 10px; text-align:left; height:27px; line-height:20px; text-align:left; font-weight:bold; color:#a62b48; font-size:14px; border-bottom:dotted 1px #e0e0e0; position:relative;}
.study div.title div{ position:absolute; right:10px; top:9px;}
.study div.title div a{padding-left:5px;}
.study div.maincontent{padding:0 16px 0 18px; width:700px; background-color:#fff; }
.study div.maincontent table{width:700px; border:1px solid #e8e8ea; background:url(images/thbg.jpg) repeat-x; text-align:center; border-bottom:none;}
.study div.maincontent table a:hover{border-bottom:1px solid #000;}
.study div.maincontent table th{background:url(images/thline.jpg) no-repeat 0 0; height:26px; border-bottom:1px dashed #e8e8ea;}
.study div.maincontent table td{height:26px; line-height:26px;}
.study div.maincontent div{overflow-x:hidden; overflow-y:scroll; height:209px; width:698px;scrollbar-arrow-color:#5f6170;scrollbar-face-color:#e8e7ec;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#fff;scrollbar-3dlight-color:#e8e7ec;scrollbar-darkshadow-color:#e8e7ec;scrollbar-track-color:#fff;}
.study div.maincontent div table{background:none;border-top:none; width:680px; overflow:hidden; border:none;}

.authentication div.title{background:url(images/authenticationTbg.gif) no-repeat; height:25px; padding:10px 15px 0 0; text-align:right; color:#ef7118;}
.authentication div.maincontent{background:#fff;}
.authentication div.maincontent div{padding:3px 0 3px 18px; text-align:left;}
.authentication div.maincontent div img{padding-right:10px;}
.authentication div.maincontent div.st{overflow-x:hidden; overflow-y:scroll; height:110px; width:700px; border:1px solid #e8e8ea;padding:0px; margin-top:10px;scrollbar-arrow-color:#5f6170;scrollbar-face-color:#e8e7ec;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#fff;scrollbar-3dlight-color:#e8e7ec;scrollbar-darkshadow-color:#e8e7ec;scrollbar-track-color:#fff;}
.authentication div.maincontent div.st table{background:none; text-align:left; width:100%;}
.authentication div.maincontent div.st table th{height:26px; line-height:26px; padding-left:20px; color:#8882a7; font-weight:normal; background-color:#f2f2f4; border-bottom:1px dashed #e8e8ea;}
.authentication div.maincontent div.st table td{padding:0 8px 0 20px; height:26px; line-height:26px;}

.three{margin:10px 0 10px 0;}
.three .one{border:1px solid #e0e0e0;height:151px;float:left;width:229px;}
.three .title{position:relative;background:url(images/title_bg.jpg) repeat;height:25px;padding:5px 15px 0 0;font-size:14px;font-weight:bold;text-align:left;vertical-align:middle; color:#a62b48;}
.three .title img{padding:0 0 0 10px;align:absmiddle;}
.three .title .more{font-size:13px; font-weight:normal; text-decoration:underline; position:absolute; right:10px; top:5px;}
.three .title .more a{text-decoration:underline;color:#a62b48;}
.three .one .faq{text-align:left;overflow-y:auto;margin:0px 0 5px 10px;}
.three .one .faq tabletable{border:none;}
.three .one .faq tr{line-height:22px;}
.three .one .online{text-align:left;overflow-y:auto;margin:0px 10px 5px 10px;}
.three .one .online table{}
.three .one .online tr{line-height:22px;}
.three .one .online td{border-bottom:1px dotted #e0e0e0;}
.three .one .member{text-align:left;overflow-y:auto;margin: 0 0 5px 10px;}
.three .one .member ul{text-align:left;}
.three .one .member li{float:left;padding:5px 20px 0 0;border-bottom:1px dotted #e0e0e0;}

.introduce{margin-bottom:7px;}
.introduce .introducecontent{height:185px; background-color:#fff; padding:5px 15px; text-align:left; line-height:20px;}
.notes{margin-bottom:10px; border:1px solid #e0e0e0;}
.notes .title{ position:relative;}
.notes .title .more{ font-size:13px;padding-top:5px; font-weight:normal; text-decoration:underline; position:absolute; right:10px; top:0px;}
.notes .title .more a{ color:#a62b48;}
.notes .notescontent{ text-align:left; background:#fff; line-height:25px; padding:10px;}
.task{margin-bottom:10px; border:1px solid #e0e0e0;}
.task .title{ position:relative;padding:5px 0 0 0;}
.task .title .more{ font-size:13px; font-weight:normal; text-decoration:underline; position:absolute; right:10px; top:0px;}
.task .title .more a{ color:#a62b48;}
.task .notescontent{ text-align:left; background:#fff; line-height:25px; padding:10px;}
.task .contentright{float:right;}
.task .contentleft{float:left;}
.progress{margin-bottom:10px; border:1px solid #e0e0e0;}
.onlinepeople{background:url(images/topmenu_icon.gif) no-repeat 60px 5px; padding-top:2px; height:25px; line-height:25px; text-align:right;}

.themePanel {position:absolute; width:110px; height:65px; top:22px; left:75px; background:url(images/themebg.gif); text-align:left;}
.themePanel span{ margin-left:7px;border:1px solid #fff;}
/*09-0619*/
.useful{ border:1px solid #e0e0e0;}
.progress .title, .useful .title, .notes .title, .task .title{position:relative; background:url(images/title_bg.jpg) repeat-x; height:27px; line-height:16px; text-align:left;padding-top:5px; padding-left:10px; font-weight:bold; color:#a62b48; font-size:14px; width:228px;vertical-align:middle;}


/*footer*/
.footer{ width:995px; margin-top:7px;color:#a1a19f; margin:0 auto;}
.footer span a { color:Gray; }

.stratcourse{background:url(Images/golearing_start.gif) no-repeat; height:29px; border:none; padding:0 3px; color:#fff; width:111px; cursor:pointer;}
.refreshcourse{background:url(Images/golearing_renew.gif) no-repeat; height:29px; border:none; padding:0 3px; color:#fff; width:129px; cursor:pointer;}