/**************************************
 * THEME NAME: them_djt
 *
 * Files included in this sheet:
 *
 *   them_djt/layout.css
 *   them_djt/styles_layout.css
 *   them_djt/styles_fonts.css
 *   them_djt/styles_color.css
 *   them_djt/lww.css
 **************************************/

/***** them_djt/layout.css start *****/

/*box style*/
.l-box,.l-box-c,.l-box-cc,.l-pc,.l-vscrollable,.l-hscrollable,.l-box-st,.l-box-sc,.l-box-sb {
  overflow:hidden;
  position:relative;
}
.l-box-t,.l-box-r,.l-box-b,.l-box-l,.l-box-lt,.l-box-rt,.l-box-rb,.l-box-lb,.l-palt,.l-part,.l-parb,.l-palb {
  position:absolute;
  z-index:3;
}
.l-box-t,.l-box-b {
  width:100%;
  z-index:2;
}
.l-box-r,.l-box-l{
  height:20000px;
  z-index:1;
}
.l-box-st,.l-box-sc,.l-box-sb {
  width:100%;
}
.l-box-t,.l-box-lt,.l-box-l,.l-box-lb,.l-box-b,.l-palt,.l-palb {
  left:0;
} 
.l-box-rt,.l-box-r,.l-box-rb,.l-part,.l-parb {
  right:0;
} 
.l-box-t,.l-box-lt,.l-box-l,.l-box-rt,.l-box-r,.l-palt,.l-part {
  top:0;
} 
.l-box-b,.l-box-rb,.l-box-lb,.l-palb,.l-parb {
  bottom:0;
} 
.l-pc {
  margin-left:auto;
  margin-right:auto;
}
.l-box-cc {
  z-index:4;
  _height:0px;
  _overflow:visible;
}
.l-box-btn {
  position:absolute;
  top:0px;
  right:0px;
  z-index:5;
}
/*simple box style*/
.l-box-st {
  font-weight:bold;
}
/*scrollable style*/
.l-hscrollable .items {
  width:20000em;
  position:absolute;
}
.l-vscrollable .items {
  height:20000em;
  position:absolute;
}
/*complex style*/
.l-w25 {
  width:25%;
}
.l-w33 {
  width:33.33%;
}
.l-w40 {
  width:40%; }
.l-w50 {
  width:50%;
}
.l-w60 {
  width:60%;
}
.l-w66 {
  width:66.66%;
}
.l-w75 {
  width:75%;
}
.l-w80 {
  width:80%;
}
.l-w100,.l-100 {
  width:100%;
}
.l-h100,.l-100 {
  height:100%;
}
.l-hl20 {
  height:20px;
  line-height:20px;
}
.l-fl,.l-hscrollable .items .item,ul.l-ul-li-fl li {
  float:left;
  display:inline;
}
.l-fr,ul.l-ul-li-fr li {
  float:right;
  display:inline;
}
.l-cf {
  width:0;
  height:0;
  clear:both;
  overflow:hidden;
}
/*single style*/
.l-db {
  display:block;
}
.l-di {
  display:inline;
}
.l-dib,.l-h100,.l-w100,.l-100 {
  display:inline-block;
}
.l-dn {
  display:none;
}
.l-dt {
  display:table;
}
.l-f12 {
  font-size:1.2em;
}
.l-f14 {
  font-size:1.4em;
}
.l-f16 {
  font-size:16em;
}
.l-pa {
  position:absolute;
}
.l-pf {
  position:fixed;
}
.l-pr,.l-100 {
  position:relative;
}
.l-tc,ul.l-ul-li-fl li,ul.l-ul-li-fr li {
  text-align:center;
}
.l-tl {
  text-align:left;
}
.l-tr {
  text-align:right;
}
.l-oa {
  overflow:auto;
}
.l-oh {
  overflow:hidden;
}
.l-os {
  overflow:scroll;
}
.l-ov {
  overflow:visible;
}
.l-vm {
  vertical-align:middle;
}
ul.l-hc,table.l-hc {
  text-align:center;
}
li.l-h,tr.l-h,td.l-h {
}
ul.l-cc,table.l-cc {
}
li.l-c,tr.l-c,td.l-c {
}
/***** them_djt/layout.css end *****/

/***** them_djt/styles_layout.css start *****/

/* CSS Document */

/*common style*/
body,div,form,ul,li,ol,img,table,p{
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    background: url(pix/bg-all.jpg);
    text-align: left;
}

ul,li,ol {
    list-style: none;
}

a:link,a:visited,a:hover,a:active {
    text-decoration: none;
}

.haslink {
    cursor: pointer;
	float: right;
    margin-right: 30px;
}
/*header style*/
.panel_header {
    width: 1003px;
    height: 190px;
    margin:15px auto 0;
    background: url(pix/banner.jpg) no-repeat;
    overflow: hidden;
}

.panel_header_top {
    width: 981px;
    height: 20px;
    margin-top: 32px;
    margin-right: 22px;
    float: right;
    _margin-top: 33px;
}

