/* 全局
————————————————————————————————————————————————————————————*/
.control_background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
    background: gray;
    filter: Alpha(Opacity=30, FinishOpacity=30，Style=2);
    opacity: 0.3;
}
.button_close {
    width: 40;
    text-align: right;
    float: right;
}
td {
    text-align: left;
}
td.header {
    text-indent: 20px;
    width: 587px;
    text-align: left;
    font: bold 13px/24px Verdana;
    height: 24px;
    vertical-align: middle;
    background: url( "/images/wizard_04.jpg" ) no-repeat top left;
}
td.tb_header_lv1 {
    border-bottom: dashed 1px #eee;
    width: 94%;
    font: bold 12px/18px Verdana;
    text-align: left;
    vertical-align: middle;
    padding: 0 10px;
}
td.tb_header_lv2 {
    text-align: right;
    width: 25%;
    padding: 6px 5px 2px 2px;
    vertical-align: top;
    background: white;
}
td.tb_header_lv2_s {
    text-align: right;
    width: 15%;
    padding: 6px 5px 2px 2px;
    vertical-align: top;
    background: white;
}
td.validator {
    padding: 2px 0;
    background: #fff;
    width: 400px;
}
td.controlbutton {
    padding: 4px 10px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
}

td.standardinfo {
    text-align: left;
    padding: 6px 5px 2px 2px;
    vertical-align: top;
    background: white;
}
td.importantinfo {
    font: bold 14px/18px Verdana;
    vertical-align: top;
    background: #fff;
}
td.description {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    background: white;
}

.nav {
    background: url( "/images/wizard_23.jpg" ) no-repeat left bottom;
    width: 587px;
    height: 29px;
    text-align: center;
}

/*添加课程
------------------------------------------------------------------------------------------------------*/
.addcourse_border {
    position: absolute;
    background-color: white;
    top: 30%;
    left: 44%;
    margin: -100px 0 0 -200px;
    width: 587px;
    border: solid 4px #eee;
    padding: 10px 4px;
}

.add_and_update_course {
    width: 587px;
    margin: 5px 0 0 -5px;
    vertical-align: top;
}

.courseheader {
    text-indent: 20px;
    width: 587px;
    text-align: left;
    font: bold 13px/24px Verdana;
    height: 24px;
    vertical-align: middle;
    background: url( "/images/wizard_04.jpg" ) no-repeat top left;
}

.coursebottom {
    background: url( "/images/wizard_23.jpg" ) no-repeat left bottom;
    width: 587px;
    height: 5px;
    text-align: center;
    margin: 0 0 5px 0;
}

.courseborder {
    background: url( "/images/wizard_07.jpg" ) repeat-y left top;
    width: 587px;
}

.td_width {
    width: 100px;
    text-align: right;
}

/* Wizard控件
————————————————————————————————————————————————————————————*/
.wizard_border {
    position: absolute;
    background-color: white;
    top: expression(parseInt((document.body.clientHeight-300)/2)+                                                                            "px" );
    left: expression(parseInt((document.body.clientWidth-810)/2)+                                                                            "px" );
    width: 800px;
    border: solid 4px #eee;
    padding: 10px 4px;
}
.add_update_course {
    width: 800px;
    margin: 10px;
    vertical-align: top;
}
.sidebar {
    width: 191px;
    text-align: left;
    vertical-align: top;
    background: url( "/images/wizard_03.jpg" ) no-repeat top left;
}
.sidebar .bottom {
    background: url( "/images/wizard_06.jpg" ) repeat-y left;
    width: 191px;
    height: auto;
}
.sidebar .bottom .hi {
    background: url( "/images/wizard_25.jpg" ) no-repeat bottom left;
    width: 191px;
    height: 200px;
}
.sidebarlist {
    width: 191px;
    background: url( "/images/wizard_06.jpg" ) repeat-y left;
}

