﻿/* 全局定义
-------------------------------------------------------------------------------------------------------------*/
body
{
    margin: 0px;
    text-align: center;
    font: normal 12px/18px Verdana;
    color: #565353;
}
input, select
{
    text-align: left;
    font: normal 12px/16px Vandana;
    color: #565353;
}
a:link
{
    text-decoration: none;
    color: #565353;
}
a:visited
{
    text-decoration: none;
    color: #565353;
}
a:hover
{
    text-decoration: underline;
    color: #749b12;
}
a img
{
    border: 0;
}
ul
{
    margin: 0;
}
.td_header
{
    height: 18px;
    text-align: right;
    padding: 0px 5px;
    vertical-align: middle;
}

/* 边框样式
-------------------------------------------------------------------------------*/
.border_t, .border_r, .border_b, .border_l, .corner_tl, .corner_tr, .corner_br, .corner_bl
{
    width: 100%;
    height: 100%;
}

/* 白色背景，灰色边框，带阴影边框，顶部的用户栏专用 */
.frame_w_g_s
{
    text-align: center;
    height: auto;
    width: auto;
    background-color: White;
}

.frame_w_g_s .w_g_s_bt
{
    background:  url("/images/index_1_06.jpg" ) repeat-x top;
}

.frame_w_g_s .w_g_s_br
{
    background:  url("/images/index_1_13.jpg" ) repeat-y right;
}

.frame_w_g_s .w_g_s_bb
{
    background:  url("/images/index_1_32.jpg" ) repeat-x bottom;
}

.frame_w_g_s .w_g_s_bl
{
    background:  url("/images/index_1_06.jpg" ) repeat-y left;
}

.frame_w_g_s .w_g_s_ctl
{
    background:  url("/images/index_1_05.jpg" ) no-repeat left top;
}
.frame_w_g_s .w_g_s_ctr
{
    background:  url("/images/index_1_08.jpg" ) no-repeat right top;
}
.frame_w_g_s .w_g_s_cbr
{
    background:  url("/images/index_1_31.jpg" ) no-repeat right bottom;
}
.frame_w_g_s .w_g_s_cbl
{
    background:  url("/images/index_1_29.jpg" ) no-repeat left bottom;
}

/* 白色背景，深灰色边框，在浅灰色背景上*/
.frame_w_g_g
{
    text-align: center;
    height: auto;
    width: auto;
    background-color: White;
}

.frame_w_g_g .w_g_g_bt
{
    background:  url("/images/index_1_40.jpg" ) repeat-x top;
}

.frame_w_g_g .w_g_g_br
{
    background:  url("/images/index_1_40.jpg" ) repeat-y right;
}

.frame_w_g_g .w_g_g_bb
{
    background:  url("/images/index_1_40.jpg" ) repeat-x bottom;
}

.frame_w_g_g .w_g_g_bl
{
    background:  url("/images/index_1_40.jpg" ) repeat-y left;
}

.frame_w_g_g .w_g_g_ctl
{
    background:  url("/images/index_1_39.jpg" ) no-repeat left top;
}
.frame_w_g_g .w_g_g_ctr
{
    background:  url("/images/index_1_43.jpg" ) no-repeat right top;
}
.frame_w_g_g .w_g_g_cbr
{
    background:  url("/images/index_1_59.jpg" ) no-repeat right bottom;
}
.frame_w_g_g .w_g_g_cbl
{
    background:  url("/images/index_1_57.jpg" ) no-repeat left bottom;
}

/* 玉米丝色背景，灰色边框，在白色背景上*/
.frame_c_g_w
{
    background-color: #fff8de;
}

.frame_c_g_w .c_g_w_bt
{
    background:  url("/images/index_2_07.jpg" ) repeat-x top;
}

.frame_c_g_w .c_g_w_br
{
    background:  url("/images/index_2_15.jpg" ) repeat-y right;
}

.frame_c_g_w .c_g_w_bb
{
    background:  url("/images/index_2_30.jpg" ) repeat-x bottom;
}

