@charset "UTF-8";

#content h3 { background: url(../img/dot-div-blue.png) top left repeat-x; clear: both; padding: 12px 0 10px 0; font-size: 20px; color: #0b7171; margin-top: 15px; }
#content h4 { padding: 0px 0 5px 0; font-size: 17px; color: #26abe2; margin-top: 0px; }

#content ul.daily_categories li { float: left; padding: 0 0 10px 0; margin-right: 10px; text-align: center; }
#content ul.daily_categories li.super { margin-right: 0px !important; }
#content ul.daily_categories li img { display: block; }
#content ul.daily_categories li a { text-decoration: none; font-weight: bold; font-size: 11px; color: #26abe2; }

#content ul.more_games li { float: left; margin-right: 15px; padding-bottom: 10px; width: 112px; height: 150px; }
#content ul.more_games li img { display: block; width: 100px; height: 100px; padding: 2px; border: 2px solid #0b7171; }
#content ul.more_games li a { text-decoration: none; font-weight: bold; font-size: 12px; color: #26abe2; line-height: 1em; }

#content table.game_list { margin-bottom: 5px; background: none !important; padding:0; }

#quiz_cats { margin-top: 5px; }
#quiz_cats td {
	padding: 0 5px 10px 0;
	font-size: 12px;
	color: #666;
}
#quiz_cats a { color: #0b7171; }


/* top 5 players sidebar */
#top_5_players h4 {
	margin-top: 12px;
	background: url(../img/daily_trivia/right_top5.png) top left no-repeat;
	width: 300px;
	height: 48px;
}
#top_5_players h4.category0 { background: url(../img/daily_trivia/right_top5_today.png) top left no-repeat; }
#top_5_players h4.category1 { background: url(../img/daily_trivia/right_top5_general.png) top left no-repeat; }
#top_5_players h4.category2 { background: url(../img/daily_trivia/right_top5_history.png) top left no-repeat; }
#top_5_players h4.category3 { background: url(../img/daily_trivia/right_top5_movies.png) top left no-repeat; }
#top_5_players h4.category4 { background: url(../img/daily_trivia/right_top5_music.png) top left no-repeat; }
#top_5_players h4.category5 { background: url(../img/daily_trivia/right_top5_sports.png) top left no-repeat; }
#top_5_players h4.category6 { background: url(../img/daily_trivia/right_top5_super.png) top left no-repeat; }
#top_5_players h4 span { display: none; }

#top_5_players table { width: 100%; }
#top_5_players table td {
	border-bottom: 1px solid #bfe1f8;
	padding: 10px 0;
	vertical-align: top;
}
#top_5_players table tr:last-child td {
	border-bottom: none;	
}

#top_5_players td.avatar { width: 80px; }
#top_5_players td.avatar img { border: 1px solid #ccc; padding: 1px; }

#top_5_players h5 { padding-bottom: 6px; }
#top_5_players h5, #top_5_players h5 a {
	font-size: 14px;
	font-weight: normal;
	color: #3a3a3a;
	text-decoration: none;
}
#top_5_players h5 a:hover { text-decoration: underline; }

#top_5_players p {
	padding: 2px 0;	
	margin-bottom: 4px;
}
#top_5_players p, #top_5_players li {
	font-size: 12px;
	color: #999;
}
#top_5_players p strong {
	color: #2c9be9;
	font-weight: normal;
	font-size: 24px;
}
#top_5_players li {
	list-style-type: none;
	float: left;
}
#top_5_players li strong {
	color: #3a3a3a;
	font-size: 13px;
}
#top_5_players li:first-child { padding-right: 15px !important; }

#top_5_players p.top100 a {
	display: block;
	text-decoration: none;
	background: url(../img/daily_trivia/right_btn_top100.png) top left no-repeat;
	height: 26px;
}
#top_5_players p.top100 a span { display: none; }


/* random question widget sidebar */
#random_question_widget { margin-bottom: 12px; text-align: left; }
#random_question_widget h4 {
	margin-top: 12px;
	background: url(../img/sidebar-random-widget-header.png) top left no-repeat;
	width: 300px;
	height: 48px;
}
#random_question_widget h4 span { display: none; }
#random_question_widget .inner { width: 278px; border-left: 1px solid #bababa; border-right: 1px solid #bababa; padding: 10px; }
#random_question_widget .bottom { background: url(../img/sidebar-random-widget-btm.png) bottom left no-repeat; width: 300px; height: 16px; }

#random_question_widget .inner .q { font-size: 14px; color: #333; line-height: 1.2em; margin-bottom: 6px; }

#random_question_widget .inner li {  font-size: 12px; display: block; padding: 8px 28px; background: url(../img/trivia_games/trivia-answer-option-off.png) 6px 8px no-repeat; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #fff; color: #3c3c3c; text-decoration: none; cursor: pointer; }
#random_question_widget .inner li:hover { background: url(../img/trivia_games/trivia-answer-option-rollover.png) 6px 7px no-repeat #edf5e7; border: 1px solid #cbdfbb; color: #2a6307; text-decoration: underline; }


#random_question_widget .inner ul.answer_results li { padding: 8px 0 8px 95px; cursor: default; background: none; }
#random_question_widget .inner ul.answer_results li:hover { background: none; border: 1px solid #fff; color: #3c3c3c; text-decoration: none; padding: 8px 0 8px 95px !important; }
/* when user picks wrong answer, the correct answer is highlighted */
#random_question_widget .inner ul.answer_results li.correct { background: url(../img/trivia_games/answer-result-correct.png) 0px 6px no-repeat; color: #4aa114; }
#random_question_widget .inner ul.answer_results li.correctly { background: url(../img/trivia_games/answer-result-correctly.png) 0px 6px no-repeat; color: #4aa114; }
/* this is an incorrect selection */
#random_question_widget .inner ul.answer_results li.incorrect { background: url(../img/trivia_games/answer-result-incorrect.png) 0px 6px no-repeat; color: #da2626; }

#random_question_widget p.refresh { background: url(../img/icon-refresh.png) top left no-repeat; height: 16px; font-size: 11px; padding: 2px 0 0 18px; cursor: pointer; color: #666; margin-left: 6px; margin-top: 6px; }