/*----------------------------------------
Name: global.css
Developed by: davey
Date Created: 09 1,2009
----------------------------------------*/

/* Elements
----------------------------------------*/
body{font-family:"宋体", Arial; font-size:12px; color:#555;}
p{font-family:"宋体", Arial; font-size:12px; color:#333}
li{float:left}
h1{font-size:14px; color:#FFF; font-weight:normal;}
h2{font-size:14px; color:#555; font-weight:bold; line-height:20px;}
h3{font-size:14px; color:#333; font-weight:bold;}
h4{font-size:14px; color:#333; font-weight:normal;}
input{border:solid 1px #BDC7D8; width:160px;}
select{border:solid 1px #BDC7D8;}
textarea{border:solid 1px #BDC7D8;}
/* Common Option
----------------------------------------*/
.skyBg{background:url(../Images/bg_common_main.jpg) repeat-x;}
.imgWrap{padding:2px;border:#CCC solid 1px;}
#userDisplayM{width:60px;height:60px;background:url(../Images/bg_common_userDisplay.gif);}
#userDisplayM .display{padding-left:3px; padding-top:3px;}
.coinIcon{padding-left:18px;background:url(../Images/icon_common_coin.gif) left 3px no-repeat;}
.scoreIcon{padding-left:18px;background:url(../Images/icon_common_score.gif) left 3px no-repeat;}
.clearThis{clear:both}
.left{float:left}
.right{float:right}
.indent{text-indent:2em}
.minSpaceT{margin-top:5px;}
.minSpaceB{margin-bottom:5px;}
.minSpaceR{margin-right:5px;}
.minSpaceL{margin-left:5px;}
.minSpaceBoth{margin-left:5px;margin-right:5px;}
.space{margin:15px;}
.spaceT{margin-top:15px;}
.spaceB{margin-bottom:15px;}
.spaceL{margin-left:15px;}
.spaceR{margin-right:15px;}
/* Fonts
----------------------------------------*/
.num{font-size:12px; font-weight:bold; color:#FBEFB8;}
.date{font-size:12px; font-weight:bold; color:#8AAD30;}
.whiteBig{ font-size:14px; color:#FFF;}
.eText{ padding:3px;font-size:12px; color:#999; line-height:24px;}
.eTextSmall{ padding:3px;font-size:10px; color:#999; line-height:24px;}
.eTextWht{ padding:3px;font-size:14px; color:#fff; line-height:24px; font-weight:bold;}
/*property*/
.red{color:#C00;}
.green{color:#6A8525;}

/* Links
----------------------------------------*/
a:link, a:visited /*Green*/
{
	color:#333;
	text-decoration:none;
}

a:hover, a:active
{
	color:#999;
	text-decoration:underline;
}
.b:link, .b:visited /*Yellow For:TopRight Link*/
{
	color:#FBEFB8;
	text-decoration:none;
}

.b:hover, .b:active
{
	color:#FBEFB8;
	text-decoration:underline;
}

.c:link, .c:visited	/*Gray*/
{
	font-size:12px;
	color:#333;
	text-decoration:none;
}

.c:hover, .c:active
{
	color:#999;
	text-decoration:underline;
}
.cExt01:link,.cExt01:visited,.cExt01:hover,.cExt01:active{font-size:14px;}

.d:link, .d:visited	/*Deep Green*/
{
	color:#3D4E16;
	text-decoration:underline;
}

.d:hover, .d:active
{
	color:#496C00;
	text-decoration:underline;
}
.e:link, .e:visited	/*Big Size*/
{
	font-size:14px;
	color:#fff;
	text-decoration:none;
}

.e:hover, .e:active
{
	font-size:14px;
	color:#fff;
	text-decoration:underline;
}
.eExt01:link,.eExt01:visited,.eExt01:hover,.eExt01:active{ font-weight:bold;color:#FBEFB8;}

.pagination
{
	clear:both;
	text-align:center;
	margin-bottom:12px;
	color:#666;	
}

.pagination a
{
	border:1px solid #CCCCCC;
	margin:0 3px 0 3px;
	padding:3px 8px;
	line-height:24px;
}

.pagination a:hover
{
	background:#8AAC31;
	color:#FFFFFF;
	text-decoration:none;
}

.pagination .currentPage
{
	border:2px solid #E0EBC3;
	margin:0 3px 0 3px;
	padding:2px 7px;
	line-height:24px;
	color:#CCDE9B;
	font-weight:bold;
}
/* Lists
----------------------------------------*/
.stList{

}
	.stList li{
		clear:both;
		width:100%;
		line-height:22px;
		background:url(../Images/point_index_introList.gif) 15px 10px no-repeat!important;
		background:url(../Images/point_index_introList.gif) 15px 8px no-repeat;
	}
		.stList li a:hover,a:active{color:#999}
		.stList li a:link,a:visited{color:#333}

.stListExt01 li{padding-left:25px;}
.stListExt02 li{
	padding-left:16px; 
	width:162px; 
	background:url(../Images/point_common_stList.gif) 8px 9px no-repeat!important;
	background:url(../Images/point_common_stList.gif) 8px 7px no-repeat;
}
.mainList{margin-bottom:12px!important;margin-bottom:0px;}
.mainList li{clear:both; padding-left:22px; width:550px; font-size:14px; line-height:24px; background:url(../Images/point_common_mainListDialog.gif) left no-repeat;}
.mainList li a{color:#333}
.mainList .date{padding-left:10px;line-height:24px; font-size:12px; color:#999; font-weight:normal;}
/*Textbox*/
.searchBar{float:left}
.searchBar li{float:left; height:30px}
.searchBarL{width:5px; background:url(../Images/image_common_searchBarL.gif) no-repeat;}
.searchBarBody{
padding-top:5px!important;
padding-top:0px;
margin-top:0px!important; 
margin-top:-1px; 
width:420px;
height:20px!important; 
height:25px;
line-height:24px;
font-size:14px; 
background:url(../Images/bg_common_searchBar.gif) repeat-x;
border-top:1px solid #75922B;
border-bottom:1px solid #75922B;
border-left:none;
border-right:none;
}
.searchBarR{width:5px; background:url(../Images/image_common_searchBarR.gif) no-repeat;}

.subSearchL{float:left;width:20px;height:26px;background:url(../Images/image_common_subSearchL.gif) no-repeat;}
.subSearchBody{float:left; border-left:none; height:20px;}

/* Buttons
----------------------------------------*/
.btnL,.btnR,.btnBody{float:left; width:5px; height:28px;}
.btnL{background:url(../Images/image_common_btnL.gif) no-repeat;}
.btnR{background:url(../Images/image_common_btnR.gif) no-repeat;}
.btnBody{
	width:auto; 
	background:url(../Images/bg_common_btn.gif) repeat-x; 
	border:0px; 
	font-size:14px; 
	font-weight:bold; 
	padding-bottom:3px!important;
	padding-bottom:0px; 
	color:#5A3F05;
	cursor:pointer;
}
 .btnLExtOnblack{background:url(../Images/image_common_btnL_onBlack.gif) no-repeat;}
 .btnRExtOnblack{background:url(../Images/image_common_btnR_onBlack.gif) no-repeat;}
 .btnBodyExtOnblack{background:url(../Images/bg_common_btn_onBlack.gif) repeat-x;}

.btnSubL,.btnSubR,.btnSubBody{float:left; width:5px; height:22px;}
.btnSubL{background:url(../Images/image_common_btnSubL.gif) no-repeat;}
.btnSubR{background:url(../Images/image_common_btnSubR.gif) no-repeat;}
.btnSubBody{
	width:auto; 
	background:url(../Images/bg_common_btnSub.gif) repeat-x; 
	border:0px; 
	font-size:12px; 
	font-weight:bold; 
	padding-bottom:3px!important;
	padding-bottom:0px; 
	padding-top:0px!important;
	padding-top:3px;
	color:#fff;
	cursor:pointer;
}

/* Lines
----------------------------------------*/
.line{border-bottom:solid 2px #EBF5CC; width:auto}
.lineExt01{width:310px;}
.lineExt02{border-bottom-color:#FFF;}
.lineSeparate{border-bottom:solid 1px #e6e6e6; width:auto; margin:15px 0 15px 0;}

/* Tabs
----------------------------------------*/
#tabWrap{margin-bottom:15px; height:26px!important;height:25px; width:798px; background:url(../Images/bg_common_tabLine.gif) repeat-x;}
.tabOn{}
.tabOn .tabL{width:5px; height:26px; background:url(../Images/image_common_tabOnL.jpg) no-repeat}
.tabOn .tabBody{
	padding:0 5px 0 5px; 
	width:auto; 
	height:26px; 
	background:url(../Images/bg_common_tabOn.jpg) repeat-x; 
	font-size:14px; 
	line-height:27px;
	color:#8B570A;
}
.tabOn .tabR{margin-right:5px; width:5px; height:26px; background:url(../Images/image_common_tabOnR.jpg) no-repeat}
.tabOff{}
.tabOff .tabL{width:5px; height:26px; background:url(../Images/image_common_tabOffL.gif) no-repeat}
.tabOff .tabBody{
	padding:0 5px 0 5px; 
	width:auto; 
	height:26px; 
	background:url(../Images/bg_common_tabOff.gif) repeat-x;}
.tabOff .tabBody .a_tab:hover,.a_tab:active{
	font-size:14px;
	color:#B9935D;
	line-height:27px;
	height:26px;
}
.tabOff .tabBody .a_tab:visited,.a_tab:link{
	font-size:14px;
	color:#B9935D;
	line-height:27px;
	height:26px;
}
.tabOff .tabR{margin-right:5px; width:5px; height:26px; background:url(../Images/image_common_tabOffR.gif) no-repeat}

#subTabWrap{height:21px; width:auto; background:url(../Images/bg_common_subTabLine.gif) repeat-x}
	.subTabOn{
		padding:3px 8px 5px 8px!important;
		padding:4px 8px 2px 8px;
		margin-left:3px;
		height:12px;
		border-top:#888 solid 1px;
		border-left:#888 solid 1px;
		border-right:#888 solid 1px;
		background:url(../Images/bg_common_subTabOn.gif) repeat-x;
	}
	.subTabOff{
		padding:3px 8px 4px 8px!important;
		padding:4px 8px 1px 8px;
		margin-left:3px;
		height:12px;
		border:#888 solid 1px;
		background:url(../Images/bg_common_subTabOff.gif) repeat-x;
		color:#FFF;
		cursor:pointer;
	}

/* Boxes
----------------------------------------*/
/*Article Right Bar*/
.rightBox{
	float:right; 
	width:180px; 
}

	.rightBox .l{float:left; width:5px; height:26px; background:url(../Images/image_common_article_rightbox_titleL.jpg) no-repeat;}
	.rightBox .body{float:left; width:170px; height:26px; background:url(../Images/bg_common_article_rightbox_title.jpg) repeat-x;}
	.rightBox .r{float:left; width:5px; height:26px; background:url(../Images/image_common_article_rightbox_titleR.jpg) no-repeat;}
	.boxBody {margin-top:26px!important;margin-top:0px;border:#e7e7e7 solid 1px;width:178px; height:230px;}
	.rightBox h1{float:left; width:auto; padding:5px 0 0 3px!important;padding:8px 0 0 3px; font-size:12px; font-weight:bold; color:#496C00;}
	.rightBox .english{float:left; padding:6px 0 0 4px!important;padding:7px 0 0 4px;color:#999; font-size:10px;}
	
/*Rank Box*/	
.top10Box{float:left;width:183px!important;width:180px; border:#F2A83A solid 1px;margin:7px}
	.boxTitle{height:28px; border-bottom:#F2A83A solid 2px;background:url(../Images/bg_common_top10box_title.gif) repeat-x;}
		.titleText{
			padding-left:25px; 
			padding-top:6px!important;
			padding-top:8px; 
			height:20px; 
			font-size:14px;
			font-weight:bold;
			background:url(../Images/icon_common_top10box_title.gif) 9px 7px no-repeat!important; 
			background:url(../Images/icon_common_top10box_title.gif) 9px 8px no-repeat
		}
	.list li{clear:both;padding-top:4px!important;padding-top:6px;height:20px!important;height:18px; padding-left:30px; background-color:#f5f5f5;width:153px!important;width:150px;}
	.list .one{ background:url(../Images/Top10Icon/01.gif) 8px 6px no-repeat}
	.list .two{ background:url(../Images/Top10Icon/02.gif) 8px 6px no-repeat;background-color:#f5f5f5;}
	.list .three{ background:url(../Images/Top10Icon/03.gif) 8px 6px no-repeat}
	.list .four{ background:url(../Images/Top10Icon/04.gif) 8px 6px no-repeat;background-color:#f5f5f5;}
	.list .five{ background:url(../Images/Top10Icon/05.gif) 8px 6px no-repeat}
	.list .six{ background:url(../Images/Top10Icon/06.gif) 8px 6px no-repeat;background-color:#f5f5f5;}
	.list .seven{ background:url(../Images/Top10Icon/07.gif) 8px 6px no-repeat}
	.list .eight{ background:url(../Images/Top10Icon/08.gif) 8px 6px no-repeat;background-color:#f5f5f5;}
	.list .nine{ background:url(../Images/Top10Icon/09.gif) 8px 6px no-repeat}
	.list .ten{ background:url(../Images/Top10Icon/10.gif) 8px 6px no-repeat;background-color:#f5f5f5;}

    .list li a:hover,a:active{color:#999}
	.list li a:link,a:visited{color:#333}
	.list .listExtNoBg{background-color:#fff;}
	.list .listExtBg{background-color:#f5f5f5;}
	
/*Titles
----------------------------------------*/
.titleWrap{width:auto;height:40px;}
.titleWrapExtLine{border-bottom:#F2A83B solid 1px}
.titleWrapExtLine01{border-bottom:#DDD solid 1px}
.title{
	float:left;
	padding-left:35px;
	height:40px;
	background:url(../Images/ApplicationIcon/recommendation.gif) left top no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
}
	.title .english{padding-left:5px;font-size:14px; color:#CCC; font-weight:normal;}
.titleInfo{
	float:right;
	line-height:28px;
	}
.titleSub{
	line-height:30px;
	padding-left:8px;
	background:url(../Images/point_common_stListOrange.gif) 2px 13px no-repeat!important;
	background:url(../Images/point_common_stListOrange.gif) 2px 11px no-repeat;
	color:#C00;
	font-size:12px;
	font-weight:bold;
}
.openWinTitle{
	float:left;
	padding-left:35px;
	height:40px;
	background:url(../Images/ApplicationIcon/recommendation.gif) left top no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
}
.openWinTitle .english{padding-left:5px;font-size:14px; color:#CCC; font-weight:normal;}	

/* Content View */
.contentView{padding:20px 20px 15px 20px; border-bottom:solid #f1f1f1 1px;}
.viewTitle{font-size:14px; font-weight:bold; line-height:14px;}
.viewTitleA:hover,.viewTitleA:active,.viewTitleA:link,.viewTitleA:visited{color:#6A8525;}
.viewBody{line-height:30px;}
.property{line-height:28px;}

/* Adjustment
----------------------------------------*/
.labelAlign{margin-right:17px;}

/* Header
----------------------------------------*/
#topLine{
	margin-bottom:0px;
	padding:0 5px 0 5px;
	height:24px;
	font-size:12px;
	color:#FFF;
	line-height:24px;
	background:url(../Images/bg_common_topLine.jpg) repeat-x;
	font-family:"宋体",Arial;
}
#topRightNav li{
	float:left;
	padding-right:10px;
	width:auto;
	line-height:20px!important;
	line-height:24px;
}
#topRightNav .fav{
	padding-left:20px;
	width:70px;
	background:url(../Images/icon_common_addFavorite.gif) 0px 5px no-repeat!important;
	background:url(../Images/icon_common_addFavorite.gif) 5px left no-repeat;
}
#topRightNav .userInfo
{
    float:left;
    margin-right:13px;
    width:auto;    
}

#header{
	margin:auto;
	width:980px;
	height:100px;
}
	#commonLogo{float:left; margin:17px 0 0 17px; width:225px; height:53px; background:url(../Images/image_common_logo.png) no-repeat;cursor:pointer;}
	#commonText{float:right; width:120px; padding:13px 15px 15px 15px!important; padding:14px 15px 15px 15px;}
	#commonText li{clear:both;width:120px; line-height:24px;}

#menu{
	margin:auto;
	width:980px;
	height:46px;
}
	#menuL{float:left;width:15px; height:46px; background:url(../Images/image_common_menuL.jpg) no-repeat;}
	#menuBody{ float:left; width:965px; height:46px; background:url(../Images/bg_common_menu.jpg) repeat-x;}
		.searchWrap{float:right;margin:9px 0 0 0px; width:530px!important;width:538px;}
		#searchTip{float:right;margin:11px 5px 0 0;}
		#menuNav{}
			#menuNav li{ margin-top:16px; width:80px; background:url(../Images/bg_common_separate.gif) 67px 0px no-repeat;}
			#menuNav .menuNavExt01{background:none;}
			
#mainContent{
	margin:auto;
	width:980px;
	height:auto;
}
	#leftBarWrap{float:left;width:150px;height:auto; text-align:center;}
		#vipBtnWrap{padding-left:23px!important;padding-left:17px;height:40px;}
		#leftBar{
			/*For Vip Button padding-top:15px;*/
			padding-bottom:20px;
			width:150px;
			height:auto!important;
			height:300px;
			min-height:300px;
			background-color:#F0F6E0;
			background:url(../Images/bg_common_leftBar.jpg) repeat-x;
			border-bottom:#D1E0AB solid 3px;
		}
		#leftNav{
		}
		#leftNav li a{
			display:block;
			cursor:pointer;
			text-align:center;
			padding-top:50px;
			clear:both;
			width:150px;
			height:28px!important;
			height:24px;
			line-height:14px;
			font-size:14px;
			font-weight:bold;
			color:#496C00;
			text-decoration:none;
		}
		
		.leftNavLiExtCourse{
			background:url(../Images/ApplicationIcon/onlineLessons.gif) center 15px no-repeat;
		}
		.leftNavLiExtRec{
			background:url(../Images/ApplicationIcon/recommendation.gif) center 15px no-repeat;
		}
		.leftNavLiExtTheme{
			background:url(../Images/ApplicationIcon/theme.gif) center 15px no-repeat;
		}
		.leftNavLiExtIndustry{
			background:url(../Images/ApplicationIcon/industryEnglish.png) center 15px no-repeat;
		}
		.leftNavLiExtExam{
			background:url(../Images/ApplicationIcon/englishTest.gif) center 12px no-repeat;
		}
		.leftNavLiExtBilingual{
			background:url(../Images/ApplicationIcon/bilingualReading.gif) center 13px no-repeat;
		}
		.leftNavLiExtAsk{
			background:url(../Images/ApplicationIcon/askAndAnswer.gif) center 13px no-repeat;
		}
		#leftNav li .translation{
			clear:both;
			width:150px;
			text-align:center;
			line-height:10px;
			font:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:10px;
			color:#999;
		}
	#content{
		float:right;
		padding:15px;
		width:798px;
		min-height:722px!important;
		height:auto!important;
		height:702px;
		background-color:#FFF;
		border-left:#F2A83B solid 1px;
		border-right:#F2A83B solid 1px;
		border-bottom:#F2A83B solid 1px;
	}
		#contentNav
		{line-height:28px;}
		#contentNav a{color:#CD810E;}
	#contentSmall{margin:auto;width:780px;}	
	#footer{}
	#footerContent{width:560px; margin:auto;}
		.eduPic{margin-top:-2px;padding-left:20px; float:left;}
		.copyright{margin-left:20px;}
		.copyright li{clear:both; height:22px; width:420px;}
		
		
		/* CSS Document */
#article{margin-top:10px; margin-left:5px;float:left; width:595px;}
	.articleTitle{margin-bottom:18px; width:100%; border-bottom:#CCC dotted 1px;}
	.imgLeft{
		float:left;
		margin-left:15px;
		margin-right:25px;
		margin-top:15px;
		margin-bottom:10px;
	}
	.imgCenter{
	width:100%;
	text-align:center;
	}
	.imgCenter img{
		margin:25px;
	}
	.articleContent img{padding:5px; border:#CCC solid 1px;}
	.articleContent p{font-size:14px; line-height:24px;}
	
/*Title*/ #article h1{clear:both;font:"瀹嬩綋", Arial;font-size:18px; font-weight:bold; color:#000;text-align:center;}
/*Date*/  #article h2{clear:both;margin-bottom:12px;font:"瀹嬩綋", Arial;font-size:12px; font-weight:normal; color:#999 ;text-align:center;}
/*Beginner*/  #article h3{clear:both;font:"瀹嬩綋", Arial;font-size:14px; font-weight:bold; color:#357DCE; line-height:24px;}
/*Intermedia*/  #article h4{clear:both;font:"瀹嬩綋", Arial;font-size:14px; font-weight:bold; color:#F06A51; line-height:24px;}

.volListWrap{float:left; width:49%}
.volList{width:98%; border-right:#CCC dotted 1px;border-collapse:collapse;}
.volList td{font-size:14px;color:#333; height:22px;}
.volList td p{line-height:18px;}
.volList td,.rightText{font-size:14px;color:#333; height:22px; line-height:18px}
.rightText{height:auto;}
.noLine{border-right:none;margin-left:15px;}
 
.columnList {clear:both;}
.columnList li{clear:both;width:100%;font-size:14px;color:#333; height:22px;}
 
.leftImgGroup{width:250px; float:left;}
.leftImgGroup img{margin:5px 0 5px 0;}

.lineImgGroup{width:100%;text-align:center;}
.lineImgGroup img{margin:0 5px 0 5px;}