.panel_header_top li {
    margin-left: 20px;
    float: right;
}

.panel_header_middle {
    width: 230px;
    height: 22px;
    padding-left: 773px;
    margin-top: 33px;
    float: right;
    _margin-top: 34px;
}

.panel_header_middle input {
    height: 14px;
    width: 148px;
    margin-left: 4px;
    border: 0;
}

.panel_header_menubar {
    width: 981px;
    height: 20px;
    padding-right: 22px;
    margin-top: 39px;
    float: right;
    _margin-top: 38px;
}

.panel_header_menubar li {
    margin-left: 50px;
    height: 20px;
    float: right;
}
/*friendlinks*/
.panel_activity_links {
    width: 983px;
	padding:0 10px;
	width: /*\**/953px\9;
	padding:/*\**/0 25px\9;
	*width: 963px;
	*padding:0 20px;
	_width: 993px;
	_padding:0 5px;
    height: 60px;
    margin:0 auto;
	background:url('pix/friendlink_bg.jpg') no-repeat top;
}

.panel_activity_links_p {
    height: 50px;
    padding-top: 15px;
    float: left;
}

.panel_activity_links_p img {
    height: 40px;
    margin-left: 10px;
    float: left;
}

.panel_activity_links_p span {
    height: 12px;
    margin-right:0px;
    float: left;
}
/*footer style*/
.panel_footer {
	overflow:hidden;
    width: 1003px;
    margin: 0 auto;
    padding-bottom: 20px;
	background:url("pix/bg-all.jpg") repeat scroll 0 0 transparent;
}

.panel_footer div {
    height: 24px;
    width: 1003px;
    background: url(pix/footer-bg.jpg) no-repeat top;
}

.panel_footer span {
    display: block;
    margin: 20px auto 0;
    text-align: center;
}

/*main style*/
.container {
    width: 1003px;
    margin:0 auto;
    background: url(pix/body-bg.jpg);
}
.scrollable {
    overflow: hidden;
    position:relative;
}
.scrollable .items {
    width:2000em;
    position:absolute;
    background:transparent;
}
.scrollable .items .item {
    float:left;
}
/*default.php*/
#cluetip {
    background:#EAEAEA;
    padding:0 10px;
    font-size:14px;
    color:#000;
    font-weight:normal;
    border:1px solid #000;
    line-height:20px;
}
.panel_activity {
    width: 1003px;
    background: url(pix/house.jpg) bottom right no-repeat;
    overflow: hidden;
}

.panel_activity_left {
    width: 300px;
    float: left;
	padding:0 15px 0 10px;
}

.activity_notice {
    width: 300px;
    height: 300px;
    margin-top: 10px;
}

.activity_left_top {
    margin: 0 auto;
    height: 30px;
    width: 300px;
    border-bottom: solid 2px #b50c0f;
}

.activity_leftpic {
    height: 30px;
    width: 80px;
    float: left;
    overflow: hidden;
}

.activity_rightpic {
    background: url(pix/morepic.jpg) no-repeat 50% 50% transparent;
    width: 70px;
    height: 27px;
    padding-right: 9px;
    margin-right: -6px;
    float: right;
    overflow: hidden;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 32px;/*firefox*/
	line-height: /*\**/32px\9;/*ie8*/
	*padding-top: 10px;/*ie7*/
	*line-height: 15px;/*ie7*/
	*height: 20px;/*ie7*/
	_padding-top: 10px;/*ie6*/
	_line-height: 17px;/*ie6*/
	_height: 20px;/*ie6*/
	text-align:center;
	vertical-align:middle;

}

.activity_notice_content {
    height: 250px;
    width: 300px;
    margin: 15px auto 0;
    overflow: hidden;
}

.news {
	float:left;
    height: 24px;
    width: 220px;
    line-height: 24px;
    font-size: 12px;
    color: #333333;
    display: block;
    float: left;
    overflow: hidden;
	text-overflow:clip;
}

.time {
	float: left;
    width: 70px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #333333;
	text-align:right;
}

.listenfont {
    width: 40px;
    height: 27px;
    line-height: 27px;
    font-size: 12px;
    color: #333333;
    display: block;
    float: right;
}

.listenpic {
    width: 20px;
    height: 27px;
    float: right;
}

.activity_teacher {
    width: 328px;
    height: 182px;
    margin-top: 20px;
	float:left;
}

.activity_teacher_content {
    width: 308px;
    height: 150px;
    margin: 15px auto 0;
    overflow: hidden;
}
.activity_teacher_content .item {
    width: 280px;
    height: 141px;
    background: url(pix/teacher_bg.jpg) no-repeat center;
	margin:0 13px;
}

.teacher_scroll_left {
    /*background:red;*/
    left:20px;
}
.teacher_scroll_right {
    /*background:blue;*/
    right:25px;
}
.teacher_scroll_left,.teacher_scroll_right{
    position:absolute;
    width:10px;
    cursor:pointer;
    height:15px;
    top:60px;
    overflow:hidden;
}
.teacher_photo {
    float: left;
    height: 96px;
    margin-top: 24px;
    overflow: hidden;
    padding-left: 24px;
    width: 76px;
}