.frame_c_g_w .c_g_w_bl
{
    background:  url("/images/index_2_12.jpg" ) repeat-y left;
}

.frame_c_g_w .c_g_w_ctl
{
    background:  url("/images/index_2_06.jpg" ) no-repeat left top;
}
.frame_c_g_w .c_g_w_ctr
{
    background:  url("/images/index_2_09.jpg" ) no-repeat right top;
}
.frame_c_g_w .c_g_w_cbr
{
    background:  url("/images/index_2_29.jpg" ) no-repeat right bottom;
}
.frame_c_g_w .c_g_w_cbl
{
    background:  url("/images/index_2_28.jpg" ) no-repeat left bottom;
}

/* 灰色背景，灰色边框，在白色背景上，小圆角*/
.frame_g_g_w
{
    height: auto;
    width: auto;
    background: #f4f4f4;
    text-align: center;
}
.frame_g_g_w .g_g_w_bt
{
    background:  url("/images/index_1_64.jpg" ) repeat-x top;
}
.frame_g_g_w .g_g_w_br
{
    background:  url("/images/index_1_64.jpg" ) repeat-y right;
}
.frame_g_g_w .g_g_w_bb
{
    background:  url("/images/index_1_64.jpg" ) repeat-x bottom;
}
.frame_g_g_w .g_g_w_bl
{
    background:  url("/images/index_1_64.jpg" ) repeat-y left;
}
.frame_g_g_w .g_g_w_ctl
{
    background:  url("/images/index_1_63.jpg" ) no-repeat left top;
}
.frame_g_g_w .g_g_w_ctr
{
    background:  url("/images/index_1_67.jpg" ) no-repeat right top;
}
.frame_g_g_w .g_g_w_cbr
{
    background:  url("/images/index_1_72.jpg" ) no-repeat right bottom;
}
.frame_g_g_w .g_g_w_cbl
{
    background:  url("/images/index_1_71.jpg" ) no-repeat left bottom;
}

/* 灰色背景 无边框 在白色背景上 大圆角*/
.frame_g_0_w
{
    text-align: center;
}
.frame_g_0_w .g_0_w_ctl
{
    background: #e5e5e5  url("/images/e5e5e5_01.jpg" ) no-repeat left top;
}
.frame_g_0_w .g_0_w_cbl
{
    background:  url("/images/e5e5e5_06.jpg" ) no-repeat left bottom;
}
.frame_g_0_w .g_0_w_ctr
{
    background:  url("/images/e5e5e5_03.jpg" ) no-repeat right top;
}
.frame_g_0_w .g_0_w_cbr
{
    background:  url("/images/e5e5e5_08.jpg" ) no-repeat right bottom;
}
.frame_g_0_w .framecontent
{
    width: auto;
}
.frame_g_0_w .framecontent .symbol
{
    text-align: center;
    vertical-align: top;
    width: 54px;
}
.frame_g_0_w .framecontent .symbol_big
{
    margin-right: 20px;
    float: left;
}
.frame_g_0_w .framecontent .rightinfo
{
    float: right;
}

.frame_g_0_w .framecontent .title
{
    font: bold 20px "微软雅黑" , "黑体";
    float: left;
    vertical-align: middle;
}
.frame_g_0_w .framecontent span
{
    padding: 0;
}
.frame_g_0_w .framecontent .otherbutton
{
    text-align: center;
}
.frame_g_0_w span
{
    display: block;
    text-align: left;
    width: 90%;
    color: #414141;
    padding: 16px;
}

/* 白色背景 灰色边框 在白色背景上 大圆角*/
.frame_w_g_w
{
    text-align: center;
    height: auto;
    background-color: White;
}

.frame_w_g_w .w_g_w_bt
{
    background:  url("/images/e4e4e4frame_02.jpg" ) repeat-x top;
}

.frame_w_g_w .w_g_w_br
{
    background:  url("/images/e4e4e4frame_06.jpg" ) repeat-y right;
}

