div.survey { width: 230px; background-color: #FCA; overflow: hidden; }
div.leva { display: inline; text-align: left;}
div.prava { display: inline; text-align: right;}

#SURVEY { color: #930; }
#SURVEY h3 { padding: 0; margin: -5px; border: solid #930; border-width: 0 0 1px; }
div.survey p {
    margin: 0 0 5px 0;
    padding: 5px;
    border: 1px solid #930;
    text-align: center;
    background-color: #FC9;
}

/* Takhle budou zobrazené všechny grafy */
#SURVEY span.graf, div.survey span.graf {
    display: block; height: 5px;
    border: 1px #000 solid;
    background-color: #ccc;
    overflow: hidden; margin-top: 3px;
}

/* takhle se zobrazi zpravy pod anketou (podekovani, ...) */
#SURVEY span.dekuji, div.survey span.dekuji {
    display: block; background-color: #D97; color: #930; font-weight: bold;
}

/* takhle se zobrazi celkovy pocet hlasu lidi kteri v ankete hlasovali i s textem okolo */
#SURVEY span.celkem, div.survey span.celkem { display: block; color: #B22; }
/* a takhle se zobrazi pouze celkovy pocet lidi, kteri v ankete hlasovali (*JENOM* cislo) */
#SURVEY span.hlasu, div.survey span.hlasu { font-weight: bold; }

/* takhle bude formatovana otazka ankety */
#SURVEY span.otazka, div.survey span.otazka {
    display: block; text-align: justify; font-weight: bold;
}

#SURVEY a, #SURVEY a:hover, div.survey a, div.survey a:hover {
    font-weight: normal; background-color: transparent;
}

/* takhle je zobrazenej text mozne odpovedi */
#SURVEY span.moznost, div.survey span.moznost {
    display: block; text-align: center; margin-bottom: -3px;
}

#SURVEY a.q1, div.survey a.q1             { color: #090; }
#SURVEY a.q1:hover, div.survey a.q1:hover { color: #0F0; }
#SURVEY a.q2, div.survey a.q2             { color: #900; }
#SURVEY a.q2:hover, div.survey a.q2:hover { color: #F00; }
#SURVEY a.q3, div.survey a.q3             { color: #009; }
#SURVEY a.q3:hover, div.survey a.q3:hover { color: #00F; }
#SURVEY a.q4, div.survey a.q4             { color: #990; }
#SURVEY a.q4:hover, div.survey a.q4:hover { color: #FF0; }
#SURVEY a.q5, div.survey a.q5             { color: #909; }
#SURVEY a.q5:hover, div.survey a.q5:hover { color: #F0F; }
#SURVEY a.q6, div.survey a.q6             { color: #099; }
#SURVEY a.q6:hover, div.survey a.q6:hover { color: #0FF; }
#SURVEY a.q7, div.survey a.q7             { color: #999; }
#SURVEY a.q7:hover, div.survey a.q7:hover { color: #FFF; }
#SURVEY a.q8, div.survey a.q8             { color: #C36; }
#SURVEY a.q8:hover, div.survey a.q8:hover { color: #F69; }
#SURVEY a.q9, div.survey a.q9             { color: #39F; }
#SURVEY a.q9:hover, div.survey a.q9:hover { color: #6CF; }