.teacher_information {
    width: 150px;
    height: 75px;
    float: left;
    margin-top: 31px;
    margin-left: 15px;
}

.teacher_information_w {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #333333;
    width;150px;
    position:relative;
}
.teacher_information_w span {
  width:60px;
  position:absolute;
  right:30px;
  top:0;
}

.activity_heatranking {
	float:right;
    width: 350px;
    height: 270px;
}
.activity_heat_top{
	border-bottom: 2px solid #B50C0F;
    height: 30px;
    margin: 0 auto;
    width: 350px;
}
.activity_heatranking_content {
    height: 240px;
    width: 328px;
    margin: 15px auto 0;
    overflow: hidden;
}

.heatpic {
    width: 30px;
    height: 30px;
    float: left
}

.heat_w {
    width: 310px;
    height: 30px;
    float: left;
}
.heatpic_title{
	color: #333333;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    width: 210px;
}
.heatpic_speaker{
	color: #333333;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    width: 70px;
}
.panel_activity_middle {
    width: 300px;
    height: auto;
    float: left;
	margin-right:5px;
}

.activity_course {
    width: 340px;
    height: 182px;
    margin-top: 20px;
}

.activity_middle_top {
    margin-left: 10px;
    height: 30px;
    width: 320px;
    border-bottom: solid 2px #b50c0f;
}

.activity_middlepic_1 {
    width: 17px;
    height: 17px;
    margin-top: 6px;
    float: left;
}

.activity_course_content {
    height: 135px;
    width: 310px;
    margin: 15px auto 0;
    overflow: hidden;
}

.activity_lecture {
    width: 340px;
    height: 182px;
    margin-top: 20px;
}

.activity_lecture_content {
    height: 135px;
    width: 310px;
    margin: 15px auto 0;
    overflow: hidden;
}

.activity_courseware {
    width: 340px;
    height: 182px;
    margin-top: 20px;
}

.activity_courseware_content {
    height: 135px;
    width: 310px;
    margin: 15px auto 0;
    overflow: hidden;
}

.panel_activity_right {
    width: 372px;
    height: 320px;
    float: left;
    margin-left: auto;
    margin-right: auto;
	overflow:hidden;
}

.activity_right_top {
    margin-left: 10px;
    height: 30px;
    width: 350px;
    border-bottom: solid 2px #b50c0f;
}

.activity_vedio {
    width: 372px;
    height: 320px;
    margin-top: 10px;
}

.activity_vedio_content {
	float: left;
	height: 275px;
    width: 350px;
    margin-left:10px;
	_display:inline;
}

.activity_vedio_content img {
    width: 158px;
    height: 120px;
	border:1px solid #C7C7C7;
}
.activity_vedio_content ul li {
    float:left;
	margin:10px 0 0 10px;
	_margin:10px 0 0 5px;
}

.activity_trends {
    width: 300px;
    height: 182px;
    margin-top: 20px;
}

.activity_trends_content {
    width: 280px;
    height: 135px;
    margin-left: 20px;
    margin-top: 15px;
    overflow: hidden;
}

/*login/index.php*/
.login_content {
	width: 1003px;
	height: 450px;
	background: url(pix/loadbg.jpg) no-repeat 0 20px transparent;
}

.login_content form {
	width: 100%;
	height: 100%;
}
.login_content form div.display_error {
  margin-left:250px;
  color:red;
  text-align:center;
}

.login_content form div {
	width: 500px;
	height: 20px;
	margin-left: 380px;
	font-size: 12px;
	color: #333333;
	clear: both;
	float: left;
	line-height: 20px;
	display: inline;
}

.account label,.password label,.code label {
	width: 70px;
	display: block;
	float: left;
}

.login_content input {
	height: 15px;
	float: left;
	border: 0;
	background: none;
}

.account input,.password input {
	width: 175px;
}

.code input {
	width: 95px;
}

.account {
	margin-top: 155px;
}

.password {
	margin-top: 15px;
}

.forgotpassword {
	float: left;
	margin-left: 20px;
}

.forgotpassword a:link{
	color: #844b4b;
}

.forgotpassword a:hover{
	color: #844b4b;
}

.code {
	margin-top: 15px;
}

.code_pic {
	width: 70px;
	margin-left: 19px;
	float: left;
}

.change {
	width: 80px;
	height: 20px;
	float: left;
	color: #666666;
	float: left;
	margin-left: 10px;
}

.remember{
	margin-top:15px;
}

.remember label{
	float:left;
}

.remember #remember_account{
	margin-left:70px;
}

.remember #remember_password{
	margin-left:40px;
}

.login-btn {
	margin-top: 11px;
}

.login,.register {
	width: 70px;
	height: 20px;
	float: left;
	text-align: center;
}

.login {
	margin-left: 72px;
}

.register {
	margin-left: 11px;
}
/*course/view.php*/
.study_content {
    width:1003px;
    padding-top:10px;
    padding-bottom:10px;
}

