/* 主要部分
-------------------------------------------------------------------------------------------------------------*/
#main
{
    height: 100%;
    text-align: center;
}
#maincontent
{
    margin: 4px 0 10px 0;
    width: 980px;
}
#location
{
    width: 900px;
    margin-top: 10px;
    text-align: left;
    font: normal 12px/16px Verdana;
}
#location td
{
    font: normal 12px/16px Verdana;
    text-align: left;
    vertical-align: middle;
}

.question
{
    width: 90%;
    padding: 3px 0 3px 10px;
    background: url("/images/dot01.gif") no-repeat left 7px;
    font: bold 12px/20px Verdana;
    color: Olive;
}
.answer
{
    width: 90%;
}
.answer a
{
    text-decoration: underline;
}
.answer span.important
{
    color: #ff7800;
}
.answer span.listlv1
{
    font: bold 12px/18px Verdana;
    text-indent: 20px;
}

/* 在线课程 -----------------------------------------------------------*/#courselist
{
    width: 738px;
    float: left;
}
.coursesortlist
{
    width: 718px;
    text-align: left;
    float: left;
    margin-left: 10px;
    _margin-left: 5px;
    border: solid 1px #dde;
    background: #ffe;
    padding: 10px;
}
.coursesortlist .title
{
    display: block;
    width: 500px;
    border-bottom: solid 1px #bbb;
    margin-bottom: 6px;
    color: Orange;
    font: bold 14px/22px Verdana;
}
.coursesortlist .sortlv1list
{
    height: auto;
    width: 718px;
    float: left;
}
.coursesortlist .sortlv1
{
    width: 718px;
    font: bold 12px/18px Verdana;
    text-align: left;
    float: left;
}
.coursesortlist .sortlv1 a
{
    color: #7d7d7d;
}
.coursesortlist .sortlv2list
{
    height: auto;
    width: 618px;
    float: left;
}
.coursesortlist .sortlv2
{
    width: 100px;
    float: left;
    text-align: left;
}
.coursesortlist .sortlv2 a
{
    color: #ca2303;
}
.coursesortlist .sortlv3
{
    width: auto;
    float: left;
    text-align: left;
    margin-right: 10px;
}

.summary
{
    width: 96%;
    float: left;
    margin-left: 18px;
    _margin-left: 9px;
    text-align: left;
    font: bold 14px/28px "微软雅黑" , "黑体";
}
.summary .totalpoint
{
    text-indent: 20px;
    background: url("/images/dot01.gif") no-repeat left center;
    font: normal 14px/24px Verdana;
}



/* 个人管理中心
------------------------------------------------------------------------------------------------*/
#main_content .gridlist
{
    width: 100%;
}
.gridlist th
{
    padding: 2px 3px;
    background: white;
    font: bold 12px/14px Verdana;
    color: #4a4a4a;
    text-align: center;
}
.gridlist td
{
    padding: 2px 3px;
    background: white;
    font: normal 12px/14px Verdana;
    color: #4a4a4a;
}
.gridlist td a
{
    color: #F46F21;
}
.gridlist td a:link
{
    text-decoration: none;
    color: #F46F21;
}
.gridlist td a:visited
{
    text-decoration: none;
    color: #565353;
}
.gridlist td a:hover
{
    text-decoration: underline;
    color: #749b12;
}
.gridlist td.orderformnum
{
    width: 180px;
}
.gridlist td.datetime
{
    width: 100px;
}
.gridlist td.money, .gridlist td.paymoney
{
    width: 10%;
    text-align: center;
}
.gridlist td.status
{
    width: 60px;
    text-align: center;
}
.gridlist td.detail
{
    width: 80px;
    text-align: center;
}
.gridlist td.operate
{
    text-align: center;
}
table.recharge
{
    width: 100%;
}
table.recharge td.title
{
    padding: 3px;
    text-align: right;
    background: white;
}
table.recharge td.rechargepassword
{
    padding: 3px;
    text-align: left;
    background: white;
}
table.recharge td.rechargepassword input
{
    height: 20px;
    font: normal 20px/20px Arial;
    border: solid 1px #ddd;
}
table.recharge td.rechargebutton
{
    padding: 3px;
    text-align: right;
    background: white;
}

