#MainBody
{
	width:960px;
	font-size:12px;
}
/* top title */
#TitleBlock
{
	margin:0 auto;
	padding-top:5px;
	padding-bottom:8px;
	position:relative;
}
.CourseTitle
{
	font-size: 20px;
	font-weight: bold;
	color: Navy;
}
.AuthorName
{
	margin-left:6px;
	font-size:12px;
	color:#666;
}
.AuthorName a
{
	color:Blue;
	text-decoration:underline;
}
.AuthorName a:hover
{
	color:Red;
	text-decoration:none;
}

.CuserTools2
{
	right: 3px;
	position: absolute; 
	top: 12px;
	font-weight:normal;
	color:#666;
	font-size:12px;
}
.CuserTools2 a
{
	padding: 4px;
	text-decoration: underline;
	font-size: 13px;
	color: #0000cd;
}

/* Detail Mes layout */

#DetailMes
{
    width:100%;
}
#CourseInfoWrapper
{
    float:left;
    width:100%;
}
#CourseInfoMid
{
    margin:0;
    margin-left:145px;
    margin-right:215px;
}
#CoursePic
{
    float:left;
	width:140px;
	margin-left:-100%;
}

#CourseInfoMidRight
{
	float: left;
	width: 210px;
	margin-left:-210px;
}

/* Detail Mes Style */

.Picture
{
	width:140px;
}
#Introblock
{
    font-size: 13px;    
    padding: 0 10px 8px;
    text-align:left;
}

#introtitle
{
	text-align: left;
	padding-left: 33px;
	font-weight: bold;
	padding-top: 5px;
	background:url(../../image/Details/introico.gif) no-repeat left center;
	font-size: 14px;
}
#intromes
{
	padding-top:5px;
	padding-left:8px;
	padding-right:8px;
	color:#666;
	line-height: 17px
}
.tbtext
{
	color: green;
	margin: 3px 0 6px;
}
.pub
{
    margin-left:30px;
}

.CourseTips
{
    text-align: center;
    padding: 8px 28px 6px;
    margin: 3px auto 5px;
    color: red;
    font-size: 12px;
    background-color: #fffacd;
    letter-spacing: 1px;
    width:300px;
}
.CDTags
{
	padding:0 6px 3px 8px;
	margin-top:5px;
	font-size:12px;
	line-height:18px;
}
.CDTags a
{
    
    padding-right: 6px;
}
/**/
.CourseInfoshadow
{
	background-position: left top;
	background-image: url(../../image/UserNav/SEZSpeBG.gif);
	background-repeat: no-repeat;
	background-color: #dfdfdf;
	padding-right: 3px;
	padding-bottom: 3px;
}
.CourseROutline
{
	border:1px solid #ccc;
	padding:10px 12px;
	background-color:#fff;
	background-image:url(../../image/Catalogs/CourseDetailRight_BG.gif);
	background-repeat:repeat-x;
	text-align: left;
}

.CourseDetailItem
{
    margin-bottom:6px;
    vertical-align:middle;
    font-family:Arial;
}
.CourseDetailItem1
{
    color: #960;
}
.CourseDetailItem1 a
{
    color: #960;
}
.CourseDetailItem1 a:hover
{
    color: #960;
    text-decoration:none;
}

/**/
.CUserTools1
{
	margin:0 2%;
	margin-top:8px;
	padding-top:11px;
	padding-bottom:8px;
	text-align:center;
	background:#F5FBFF;
}
.EachBtn1
{
	background-image: url(../../image/Default/BtnBG.jpg);
	border: 1px solid #bebebe;	
	padding:4px 5px 3px 5px;
	margin:0 2px;
}
.EachBtn1 img
{
	padding-right:3px;
	vertical-align:middle;
}
.CUserTools1 a
{
	text-decoration: none;
	color: #0000cd;
	font-size: 13px;
	white-space:nowrap;	
}
.CUserTools
{
	margin-top:8px;
	border-top:1px #ccc solid;
	padding-top:6px;
	text-align:left;
}
.CUserTools a
{
	text-decoration:none;
	color: blue;
	font-size:13px;
}
.EachBtn
{
	vertical-align:middle;
	padding:0 3px;
}
.EachBtn img
{
	margin-right:3px;
}

