@import url(../../images/styles.css);
/* 
	Applebees stylesheet is imported. Additional styles are applied here. 
*/

/*******  QUIZ CSS ***************/
form.quiz *
		{
		font-size: 1em;
		}
		
form.quiz p
		{
		margin: 0;
		padding: 15px 0 0 0;
		}

form.quiz ul
		{
		margin: 0;
		padding: 0 10px;
		} 
		
form.quiz ul li
		{
		list-style-type: none;
		margin: 0; 
		padding: 0;
		}
				
form.quiz input.formButton
		{
		margin: 10px 0;
		font-size: 18px;
		}

.relativeDiv
		{
		position: relative;
		}
		
		
#quizResultsBox
		{
		position: absolute;
		top: 0px;
		left: 214px;
		width: 300px;
		}
					
				
#quizResults
		{
		background: #fff;
		padding: 10px;
		border-style: double;
		border-width: 5px;
		text-align: center;
		}
		
#quizResults fieldset
		{
		border: solid 1px #ccc;
		text-align: left;
		}
				
#quizResults ul
		{
		margin: 0;
		padding: 0;
		}
					
#quizResults li
		{
		list-style-type: none;
		margin: 0;
		padding: 0;
		}						

div.redBorder	
		{
		border-color: #cc0000;
		}		
		
div.blueBorder
		{
		border-color: #000066;
		}		
		
		
div.tippingBorder 
		{
		border-color: #666;
		}
				
.tribeName
		{
		text-transform: capitalize;
		}
		
.red	{
		color: #cc0000;
		}
		
.blue	{
		color: #000066;
		}
		
.tipping	
		{
		color: #666;
		}				
		
.red, 
.tipping, 
.blue
		{
		font-weight: bold;
		}		
		
table.scoring td
		{
		text-align: center;
		}