.frame_w_g_w .w_g_w_bb
{
    background:  url("/images/e4e4e4frame_02.jpg" ) repeat-x bottom;
}

.frame_w_g_w .w_g_w_bl
{
    background:  url("/images/e4e4e4frame_06.jpg" ) repeat-y left;
}

.frame_w_g_w .w_g_w_ctl
{
    background:  url("/images/e4e4e4frame_01.jpg" ) no-repeat left top;
}
.frame_w_g_w .w_g_w_cbl
{
    background:  url("/images/e4e4e4frame_10.jpg" ) no-repeat left bottom;
}
.frame_w_g_w .w_g_w_ctr
{
    background:  url("/images/e4e4e4frame_04.jpg" ) no-repeat right top;
}
.frame_w_g_w .w_g_w_cbr
{
    background:  url("/images/e4e4e4frame_11.jpg" ) no-repeat right bottom;
}
.frame_w_g_w .framecontent
{
    width: auto;
    height: auto;
    padding: 10px;
}

/* 白色背景 灰色边框 在灰色背景上 大圆角*/
.frame_w_g_g_2
{
    text-align: center;
    height: auto;
    background-color: White;
}

.frame_w_g_g_2 .w_g_g_2_bt
{
    background:  url("/images/ddddddframe_02.jpg" ) repeat-x top;
}

.frame_w_g_g_2 .w_g_g_2_br
{
    background:  url("/images/ddddddframe_06.jpg" ) repeat-y right;
}

.frame_w_g_g_2 .w_g_g_2_bb
{
    background:  url("/images/ddddddframe_02.jpg" ) repeat-x bottom;
}

.frame_w_g_g_2 .w_g_g_2_bl
{
    background:  url("/images/ddddddframe_06.jpg" ) repeat-y left;
}

.frame_w_g_g_2 .w_g_g_2_ctl
{
    background:  url("/images/ddddddframe_01.jpg" ) no-repeat left top;
}
.frame_w_g_g_2 .w_g_g_2_cbl
{
    background:  url("/images/ddddddframe_10.jpg" ) no-repeat left bottom;
}
.frame_w_g_g_2 .w_g_g_2_ctr
{
    background:  url("/images/ddddddframe_04.jpg" ) no-repeat right top;
}
.frame_w_g_g_2 .w_g_g_2_cbr
{
    background:  url("/images/ddddddframe_11.jpg" ) no-repeat right bottom;
}
.frame_w_g_g_2 .framecontent
{
    width: auto;
    height: auto;
    padding: 10px;
}

/* 粉色背景，红色边框，在灰色背景上*/
.frame_p_r_g
{
    text-align: center;
    background-color: #ffeae6;
}

.frame_p_r_g .p_r_g_bt
{
    background:  url("/images/index_2_36.jpg" ) repeat-x top;
}

.frame_p_r_g .p_r_g_br
{
    background:  url("/images/index_2_36.jpg" ) repeat-y right;
}

.frame_p_r_g .p_r_g_bb
{
    background:  url("/images/index_2_36.jpg" ) repeat-x bottom;
}

.frame_p_r_g .p_r_g_bl
{
    background:  url("/images/index_2_36.jpg" ) repeat-y left;
}

.frame_p_r_g .p_r_g_ctl
{
    background:  url("/images/index_2_35.jpg" ) no-repeat left top;
}
.frame_p_r_g .p_r_g_ctr
{
    background:  url("/images/index_2_39.jpg" ) no-repeat right top;
}
.frame_p_r_g .p_r_g_cbr
{
    background:  url("/images/index_2_124.jpg" ) no-repeat right bottom;
}
.frame_p_r_g .p_r_g_cbl
{
    background:  url("/images/index_2_123.jpg" ) no-repeat left bottom;
}
.frame_p_r_g .sorttitle
{
    background:  url("/images/index_2_69.jpg" ) no-repeat left 4px;
    color: #ca2303;
}
.frame_p_r_g .coursetitle
{
    background:  url("/images/index_2_84.jpg" ) no-repeat left 5px;
    color: #222;
}
.frame_p_r_g .videotitle
{
    background:  url("/images/index_2_97.jpg" ) no-repeat 3px 8px;
    color: #383838;
}
.frame_p_r_g .spliter
{
    background:  url("/images/index_2_121.jpg" ) repeat-x center;
    width: 90%;
}

