/*
Copyright (c) Enigma Interactive 2009

SOM2
Filename:		layout_copoll.css
Description:	poll layout elements
     
History
ver date  			who     		comment
-----------------------------------------------------------------------------
1	22 Jun 09 		WS			Created copoll CSS
*/

.coPoll {
		
}
	/* If they poll is in the left panel*/
	#leftColumn .coPoll .quizContainer{
		width: 370px; 
	}
	
	#leftColumn .coPoll .outerTop{
		background-image: url('/res/coPoll/outerPanelTop.png');
		background-repeat: no-repeat;
		height: 39px; 
		width: 370px; 
		margin: 0px;
	}
	
	#leftColumn .coPoll .outerBg{
		width: 368px;
		background-image: url('/res/coPoll/outerBg.png'); 
		background-repeat: no-repeat;
		background-repeat:repeat-x; 
		height: auto; 
		border-left: 1px solid white; 
		border-right: 1px solid white; 
		background-color: #f2c4ee;
	}
	
	#leftColumn .coPoll .outerBottom{
		clear: left; 
		background-image: url('/res/coPoll/outerPanelBottom.png');
		background-repeat: no-repeat;
		background-position-y: top; 
		height: 11px; 
		width: 370px;
	}
	
	#leftColumn .coPoll .innerTop{ 
		background-image: url('/res/coPoll/innerTop.png'); 
		background-repeat: no-repeat;
		height: 9px; 
		width: 354px;
		background-position-y: bottom;
	}
	
	#leftColumn .coPoll .innerBg{
		background-color: white; 
		border-left: 1px solid #982f8f; 
		border-right: 1px solid #982f8f;
	}
	
	
	#leftColumn .coPoll .innerBg .optionsContainer{
		float: left;
		width: auto;
		height: auto;
		overflow: hidden;
	}

	
	#leftColumn .coPoll .innerBottom{
		background-image: url('/res/coPoll/innerBottom.png'); 
		background-repeat: no-repeat;
		height: 9px; 
		width: 354px;
	}
	
	#leftColumn .coPoll .optionsContainer{
		color: #545454;
		margin-left: 15px;
		margin-top: 5px;
		width: 300px;
		margin-right: 15px;
	}
	
	#leftColumn .coPoll .optionsContainer .display{
		color: #932a8b;
		font-weight: bold;
		margin-top: 10px;
		width: 300px;
	}
	
	/* ------------------------------------------------*/
	
	/* If the poll is in the right column*/
	
	#rightColumn .coPoll .quizContainer{
		width: 477px; 
	}
	
	#rightColumn .coPoll .outerTop{
		background-image: url('/res/coPoll/outerPanelTopWide.png');
		background-repeat: no-repeat;
		height: 39px; 
		width: 477px; 
		margin: 0px;
	}
	
	#rightColumn .coPoll .outerBg{
		width: 475px;
		background-image: url('/res/coPoll/outerBgWide.png'); 
		background-repeat: no-repeat;
		background-repeat:repeat-x; 
		height: auto; 
		border-left: 1px solid white; 
		border-right: 1px solid white; 
		background-color: #f2c4ee;
	}
	
	#rightColumn .coPoll .outerBottom{
		clear: left; 
		background-image: url('/res/coPoll/outerPanelBottomWide.png');
		background-repeat: no-repeat;
		background-position-y: top; 
		height: 11px; 
		width: 477px;
	}
	
	#rightColumn .coPoll .innerTop{ 
		background-image: url('/res/coPoll/innerTopWide.png'); 
		background-repeat: no-repeat;
		height: 9px; 
		width: 462px;
		background-position-y: bottom;
	}
	
	#rightColumn .coPoll .innerBg{
		background-color: white; 
		border-left: 1px solid #982f8f; 
		border-right: 1px solid #982f8f;
		width: 460px;
	}
	
	
	#rightColumn .coPoll .innerBg .optionsContainer{
		float: left;
		width: auto;
		height: auto;
		overflow: hidden;
	}

	
	#rightColumn .coPoll .innerBottom{
		background-image: url('/res/coPoll/innerBottomWide.png'); 
		background-repeat: no-repeat;
		height: 9px; 
		width: 462px;
	}
	
	#rightColumn .coPoll .optionsContainer{
		color: #545454;
		margin-left: 15px;
		margin-top: 5px;
		width: 408px;
		margin-right: 15px;
	}
	
	#rightColumn .coPoll .optionsContainer .display{
		color: #932a8b;
		font-weight: bold;
		margin-top: 10px;
		width: 408px;
	}	
	
	/*-----------------------------------*/
	
	.display #pollAdditionText{
		font-weight: normal;
		color: #545454;
	}
	
	.display #pollAdditionText a{
		font-weight:bold;
		color: #545454;
	}
	
	.display #pollAdditionText a:hover{
		text-decoration:underline;
		color: #982f8f;
	}
	
	.coPoll #vote{
		margin-top: 10px;
	}
	
	.coPoll .optionsContainer .display #pollResult{
		color: #606060;
	}
	
/*=========================== (RESULTS) BAR CHART STYLE ===============================*/
		
	.coPoll .barChartContainer{
		height: 15px;
		width: auto;
		float: none;
		margin-top: 5px;
		margin-bottom: 5px;
	}
		
	
	.coPoll .barChartContainer .barChartLeft{
		background-image: url('/res/coPoll/barChartLeft.png');
		background-repeat: no-repeat;
		height: 15px;
		float: left;
		width: 6px;
	}
		
	.coPoll .barChartContainer .barChartMain{
		background-image: url('/res/coPoll/barChartMain.png');
		float: left;
		max-width: 288px;
	}
	
	.coPoll .barChartContainer .barChartRight{
		background-image: url('/res/coPoll/barChartRight.png');
		background-repeat: no-repeat;
		float: left;
		height: 15px;
		width: 6px;
	}
		
	.coPoll #randomPoll{
		margin-top: 10px;
	}
		
	.coPoll #randomPoll a{
		color: #606060;
}
		
	.coPoll #randomPoll a:hover{
		color: #932a8b;
}

	.pollValidation{
		color: red;
		font-weight: bold;
		margin-bottom: -5px;
	}