/*资源CSS*/
table.resourceinfo
{
    margin-left: 20px;
    _margin-left: 10px;
}
table.resourceinfo td
{
    text-align: left;
}
table.resourceinfo td.title
{
    width: 60px;
    background: url("/images/dot_02.jpg") no-repeat left center;
    color: #fb7329;
    text-align: right;
}
table.resourceinfo td.info
{
    width: 640px;
}
table.resourceinfo td.intro
{
    text-indent: 24px;
}
table.resourceinfo td.download
{
    text-align: center;
}
table.resourceinfo td table
{
    width: inherit;
    float: left;
}

#commentlist
{
    width: 738px;
    float: left;
}
#commentlist .triangle, #commentlist .title
{
    background: url("/images/lv2page_87.jpg") repeat-x bottom;
    height: 30px;
}
#commentlist .triangle
{
    width: 30px;
}
#commentlist .title
{
    width: 680px;
    text-align: left;
    font: bold 16px Verdana;
}

#commentlist table.comment
{
    width: 680px;
}
#commentlist table.comment td
{
    text-align: left;
}
#commentlist td.newCommentTitle
{
    font: bold 14px/18px Verdana;
}

#main .buttom
{
    margin-top: 10px;
    background: url("/images/lv2page_93.jpg") no-repeat top left;
    width: 996px;
    height: 18px;
    float: left;
}

#otherpage_form
{
    width: 940px;
}
#otherpage_form td.lv1title
{
    text-align: left;
    font: bold 12px/18px Verdana;
}
#otherpage_form td.errordescription
{
    text-align: left;
    font: normal 12px/18px Verdana;
}
#otherpage_form .leftframe
{
    width: 191px;
    background-color: #ececec;
    height: auto;
    float: left;
    margin-left: 20px;
    _margin-left: 10px;
}
#otherpage_form .leftframe .top
{
    background: url("/images/lv2page_55.jpg") no-repeat top left;
    width: 191px;
    height: 18px;
}
#otherpage_form .leftframe .content
{
    background: url("/images/lv2page_90.jpg") no-repeat bottom left;
    width: 191px;
    height: auto;
    margin: 10px 0 0;
    text-align: center;
    padding-bottom: 20px;
}
#otherpage_form .leftframe .content .title
{
    font: bold 12px/22px Verdana;
    text-align: left;
    height: 22px;
    width: 164px;
}
#otherpage_form .leftframe .content table.list
{
    margin-left: 10px;
    _margin-left: 5px;
    width: 164px;
    text-align: left;
}
#otherpage_form .leftframe .content table.list td
{
    padding-left: 10px;
    font: normal 12px/18px Verdana;
    height: 18px;
    background: url("/images/dot_02.jpg") no-repeat left center;
    vertical-align: middle;
}
#otherpage_from .main, #otherpage_form table.main
{
    width: 738px;
    margin: 10px;
    _margin-left: 5px;
}
#otherpage_form td.tb_header
{
    font: bold 12px Verdana;
    height: 22px;
    text-align: right;
    vertical-align: middle;
    color: #565353;
}
#otherpage_form table.main td.tb_title
{
    width: 20%;
    text-align: right;
    font-weight: bold;
    vertical-align: top;
    padding-top: 3px;
}
#otherpage_form table.main td.datacollect
{
    width: 35%;
    text-align: left;
    vertical-align: top;
}
#otherpage_form table.main td.otherinfo
{
    text-align: left;
}
#otherpage_form td.button
{
    text-align: center;
}
#otherpage_form td.button input
{
    margin: 3px;
    _margin-left: 2px;
}