/**/
#CourseItemList
{
	width:100%;
	height:27px;
}
#CourseItemList 
{
    margin:0;
    padding:0;
    list-style:none;
}

#CourseItemList ul
{
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
}
#CourseItemList li.ItemOFF 
{
    float:left;
    margin:0 2px 0 0;
    padding:0;
    background:url(../../image/Details/CourseDetailTab_OffR.gif) no-repeat right top;
}
#CourseItemList .ItemOFF a
{
    display:block;    
	background:url(../../image/Details/CourseDetailTab_OffL.gif) no-repeat left top;
    padding:10px 14px 3px;
	text-decoration:none;
}
#CourseItemList li.ItemON 
{
    float:left;
    margin:0 2px 0 0;
    padding:0;
    background:url(../../image/Details/CourseDetailTab_OR.gif) no-repeat right top;
}
#CourseItemList .ItemON a 
{
    display:block;
	background:url(../../image/Details/CourseDetailTab_OL.gif) no-repeat left top;
    padding:8px 16px 4px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:13px;
}

#CourseItemPart
{
	width:100%;
	margin-top:18px;
	text-align:left;
}
#CourseItContent
{
	border: #72ad59 1px solid;
	margin-bottom:20px;
}
.EachItemBlock
{
	padding:5px 15px 15px 20px;
	text-align:center;
}

/**/
.TeaCreTotal
{
	color:#666;
	border-bottom: #ccc 1px dashed;
	padding-top:6px;
	padding-bottom:8px;
	padding-left:8px;
	margin-bottom:8px;
	font-size:14px;
	font-family:Arial;
	text-align:left;
}
#TeaCreList
{
	padding-left:8px;
	font-size:14px;
	text-align:left;
}
#TeaCreList p
{
	margin:5px 0;
	padding:0;
}
#TeaCreList p a
{
	text-decoration:none;
}
#TeaCreList ul
{
	list-style-type:square;
	margin-left:35px;
}
#TeaCreList li
{
	padding:0;
	margin:10px 0;
}
#TeaCreList li a
{
	color: blue;
}
#TeaCreList li a:hover
{
	color: red;
}

/**/
#RelatedList
{
	text-align:left;
	font-size: 14px;
	color: #666;
	line-height:22px;
}
#RelatedList a
{
	color:Blue;	
	padding-right: 13px;
}
#RelatedList a:hover
{
	color:Red;
}
/**/
.CourseRefList
{
	padding-top:2px;
	width:88%;
}
.CourseRefList a
{
	color:Blue;
	text-decoration:underline;
}

.CourseRefList table
{
/*border:solid 1px #ccc;*/
}
.CourseRefList th
{
	border-bottom:solid 1px #ccc;
	font-size:13px;
	padding:6px 8px;
	letter-spacing:1px;
}
.CourseRefList td
{
	padding: 6px 8px;
}


.SubBlock
{
	margin-bottom:7px;
	margin-top:7px;
	width:940px	
}
.SubBlock2
{
	margin-bottom:7px;
	margin-top:7px;
	width:660px;	
	
	}

.SubTitle
{
	clear: both;
	height:25px;
	text-align:left;	
}
.SubTitle .thistitle
{
	font-size: 13px;
	padding-top: 7px;
	height: 18px;
	text-align: center;
	width: 100px;
	letter-spacing: 1px;
	margin-right: 3px;
	font-weight: bold;
	color: White;
	background:url(../image/TitleTab.gif) no-repeat;
}

.SubContent
{
	border: #91add7 1px solid;
	background:#fff;
	min-height:25px;
	padding-bottom:8px;
}