.sidebar_normal {
    background: url( "/images/dot_normal.jpg" ) no-repeat 24px 6px;
    font: normal 12px/22px Verdana;
    padding-left: 40px;
}

.sidebar_selected {
    background: url( "/images/dot_current.jpg" ) no-repeat 24px 6px;
    font: bold 12px/22px Verdana;
    padding-left: 40px;
}
.sidebar_selected a {
    color: Green;
}
.wizardstep {
    background: url( "/images/wizard_07.jpg" ) repeat-y left top;
    width: 587px;
}
table.course_sort_list td {
    text-align: left;
    vertical-align: top;
}
table.course_sort_list {
    width: 180px;
}

/* 验证控件中的文字
————————————————————————————————————————————————————————————*/
.validator_error_title {
    font: bold 12px/18px Verdana;
    display: block;
    border-bottom: dashed 1px #eee;
}
.validator_error_content {
    font: normal 12px/18px Verdana;
    display: block;
}

/* Info控件样式
————————————————————————————————————————————————————————————*/
.info_frame {
    position: absolute;
    width: 400px;
    height: auto;
    background-color: white;
    border: solid 4px #F2670A;
    z-index: 12;
}
.info_title {
    font: bold 12px/18px Verdana;
    width: 380px;
    border-bottom: dashed 1px #eee;
    text-align: left;
}
.info_content {
    width: 380px;
    text-align: left;
    margin: 4px;
}

/*观看和收藏视频控件样式
-----------------------------------------------------------------------------------------------*/
.visitedvideoinfo_frame {
    position: absolute;
    width: 400px;
    height: auto;
    background-color: white;
    border: solid 4px #eee;
    top: expression(parseInt(document.body.clientHeight/2-130)+                                                        "px" );
    left: expression(parseInt(document.body.clientWidth/2-300)+                                                        "px" );
    z-index: 10;
}

/*用户信息控件样式
---------------------------------------------------------------------------------------------------------------*/
.userinfoControl_frame {
    position: absolute;
    width: 500px;
    height: auto;
    background-color: white;
    border: solid 4px #eee;
    top: expression(parseInt(document.body.clientHeight/2-130)+                                                        "px" );
    left: expression(parseInt(document.body.clientWidth/2-300)+                                                        "px" );
    z-index: 10;
}
.userinfo_title {
    font: bold 12px/18px Verdana;
    width: 480px;
    border-bottom: dashed 1px #eee;
    text-align: left;
}

/*查看用户评论信息控件样式
-----------------------------------------------------------------------------------------------------*/
.usercommentinfo_frame {
    position: absolute;
    width: 700px;
    height: auto;
    background-color: white;
    border: solid 4px #eee;
    top: expression(parseInt(document.body.clientHeight/2-130)+                                                        "px" );
    left: expression(parseInt(document.body.clientWidth/2-300)+                                                        "px" );
    z-index: 10;
}
.usercommentinfo_title {
    font: bold 12px/18px Verdana;
    width: 680px;
    border-bottom: dashed 1px #eee;
    text-align: left;
}



/* AddOrUpdateVideo控件样式
————————————————————————————————————————————————————————————*/
.iteminfo {
    width: 100%;
}

/*SelectIndustry控件样式
--------------------------------------------------------------------------------------------------------------------------*/
.IndustryInfo_frame {
    position: absolute;
    top: 100px;
    z-index: 999;
    padding: 6px 5px 6px 10px;
    width: 600px;
    height: auto;
    background-color: White;
    border: solid 4px #eee;
    top: expression(parseInt(document.body.clientHeight/2-130)+                                                        "px" );
    left: expression(parseInt(document.body.clientWidth/2-300)+                                                        "px" );
}

table.IndustryInfo {
    width: 100%;
}

table.IndustryInfo td.Industryheader {
    border-bottom: dashed 1px #eee;
    width: 80%;
    font: bold 12px/18px Verdana;
    text-align: left;
    vertical-align: middle;
    padding: 0 10px;
}