/* 浅黄色背景，橙色边框，在灰色背景上*/
.frame_ly_o_g
{
    text-align: center;
    background-color: #fff8de;
}

.frame_ly_o_g .ly_o_g_bt
{
    background:  url("/images/index_2_42.jpg" ) repeat-x top;
}

.frame_ly_o_g .ly_o_g_br
{
    background:  url("/images/index_2_42.jpg" ) repeat-y right;
}
.frame_ly_o_g .ly_o_g_bb
{
    background:  url("/images/index_2_42.jpg" ) repeat-x bottom;
}

.frame_ly_o_g .ly_o_g_bl
{
    background:  url("/images/index_2_42.jpg" ) repeat-y left;
}

.frame_ly_o_g .ly_o_g_ctl
{
    background:  url("/images/index_2_41.jpg" ) no-repeat left top;
}
.frame_ly_o_g .ly_o_g_ctr
{
    background:  url("/images/index_2_44.jpg" ) no-repeat right top;
}
.frame_ly_o_g .ly_o_g_cbr
{
    background:  url("/images/index_2_126.jpg" ) no-repeat right bottom;
}
.frame_ly_o_g .ly_o_g_cbl
{
    background:  url("/images/index_2_125.jpg" ) no-repeat left bottom;
}
.frame_ly_o_g .sorttitle
{
    background:  url("/images/index_2_72.jpg" ) no-repeat left 4px;
    color: #f46d1d;
}
.frame_ly_o_g .coursetitle
{
    background:  url("/images/index_2_86.jpg" ) no-repeat left 5px;
    color: #222;
}
.frame_ly_o_g .videotitle
{
    background:  url("/images/index_2_100.jpg" ) no-repeat 3px 8px;
    color: #383838;
}
.frame_ly_o_g .spliter
{
    background:  url("/images/index_2_113.jpg" ) repeat-x center;
    width: 90%;
}

/* 淡青色背景，绿色边框，在灰色背景上*/
.frame_lc_gr_g
{
    text-align: center;
    background-color: #effdef;
}

.frame_lc_gr_g .lc_gr_g_bt
{
    background:  url("/images/index_2_47.jpg" ) repeat-x top;
}

.frame_lc_gr_g .lc_gr_g_br
{
    background:  url("/images/index_2_47.jpg" ) repeat-y right;
}
.frame_lc_gr_g .lc_gr_g_bb
{
    background:  url("/images/index_2_47.jpg" ) repeat-x bottom;
}

.frame_lc_gr_g .lc_gr_g_bl
{
    background:  url("/images/index_2_47.jpg" ) repeat-y left;
}

.frame_lc_gr_g .lc_gr_g_ctl
{
    background:  url("/images/index_2_46.jpg" ) no-repeat left top;
}
.frame_lc_gr_g .lc_gr_g_ctr
{
    background:  url("/images/index_2_49.jpg" ) no-repeat right top;
}
.frame_lc_gr_g .lc_gr_g_cbr
{
    background:  url("/images/index_2_128.jpg" ) no-repeat right bottom;
}
.frame_lc_gr_g .lc_gr_g_cbl
{
    background:  url("/images/index_2_127.jpg" ) no-repeat left bottom;
    width: 100%;
    height: 100%;
}
.frame_lc_gr_g .sorttitle
{
    background:  url("/images/index_2_75.jpg" ) no-repeat left 4px;
    color: #288b28;
}
.frame_lc_gr_g .coursetitle
{
    background:  url("/images/index_2_88.jpg" ) no-repeat left 5px;
    color: #222;
}
.frame_lc_gr_g .videotitle
{
    background:  url("/images/index_2_105.jpg" ) no-repeat 3px 8px;
    color: #383838;
}
.frame_lc_gr_g .spliter
{
    background:  url("/images/index_2_116.jpg" ) repeat-x center;
    width: 90%;
}

