/* CSS Document */
#fieldprincipal
{
	padding-top:  10px;
}
#fieldprincipal a
{
	font:         12px Verdana;
	color:        #06C;
    padding-left: 2px;
	padding-top:  5px;
	height:       19px;
	/*text-align:left;display: block;margin-left:20px;*/
	text-decoration: none;
}
#fieldprincipal a:hover
{
	color:           #FF0000;
	text-decoration: underline;
}

#fieldforunsclass{
    font:         12px Verdana;
	color:        #000;
    padding-left: 2px;
	padding-top:  5px;
	height:       19px;
}

#legendprincipal
{
    font-weight: bold; 
	font-size:   14px;
	font-family: Verdana;
}


<!-- configurações -->
#questao
{
    padding-left:   5px;
	padding-right:  5px;
	padding-top:    5px;
	padding-bottom: 5px;
	color:          #000;
	font-size:      20px;
}

#select
{
    padding-left:   5px;
	padding-right:  5px;
	padding-top:    5px;
	padding-bottom: 5px;
	color:          #000;
	font-size:      10px;
}
#descricao
{
    padding-left:   5px;
	padding-right:  5px;
	padding-top:    10px;
	padding-bottom: 5px;
	color:          #000;
	font-size:      10px;
	line-height:    200%;
}

#voto
{
    width:        30;
    margin-left:  0px;
    margin-right: 0px;
	padding-top:  10px;
    float:        left;
    text-align:   left;
	font-weight:  bold;
}

#container2{ 
   position: relative; 
   padding:5px; 
   width: 280px; 
}

#titulo2{ 
   font: bold 10pt Verdana, Tahoma, Arial; 
   margin:2 0 5 0px;
} 

#grafico { 
   width: 60px; 
   position: relative; 
} 

#grafico2 { 
   width: 680px; 
   height: 150px; 
   padding-left:20px; 
   position: relative; 
} 

#barra{  
   height: 20px; 
   position:absolute; 
   left:0px;
} 
#legenda{ 
   position: relative; 
   text-align:left; 
} 
#legenda ul{ 
   margin:10 0 10 0px; 
   padding: 0px; 
} 
#legenda li{ 
   display:inline;
   font: bold 8pt Verdana, Tahoma, Arial; 
   height: 10pt; 
   margin: 2px; 
   padding: 2px;
}
.azul{ 
   color: #000;
   background-color: #3232FF; 
   border-bottom: 2px solid #030E94; 
   border-right: 2px solid #030E94; 
   border-top: 2px solid #4549FA; 
   border-left: 2px solid #4549FA; 
} 

.vermelho{ 
   color: #000;
   background-color: #FF0000; 
   border-bottom: 2px solid #7D0404; 
   border-right: 2px solid #7D0404; 
   border-top: 2px solid #FB4242; 
   border-left: 2px solid #FB4242; 
} 
.verde{ 
   color: #000;
   background-color: #00FF00; 
   border-bottom: 2px solid #2E6C24; 
   border-right: 2px solid #2E6C24; 
   border-top: 2px solid #3EB728; 
   border-left: 2px solid #3EB728; 
} 
.amarelo{
   color: #000;
   background-color: #FFFF00; 
   border-bottom: 2px solid #919100; 
   border-right: 2px solid #919100; 
   border-top: 2px solid #FFFF77; 
   border-left: 2px solid #FFFF77; 
}
.cinza{ 
   background-color: #b5b5b5; 
   border-bottom: 2px solid #6b6b6b; 
   border-right: 2px solid #6b6b6b; 
   border-top: 2px solid #f0f0f0; 
   border-left: 2px solid #f0f0f0; 
} 
.roxo{ 
   color: #000;
   background-color: #a05aab; 
   border-bottom: 2px solid #672770; 
   border-right: 2px solid #672770; 
   border-top: 2px solid #d090d9; 
   border-left: 2px solid #d090d9; 
} 
.branco{ 
   color: #000;
   background-color: #F2F2F2; 
   border-bottom: 2px solid #A6A6A6; 
   border-right: 2px solid #A6A6A6; 
   border-top: 2px solid #FFFFFF; 
   border-left: 2px solid #FFFFFF; 
}
.degradeverde{ 
   background-color: #e1e455; 
   background-image: url('images/degrade-verde.jpg'); 
   background-repeat: repeat-x; 
   border-bottom: 2px solid #6f722d; 
   border-right: 2px solid #6f722d; 
   border-top: 2px solid #ece996; 
   border-left: 2px solid #ece996; 
}