.leftcolumn {
    width:200px;
    float:left;
    margin-left:10px;
    display:inline;
}

.leftcolumn_top {
    width:200px;
    background:url(pix/leftcoulmn_toppic.jpg) no-repeat;
    height:11px;
    overflow: hidden;
}

.leftcolumn_middle {
    width:200px;
    background:#eef1f5;
    padding-top:10px;
}

ul.menulist1,ul.menulist2 {
    margin-left:20px;
    width:154px;
}

.menulist1 li,.menulist2 li {
    height:31px;
    margin-top:20px;
    width:154px;
    line-height:31px;
    text-align:center;
    cursor:pointer;
}
ul.menulist1 img,ul.menulist2 img {
  position:relative;
  top:4px;
  margin-right:3px;
}
ul.menulist1 li {
    background:url(pix/leftcolumn_button_bg.gif) no-repeat center 0 #eef1f5;
}
ul.menulist2 li {
    background:url(pix/leftcolumn_button_bg.gif) no-repeat center 31px #eef1f5;
}
ul.menulist1 li.menuhover,ul.menulist2 li.menuhover{
    background-position:center -31px;
}

ul.menulist1 li.menuclicked,ul.menulist2 li.menuclicked{
    background-position:center -31px;
}
.leftcolumn_bottom {
    height:13px;
    width:200px;
    background:url(pix/leftcoulmn_bottompic.jpg) no-repeat;
    overflow: hidden;
}

.rightcolumn {
    width:780px;
    margin-left:10px;
    float:left;
    display:inline;
}

.rightcolumn_userinfo {
    width:560px;
    height:280px;
    float:left;
}

.user_photo {
    width:110px;
    height:170px;
    margin:10px 0 0 20px;
    float:left;
    display:inline;
}

.user_photo_photo {
    width:80px;
    height:120px;
    float:left;
}

.user_photo_photo img {
  width:80px;
  height:120px;
}

.user_photo_changephoto {
    width:80px;
    height:20px;
    float:left;
    margin-top:10px;
    padding:6px 0 0 18px;
    background:url(pix/changeuserphoto_bg.jpg) no-repeat ;
    font-size:12px;
    color:#333333;
}

.userinfo_name {
    width:400px;
    height:20px;
    font-size:14px;
    font-weight:bold;
    color:#333333;
    float:left;
    padding:20px 0 0 10px;
}

.userinfo_name span {
    color:#FF6600;
}

.userinfo_onlinetime {
    width:430px;
    height:90px;
    float:left;
    margin-top:18px;
}

.userinfo_onlinetime_title {
    width:100px;
    height:90px;
    float:left;
    letter-spacing:5px;
    font-size:12px;
    font-weight:bold;
    color:#333333;
    padding-left:10px;
    line-height:30px;
}
.userinfo_onlinetime_title a:link, a:visited, a:hover, a:active{
	color:#FF6600;
}
.userinfo_onlinetime_title a:hover{
	text-decoration: underline;
}
.userinfo_onlinetime_content {
    height:90px;
    width:300px;
    float:left;
    font-size:12px;
    color:#333333;
    line-height:30px;
}

.tips {
    float:right;
    color:#a3d6ff;
    text-align:right;
    padding-right:10px;
}

.userinfo_grade {
    width:100px;
    height:20px;
    float:left;
    letter-spacing:5px;
    font-size:12px;
    font-weight:bold;
    color:#333333;
    padding-left:10px;
    line-height:20px;
}
.userinfo_grade a:link, a:visited, a:hover, a:active{
	color:#FF6600;
}
.userinfo_grade a:hover{
	color:#FF6600;
	text-decoration: underline;
}
.userinfo_grade_table {
    width:570px;
    height:50px;
    float:left;
    font-size:13px;
    color:#4b4b4b;
}

.userinfo_grade_table table {
    border-bottom:1px solid #888787;
    border-left:1px solid #888787;
}

.userinfo_grade_table td {
    text-align:center;
    background:#eef1f5;
    height:25px;
    line-height:20px;
    width:140px;
    border:1px solid #888787;
    border-bottom:0px;
    border-left:0px;
}

.tips2 {
    height:12px;
    width:280px;
    float:left;
    padding-left:250px;
    margin-top:20px;
    display:block;
    color:#a3d6ff;
    font-size:12px;
}

.rightcolum_notice {
    width:182px;
    height:280px;
    background:url(pix/rightcoulm_notice_pic.jpg) no-repeat;
    float:right;
    margin:10px 10px 0 0;
    display:inline;
}

.rightcolum_notice ul {
    width:150px;
    margin:0 auto;
}

.rightcolum_notice li {
    height:20px;
    margin-bottom:5px;
    font-size:12px;
    line-height:1.5;
    overflow:hidden;
}

.rightcolum_notice a:link,.rightcolum_notice a:visited,.rightcolum_notice a:hover,.rightcolum_notice a:active {
    color:#4b4b4b;
}

.rightcolum_course {
    width:770px;
    height:180px;
    float:left;
}

.rightcolum_course_top {
    width:770px;
    height:36px;
}