/* 艾丽丝蓝色背景，蓝色边框，在灰色背景上*/
.frame_ab_b_g
{
    text-align: center;
    background-color: #eef3ff;
}

.frame_ab_b_g .ab_b_g_bt
{
    background:  url("/images/index_2_52.jpg" ) repeat-x top;
}

.frame_ab_b_g .ab_b_g_br
{
    background:  url("/images/index_2_52.jpg" ) repeat-y right;
}
.frame_ab_b_g .ab_b_g_bb
{
    background:  url("/images/index_2_52.jpg" ) repeat-x bottom;
}

.frame_ab_b_g .ab_b_g_bl
{
    background:  url("/images/index_2_52.jpg" ) repeat-y left;
}

.frame_ab_b_g .ab_b_g_ctl
{
    background:  url("/images/index_2_51.jpg" ) no-repeat left top;
}
.frame_ab_b_g .ab_b_g_ctr
{
    background:  url("/images/index_2_54.jpg" ) no-repeat right top;
}
.frame_ab_b_g .ab_b_g_cbr
{
    background:  url("/images/index_2_130.jpg" ) no-repeat right bottom;
}
.frame_ab_b_g .ab_b_g_cbl
{
    background:  url("/images/index_2_129.jpg" ) no-repeat left bottom;
}
.frame_ab_b_g .sorttitle
{
    background:  url("/images/index_2_78.jpg" ) no-repeat left 4px;
    color: #2657cf;
}
.frame_ab_b_g .coursetitle
{
    background:  url("/images/index_2_90.jpg" ) no-repeat left 5px;
    color: #222;
}
.frame_ab_b_g .videotitle
{
    background:  url("/images/index_2_108.jpg" ) no-repeat 3px 8px;
    color: #383838;
}
.frame_ab_b_g .spliter
{
    background:  url("/images/index_2_118.jpg" ) repeat-x center;
    width: 90%;
}



.mainframe
{
    height: auto;
    width: 1000px;
    background: #f4f4f4;
    text-align: center;
}
.totalpoint
{
    white-space:nowrap;
    font: normal 12px/18px Verdana;
    color: #ff5a00;
}
a.totalpoint
{
    font: normal 12px/18px Verdana;
    color: #ff5a00;
}
a.totalpoint:link
{
    font: normal 12px/18px Verdana;
    color: #ff5a00;
}
a.totalpoint:visited
{
    font: normal 12px/18px Verdana;
    color: #ff5a00;
}
a.totalpoint:hover
{
    font: normal 12px/18px Verdana;
    color: #6a9307;
}
a.totalpoint:active
{
    font: normal 12px/18px Verdana;
    color: #ff5a00;
}


/* header
-------------------------------------------------------------------------------------------------------------*/
#header
{
    background:  url("/images/index_1_17.jpg" ) repeat-x bottom;
    height: auto;
    width: 1000px;
    margin-top: 2px;
}
#header .left
{
    background:  url("/images/index_1_16.jpg" ) no-repeat bottom left;
    width: 1000px;
    height: auto;
}
#header .content
{
}
#header .right
{
    background:  url("/images/index_1_19.jpg" ) no-repeat bottom right;
    width: 1000px;
    height: auto;
}
#logo
{
    float: left;
    margin: 0 20px;
    _margin: 0 20px 0 10px width: 297px;
    height: 112px;
}