table.IndustryInfo td.font_prompt {
    font-family: Verdana;
    font-size: 12px;
    text-align: right;
    float: right;
    border-bottom: dashed 1px #eee;
}

table.IndustryInfo td.mainclass {
    width: 17%;
    font: bold 12px/18px Verdana;
    color: #F46F21;
    text-align: left;
    vertical-align: middle;
    padding: 0 10px;
    border-right: dashed 1px #7D7D7D;
}

table.IndustryInfo td.subclass {
    width: 83%;
    font: 12px/18px Verdana;
    color: #9DC338;
    text-align: left;
    vertical-align: middle;
    padding: 0 10px;
}

table.IndustryInfo a:link {
    text-decoration: none;
    color: #565353;
}

table.IndustryInfo a:hover {
    text-decoration: underline;
    color: #749b12;
}
table.IndustryInfo a:visited {
    text-decoration: none;
    color: #999999;
}

/* CourseSort控件样式
————————————————————————————————————————————————————————————*/
#sort {
    width: 191px;
    background-color: #ececec;
    height: auto;
    float: left;
    margin-left: 20px;
    _margin-left: 10px;
}
#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;
    padding-bottom: 20px;
}
/* 帮助文档目录树控件样式
————————————————————————————————————————————————————————————*/
#articletree .sortlist {
    width: 228px;
    text-align: left;
    font: normal 12px/18px Verdana;
    overflow-x: scroll;
    margin: 0 6px;
}

.sortlist {
    width: 178px;
    text-align: left;
    font: normal 12px/18px Verdana;
    overflow-x: scroll;
    margin: 0 6px;
}
.sortlist table {
    width: 100%;
}
.sortlist td div {
    height: 20px !important;
}
.sortlist .rootnode {
}
.sortlist .parentnode {
}
.sortlist .leafnode {
}
.sortlist .node {
    text-align: left;
    width: 100%;
}
.selectedsort a {
    font: bold 12px/18px Verdana;
    color: #FF5A00;
}

/* NewCourse控件样式
————————————————————————————————————————————————————————————*/
#newcourse {
    float: left;
    background: url( "/images/banner_02.jpg" ) repeat-x top left;
    width: 328px;
    height: 214px;
}
#newcourse .left {
    background: url( "/images/banner_01.jpg" ) no-repeat top left;
    float: left;
    width: 20px;
    height: 214px;
}
#newcourse .right {
    background: url( "/images/banner_04.jpg" ) no-repeat top right;
    float: left;
    width: 21px;
    height: 214px;
}
#newcourse .content {
    float: left;
    width: 287px;
    height: 214px;
}
#newcourse .first {
    height: auto;
    width: 287px;
    color: #494949;
    float: left;
    margin-top: 30px;
}
#newcourse .first .breviaryimg {
    float: left;
    width: 63px;
    height: 43px;
    border: solid 1px #999;
    margin: 0 6px;
}
#newcourse .first .breviaryimg img {
    width: 63px;
    height: 43px;
}
#newcourse .first .title {
    text-align: left;
    width: 200px;
    font: bold 12px/18px Verdana;
    float: left;
}
#newcourse .first .intro {
    font: normal 12px/18px Verdana;
    float: left;
    width: 200px;
    text-align: left;
}
#newcourse .other {
    float: left;
    width: 270px;
    margin-left: 6px;
    font: normal 12px/18px Verdana;
    text-align: left;
}
#newcourse .other li {
    background: url( "/images/dot01.gif" ) no-repeat left 4px;
    padding-left: 16px;
}