.rightcolum_course_content {
    width:770px;
    height:auto;
    background:url(pix/studiedcourse_middle_pic.jpg) repeat-y;
    padding-top:15px;
}

.course_title {
    height:32px;
    width:685px;
    line-height:32px;
    color:#D88119;
    background:url(pix/linepic.jpg) repeat-x bottom;
    margin-bottom:5px;
}
.course_title,.course_content,.course_pager {
    margin-left:40px;
    font-size:12px;
}
.course_title .course_name ,.course_content .course_name {
    width:285px;
    text-align:left;
}
.course_pager{
	font-weight: bold;
    margin-top: 5px;
    text-align: center;
    width: 760px;
}
.teacher {
    width:100px;
}
.hours {
    width:190px;
}
.deadline {
    width:110px;
}

.course_title span,.course_content span{
    float:left;
    text-align:center;
}

.course_content {
    height:24px;
    color:#4A4A4A;
    line-height:24px;
}

.rightcolum_course_bottom {
    width:770px;
    height:13px;
    background:url(pix/studiedcourse_bottom_pic.jpg) no-repeat;
    overflow:hidden;
}

.linepic {
    width:310px;
    height:10px;
    float:left;
}

.rightcolum_prompt {
    width:770px;
    background:url(pix/prompt_top_pic.jpg) no-repeat;
    float:left;
    margin:0 0 10px 0;
}

.prompt_top {
    width:710px;
    height:22px;
    /*float:left;*/
    padding-top:10px;
    padding-left:60px;
    font-size:14px;
    font-weight:bold;
    color:#333333;
}

.prompt_middle {
    width:770px;
    height:40px;
    /*float:left;*/
    padding-top:15px;
    font-size:12px;
    color:#333;
    background:url(pix/studiedcourse_middle_pic.jpg) repeat-y;
}

.prompt_middle span {
    color:#FF0000;
}

.prompt_middle img {
    margin:0 5px 0 30px;
}

.prompt_bottom {
    width:770px;
    height:9px;
    background:url(pix/studiedcourse_bottom_pic.jpg) no-repeat;
    overflow: hidden;
}