.seltools
{
	margin-top:15px;
	margin-bottom:15px;
	width:94%;
	color: #309;
	text-align:left;
}
.seltools a
{
	color: #309;
	text-decoration:none;
	margin-left:2px;
}
.selbox
{
    margin-right:115px;
}
.selbutton
{
    float:right;
}


.ComP
{
	margin: 6px 10px;
	padding: 5px 18px;
	border-bottom: #bbb 1px dashed;
}
.Comor
{
	text-align: left;
	padding: 5px 0;
	display: block;
	color: #666;	
}
.Comor .poster
{
	color: #00c;
	font-weight: bold;
	padding-right:5px;
}
.ComC
{
	text-align: left;
	display: block;
	text-indent: 24px;
	line-height:15px;
	color: #333;
}
.ComR
{
	text-align: left;
	padding: 6px 0;
	display: block;
	color: teal;
}
.ComPager
{
	text-align:center;
	padding:10px 0;
}
.ComPager a
{
	color: #333;
	text-decoration: none;
	padding:0 2px;
}
.ComPager a:hover
{
	color: red;
	text-decoration: underline;
}

#MyComBlock
{
	width:88%;
	margin:0 auto;
}
#MyComBlock h5
{
	padding-top:7px;
	padding-bottom:5px;
	margin:0;
	font-size:14px;
	color:Navy;
}
#MyLevel
{
	text-align:left;
	padding-bottom:8px;
}
#MyLevel img
{
	margin-right:12px;
}
#MyComBlock .mycomT
{
	vertical-align:top;
}
#MyComBlock #MyCom
{
	text-align:left;
}
#MyComBlock #Action
{
	padding:5px 0;
	text-align:center;
}
.statper
{
	color:#666;
	margin-left:15px;
}

.QWrapper
{
    margin:10px 15px;
}
.EachQuestion
{
    text-align:left;
    background: url(../../image/Help_ico.jpg) no-repeat left top;
    padding-left:40px;
    padding-top:5px;
    padding-bottom:14px;
    border-bottom:1px solid #CDE6C0;
    margin-bottom:10px;
}
.QBody
{
    font-size: 14px;
    margin-bottom:6px;
}
.QBody a
{
    color: #006500;
}
.Qer
{
    text-align:left;
    color:#666;
}
.Qer a
{
    color:#666;
}
.QerItem
{
    margin-left:15px;
}

/*LessonDetail*/
#ParentTitle
{
    width:960px;
    font-size:14px;
    background:#EFFBD6;
    height:29px;
    line-height:29px;
    padding:0 8px;
    margin:3px 0 5px;
}
#ParentTitle span
{
    float:left;
    letter-spacing:1px;
    color:#666;
}
#ParentTitle span a
{
    font-weight:bold;
    letter-spacing:0;
    color:green;
}
.ReturnCourse
{
    float: right;
    display: block;
    background: url(../image/ReturnCourseIco.gif) no-repeat left 5px;
    padding-left:22px;
    color:green;
    height:22px;
    overflow:hidden;
}
a.ReturnCourse:hover
{
    background-position: left -17px;
    text-decoration: underline;
    color: #9acd32;
}

#MainContent
{
    float:left;
    width:655px;
}
#NavPart
{
	float:left;
	margin-top:0px;
    width:245px;
    float:right;
    background:#F3F7E9;
    padding:10px 9px 10px 10px;
}

#MainContent h2
{
    font-size: 18px;
    color: navy;
    margin:10px 0 8px;
}
#LessonPicture
{
    float:left;
    width:130px;
    height:130px;
    overflow:hidden;
}
#LessonPicture img
{
    width:130px;
}
#LessonDetailInfo
{
    float:left;
    margin-left:20px;
    text-align:left;
    font-size:14px;
    display:inline;
}
ul#ApplyPart
{
    margin:0 0 6px;
    padding:0;
    list-style-type:none;
    text-align:right;
    clear:both;
}
ul#ApplyPart li
{
    font-family: SimSun;    
    color: blue;
    font-size:12px;
    display:inline;
}
#ApplyPart a
{
	color:blue;
	letter-spacing: 1px;
}
#ApplyPart a:hover
{
    color:Red;
}
.Pinpai
{
    color:#333;
    margin:0 0 3px;
}