/* Banner控件和BannerForIndex控件样式
————————————————————————————————————————————————————————————*/
#coursebanner {
    background: url( "/images/banner_06.jpg" ) repeat-x left top;
    float: left;
    width: 620px;
    height: 214px;
}
#coursebanner .images {
    margin-top: 6px;
}
#coursebanner .images input {
    filter: RevealTrans ( duration = 1，transition=23 );
    position: relative;
    left: 0px;
    top: 0px;
    width: 620px;
    height: 193px;
    float: left;
    z-index: 1;
}
#indexbanner {
    width: 393px;
    height: 194px;
}
#indexbanner .images {
}
#indexbanner .images input {
    filter: RevealTrans ( duration = 1，transition=23 );
    position: relative;
    left: 0px;
    top: 0px;
    width: 393px;
    height: 194px;
    float: left;
    z-index: 1;
}
.images table.handlers {
    position: relative;
    top: -25px;
    _top: -30px;
    left: 0px;
    z-index: 2;
}
.images table.handlers td {
    text-align: center;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url( "/images/handler.png" );
    border: solid 1px #ddd;
    cursor: hand;
}

/* 推荐课程控件样式
————————————————————————————————————————————————————————————*/
.recommend_course {
    padding: 10px 20px;
}
.recommend_course .title {
    font: bold 12px/18px Verdana;
    color: #7fa328;
    padding-bottom: 10px;
    text-align: left;
    border-bottom: dashed 1px #888;
}
.recommend_course .more {
    text-align: right;
    margin: 10px 20px;
}
.recommend_course table {
    width: 400px;
    margin: 10px 0;
}
.recommend_course td.coursename {
    background: url( "/images/dot01.gif" ) no-repeat center left;
    padding-left: 15px;
    width: 200px;
    height: 20px;
}
.greyframe {
    text-align: center;
    padding: 10px 0;
}
.greyframe .lefttop {
    background: #e5e5e5 url( "/images/e5e5e5_01.jpg" ) no-repeat left top;
    width: auto;
    height: auto;
}
.greyframe .leftbottom {
    background: url( "/images/e5e5e5_06.jpg" ) no-repeat left bottom;
    width: auto;
    height: auto;
}
.greyframe .righttop {
    background: url( "/images/e5e5e5_03.jpg" ) no-repeat right top;
    width: auto;
    height: auto;
}
.greyframe .rightbottom {
    background: url( "/images/e5e5e5_08.jpg" ) no-repeat right bottom;
    width: auto;
    height: auto;
}

/* 统一控件样式
————————————————————————————————————————————————————————————*/
.item_frame {
    border: solid 4px #F2670A;
    z-index: 10;
    width: 900px;
    height: auto;
    background-color: white;
    padding-bottom: 10px;
    position: absolute;
    top: 20px;
    left: expression(parseInt(document.body.clientWidth/2-450)+                                                        "px" );
}
.controlhandler {
    height: 20px;
    background-color: #F2670A;
    margin-bottom: 10px;
}
.controlhandler .title {
    display: block;
    font: bold 12px/20px Verdana;
    color: White;
    float: left;
}


/* 订单信息
---------------------------------------------------------------*/
.orderforminfo {
    width: 100%;
}
.orderforminfo td {
    background: white;
}
.orderforminfo td.lv2title {
    font: bold 12px/24px Verdana;
    background: #eee;
    padding: 2px;
    text-indent: 10px;
}
.productlist {
    width: 100%;
}
.productlist th {
    text-align: center;
    background: white;
}
.productlist td {
    padding: 2px;
}
.productlist td.productdescription {
    text-align: left;
}
.productlist td.count {
    text-align: center;
    width: 10%;
}
.productlist td.count table.tb_count td {
    padding: 0;
}
.productlist td.money {
    width: 12%;
    text-align: center;
}
.orderforminfo td.collectinfo {
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
}
.orderforminfo td.comfirmbutton {
    text-align: center;
}
.orderforminfo .couponinfo {
}
.orderforminfo .couponinfo .title {
    font: bold 12px/18px Verdana;
}
.orderforminfo .couponinfo .td_header {
    width: 140px;
    text-align: left;
    padding-right: 2px;
}