html{
  color: #625C4B;
}
body{
  background: url(./bg.png) repeat-x top;
  font-family: verdana;
}
a{
 color: #524524;
}
a:hover{
background-color: #524524;
color: #F2E3BA;
}
a.huge{
  text-align:center;
  margin:auto;
  background: url("btbg.png") no-repeat top;
  width: 308px;
  height: 57px;
  display:block;
  line-height: 55px;
  color: white;
  text-decoration: none;
  font-size:189%;
  font-family: 'trebuchet ms';
}
a.huge:hover{
  text-decoration:underline;
  color:white;
  background-color: transparent;
}

h1,h2,h3{font-family:'Trebuchet MS';}
h1{font-size:180%; margin-bottom: 0.5em; }
h2{font-size:160%;}
h3{font-size:120%;}
h4{font-weight: bold;}
dt{font-weight:bold; margin-top:0.8em;}
p{margin-bottom: 0.5em;}

#hd{
  height: 145px;
  background: url(./top.png) no-repeat;
}

#top-menu{
  padding-top:118px;
}
#top-menu a{
  padding: 0.2em 0.5em;
}
#top-menu a.selected{
  font-weight:bold;
  text-decoration:none;
}
#top-menu a.selected:hover{
 color: #524524;
 text-decoration:underline;
 background-color:transparent;
}


#ft{
padding-top:2em;
text-align: right;
}
#ft a{
text-decoration:none;
}
#ft a:hover{
  background:transparent;
   color: #524524;
   text-decoration:underline;
}
#ft img{
vertical-align: -8px;
border:0;
}

/* style podobne do tych uzytych w ankiecie */
.question, .anchor{
  padding: 0.5em;
  border-top:1px solid #D1C3A1;
  background: url("qbg.png") repeat-x top;
}
.question:hover, .anchor:hover{
  background: #F9F6F0 url("qbg_hover.png") repeat-x top;
}
div.question p{
  font-weight:bold;
}
div.question div.answers div.row{
text-align:right;
}
div.matrix_rating_one div.answers div.row table.matrix {

  width: 45%;
  margin-left:auto;
}
table.matrix th{
  text-align:right;
}
table.matrix td{
  text-align:center;
}
div.error {
border-color:red;
border-style:solid;
border-width:3px 0 0 0;
padding-bottom:3px;
}

ul.error li {
color:red;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0.5em;
padding:0pt;
text-align:center;
}


 #result_page .anchor{
    clear:left;
  }
#result_page .anchor a{
    -moz-outline: none;
    color: #625C4B;
    font-weight:bold;
    padding-left:16px;
    background: url('./tri.png') no-repeat 0 0;
  }
#result_page .anchor a:hover{
    color:#40361C;
    background-color:transparent;
    border:none;
  }
  #result_page .anchor p{
    display:none;
  }
  #result_page .open a{
    background-position: 0 -28px;
  }
#result_page  .open p{
    display:block;
    margin-top: 0.5em;
  }
#result_page  .anchor .label{
    width:300px; float:left;
  }
#result_page  .anchor .chart{
    background:white; width:303px; height:20px; border:1px solid #D1C3A1; padding:2px 0; float:left;
  }
#result_page  .anchor .chart img{
    border:2px solid #ED7131;
    margin:0;padding:0;
    width:0px;
  }
#result_page  .anchor .perc{
    float:left; width:4em; padding:3px 0 0 3px;
  }
#result_page  .zero .chart img{
    border:none;
  }
#result_page  .zero .perc{
    color: red;
  }
 
#result_page #chartContainer{text-align:center;margin-top:1em;}
#result_page #ask h2{padding-bottom:0.5em;}
#result_page #comparison h2{text-align:left;}
#result_page #comparison,#loader{display:none;}

#result_page .loading #compare{display:none;}
#result_page .loading #loader{display:inline;}
#result_page .completed #ask, .completed #loader{display:none;}
#result_page .completed #comparison{display:block;}