﻿/*
=====================================================================
//样式名称：内容样式表                                                
//创建时间：2008.8.14                                                
//版权所有：深圳方直科技有限公司                                      
//创 建 者：by                                                        
//说    明：
//　　本样式表用于定义各内容子页中的一些详细样式设置,大的框架样

//式全部定义在layout.css（结构样式表）中。

=====================================================================         
*/


/*放大按钮*/
#btnbox #big a,#btnbox #big a:visited{display:block;color:#000;width:84px;height:46px;background:url(../images/course/btn_control1.gif) no-repeat 0 0;text-indent:-9000px;}
#btnbox #big a:hover{background:url(../images/course/btn_control1.gif) no-repeat 0 -46px;}
/*收缩按钮*/
#btnbox #small a,#btnbox #small a:visited{display:block;color:#000;width:84px;height:46px;background:url(../images/course/btn_control2.gif) no-repeat 0 0;text-indent:-9000px;}
#btnbox #small a:hover{background:url(../images/course/btn_control2.gif) no-repeat 0 -46px;}
.study_td{background:url(../images/course/controlbg.gif) no-repeat 0 0;}
.study_timebox{padding-left:20px;}

/*弹出式窗口样式*/
.welcome{width:420px;border:1px #00236F solid;}
.welcome h3{margin:0;color:#fff;font-weight:bold;font-size:12px;padding-left:10px;line-height:18px;height:18px;border-bottom:1px #00236F solid;background:url(../images/common/win_titlebg.gif) repeat-x left top;}
.wel_body{background:#E5F1F6;margin:0;padding:10px;font-size:12px;}
.wel_context{text-indent:2em;padding-left:50px;padding-top:10px;height:70px;line-height:30px;background:url(../images/course/ico_mes.gif) no-repeat 10px 20px;}
.wel_foot{width:160px;float:right;}
.btn_win{display:block;float:left;margin-right:10px;}
.btn_win a,.btn_win a:visited{display:block;text-align:center;width:70px;height:19px;line-height:19px;font-size:12px;font-weight:bold;color:#fff;background:url(../images/common/btnuse.gif) no-repeat left top;text-decoration:none;}
.btn_win a:hover{background-position:0 -19px;}

/*语音学习页面*/
#soundhead{width:100%;height:82px;}
#soundhead #logo{float:left;}
.frambox{width:640px;float:left;height:24px;margin-top:30px;margin-left:30px;}
.frambox table{width:100%;}
.fram_l{width:24px;height:38px;background:url(../images/common/fram_l.png) no-repeat 0 0;}
*html .fram_l{    
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="../App_Themes/images/common/fram_l.png");    
background:none;    
}
.fram_r{width:24px;height:38px;background:url(../images/common/fram_r.png) no-repeat 0 0;}
*html .fram_r{    
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="../App_Themes/images/common/fram_r.png");    
background:none;    
}
.fram_m{ height:38px;line-height:38px;background:url(../images/common/fram_m.gif) repeat-x 0 0;text-align:center;color:#1E759D;font-weight:bold;}
.fram_m .btn_setup{display:block; position:relative;text-align:center;}
.fram_m .btn_setup a{text-decoration:none;font-weight:normal;width:103px;height:22px;line-height:22px;display:block;position:absolute;top:-30px;right:0;background:url(../images/course/btn_setup.gif) no-repeat 0 0;}
.fram_m .btn_setup a:hover{text-decoration:underline;}
.iframebox{border:1px #B7CFE7 solid;height:560px;margin-right:30px;clear:left;}

.iframoption{width:100%;margin-top:10px;height:38px;}
.iframeinbox{width:250px;display:inline-block;float:right;margin-right:40px;}
*html .iframeinbox{display:inline}/*右边ie6下双倍边距BUG修复*/
.iframoption a:link,.iframoption a:visited{color:#003399;}
.soundtip{width:100%;}
.soundtip h3
{
	width:96%;
	position:relative;
	top: -20px;
	text-indent:-9000px;
	border-bottom:1px #309DCF solid;
	line-height:1px;
	margin-top:50px;
	margin-bottom:30px;

	height: 1px;
}
.soundtip h3 em
{
	display:block;
	width:154px;
	height:73px;
	position:absolute;
	top:-43px;
	left:0;
	background:url(../images/common/tip.gif) no-repeat left top;
}
.tiptext{width:100%;}	
.tiptext p{line-height:30px;margin:0;padding:0;color:#505050;text-indent:3em;}
.red{color:#FF0000;}
.orange{color:#FFA800;}
.yellow{color:#FFD800}

/*弹出窗口样式*/
.lightbox{
width:350px;
background:#FFFFFF;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
line-height:26px;
margin:0 auto;
}
.lightbox dt{
background:url(../images/title.gif) repeat-x left center;
background-color:#c2c2c2;
height:26px;
line-height:26px; 
cursor:move;
}
#userbz
{
float:left;
text-indent:2em;
font-weight:bold;
margin-left:10px;
background:url(../images/icon7.gif) no-repeat left center;
}
.opendiv{width:250px; margin:0 auto; border:0px; margin-top:0px;text-align:center;padding-top:10px;}
#result{ margin:0 auto; display:block;}
#img{ display:block; float:left; width:40px; height:40px;}
#ctl00_ContentPlaceHolder1_img{display:block; float:left; width:40px; height:40px;}
#result{ display:block; float:right;}

/*分隔线*/
.line1{clear:both; height:1px; line-height:1px; overflow:hidden;}
.line2{ height:40px; line-height:40px; margin:0 auto; text-align:center;}
.line3{ height:20px; line-height:20px;}
.line4{ height:2px; line-height:2px;border-top:1px #B7CFE7 dashed;background:#F4FAFC; overflow:hidden;}
.inline{ height:2px; line-height:2px;border-top:1px #B7CFE7 dashed;background:#E5F1F6; overflow:hidden;}
.line5{height:1px; line-height:1px; overflow:hidden; border-bottom:1px #c2c2c2 dashed; width:100%; margin:0 auto; clear:both;}
.line6{ height:10px; line-height:10px; overflow:hidden;}
.footpage{ width:100%; height:40px; line-height:40px;}
/*弹出窗口按钮样式*/
#btnsubmit{
 margin:0 auto;
 width:40%;
 height:30px;
 line-height:30px;
 text-align:center;
 margin-bottom:20px;
}
#btn5{ 
 margin:10px auto;
 display:block;
 height:21px;
 line-height:21px; 
 width:50px;
 }
#txtScores{border:1px #c0c0c0 solid;line-height:18px;height:18px;width:150px;}
#btn5 input{background:url(../images/btnNormal.gif) no-repeat 0 -21px; border:none; height:21px; line-height:21px;  width:50px;margin-right:20px;}
#dvMsg{line-height:30px;text-align:left;}
#btn6 
{

 height:21px;
 line-height:21px; 
 width:50px;
 margin-top:-40px;
 }
#btn6 a{display:block;width:50px;height:21px;line-height:21px; text-align:center; background:url(../images/btnNormal.gif) no-repeat 0 0;color:#333; text-decoration:none;}
.listtable1{height:120px;margin:0;}
.listtable1 tr td{ height:40px; line-height:22px;}
.bookname{
 width:400px;
 font-size:14px;
 color:#0048A9;
}
.splitline1{color: #cccccc; width: 100%; border: 1px; height: 1px; border-bottom-style: dashed;}
.hrefbtn{
 width:200px;
 text-align:right;
}
.righttd1{ width:172px; color:#000;}
.righttd2{ width:173px; color:#000;}
.righttd3{ width:140px; color:#000;}
.righttd4{ width:202px; color:#000;}
.righttd5{ width:118px; color:#000; font-size:14px;text-align:left;}
.righttd5 b{ color:#CC3333;}
#onlinebuy{ display:block; float:left; width:95px;}
#onlinebuy a{
	display:block;
	width:95px;
	height:23px;
	line-height:23px;
	background:url(../images/course/btn_r.gif) no-repeat;
	background-position:right -1px;
	_background-position:right 0px;
	 text-decoration:none;
	}
.btngoback{margin-top:20px;}	
.btngoback a:link,.btngoback a:visited{display:block;width:110px;line-height:30px;height:30px;margin:0 auto;background:url(../images/common/btn_back.gif) no-repeat 0 0;text-indent:-9000px;}
.btngoback a:hover{background:url(../images/common/btn_back.gif) no-repeat 0 -30px;}
.in_tip{height:90px;width:95%;padding-top:20px;border-bottom:1px #88B9CE dashed;margin-bottom:20px;}
.in_tip a,.in_tip a:visited{color:blue;}
.in_tip a:hover{color:#ff5a00;}
.in_left{width:20%;height:225px;float:left;background:url(../images/common/installbg.gif) no-repeat 40px 0;}
.in_right{width:79%;float:left;}
.in_right p{text-indent:0;line-height:30px;}


.btnsetup,.btntest{width:100%;height:20px;float:right;}
.btnsetup a:link,.btnsetup a:visited{display:block; width:152px;line-height:28px;height:28px;background:url(../images/common/btn_setup.gif) no-repeat 0 -28px;text-indent:-9000px;}
.btnsetup a:hover{background:url(../images/common/btn_setup.gif) no-repeat 0 0;}

.btntest a:link,.btntest a:visited{display:block;width:152px;line-height:28px;height:28px;background:url(../images/common/btn_test.gif) no-repeat 0 -28px;text-indent:-9000px;}
.btntest a:hover{background:url(../images/common/btn_test.gif) no-repeat 0 0;}
.clear{clear:both;}


/*修改的产品列表样式*/
.listtable0{
 width:95%;
 margin:0 auto;
 border-collapse:collapse;
}
.bookbg{
 width:104px;
 height:110px;
 text-align:center;
}
.listtable1{
 width:95%;
 margin:0 auto; 
}
.bookname{
 width:380px;
 font-size:14px;
 color:#0048A9;
}
.hrefbtn{
 width:260px;
 text-align:right;
}
.righttd1{ width:172px; color:#000;}
.righttd2{ width:173px; color:#000;}
#ctl00_ContentPlaceHolder1_hylSittle{color:#000;}
.zoom_img{display:block;width:60px;margin:0 auto;height:20px;line-height:20px;padding-left:20px;background:url(../images/course/zoomin.gif) no-repeat left center;}

/*按钮样式*/
#onlinebuy{
display:block; 
float:left; 
 width:115px;
}
#onlinebuy a,#onlinebuy a:visited{
    display:block;
	width:108px;
	height:22px;
	line-height:22px;
	text-align:center;
	color:#fff;
    font-weight:bold;
    text-decoration:none;
    background:url(../images/course/buybtnbg.gif) no-repeat left top;
}
#onlinebuy a:hover{
	background-position:0 -22px;
}
#cardbuy{
	display:block; 
	float:left;
	width:120px; 
}
#cardbuy a,#cardbuy a:visited{
    display:block;
	width:108px;
	height:22px;
	line-height:22px;
	text-align:center;
	color:#fff;
    font-weight:bold;
    text-decoration:none;
    background:url(../images/course/buybtnbg.gif) no-repeat left top;
}
#cardbuy a:hover{
	background-position:0 -22px;
}

#testuse{
	display:block; 
	float:left;
	width:60px; 
}
#testuse a,#testuse a:visited{
    display:block;
	width:50px;
	height:22px;
	line-height:22px;
	text-align:center;
	color:#fff;
    font-weight:bold;
     text-decoration:none;
    background:url(../images/course/tryusebtn.gif) no-repeat left top;
}
#testuse a:hover{
	background-position:0 -22px;
}

/*搜索按钮样式*/
.divserbtn a,.divserbtn a:visited{
    display:block;
	width:65px;
	height:19px;
	line-height:19px;
	text-align:center;
	color:#fff;
    font-weight:bold;
     text-decoration:none;
    background:url(../images/course/ser.gif) no-repeat left top;
}
.divserbtn a:hover{
 background-position:0 -19px;
}
/*系统搜索及全部列表样式*/
.listcourse{background-color:#CEDEEE; height:30px; line-height:30px; padding:0; margin:0 auto; text-indent:3em;}
.listcourse a,.listcourse a:visited{ color:#004A80; text-decoration:none;}
.listcourse a:hover{ color:#FF0000; text-decoration:none;}
.courselist{background-color:#E5F1F6; padding:20px; text-indent:3.5em; width:844px; margin:0 auto;}
.coursetable{ width:90%; margin:0 auto; margin-top:10px;}
.coursetable a,.coursetable a:visited{ color:#004A80; text-decoration:none;}
.coursetable a:hover{ color:#ff0000; text-decoration:none;}
.coursetable tr td{ height:25px; line-height:25px;}
.titlehead{ 
 position:relative;
width:882px; 
margin:0 auto; 
height:29px; 
line-height:29px; 
border-left:1px #CFCFCF solid; 
border-right:1px #CFCFCF solid; 
margin-top:8px;
background:url(../images/course/cbg.gif) repeat-x;
 text-indent:10px;
}
.titlehead0{ 
 position:relative;
width:800px; 
margin:0 auto; 
height:29px; 
line-height:29px; 
border-left:1px #CFCFCF solid; 
border-right:1px #CFCFCF solid; 
margin-top:8px;
background:url(../images/course/cbg.gif) repeat-x;
 text-indent:10px;
}
.titlehead b{ color:#FF0000; font-weight:normal;}
#ctl00_ContentPlaceHolder1_lbtotal{color:Red;}
.listpage{ position:absolute; right:10px; top:0px;}
.closebtn{ position:absolute; right:10px; top:0px;}
.closebtn img{ cursor:pointer;}
.errcontent{
 position:relative;
 width:800px; 
 margin:0 auto; 
  background-color:#fff;
  min-height:500px;
 _height:500px;
  border-top:1px #CFCFCF solid; 
 border-left:1px #CFCFCF solid; 
 border-right:1px #CFCFCF solid;
  border-bottom:2px #CFCFCF solid;  
 }
 .errfoot{
 position:relative;
 width:800px; 
 margin:0 auto; 
  background-color:#F2F2F2;
  height:35px;
  line-height:35px;
 border-left:1px #CFCFCF solid; 
 border-right:1px #CFCFCF solid;
  margin:0 auto;
 }
.errfoot a,.errfoot a:visited{
    display:block;
	width:120px;
	height:30px;
	line-height:30px;
 text-align:center;
  color:#fff;
    font-weight:bold;
     text-decoration:none;
    background:url(../images/course/errbtnbg.gif) no-repeat left top;
    margin:0 auto;
    margin-top:6px;
 }
.errfoot a:hover{
 background-position:0 -29px;
 }
 .footline{
  position:relative;
 width:800px; 
 margin:0 auto; 
  background:url(../images/course/bottom0.gif) no-repeat left top;
 }
 .foot0{
  clear:both;
 width:759px; 
 height:10px;
 margin:0 auto; 
  background:url(../images/course/recodefoot.gif) no-repeat left top;
 }
 /*新增详细课程页面样式*/
 .tdprince{
  float:left;
 text-align:center;
 }
  .tdprince b{ color:#ff0000;font-size:14px;}
 .tdbtn
 {
   float:left;
   line-height:23px;
   height:23px;
   _height:23px;
   margin-top:4px;
    overflow:hidden;
   margin-left:10px;

  }
#ctl00_ContentPlaceHolder1_AspNetPager1,#ajaxPage,#anpSyncClass
{
	vertical-align:top;
	height:22px;
	line-height:22px;
	margin-top:3px;
	float:right;	
}
#ajaxPage{margin-bottom:10px;}
#anpSyncClass{border:1px red solid;}
/*每个页码样式,包括了前后分页按钮和数字按钮,必须将它设置为内联格式,用padding来控制按钮的宽度,注意不能设置都宽度*/
#ctl00_ContentPlaceHolder1_AspNetPager1 a,#ajaxPage a,#anpSyncClass a{display:inline-block;padding:0 9px;border: solid 1px #ddd;height:20px;line-height:20px;text-align:center;float:left;margin-right:5px; text-decoration:none;}
#ctl00_ContentPlaceHolder1_AspNetPager1 a:hover,#ajaxPage a:hover,#anpSyncClass a:hover{background: #ffa501;color: #fff;}
/*当前选中样式*/
.cpb{display:inline-block;padding:0 9px;border: solid 1px #ddd;height:20px;line-height:20px;text-align:center;float:left;background: #ffa501;color: #fff;margin-right:5px;}

/*页签输入框*/
.pageIndexbox{border:1px #ddd solid;width:100px;}
/*提交按钮*/
.submit_go{line-height:20px;height:20px;width:30px;display:inline;margin-left:5px;margin-top:-5px;padding:0 5px;padding-top:0; vertical-align:middle;background:url(../Images/btn_go.gif) no-repeat center center;}
  
.page1
{
	vertical-align:top;
	height:22px;
	line-height:22px;
	margin-top:3px;
	float:right;
	margin-right:20px;	
}
.page1 a{display:inline-block;padding:0 9px;border: solid 1px #ddd;height:20px;line-height:20px;text-align:center;float:left;margin-right:5px; text-decoration:none;}
.page1 a:hover{background: #ffa501;color: #fff;}
/*当前选中样式*/
.cpb{display:inline-block;padding:0 9px;border: solid 1px #ddd;height:20px;line-height:20px;text-align:center;float:left;background: #ffa501;color: #fff;margin-right:5px;}  

/*体验课课的翻页控件*/
#payclassDiv{width:100%;}
#PayDataBinder{margin-top:5px;float:right;padding-right:5px;}
#PayDataBinder a{display:inline-block;padding:0 9px;border: solid 1px #ddd;height:20px;line-height:20px;text-align:center;float:left;margin-right:5px; text-decoration:none;}
#PayDataBinder a:hover{background: #ffa501;color: #fff;}
#PayDataBinder .cpb{display:inline-block;padding:0 9px;border: solid 1px #ddd;height:20px;line-height:20px;text-align:center;float:left;background: #ffa501;color: #fff;margin-right:5px;}
   
/*自适应宽度的按钮*/
.btn_red_box{display:block;width:40px;height:22px;line-height:22px;}
.btn_red_box a{display:block;height:22px;width:100%;background:url(../images/studycard/btn_red_r.gif) no-repeat right top;padding-right:16px; text-decoration:none;}
.btn_red_box a b{display:block;height:22px;text-align:center;width:90%;font-size:14px;color:#fff;background:url(../images/studycard/btn_red_l.gif) no-repeat left top;padding-left:10px; cursor:pointer;}
.btn_red_box a:hover{background:url(../images/studycard/btn_red_r.gif) no-repeat right -22px; cursor:pointer;}
.btn_red_box a:hover b{background:url(../images/studycard/btn_red_l.gif) no-repeat left -22px; cursor:pointer;}
/*体验按钮*/
.btn_green_box{display:block;width:75px;height:25px;line-height:25px;}
.btn_green_box a{display:block;height:25px;width:100%;background:url(../images/studycard/btn_green_r.gif) no-repeat right top;padding-right:10px; text-decoration:none;}
.btn_green_box a b{display:block;height:25px;text-align:center;width:90%;font-size:14px;color:#fff;background:url(../images/studycard/btn_green_l.gif) no-repeat left top;padding-left:10px; cursor:pointer;}
.btn_green_box a:hover{background:url(../images/studycard/btn_green_r.gif) no-repeat right -25px; cursor:pointer;}
.btn_green_box a:hover b{background:url(../images/studycard/btn_green_l.gif) no-repeat left -25px; cursor:pointer;}


/*温馨提示线条*/
.tipline{color:Red;width:90%;margin:0 auto; padding-left:20px;text-indent:0em; margin-top:20px; margin-bottom:20px;display:block;border-bottom:1px #7F7F7F dashed;}
#tb_course2{width:90%;margin:0 auto;}

/* 小图看大图样式  */

#loader_container {text-align:center;position:absolute;top:40%;width:100%}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}


.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}


/* 学习页面写笔记  */
div.sample_popup { z-index: +1; }
div.menu_form_header{
cursor:move
}
div.sample_popup div.menu_form_header
{
border: 1px solid black;
border-bottom: 0px;
cursor: default;
width: 200px;
height: 20px;
line-height: 19px;
vertical-align: middle;

text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
font-size: 13px;
color: #206040;
}
div.sample_popup div.menu_form_body
{
border: 1px solid black;
width: 200px;

}
div.sample_popup img.menu_form_exit
{
float: right;
margin: 4px 5px 0px 0px;
cursor: pointer;
}

.btncancle a:link,.btncancle a:visited{display:block;width:80px;line-height:30px;height:30px;margin:0 auto;background:url(../images/studycard/btnpro.gif) no-repeat 0 0;text-indent:-9000px;}
.btncancle a:hover{background:url(../images/studycard/btnpro.gif) no-repeat 0 -30px;}

.hy{border-bottom:1px #c0c0c0 solid;margin-left:20px;width:90%;}

/*遮照层样式*/
#mask{display: none; z-index: 9998; filter: alpha(opacity=60); background-color: #eeeeee;position: absolute}
#testContainer{display: none; z-index: 9999; width: 450px; position: absolute;height: 300px}

/*登录错误提示页*/
.img_v {
	display:block;
	position:relative;
	top:30px;
	width:611px;
	height:243px;
	margin:0 auto;
	text-align:center;
	background:url(../images/common/error.gif) no-repeat left top;
}
.btn_loginbox{position:absolute;bottom:40px;right:40px;width:200px;height:30px;line-height:30px;}
.btn_true,.btn_cancel{display:block;width:80px;line-height:30px;margin-right:10px;float:left;}
.btn_true a:link,.btn_true a:visited{display:block;width:80px;background:url(../images/common/login.gif) no-repeat left top;text-indent:-9000px;cursor:pointer;}
.btn_true a:hover{background:url(../images/common/login.gif) no-repeat 0 -30px;}
.btn_cancel a:link,.btn_cancel a:visited{display:block;width:80px;background:url(../images/common/login.gif) no-repeat 0 -60px;text-indent:-9000px;cursor:pointer;}
.btn_cancel a:hover{ background:url(../images/common/login.gif) no-repeat 0 -90px;}

/*插件安装*/
.cardcontext h4.h4active{border-bottom:1px #c0c0c0 dashed;height:30px;line-height:30px;padding-left:40px;background-position:10px center;}