/*-------- Global ---------*/
body {
	height: 100%; 
	cursor: pointer;
	font-size: 14px; 
}

.content {
	background-color: #FFFFCC; 
}
.content_yellow {
	background-color: #ffff99;
}


.audioPlayer {
	position: absolute; 
}

.block {
	clear: both; 
}

.word_block {
	width: 50%; 
	float: left; 
}
.quiz_block {
	padding: 0 10px; 
	clear: both; 
}

.para_header {
	background-color: #FFCC00 !important;
	line-height: 30px;
	padding: 0 10px;
	font-family: Verdana, Geneva, sans-serif;
}
.para.even {
	background-color: #FFFF99; 
}

.word {
	width: 120px; 
	display: inline-block; 
}

.italic {
	font-style: italic; 
}

.clr {
	clear: both; 
}

/*------- Hove action -------*/
.read {
	background: url("images/ear_color_nobox_vocabulary0001.png") no-repeat scroll left center;
    padding: 4px 10px 4px 40px;
	line-height: 20px; 
	cursor: pointer;
}
.read:hover {
	background-image: url("images/ear_color_nobox_vocabulary0003.png");
}
.read:hover>span {
	background-color: #FFFF66;
	border:1px solid #888888;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}


.read>span {
	padding: 0 10px; 
}

.hilight {
	color: #FF0000; 
}
.final {
	color: #0000FF; 
	line-height: 20px; 
}

.loadingbar {
	position: absolute; 
	font-size: 8px; 
	padding: 2px 5px; 
	color: #FFFFFF; 
	background-color: #333333; 
	visibility: hidden; 
}
/*----------- Responsive -----------*/
@media (max-width: 640px) {
	.word_block {
		width: 100%; 
		float: none; 
	}
}

@media (min-width: 700px) {
}.content {
	max-width: 700px;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}
.text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	background-color: #6CC;
	padding: 4px;
}
texto {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

.vocabulary_bar {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	background-color: #FFCC00;
	padding: 3px;
}
.page_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #C6C;
	padding: 3px;
}