/* 用户登录和搜索
-------------------------------------------------------------------------------*/
#userlogin_search
{
    height: auto;
    width: auto;
    float: right;
    color: #6d6d6d;
    margin-right: 20px;
}
#userlogin_search input, #userlogin_search select
{
    border: solid 1px #e4e4e4;
    text-align: left;
    font: normal 12px/16px Vandana;
    color: #565353;
}
#userlogin_search .spliter
{
    width: 420px;
    height: 10px;
    background:  url("/images/index_1_23.jpg" ) repeat-x left center;
}
#userlogin_search .spliter .left
{
    width: 420px;
    height: 10px;
    background:  url("/images/index_1_22.jpg" ) no-repeat left center;
}
#userlogin_search .spliter .right
{
    width: 420px;
    height: 10px;
    background:  url("/images/index_1_25.jpg" ) no-repeat right center;
}
.userlogin
{
    margin: 0 10px;
    _margin: 0 10px 0 5px;
}
.userlogin a
{
    font-weight: bold;
}
.userlogin td
{
    padding: 0 3px;
    vertical-align: middle;
    text-align: left;
}
.userlogin td.forgetpass
{
    height: 18px;
    text-align: right;
    font: normal 12px/18px Verdana;
    color: #749b12;
}
.userlogin td.forgetpass a:link
{
    color: #749b12;
}
.userlogin .userpoint
{
    font: bold 12px/40px Arial;
    text-align: left;
    display: block;
    padding: 0 20px;
}
.userlogin .userpoint span
{
    display: inline;
    padding: 0;
}

.userlogin .loginsuccessinfo
{
    float: left;
}
.userlogin .loginsuccessinfo .normal
{
    color: #f46f21;
    background:  url("/images/dot_02.jpg" ) no-repeat left 6px;
}
.userlogin .loginsuccessinfo .except
{
    color: #aaa;
}


/* 导航栏
-------------------------------------------------------------------------------------------------------------*/
#nav .border_r
{
    padding-top: 10px;
}
#nav .main
{
    width: 980px;
    background:  url("/images/nav_button_08.jpg" ) repeat-x top left;
}
#nav .main ul
{
    display: block;
    list-style: none;
    list-style-image: none;
}
#nav .main ul li
{
    float: left;
}
#nav .helper
{
    float: right;
}

/* 页脚
-------------------------------------------------------------------------------------------------------------*/
#footer
{
    width: 1000px;
    color: #9c9c9c;
    text-align: center;
}
#footer .spliter
{
    background:  url("/images/index_1_77.jpg" ) repeat-x top left;
    height: 5px;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 8px;
}
#footer .spliter .left
{
    background:  url("/images/index_1_76.jpg" ) no-repeat top left;
    width: 100%;
    height: 100%;
}
#footer .spliter .right
{
    background:  url("/images/index_1_79.jpg" ) no-repeat top right;
    width: 100%;
    height: 100%;
}
#footer .content
{
    float: left;
    margin-left: 220px;
    _margin-left: 110px;
}
#footer .content a:link
{
    color: #9c9c9c;
}
#footer .content a:hover
{
    color: #749b12;
}
#footer .content a:visited, #footer .content a:active
{
    color: #9c9c9c;
}
#yahoostat
{
    float: right;
    margin-right: 40px;
}

/* 验证控件中的文字
————————————————————————————————————————————————————————————*/
.validator_error_title
{
    font: bold 12px/18px Verdana;
    display: block;
    border-bottom: dashed 1px #eee;
    text-align: left;
}
.validator_error_content
{
    font: normal 12px/18px Verdana;
    display: block;
    text-align: left;
}

/*自动完成控件样式
---------------------------------------------------------------------------------------------------------------------------------------*/
.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    z-index: 999;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
    background: #749b12  url("/images/dot01.gif" ) no-repeat 3px center;
    color: white;
    padding-left: 10px;
    z-index: 999;
}

/* AutoComplete item */
.autocomplete_listItem
{
    z-index: 999;
    background: #fff  url("/images/dot01.gif" ) no-repeat 3px center;
    padding-left: 10px;
    color: windowtext;
}

/*水印文本框样式
--------------------------------------------------------------------------------------------------------------------------*/
.unwatermarked
{
    height: 18px;
}

.watermarked
{
    height: 15px;
    padding: 2px 0 0 2px;
    border: solid 1px #e4e4e4;
    font: normal 12px/16px Verdana;
    background-color: #e9ffd3;
    color: gray;
}
.watermarked_forloginpage
{
    height: 17px;
    padding: 2px 0 0 4px;
    border: 1px solid #7F9DB9;
    font: normal 12px/16px Verdana;
    background-color: #e9ffd3;
    color: black;
}