#LessonDetailInfo table
{
    width:505px;
    clear:both;
    color:#333;
}
#LessonDetailInfo table span
{
    color:#000;
}
#LessonDetailInfo a
{
    
}
#LessonDetailInfo a:hover
{
    color: red;
}
#LessonDetailInfo td
{
    padding:3px 0;
    width:50%;
}
#BuyAndPlayPart
{
    font-size:14px;
    text-align:center;
    clear:both;
    padding-top:10px;
    margin-bottom:15px;
}
#BuyAndPlayPart div
{
    display:inline;
}
.LessonPrice
{
    color: #333;
}
.PriceNum
{
    font-weight:bold;
    font-size:20px;
    color:Red;
    font-family:Arial;
    padding-right:5px;
}



#SetTip
{
	text-align:left;
	border:1px solid #CAC58C;
	margin:5px 0 0;
	background:#FFFFCE;
	padding:8px 15px 4px;
	font-size:12px;
	clear:both;
}
#SetTip h4
{
    font-size:12px;
    margin:0 0 2px;
    padding:0;
    font-weight:normal;
}
#SetTip ol
{
    margin:0 0 0 49px;
    padding:0;
}
#SetTip li
{
    padding:0 0 2px;
    letter-spacing:1px;
}
#SetTip li strong
{
    color:Red;
	font-weight:normal;
}

.LessongTips
{
    display:inline;
}

#LIntroblock
{
    text-align: left;
    padding: 2px 15px;
    margin-top: 7px;
    
}
#LIntroblock .CDTags
{
	padding:8px 0 0;
	border-top:1px dashed #dadada;
	margin-top:5px;
}
#Lintromes
{
	padding-bottom:5px;
	padding-top:2px;
	line-height:19px;
	clear:both;
	color:#333;
}

.FatherInfo
{
	text-align: left;
	/*border: #72ad59 1px solid;*/
	border-right:1px solid #eee;
	border-bottom:1px solid #dfdfdf;
	padding:6px 8px;
	background:#fff;
}
.FatherInfo h4
{
	font-size: 14px;
	text-align:left;
	padding:0;
	padding-bottom:4px;
	padding-top:3px;
	margin:0px;
	color:#666;
}
.FatherInfo a
{
	color: Blue;
	text-decoration: none;
}
.FatherInfo a:hover
{
	color: red;
	text-decoration:none;
}

.FatherInfo td
{
    padding-top:4px;
    padding-bottom:4px;
}
.FatherInfo p
{
	margin:0 0 7px 8px;
	padding:0;
	font-weight:bold;
}
.FatherInfo p a
{
	color:#065572;
	text-decoration:underline;
}
#SelPayWay
{
    font-size:14px;
    line-height:25px;
    margin-bottom:5px;
}
#SelPayWay strong
{
    margin: 0 5px;
    color: #333;
}
#SelPayWay .TipMessage
{
    margin-left: 8px;
    color: #666;
    font-size:12px;
}
#SelPayWay h2
{
    font-size: 12px;
    color: #cc0000;
    margin: 0 0 -4px;
}
#Bulletin
{
    background-color: #ff9;
    padding:9px 8px 6px;
    line-height:18px;
    border:1px dashed #ccc;
    font-size:12px;
    line-height:18px;
    font-family:SimSun;
    width:637px;
    color:#333;
    clear:both;
    margin-top:7px;
    display:table;
    text-align:left;
}
#Bulletin a
{
    margin:0 1px;
}
#Bulletin strong
{
    margin-right:3px;
}
#Bulletin .CloseIco
{
    position:absolute;
    right:-6px;
    top:-5px;
}