@charset "UTF-8";
/* CSS Document for Main Page */
/* Pedram Badakhchani 09.09.2010*/ 

html{ background-color:#fff;}
body{	background-color:#fff; color:000; font : 75%/120%  verdana, kai, arial, helvetica, serif; text-align:left;}
#ref_btn{ display:none;}
/* breadcrumb navigation */
#breadcrumb{ display:none;}


/* content */

/* mediaplayer */
#largePlayerContainer{  display:none;}
/* footer */
#footer{display:none;}



/* Font sizes only */
h1 {font-size:14px;} 
h2 {font-size:12px; } 
p {font-size:11px;} 


#tabs{width:750px; }




	


#table{ width:750px;}
#row{ display: table-row;}
#leftCell{ width:350px; display: table-cell; float:left;}
#innerLeftCell{ width:80px; display: table-cell;}
#innerMiddleCell{ width:80px; display: table-cell; font-size:10px;}
#innerRightCell{ width:140px; display: table-cell;}
#rightCell{ width:350px; display: table-cell; float:right;}


#speakerName { display: table-cell;	width:100px; padding:0.1em;}
#speakerSentence { width:600px; padding:0.1em; display: table-cell;}



#activityAudio{
	display:none;
}

#transcriptCell{ display: table-cell; }

.togglePinyinButton{
	background: url(../img/helpIcons.png) no-repeat -50px 0px; 
	text-indent:-9999px;
	width: 50px;   
	height: 40px;
	float:right;
}



.toggleFeedback{
	background: url(../img/helpBtn.png) no-repeat 0px 0px; 
	text-indent:-9999px;
	width: 60px;   
	height: 40px;
	float:right;
	padding-bottom:0.3em;
}

.tickCrossButton { 	  
	display:none;
}


#checkAnswers{
   display:none;
}



#resetAnswers{
	display:none;
}



.feedback{ width:74%; margin:0 55px; background-color:#fff;}
.feedback p.pinyin{ margin-left:40px; margin-bottom:-1px; }
.feedback p { margin-left:25px; }



.pinyin , p.pinyin a{ color: #906; text-decoration:none;}

p.pinyin a:hover{ color: #4f3e3e;}



.chinese , p.chinese a{
	font-family:Kai, verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	font-size:1.5em;
	line-height:110%;
	margin-bottom:0.8em;
	
}

h2.chinese{
	font-family:Kai, verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	font-size:1.5em;
	margin-bottom:0.9em;	
}


p.chinese a:hover{ color: #837447;}

#tabs-2 #table p{
color: #fff;	
	}

p.indented{	margin-left: 1em;}




/*highlight colours for language note section*/
.highlight1{ background-color: #d4dfe3;}
.highlight2{ background-color: #b0a072;}
.highlight3{ background-color: #eef0a7;}
.highlight4{ background-color: #bbb69c;}
.highlight5{ background-color: #d2b86d;}
.highlight6{ background-color: #fdfede;}