/**tab样式**/
.panel_activity_coursesystem{
	float:left;
	width:958px;
	padding:10px;
	border:1px solid #cf853f;
	margin:0 11px;
	_margin:0 5px 0 6px;
	height:auto;
}
.coursesystem_title{
	float:left:
	text-align:left;
	color:#b20a0a;
	font-weight:bold;
	padding:3px 0 9px 6px;
	width:800px;
}
.ui-tabs .ui-tabs-panel ul li{
	float:left;
	width:463px;
	color:#a90606;
	height:30px;
	line-height:30px;
	margin-left:4px;
	padding-left:5px;
	overflow: hidden;
}
.fx_point{
	background:url('pix/point.jpg') no-repeat left;
	float:left;
	padding:0 15px 0 10px;
}
.course_subcategory{
	color:#000000;
}
.course_category_double{
	background-color:#F4E9DF;
}
.panel_activity_hot{
	float:left;
	width:980px;
	padding:10px 9px;
	height:270px;
	_margin: 5px 0;/*ie6*/
}
.hot_left{
	float:left;
	width:617px;
	height:285px;
}
.hot_lefttop{
	float:left;
	width:611px;
	height:77px;
	padding:1px 0px;
}
.hot_lefttop1{
	float:left;
	background:url(../../../images/images_djt/course_hot_left1.jpg) no-repeat;
	width:197px;
	height:75px;
	margin-right:10px;
	cursor:pointer
}
.hot_lefttop2{
	float:left;
	background:url(../../../images/images_djt/course_hot_left2.jpg) no-repeat;
	width:197px;
	height:75px;
	margin-right:10px;
	cursor:pointer
}
.hot_lefttop3{
	float:left;
	background:url(../../../images/images_djt/course_hot_left3.jpg) no-repeat;
	width:197px;
	height:75px;
	cursor:pointer
}
.hot_leftbottom{
	float:left;
}
.hot_moddle{
	float:left;
	background:url(../../../images/images_djt/parting_line_vertical.jpg) no-repeat;
	width:6px;
	height:270px;
}
.hot_right{
	float:left;
	width:357px;
	height:285px;
}
.activity_serviceguide {
	float:left;
    height: 187px;
    margin-top: 20px;
    width: 283px;
}
.activity_serviceguide_top {
    margin: 0 auto;
    height: 30px;
    width: 277px;
    border-bottom: solid 2px #b50c0f;
}
.activity_serviceguide_content {
    height: 200px;
    width: 283px;
    margin: 15px auto 0;
    overflow: hidden;
}
.activity_serviceguide_content li{
	width:141px;
	height:46px;
	float:left;
}
.activity_serviceguide_content img{
	width:139px;
	height:43px

}
.panel_activity_studyresources{
	float:left;
	padding:20px 10px 0 10px;
	_padding:0px 10px 0 10px;
	_margin-top:-50px;
}
.fx_news{
	width:275px;
	_width:265px;
}
.forgetpass_index{
		float:left;
		background:url("pix/forget_password_bg.jpg") no-repeat scroll center center white;
		text-align:center;
		width:1003px;
		height:450px;
}
.forgetpass_title{
	color: #666666;
    float: left;
    font-size: 12px;
    margin: 170px 10px 11px 227px;
	*margin: 170px 10px 11px 210px;
	_margin: 170px 10px 11px 105px;
    width: 563px;
}
.forgetpass_title p{
	letter-spacing: 1px;
    line-height: 1.7em;
    margin-left: 40px;
    text-align: justify;
    text-indent: 25px;
    width: 480px;
    word-spacing: 2px;
}
.forgetpass_account{
	float: left;
    font-size: 12px;
    margin: 18px 0 20px 0;
	*margin: 18px 0 16px 0;
	_margin: 18px 0 17px 0;
    text-align: center;
    width: 1003px;
}
.forgetpass_account label{
	margin-right: 18px;
}
.forgetpass_account input{
	background: none repeat scroll 0 0 #EDE8E2;
    border: 0 none;
	margin-right: 60px;
	padding:0 5px;
}
.forgetpass_email{
	float: left;
    font-size: 12px;
    text-align: center;
    width: 1003px;
}
.forgetpass_email label{
	margin-right: 18px;
}
.forgetpass_email input{
	background: none repeat scroll 0 0 #EDE8E2;
    border: 0 none;
	margin-right: 60px;
	padding:0 5px;
}
.forgetpass_button{
	float: left;
    font-size: 12px;
    margin-top: 46.15px;
	*margin-top: 44.5px;
	_margin-top: 44px;
	_height: 22px;
    text-align: center;
    width: 1003px;
}
.forgetpass_button_confirm{
	margin-left: 41px;
    margin-right: 67px;
}
.register_body{
	float:left;
	background:url("pix/register_body_bg.jpg") no-repeat scroll center center white;
	text-align:center;
	width:1003px;
	height:520px;
}
.register_header{
	margin-left: 279px;
    margin-top: 130px;
}
.register_header span{
	color:#7f5253;
}
.register_header a{
	text-decoration:underline;
	cursor:pointer;
}
.register_header a:hover{
	text-decoration:none;
	cursor:pointer;
	color:red;
}
.register_title{
	color: #666666;
    font-size: 12px;
    padding: 28px 216px 0 245px;
}
.register_title p{
	letter-spacing: 1px;
    line-height: 1.7em;
    text-align: justify;
    text-indent: 25px;
    width: 509px;
    word-spacing: 2px;
}
.register_item{
	float: left;
    font-size: 12px;
    padding: 0 214px 0 212px;
}
.register_item_left{
	float: left;
    margin-bottom: 2px;
    margin-top: 17px;
    width: 289px;
}
.register_item_left label{
	float: left;
    height: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    width: 110px;
	width: /*\**/109px\9;
	padding-left:13px;
}
.register_item_left input{
	float: left;
	background: none repeat scroll 0 0 #EDE8E2;
    border: 0 none;
	padding:0 5px;
	font-size:12px;
	width: 123px;
	height:14.4px;
}
.register_item_right{
	float: left;
    margin-bottom: 2px;
    margin-top: 17px;
    width: 288px;
}
.register_item_right label{
	float: left;
    height: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    width: 111px;
	width: /*\**/109.5px\9;
	padding-left:10px;
}
.register_item_right input{
	float: left;
	background: none repeat scroll 0 0 #EDE8E2;
    border: 0 none;
	padding:0 5px;
	font-size:12px;
	width: 123px;
}
.register_item_agree{
	float: left;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    margin-top: 24px;
    width: 289px;
}
.register_item_agree input{
	vertical-align: bottom;
	margin-bottom:/*\**/2px\9;
	*margin-top:-3px;
	_margin-top:-4px;
}
.register_item_agree span{
	margin-left:10px;
}
.register_item_agree span a{
	text-decoration:underline;
	cursor:pointer;
}
.register_item_agree span a:hover{
	text-decoration:none;
	cursor:pointer;
	color:red;
}
.register_item_yanzheng{
	float: left;
    height: 22px;
    margin-bottom: 2px;
    margin-top: 24px;
	*margin-top: 22px;
	_margin-top: 22px;
    width: 288px;
}
.register_item_yanzheng label{
	float: left;
    height: 22px;
    line-height: 22px;
    text-align: right;
    width: 102px;
}
.register_item_yanzheng input{
    background: none repeat scroll 0 0 #EDE8E2;
    border: 0 none;
    float: left;
    font-size: 12px;
    height: 20px;
	*height:18px;
	_height:18px;
    margin-right: 10px;
    padding: 0 5px;
    width: 40px;
}
.register_item_yanzheng span{
	display: inline;
    float: left;
    height: 20px;
	width:64px;
}
.register_item_yanzheng span img{
	 cursor: pointer;
}
.register_button{
	float: left;
    padding-top: 20px;
	_padding-top: 19px;
    text-align: center;
    width: 577px;
}
.register_button input{
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-left: 16px;
	cursor: pointer;
}
.forumpost {
  width:100%;
}
.studytime_outside{
		border: 1px solid #E2E2E2;
	    font-size: 13px;
	    height: 70px;
	    padding: 15px 30px;
	    width: 706px;
	    margin-bottom:10px;
	}
