/*
Copyright (c) Enigma Interactive 2009

SOM2
Filename:		layout_coQuiz.css
Description:	poll layout elements
     
History
ver date  			who     		comment
-----------------------------------------------------------------------------
1	23 Jun 09 		WS			Created coQuiz CSS
*/

.coQuiz {
		
}
	/* If quiz is on the left panel */
	#leftColumn .coQuiz .quizContainer{
		width: 370px;
	}
	
	#leftColumn .coQuiz .outerTop{
		background-image: url('/res/coQuiz/outerPanelTop.png');
		background-repeat: no-repeat;
		height: 39px; 
		width: 370px; 
		margin: 0px;
	}
	
	#leftColumn .coQuiz .outerBg{
		width: 368px;
		background-image: url('/res/coQuiz/outerBg.png'); 
		background-repeat: no-repeat;
		background-repeat: repeat-x; 
		height: auto;
		border-left: 1px solid white; 
		border-right: 1px solid white; 
		background-color: #e3b7cc;
	}
	
	#leftColumn .coQuiz .outerBottom{
		clear: left; 
		background-image: url('/res/coQuiz/outerPanelBottom.png');
		background-repeat: no-repeat;
		background-position-y: top; 
		height: 11px; 
		width: 370px;
	}
	
	#leftColumn .coQuiz .innerTop{ 
		background-image: url('/res/coQuiz/innerTop.png'); 
		background-repeat: no-repeat;
		height: 9px; 
		width: 354px;
		background-position-y: bottom;
	}
	
	#leftColumn .coQuiz .innerBg{
		background-color: white; 
		border-left: 1px solid #cb1067; 
		border-right: 1px solid #cb1067;
	}
	
	#leftColumn .coQuiz .innerBg .optionsContainer{
		width: auto;
		height: auto;
		overflow: hidden;
	}
	
	#leftColumn .coQuiz .innerBottom{
		background-image: url('/res/coQuiz/innerBottom.png'); 
		background-repeat: no-repeat;
		height: 9px; 
		width: 354px;
	}
	
	#leftColumn .coQuiz .optionsContainer{
		color: #545454;
		margin-left: 15px;
		margin-top: 5px;
		width: 300px;
		margin-right: 15px;
	}
	
	#leftColumn .coQuiz .optionsContainer .display{
		color: #cb1067;
		font-weight: bold;
		margin-top: 10px;
		width: 300px;
	}
	
	/* ------------------------------------------------------*/
	
	/*         If quiz is on the right panel         */
	
	#rightColumn .coQuiz .quizContainer{
		width: 477px;
	}
	
	#rightColumn .coQuiz .outerTop{
		background-image: url('/res/coQuiz/outerPanelTopWide.png');
		background-repeat: no-repeat;
		height: 39px; 
		width: 477px; 
		margin: 0px;
	}
	
	#rightColumn .coQuiz .outerBg{
		width: 475px;
		background-image: url('/res/coQuiz/outerBgWide.png'); 
		background-repeat: no-repeat;
		background-repeat: repeat-x; 
		height: auto;
		border-left: 1px solid white; 
		border-right: 1px solid white; 
		background-color: #e3b7cc;
	}
	
	#rightColumn .coQuiz .outerBottom{
		clear: left; 
		background-image: url('/res/coQuiz/outerPanelBottomWide.png');
		background-repeat: no-repeat;
		background-position-y: top; 
		height: 11px; 
		width: 477px;
	}
	
	#rightColumn .coQuiz .innerTop{ 
		background-image: url('/res/coQuiz/innerTopWide.png'); 
		background-repeat: no-repeat;
		height: 9px; 
		width: 462px;
		background-position-y: bottom;
	}
	
	#rightColumn .coQuiz .innerBg{
		background-color: white; 
		border-left: 1px solid #cb1067; 
		border-right: 1px solid #cb1067;
		width: 460px;
	}
	
	#rightColumn .coQuiz .innerBg .optionsContainer{
		width: auto;
		height: auto;
		overflow: hidden;
	}
	
	#rightColumn .coQuiz .innerBottom{
		background-image: url('/res/coQuiz/innerBottomWide.png'); 
		background-repeat: no-repeat;
		height: 9px; 
		width: 462px;
	}
	
	#rightColumn .coQuiz .optionsContainer{
		color: #545454;
		margin-left: 15px;
		margin-top: 5px;
		width: 408px;
		margin-right: 15px;
	}
	
	#rightColumn .coQuiz .optionsContainer .display{
		color: #cb1067;
		font-weight: bold;
		margin-top: 10px;
		width: 408px;
	}
	
	/*--------------------------------------------------------*/
	
	.coQuiz .optionsContainer .display #tryAgain a{
		color: #606060;
	}
	
	.coQuiz .optionsContainer .display #tryAgain a:hover{
		color: #cb1067;
	}
	
	/*====================== Answer Styling ========================== */
	
	.coQuiz .answer {
		padding: 0;
		margin: 0 0 5px 5px;
		width: 295px;
		overflow: hidden;
	}
	
	.coQuiz .ansNumber{
		color: #FFFFFF;
		background-image: url('/res/coQuiz/answerImage.png');
		background-repeat: no-repeat;
		width: 15px;
		font-family: "Lucida Sans";
		text-align: center;
		float: left;
		height: 17px;
		margin: 3px 0 0;
	}
	
	.coQuiz .ansNumber a{
		display: block;
		color: #FFFFFF;
		line-height: 1.2em;
	}
	
	.coQuiz .ansLink {
		float: left;
		width: 275px;
		margin: 0 0 0 5px;
	}
	
	.coQuiz .ansLink a{
		color: #cb1067;
	}
	
	.coQuiz #quizInfo{
		color: #606060;
		margin-top: 10px;
		font-weight: normal;
	}
	
	/*======================= Result Styling =======================*/
	
	.coQuiz .youAns{
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	
	.coQuiz .fact{
		margin-bottom: 10px;
		color: #606060; 
		font-weight:normal;
		
	}
	
	.coQuiz .fact a{
		text-decoration:none;
		font-weight:bold;
		color: #606060; 	
	}
	
	.coQuiz .fact a:hover{
		text-decoration:underline;
		color:#cb1067;
	}