#main_content
{
    background: url("/images/userManege_09.jpg") repeat-y top left;
    width: 759px;
    height: auto;
    float: left;
    margin-left: 6px;
    _margin-left: 3px;
}
#main_content .top
{
    background: url("/images/userManege_07.jpg") no-repeat top left;
    width: 759px;
    height: 22px;
}
#main_content .bottom
{
    background: url("/images/userManege_11.jpg") no-repeat bottom left;
    width: 759px;
    height: 12px;
}
#main_content table.itemlist
{
    width: 100%;
}
#main_content table.courselist
{
    width: 100%;
}
#main_content td.checkbox
{
    border-style: dashed;
    border-color: #eee;
    border-width: 1px 0 1px 1px;
    text-align: center;
    vertical-align: middle;
}
#main_content td.coursetitle
{
    width: 100%;
    border-style: dashed;
    border-color: #eee;
    border-width: 1px 1px 1px 0;
    padding-left: 10px;
    font: bold 13px/22px Verdana;
    color: #f46f21;
    background: url("/images/dot01.jpg") no-repeat left center;
    text-align: left;
}
#main_content table.videolist
{
    margin-left: 20px;
    _margin-left: 10px;
    width: 100%;
}
#main_content table.videolist td.checkbox
{
    border: 0;
}

#main_content td.videotitle
{
    vertical-align: middle;
    width: 300px;
    font-weight: bold;
}
#main_content td.datetime
{
    vertical-align: middle;
    width: 150px;
}
#main_content td.videolength
{
    vertical-align: middle;
    width: 130px;
}
#main_content .videolist td.progresstitle
{
    height: 15px;
    text-align: right;
}
#main_content .videolist td.progress table
{
    margin-top: 5px;
    width: 385px;
}
#main_content .videolist td.progress td.progressframe
{
    background: url("/images/learnprogress_frame.jpg") no-repeat left top;
    height: 15px;
    width: 285px;
}
#main_content .videolist td.progress td.progressrate
{
    width: 40px;
    vertical-align: top;
}

#main_content td.button
{
    width: 74px;
    text-align: left;
    color: #f46f21;
    font: normal 12px/22px Verdana;
    color: #f46f21;
    vertical-align: middle;
    padding-left: 10px;
    background: url("/images/dot01.jpg") no-repeat left center;
}
#main_content td.button a
{
    color: #f46f21;
}

/* 用户管理平台的分类样式
-------------------------------------------------------------------------------------------------------------*/
#sort
{
    width: 191px;
    background-color: #ececec;
    height: auto;
    float: left;
    margin-left: 20px;
    _margin-left: 10px;
}
#sort select
{
    width: 150px;
}
#sort .top
{
    background: url("/images/lv2page_55.jpg") no-repeat top left;
    width: 191px;
    height: 18px;
}
#sort .content
{
    background: url("/images/lv2page_90.jpg") no-repeat bottom left;
    width: 191px;
    height: auto;
    margin: 10px 0 0;
    padding-bottom: 20px;
}
#sort .content table
{
    width: 150px;
    text-align: left;
    font: normal 12px/20px Verdana;
}
#sort .content .lv1 td.collapsebutton
{
    width: 14px;
}
#sort .content .lv1 td.sortname
{
    text-align: left;
}
#sort .content .childlv2 a
{
    background: url("/images/dot01.gif") no-repeat 5px 5px;
    padding-left: 20px;
}

#sort .content td.sortlv1
{
    font: bold 12px/20px Verdana;
    color: #ca2303;
    text-align: left;
    width: 170px;
}
#sort .content td.sortlv1 a
{
    color: #ca2303;
}
#sort .content td.sortlv2 ul
{
    list-style: none;
    list-style-image: none;
}
#sort .content td.sortlv2 ul li
{
    background: url("/images/dot01.gif") no-repeat 5px left;
    padding-left: 10px;
}

/* Login页
------------------------------------------------------------------------------------------------*/
#login_info
{
    background: url("/images/login_02.jpg") repeat-y top left;
    width: 406px;
    height: auto;
}
#login_info .top
{
    background: url("/images/login_01.jpg") no-repeat top left;
    width: 406px;
    height: auto;
}
#login_info .top .bottom
{
    background: url("/images/login_04.jpg") no-repeat bottom left;
    width: 406px;
    height: auto;
    padding: 20px;
}
#login_info .question_title
{
    font: bold 14px/22px Verdana;
    color: #7fa328;
    padding-top: 10px;
}