.chongzhi_outside{
		border: 1px solid #E2E2E2;
	    font-size: 13px;
	    height: 70px;
	    padding: 20px 30px;
	    width: 706px;
	    margin-bottom:10px;
	}
	.chongzhi_left{
		float: left;
    	width: 500px;
	}
	.chongzhi_left_line1{
		float: left;
	    height: 30px;
	    line-height: 30px;
	    text-align: left;
	    width: 100%;
	}
	.chongzhi_left_line1 a{
		color:red;
	}
	.chongzhi_left_line1 a:link{
		color:red;
		text-decoration:underline;
	}
	.chongzhi_left_line1 a:hover{
		color:black;
		text-decoration:none;
	}
	.chongzhi_left_line2{
		color: #767676;
	    float: left;
	    height: 50px;
	    line-height: 50px;
	    text-align: left;
	    width: 100%;
	}
	.chongzhi_right{
		float:left
	}
	.chongzhi_right span{
		background: url("pix/chongzhi.jpg") no-repeat scroll 0 0 transparent;
	    float: left;
	    height: 28px;
	    margin-left: 100px;
	    margin-top: 20px;
	    width: 95px;
	    cursor:pointer;
	}
.left_side_column {
  float: left;
  display:inline;
  height: 500px;
  margin: 20px 0;
  width: 200px;
  
}
.main_column {
  float: left;
  display:inline;
  margin: 20px 0;
  width: 795px;
}
.main_header {
  height: 40px;
  line-height:40px;
  font-size:14px;
  color:#555;
}
.main_body {
}
.main_footer {
  text-align:center;
  line-height:30px;
  height:30px;
}
.main_footer a {
  text-decoration:underline;
}
.video_items {
}
.video_item {
  float: left;
  display:inline;
  width: 380px;
  height:160px;
  border:1px solid #ccc;
  margin-bottom:3px;
  overflow:hidden;
}
.video_item.odd {
  margin-right:20px;
}
.video_item.even {
}
.video_capture {
  float:left;
  display:inline;
  margin-top:5px;
  margin-left:5px;
}
.video_capture img {
  width:200px;
  height:150px;
}
.video_info {
  float:left;
  display:inline;
  width:165px;
  font-size:12px;
  line-height:1.4;
  margin:8px 0 10px 8px;
  color:#333;
}
.video_info .label {
  color:#777;
}
.video_info p {
  margin-bottom:10px;
}
.course_speaker {
}
.course_video {
}
.course_depcription {
}
/***** them_djt/styles_layout.css end *****/

/***** them_djt/styles_fonts.css start *****/

/*common style*/
body {
	font: normal normal 14px/1 "宋体";
}
/*header style*/
.panel_header_top {
	font-size: 13px;
    _font-size:12px;
	font-weight: 200;
    line-height:20px;
}

.panel_header_middle {
	line-height: 22px;
	font-size: 14px;
}

.panel_header_menubar li {
    font-weight: bold;
	line-height: 20px;
	letter-spacing: 1px;
}

/*friendlinks*/
.panel_activity_links_p span {
	font-size: 12px;
	line-height:40px;
}

/*footer style*/
.panel_footer {
	font-size: 12px;
}

.panel_footer span {
	line-height:1.2;
}

/*default.php*/
/*login/index.php*/
/***** them_djt/styles_fonts.css end *****/

/***** them_djt/styles_color.css start *****/

/*common style*/
a:link,a:visited,a:hover,a:active {
    color: #333;
}
/*header style*/
.panel_header a:link,.panel_header a:visited,.panel_header a:hover,.panel_header a:active {
	color: #555;
	font-weight:bold;
}

.panel_header_top {
	color: #555555;
}

.panel_header_middle {
	color: #FFFFFF;
}

.panel_header_menubar li {
	color: #555555;
}

/*friendlinks*/
.panel_activity_links {
	background-color: #efefef;
}

.panel_activity_links_p span {
	color: #333333;
}
/*footer style*/
.panel_footer {
	color: #333333;
}
/*default.php*/
/*login/index.php*/
/***** them_djt/styles_color.css end *****/

/***** them_djt/lww.css start *****/