/*评分控件样式
--------------------------------------------------------------------------------------------------------------------------*/
.rating_star
{
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.filled_star
{
    background-image:  url("/images/star_color.jpg" );
}
.empty_star
{
    background-image:  url("/images/star_grey.jpg" );
}
.waiting_star
{
    background-image:  url("/images/star_color.jpg" );
}

.collapsehandle
{
    float: right;
    margin-right: 40px;
    width: 100px;
    height: auto;
}


.pager
{
    background-color: White;
}
.rightlist .pager
{
    background:  url("/images/coursePanel_02.jpg" ) repeat-y left;
    width: 746px;
    height: auto;
}
.pager table
{
    float: left;
}
.pager span
{
    display: block;
    width: 24px;
    height: 24px;
    background: #bbb;
    border: solid 1px #aaa;
    text-decoration: none;
    text-align: center;
    font: bold 12px/24px Verdana;
    color: #fff;
}
.pager a
{
    display: block;
    width: 24px;
    height: 24px;
    background: #ddd;
    border: solid 1px #ccc;
    text-decoration: none;
    text-align: center;
    font: bold 12px/24px Verdana;
}
.pager a:link
{
    color: #6d8f18;
}
.pager a:visited
{
    color: #82915c;
}
.pager a:hover
{
    background: #bbb;
    border: solid 1px #aaa;
    color: #fff;
}
.pager a:active
{
    color: #6d8f18;
}

#mainlist
{
    width: 738px;
    float: left;
}
#mainlist .listitem
{
    width: 738px;
    height: auto;
    float: left;
    text-align: center;
    margin-left: 10px;
    _margin-left: 5px;
    padding-right: 6px;
}
#mainlist .listitem .bottom
{
    background:  url("/images/coursePanel_09.jpg" ) no-repeat left bottom;
    width: 746px;
    height: 19px;
}
#mainlist .itemtitle
{
    background:  url("/images/coursePanel_01.jpg" ) no-repeat top left;
    width: 746px;
    height: 40px;
    text-align: center;
}
#mainlist .itemtitle .count
{
    font: normal 12px/18px Verdana;
    display: inline;
}
#mainlist .itemtitle table
{
    width: 94%;
}
#mainlist .itemtitle td.title
{
    font: bold 14px Verdana;
    color: #5b7f03;
    height: 40px;
    width: 580px;
    text-align: left;
}
#mainlist .itemtitle td.triangle
{
    width: 30px;
    background:  url("/images/lv2page_72.jpg" ) no-repeat 10px 12px;
}
#mainlist .itemtitle td.title a
{
    font: bold 16px Verdana;
}
#mainlist .itemtitle .videocount
{
    font: normal 12px/18px Verdana;
    color: #F36D0E;
}
#mainlist .itemtitle .totalpoint
{
    font: normal 12px/18px Verdana;
    color: #CA2303;
}
#mainlist .iteminfo
{
    background:  url("/images/coursePanel_02.jpg" ) repeat-y left;
    width: 746px;
    height: auto;
    text-align: left;
    vertical-align: top;
}
.iteminfo_content
{
    vertical-align: top;
    text-align: right;
    width: 300px;
}
.iteminfo_content table
{
    width: 290px;
}
.iteminfo_content td
{
    text-align: left;
    vertical-align: top;
}
.iteminfo_content td td
{
    vertical-align: middle;
}
.iteminfo_content td.tb_header
{
    color: #f46f21;
    font: bold 12px/18px Verdana;
    width: 40px;
    text-align: right;
    padding-right: 3px;
    vertical-align: middle;
}
.iteminfo_content td.tag
{
    width: 140px;
    text-align: left;
}
.iteminfo_content td.tag table
{
    width: 140px;
}
.iteminfo_content td.tag table td
{
    vertical-align: middle;
    font: normal 12px/18px Verdana;
}
.iteminfo_content td.intro
{
    text-align: left;
    text-indent: 0;
    padding: 0 10px;
    _padding: 0 5px;
    border-bottom: dashed 1px gray;
}
.iteminfo_content td.intro a
{
    text-align: left;
}
.iteminfo_content td.enter
{
    text-align: center;
}
#mainlist .listitem .more
{
    text-align: right;
    width: 400px;
    float: right;
    margin-right: 12px;
    padding-top: 6px;
    font: bold 12px/18px Verdana;
    background:  url("/images/h_line_01.jpg" ) no-repeat right top;
}

.videolist, td.videolist
{
    vertical-align: top;
    text-align: left;
    padding-left: 6px;
    width: 100%;
}

.videolist table.videoitem
{
    width: 98%;
}
.videolist td.title
{
    background: none;
    font: bold 12px/14px Verdana;
    height: 14px;
    color: #4a4a4a;
    text-align: left;
}
.videolist td.title a:link
{
    font: bold 12px/14px Verdana;
    color: #4a4a4a;
}
.videolist td.videoinfo
{
    text-align: left;
    font: normal 12px/14px Verdana;
    height: 28px;
    color: #6b6b6b;
}
.videolist td.vline0, .videolist td.vline1, .videolist td.vline2
{
    width: 14px;
    height: auto;
    vertical-align: middle;
    text-align: center;
}
.videolist td.vline0
{
    background: url(    "/images/V_Line_00.jpg" ) repeat-y top left;
}
.videolist td.vline1
{
    background: url(    "/images/V_Line_01.jpg" ) repeat-y top left;
}
.videolist td.vline2
{
    background: url(    "/images/V_Line_02.jpg" ) repeat-y top left;
}
.videolist td.start
{
    padding: 0 3px;
    width: 110px;
}
.videolist td.collect
{
    padding: 0 3px;
    width: 80px;
}

/*TabContainer样式*/
.tabcontainer
{
    height: auto;
    text-align: left;
    display:block;
    float:left;
}
.tabcontainer .ajax__tab_header
{
    display:block;
    background: url("/images/tab_18.jpg" ) repeat-x bottom;
}
.tabcontainer .ajax__tab_outer
{
    display:block;
    padding-right:6px;
    background: url("/images/tab_05.jpg" ) no-repeat right top;
    height: 32px;
    width:auto;
}
.tabcontainer .ajax__tab_inner
{
    width:auto;
    padding-left: 3px;
    background: url("/images/tab_02.jpg" ) no-repeat left top;
    height:auto;
}
.tabcontainer .ajax__tab_tab
{
    font: bold 14px/30px "微软雅黑" , "黑体";
    height: 32px;
    padding: 0 4px;
    margin: 0;
    display:block;
    cursor:pointer;
    background: url("/images/tab_03.jpg" ) repeat-x;
}
.tabcontainer .ajax__tab_hover .ajax__tab_outer
{
    background: url("/images/tab_10.jpg" ) no-repeat right;
}
.tabcontainer .ajax__tab_hover .ajax__tab_inner
{
    background: url("/images/tab_07.jpg" ) no-repeat;
}
.tabcontainer .ajax__tab_hover .ajax__tab_tab
{
    background: url("/images/tab_08.jpg" ) repeat-x;
}
.tabcontainer .ajax__tab_active .ajax__tab_outer
{
    background: url("/images/tab_15.jpg" ) no-repeat right;
}
.tabcontainer .ajax__tab_active .ajax__tab_inner
{ 
    background: url("/images/tab_12.jpg" ) no-repeat;
}
.tabcontainer .ajax__tab_active .ajax__tab_tab
{
    color: White;
    background: url("/images/tab_13.jpg" ) repeat-x;
}
.tabcontainer .ajax__tab_body
{
    border: 1px solid #7aa222;
    border-top: 0;
    padding: 4px 8px;
    height: 100%;
    background-color: #fff;
}
/* 确认支付页面
----------------------------------------------------*/
.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;
}
