#setupMessage {
	font-weight: bold;
	color: red;
	text-align: center;
}

#gameOverMessage {
	font-weight: bold;
	text-align: center;
}

#QuestionNum {
	color:#606;
	font-weight: bold;
	text-align: center;
}

.revision {
 font-size: .7em;
 margin-top: 100px;
}

/* Prevent header from wrapping, remove elipses and make font smaller */
.ui-header .ui-title, .ui-footer .ui-title {
    text-overflow: clip;
    white-space: normal;
    font-size: 14px;
}

#answer #cnt .ui-btn {
	margin: 2px;
	font-size: 240%;
}
	
#answer .ui-content {
	padding: 5px;
}

#cc-buttons {
	margin-top: 15px;
}

/* -----------------------------
------------------------------
Player Avatar Elements
------------------------------
------------------------------*/

.player-avatar { /* This rule is mainly for the vertically stacked player avatars: 1, 2, 3, 4, 5, 6. */
	position:relative; /* relative set to keep them in the flow and stacking one after another */
	margin-top:0;
	margin-right:auto;
	margin-bottom:2px;
	margin-left:auto;
	padding:0;
	top:10px;
	height:100px;
	width:155px;
	overflow:hidden;
	background:transparent url(../i/player_avatar_default.png) 50% 0% no-repeat scroll;
}

#avatars-center .player-avatar { /* This rule is mainly for the horizontal player avatars: 7, 8, 9, 10. And picks up the single ".player-avatar" class properties before/above this */
	position:relative; /* remains relative to give a context for positioned child element */
	margin:0 7px 0 auto;
	padding:0;
	top:5px;
	left:10px; /* Starting point for all avatars in the center/horizontal area */
	float:left; /* Keep an eye on this--thoroughly test this across browsers!!!  */
}

/* -----------------------------
TeamNames
------------------------------*/
.teamname {
	position:absolute;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding:0;
	bottom:0;
	width:155px;
	height:40px;
	overflow:hidden;
	z-index:10; /* Raise above the 'Feedback Overlay' element */
}

.teamname p {
	margin:6px 0 0 0;
	padding:0;
	color:#F7F6FB;
	font-size:14px;
	font-weight:bold;
	font-variant:normal;
	font-style:normal;
	line-height:1.1em;
	white-space:normal;
	letter-spacing:.075em;
	text-align:center;
	vertical-align:text-top;
}

#player-1-feedbackoverlay.feedback-base,
.feedback-base { /* Gives the feedback overlay element it's structure. This class is paired with another class to change the bg img position to suit the feedback message desired. */
	position:absolute;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding:0;
	top:0;
	height:100px; /* bg img position is multiples of 100x5 states=600px high vertically changed */
	width:155px;
	z-index:1;
	background-image:url(../i/player_avatar_overlay_sprite.png); /* Background rules here only setup/preload the bg img for the class switching/adding for player answer feedback */
	background-color:transparent;
	background-repeat:no-repeat;
	background-attachment:scroll;
}

/* These classes below are paired with the targeted class rule above: ".feedback-base", to change the bg img position to suit the feedback message desired. */
.feedback-default { /* Feedback state: Nothing. */
	background-position:0px 0px;
}

.feedback-correct { /* Feedback state: Correct. */
	background-position:0px -90px;
}

.feedback-tryagain { /* Feedback state: Try Again. */
	background-position:0px -200px;
}

.feedback-lasttry { /* Feedback state: Last Try. */
	background-position:0px -300px;
}

.feedback-incorrect { /* Feedback state: Incorrect. */
	background-position:0px -400px;
}