/*其他文件中的格式
-----------------------------------------------------------------*/
table.other, table.other table
{
    width: 100%;
}
table.other ul
{
    margin-left: 12px;
    _margin-left: 6px;
    list-style-image: none;
    list-style-type: none;
    padding: 0;
}
table.other li
{
    background: url("/images/dot01.jpg") no-repeat left 6px;
    padding-left: 10px;
}
table.other li li
{
    background: url("/images/dot_02.jpg") no-repeat left 6px;
    padding-left: 8px;
}
table.other td
{
    background-color: #FFFFFF;
    padding: 4px;
}
table.other .lv1
{
    font: bold 13px/22px Verdana, Arial, Helvetica, sans-serif;
    color: #993300;
}
table.other .lv2
{
    color: #FF6600;
    font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
table.other .lv3
{
    color: #666666;
    font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

/*用户注册页面
----------------------------------------------------------------------*/
table.userinfo
{
    width: 100%;
}
table.userinfo td
{
    background: white;
    padding: 2px 0;
}
table.userinfo td.lv2title
{
    background: white url("/images/lv2page_72.jpg") no-repeat left center;
    padding-left: 20px;
}
table.userinfo td.tb_header
{
    width: 100px;
    vertical-align: top;
    padding-top: 5px;
}
table.userinfo td.infocollect
{
    width: 164px;
    text-align: left;
    padding: 2px;
    vertical-align: middle;
}
table.userinfo td.infocollect input
{
    width: 160px;
}
table.userinfo td.infodescription
{
    padding: 2px;
}


/*检测页面
-------------------------------------------------------------------------*/
.bg
{
    filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=1, StartColorStr=#DCEEBC, EndColorStr=#99C42E);
    width: 300px;
    height: 20px;
    border: 1px solid #F4F4F4;
    z-index: 0;
    position: relative;
}
.ps
{
    float: right;
    background-color: White;
    height: 20px;
    width: 100%;
}
.bn
{
    position: absolute;
    text-align: center;
    color: #FF6600;
    width: 100%;
    height: 100%;
    cursor: default;
}


#helpcenterdetail
{
    width: 738px;
    margin: 10px 0 10px 20px;
    _margin: 10px 0 10px 10px;
    text-align: left;
    text-indent: 20px;
}


/*搜索帮助列表
------------------------------------------------------------*/
#searchtitle
{
    text-align: center;
    width: 748px;
    font-size: 14px;
    font-weight: bold;
}

.searchhelplist
{
    width: 748px;
    text-align: left;
    vertical-align: top;
    padding: 15px 0 0 0;
}

.stitle
{
    height: 20px;
    line-height: 18px;
    background: #dceebc;
    padding-top: 5px;
    padding-left: 20px;
    font-weight: bold;
}
.helplist
{
    width: 748px;
    text-align: left;
    padding: 10px 0 0 18px;
}


/*购买点卡
------------------------------------------------------------*/
table.pointcardtypelist
{
    width: auto;
}
table.pointcardtypelist td
{
    background: white;
}
table.pointcardtypelist tr.title th
{
    font: bold 12px/18px Arial, "宋体";
    text-align: center;
    padding-right: 4px;
    vertical-align: bottom;
    background: gray;
    color: White;
}
table.pointcardtypelist td.image
{
    text-align: center;
    vertical-align: middle;
    background: white;
}
table.pointcardtypelist td.image img
{
    width: 40px;
}
table.pointcardtypelist td.name
{
    width: 160px;
    font: bold 12px/18px "微软雅黑" , "黑体";
    text-align: left;
    vertical-align: top;
}
table.pointcardtypelist td.note
{
    width: 300px;
    text-align: left;
    vertical-align: top;
}
table.pointcardtypelist td.money
{
    vertical-align: middle;
    font: bold 13px/18px Arial, "宋体";
    color: #414141;
    width: 80px;
    text-align: center;
    vertical-align: middle;
}
table.pointcardtypelist td.money span
{
}
table.pointcardtypelist td.point
{
    text-align: left;
    vertical-align: middle;
    font: bold 13px/18px Arial;
    color: #458600;
    width: 80px;
    text-align: center;
    vertical-align: middle;
}
table.pointcardtypelist td.attachpoint
{
    vertical-align: middle;
    font: bold 13px/18px Arial, "宋体";
    color: #458600;
    width: 60px;
    text-align: center;
    vertical-align: middle;
}
table.pointcardtypelist td.validdate
{
    width: 160px;
}
table.pointcardtypelist td.button
{
    width: 100px;
}
table.pointcardtypelist td.button a
{
    color: #ff7200;
}