body {
  line-height:1.2;
}
.container {
  overflow:hidden;
}
.courses {
  width:770px;
  text-align:center;
  font-size:12px;
  background:#F6FBFE;
  margin-bottom:5px;
}
.courses .l-box-t{
  height:36px;
}
.courses .l-box-cc {
  margin:36px 1px 13px 40px;
}
.courses .l-box-l {
  width:3px;
  background:url(pix/studiedcourse_middle_pic.jpg) top left repeat-y;
}
.courses .l-box-r {
  width:3px;
  background:url(pix/studiedcourse_middle_pic.jpg) top right repeat-y;
}
.courses .l-box-b {
  height:13px;
  background:url(pix/studiedcourse_bottom_pic.jpg) top right no-repeat #FFF;
}
.courses .l-box-cc span {
  float:left;
}
.courses .courses_title {
    color: #D88119;
    line-height: 32px;  
    /*overflow:hidden;*/
}
.courses .courses_title span {
  background:url(pix/linepic.jpg) center bottom repeat-x;
}
.courses .courses_content {
    color: #4A4A4A;
    line-height:24px;
    _height:24px;
}
.courses .course_name {
  width:285px;
  text-align:left;
}
.courses_no_end .course_name {
  width:350px;
}
.courses .teacher {
  width:100px;
}
.courses_no_end .teacher {
  width:180px;
}
.courses .hours {
  width:190px;
}
.courses_no_end .hours {
  width:160px;
}
.courses .deadline {
  width:110px;
}
.courses .deadline span{
  float:none;
}
.courses .fapiao_apply,.courses .fapiao_applied {
    color: white;
    display: block;
    margin:0 auto;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 65px;  
}
.courses .fapiao_apply {
    background: url("/selectCourseCenter/images/button-r.gif") no-repeat;
    cursor:pointer;
}
.courses .fapiao_applied {
    background: url("/selectCourseCenter/images/button-h.gif") no-repeat;
}
.courses a.more {
  display:block;
  height:35px;
  line-height:35px;
  color:#DE9C08;
  margin-right:20px;
}
.rightcolum_notice {
  height:242px;
  background:url(/theme/them_djt/pix/rightcoulm_notice_pic.gif) no-repeat;
}
.rightcolum_notice ul{
  margin-top:10px;
}
.rightcolum_notice li{
  height:40px;
  position:relative;
}
.rightcolum_notice div {
  height:20px;
  margin-top:50px;
  line-height:20px;
  text-align:center;
  width:150px;
  font-size:12px;
}
.rightcolum_notice a:hover {
  text-decoration:underline;
}
.no_select_course1,.no_select_course2 {
  font-size:14px;
  line-height:2em;
  text-indent:1em;
  text-align:left;
  color:#000;
  width:770px;
  height:175px;
}
.no_select_course1 {
  background:url(pix/no_course_bg1.gif) no-repeat 50% 50%;
}
.no_select_course2 {
  background:url(pix/no_course_bg2.gif) no-repeat 50% 50%;
}
.no_select_course1 div,.no_select_course2 div {
  margin-left:55px;
  margin-top:70px;
}
.no_select_course1 a:link,.no_select_course2 a:link,.no_select_course1 a:visited,.no_select_course2 a:visited,.no_select_course1 a:hover,.no_select_course2 a:hover,.no_select_course1 a:active,.no_select_course2 a:active {
  color:#DE9C08;
  text-decoration:underline;
}
.sideblock .header,.sideblock h2 {
  text-align:center;
  font-size:12px;
}
.sideblock .header .commands {
  text-align:center;
}
.sideblock .content {
}
.sideblock .content .list,.sideblock .content .unlist,.sideblock .content .inline-list ,.sideblock .content ul {
  /*display:block;*/
  width:auto;
  margin-left:40px;
}
.sideblock .content select {
  display:block;
  width:150px;
  margin-left:auto;
  margin-right:auto;
}
.panel_activity_links {
  padding:0;
  width:1003px;
}
.panel_activity_links_p {
  height:auto;
  padding:0;
  margin-top:15px;
}
.drabatip {
  width:300px;
  background:#EFEFEF;
  overflow:hidden;
  border:1px solid #B3B5B4;
  font-size:12px;
  line-height:18px;
  display:none;
}
.drabatip .content_div {
  margin:0px 10px;
}
.form-buttons {
  float:none;
}
.register_item_yanzheng input {
  margin-right:20px;
}
.user_photo_photo {
  height:126px;
  width:99px;
}
.user_photo_photo img {
  height:126px;
  width:99px;
}
.user_photo_changephoto {
  margin-left:8px;
  height:22px;
  width:90px;
  line-height:24px;
  text-align:center;
  padding:0;
  display:inline;
}
.menulist1 li, .menulist2 li {
  line-height: 21px;
  margin-top:15px;
}
.scrollable .items {
  height:141px;
  overflow:hidden;
}
.heatpic_speaker {
  width:125px;
  white-space:nowrap;
  word-break:keep-all;
  overflow:hidden;
}
.heatpic_title {
  width:180px;
}
.heat_w {
  width:auto;
}
.activity_heatranking_content {
  width:338px;
}
.indent {
  margin-left:32px;
}
.rightcolumn_userinfo {
  width:580px;
}
.userinfo_name {
  width:440px;
  overflow:hidden;
  display:inline;
}
a.gray_link:link,a.gray_link:visited,a.gray_link:hover,a.gray_link:active {
  color:#B3ACA6;
  cursor:default;
}
.message.me,.message.other, .message.me .author,.message.other .author,.message.me .content,.message.other .content{
  font-size:12px;
}
/***** them_djt/lww.css end *****/