/* Default */
html, body { margin: 0; padding: 0; overflow: hidden; }
body { font-family: 'tahoma'; font-size: 9pt; }
div, form { margin: 0; padding: 0; }
img { border: 0; }

.margin { clear: both; }
.button { display: inline-block; }
.button span { display: none; }
.button_option { display: block; position: absolute; }

/*#wrapper { background-image: white; }*/

/* Player */
#header {
	width: 100%;
	position: static;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 24px;
}

#footer {
	width: 100%;
	position: absolute; bottom: 0; left: 0;
	border-top: 1px solid #BBB;
	text-align: center;
	padding: 2px 0 1px 0;
	height: 25px;
}

#view, #quiz, #settings {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #999;
	scrollbar-face-color: #EEE;
	scrollbar-shadow-color: #999;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color:#FFF;
	scrollbar-arrow-color:#999;
}

table.counter_box {
	float: right;
	margin: 1px;
	height: 21px;
}

#position, #timer {
	color: #EEEEEE;
	font-size: 9px;
	font-family: "verdana";
	text-align: center;
}

#player_ctrl div {
	display: inline;
}

#play_pause_div {
	margin: 1px;
}

#order_type_div, #visible_type_div, #complete_div {
	margin: 2px 1px;
}

#menu_ctrl {
	float: left;
	height: 24px;
}

#status_ctrl {
	float: right;
	height: 20px;
}


/* Content */
#content {
	width: 100%;
	margin: auto;
	padding: 0;
	position: absolute;
}

#view div {
	clear: both;
	color: #333333;
	text-align: center;
	padding: 2px;
}

#view div.name { font-family: "tahoma"; }
#view div.mean { font-family: "verdana"; }
#view div.example { font-family: "verdana"; }


/* Quiz */
.answers a {
	display: block;
	clear: both;
	color: #333333;
	/*font-size: 12px;*/
	line-height: 18px;
	font-family: "verdana";
	font-weight: lighter;
	text-align: center;
}

a.answer { color: #333333; text-decoration: none; }
a.answer:visited { text-decoration: none; }
a.answer:active { text-decoration: none; }
a.answer:hover { color: #555555; text-decoration: underline; }
a.correct, a.correct:hover { color: green; font-weight: bold; }
a.wrong, a.wrong:hover { color: red; font-weight: bold; }

#quiz_box { 
	line-height: 20px;
}

#quiz_position {
	clear: both;
	color: #EEEEEE;
	font-size: 9px;
	font-family: "verdana";
}

#quiz {
	text-align: center;
	line-height: 30px;
}

#quiz_data {
	color: #333333;
	font-family: "verdana";
	font-size: 140%;
	font-weight: bold;
}

#quiz_data.correct_answer { background: #ffffff url(/img/player/skin/common/player_quiz_o.gif) center center fixed no-repeat; }
#quiz_data.wrong_answer { background: #ffffff url(/img/player/skin/common/player_quiz_x.gif) center center fixed no-repeat; }

#quiz_ctrl {
	float: right;
}

#quiz .result {
	font-size: 10pt;
}


/* Config */
#config_ctrl {
	text-align: right;
}

.config_table {
	margin: 0 auto;
}

.config_table td, .config_table td div {
	text-align: left;
}


/* Buttons */
#retry_button { background-image:url(/img/player/skin/common/player_retry.gif); width: 62px; height: 20px; }
#retry_button:hover { background-position: 0 -20px; }
#quiz_start_button { background-image:url(/img/player/skin/common/quiz_start.gif); width: 62px; height: 20px; }
#quiz_start_button:hover { background-position: 0 -20px; }
#mini_button { background-image:url(/img/player/skin/common/mini.gif); width: 13px; height: 13px; }
#sound_button { background-image:url(/img/player/skin/common/soundon.gif); width: 15px; height: 15px; }
#font_small_button { background-image:url(/img/player/skin/common/small.gif); width: 13px; height: 13px; }
#font_big_button { background-image:url(/img/player/skin/common/big.gif); width: 13px; height: 13px; }
#apply_button { margin: 0 1px; }


/* Etc */
.plugin_div {
	width: 0;
	height: 0;
	position: absolute;
	left: -10px;
}

div.notice {
	text-align: center;
	margin: 0 auto;
	line-height: 25px;
}

#player_helper {
	color: #333333;
	font-family: "verdana";
	line-height: 15px;
	font-size: 100%;
	padding: 10px;
}

#prev_button, #next_button { vertical-align: middle; }