/*
* Chinesehideout Audio Recording UI CSS
* Copyright (c) 2012 (http://chinesehideout.com)
*/
.speak {
	display:inline-block;
	margin:2px 5px 2px 0;
	width:16px;
	cursor:pointer;
}
.speak:hover {
	color: #f93;
}

.label {
	color: #000;
	font-size:large;
	font-weight:bold;
}
.head {
	color: #000;
	font-size:medium;
	font-weight:bold;
}
.chntxt {
	color: #000;
	font-size:xx-large;
}

.pyn {
	color:gray;
	font-size:12pt;
	text-align: center;
	padding: 0 2px 10px 2px;
}
.chn {
	color: navy;
	font-size:18pt;
	text-align: center;
	padding: 0;
}

.more_tab {
	cursor:pointer;
	display:block;
	position:relative;
	color:#332;
	background:#fff;
	padding:3px 0 3px 0;
	border-top: thin solid #886;
	width:100%;
	margin:-18px -20px 20px 10px;
	text-align:right;
	font-size:8pt;
}
.dialog_txt {
	font-size:20px;
	padding:0 30px 0 60px;
	width:100%;
	word-wrap: break-word;
}
@media only screen and (max-width: 600px) {
	.dialog_txt {
		padding:0 ;
	}
}
.dialog_txt p {
	padding-left:30px;
	text-indent:-30px;
	width:100%;
	word-wrap: break-word;
}
.guideHead {
	background:#fff;
	color: #000;
	font-size:12pt;
	font-weight:bold;
	padding:10px 0;
}
.guideLabel {
	background:#fff;
	color: #662;
	font-size:10pt;
	font-weight:bold;
	padding-top:10px;
}
.guideContent {
	margin:0 0 10px 10px;
}
.objectives_list li {
	margin-left:-20px;
	padding-bottom:2px;
	font-weight:normal;
}
.vocab_hide_btn {
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:none;
	font-size:8px;
	color:#332;
	background:#fff;
}
.vocab_hide_btn:hover {
	color:#e90;
}
.vocab_chn {
	font-size:14px;
	line-height:16px;
}
.vocab_cell {
	border-bottom:thin solid white;
	border-right:thin solid white;
	padding-left:5px;
	vertical-align:top;
}
.vocab_cell_light {
	background:#eee;
}
.vocab_cell_dark {
	background:#e5e5e5;
}
.nowrap {
	white-space: nowrap;
}
.cast_icon {
	display: inline; 
}
.cast_icon img {
	height: 28px; 
	width: 28px;
}
.grammar_list li {
	list-style-type:square;
	margin-left:-20px;
	padding-bottom:10px;
	color: #775;
	font-size:11pt;
	font-weight:bold;
}
.grammar_sublist li {
	list-style-type:circle;
	margin-left:-20px;
	padding-bottom:10px;
	color: #333;
	font-size:10pt;
	font-weight:bold;
}
.grammar_note {
	margin:10px 20px;
	color: #000;
	font-size:medium;
	font-weight:normal;
}
.grammar_example {
	margin:10px 50px;
	color: #000;
	font-size:14pt;
	font-weight:normal;
}
.grammar_subhead {
	margin-left:20px;
	color: #888;
	font-size:large;
	font-weight:bold;
}
.grammar_pattern {
	font-weight:bold;
}
.grammar_NA {
	color: #aaa;
}
.grammar_error {
	text-decoration: line-through;
	color: #f88;
}
.grammar_hilite {
	color: #e90;
}
.grammar_subject {
	color: blue;
}
.grammar_time {
	color: fuchsia;
}
.grammar_accompaniment {
	color: green;
}
.grammar_place {
	color: maroon;
}
.grammar_conveyance {
	color: navy;
}
.grammar_benefactor {
	color: silver;
}
.grammar_instrument {
	color: teal;
}
.grammar_action {
	color: red;
}
.grammar_purpose {
	color: olive;
}
/*
aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow
*/