

/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }


ul {
  margin: 0; }
  ul li {
    list-style: none; }

table, th, td {
  border: 0;
  padding: 0;
  margin: 0;
  margin-bottom: 0; }

.container {
  margin-left: auto;
  margin-right: auto;
  width: 788px;
  align: center;
  text-align: left; }

#menu {
  background-color: #FEC947;
  background-color: #fecc49;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center; }
  #menu .buttons {
    float: right; }
  #menu ul.questions li {
    float: left;
    font-size: 85%;
    font-weight: bold;
    padding: 0;
    margin: 0; }
    #menu ul.questions li a {
      color: #5E5F64;
      padding: 0;
      padding-top: 2px;
      padding-bottom: 2px;
      text-decoration: none;
      display: block;
      text-align: center;
      vertical-align: middle;
      width: 18px;
      margin-right: 6px;
      border: 3px solid #F3B727; }
  #menu ul.questions li.answered a {
    background-color: #B1DA58;
    border-color: #E9A305; }
    #menu ul.questions li.answered a:hover {
      background-color: #FBFF49;
      border-color: #E9A305; }
  #menu ul.questions li.answered a.current {
    background-color: #FFFFFF; }
  #menu ul.questions a.current {
    background-color: #FFFFFF; }
  #menu ul.questions a:hover {
    background-color: #FBFF49; }

#hd {
  background-color: #FFFFFF;
  clear: both;
  padding-bottom: 30px;
  padding-top: 30px; }
  #hd .quiz img {
    position: relative;
    left: -2px; }
  #hd .quiz .name {
    font-weight: bold;
    font-size: 200%;
    color: #ACD95A;
    padding-bottom: 20px;
    font-variant: small-caps; }
  #hd .quiz .facts {
    color: #8F8E79;
    font-size: 108%; }
  #hd .teaserbox {
    background-image: url("../images/backbround.gif");
    padding: 20px;
    color: #fff; }
    #hd .teaserbox .title {
      font-size: 350%;
      font-weight: bold;
      font-variant: small-caps; }
    #hd .teaserbox .content {
      font-size: 135%; }
  #hd #teaserbox_bottom {
    padding-left: 20px; }

#bd {
  clear: both;
  background-color: #EFECE5;
  padding-top: 30px;
  padding-bottom: 30px; }
  #bd .frontpage {
    color: #636564; }
    #bd .frontpage .text_left {
      width: 384px;
      padding-right: 10px;
      float: left;
      font-size: 108%; }
    #bd .frontpage .text_right {
      width: 384px;
      padding-left: 10px;
      float: left;
      font-size: 108%; }
  #bd .quiz_form .question {
    font-style: italic;
    font-size: 140%;
    color: #8F8E79;
    padding-bottom: 10px; }
  #bd .quiz_form .done {
    width: 304px;
    float: left;
    margin-bottom: 40px; }
  #bd .quiz_form .done_right {
    float: right;
    width: 384px; }
    #bd .quiz_form .done_right .debate {
      padding-top: 20px; }
  #bd .quiz_form .quiz {
    width: 618px;
    float: left;
    margin-bottom: 40px; }
    #bd .quiz_form .quiz .bottom {
      background-color: #efece5; }
    #bd .quiz_form .quiz .possible_answers li {
      display: block;
      margin-bottom: 2px;
      background-color: #D5D3C7;
      color: #33332D;
      padding: 10px;
      cursor: pointer;
      font-size: 108%; }
      #bd .quiz_form .quiz .possible_answers li input {
        float: left; }
      #bd .quiz_form .quiz .possible_answers li label {
        display: block;
        margin-left: 20px; }
      #bd .quiz_form .quiz .possible_answers li.active {
        background-color: #EFECE5; }
  #bd .quiz_form .agreement {
    width: 160px;
    margin-left: 10px;
    float: left;
    background-image: url('../images/quizzesbg.gif');
    margin-bottom: 40px; }
    #bd .quiz_form .agreement .agrees_with_me {
      text-align: center;
      color: #FFFFFF;
      font-size: 190%;
      padding: 10px; }
      #bd .quiz_form .agreement .agrees_with_me em {
        display: block;
        font-style: normal;
        font-size: 350%;
        font-weight: bold;
        margin: 0px;
        padding: 10px; }
      #bd .quiz_form .agreement .agrees_with_me img {
        padding-top: 10px; }
      #bd .quiz_form .agreement .agrees_with_me .who_agrees_most {
        padding-bottom: 40px; }
  #bd .quiz_form .navigation {
    clear: both;
    margin-top: 50px;
    padding: 10px;
    border: 1px dashed #8B8985; }
    #bd .quiz_form .navigation .previous {
      float: left; }
    #bd .quiz_form .navigation .next {
      float: right; }
  #bd #answers h3 {
    background-color: #FECC49;
    color: #000000;
    padding: 8px;
    margin: 0;
    font-weight: normal; }
  #bd #answers #answer_list {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    border: 1px solid #D0D1D0;
    border-top: 0; }
    #bd #answers #answer_list #legend {
      padding-right: 20px;
      float: left; }
      #bd #answers #answer_list #legend a img {
        border: 0px solid #BBBBBB; }
      #bd #answers #answer_list #legend img {
        width: 100px;
        border: 1px solid #BBBBBB;
        padding: 2px; }
      #bd #answers #answer_list #legend ul li {
        clear: both;
        margin-top: 10px;
        color: #646564; }
        #bd #answers #answer_list #legend ul li div {
          border: 1px solid #D0D1D0;
          float: left;
          width: 15px;
          margin-right: 6px; }
    #bd #answers #answer_list .agree {
      background-color: #F5EFDB; }
    #bd #answers #answer_list .disagree {
      background-color: #E9E9E9; }
    #bd #answers #answer_list .not_answered {
      background-color: #FFFFFF; }
    #bd #answers #answer_list .answer {
      margin-left: 122px;
      padding: 10px; }
      #bd #answers #answer_list .answer .question {
        font-size: 120%;
        padding-bottom: 10px;
        font-weight: bold; }
      #bd #answers #answer_list .answer ul {
        margin-left: 10px;
        margin-right: 10px; }
        #bd #answers #answer_list .answer ul li {
          font-size: 95%; }
        #bd #answers #answer_list .answer ul .current {
          font-weight: bold; }
      #bd #answers #answer_list .answer .standard_answer {
        color: #8F8E79; }
      #bd #answers #answer_list .answer .missing_answers {
        padding: 0; }
    #bd #answers #answer_list .bonus .answer {
      padding-bottom: 0; }
  #bd #agreements h3 {
    clear: both;
    margin: 0;
    color: #000000;
    padding: 8px;
    background-image: url('../images/expand.gif');
    background-repeat: no-repeat;
    background-position: 740px 8px; }
    #bd #agreements h3 .name, #bd #agreements h3 .party {
      font-weight: normal; }
  #bd #agreements h3.odd {
    background-color: #d5d3c7; }
  #bd #agreements h3.even {
    background-color: #f6f5f1; }
  #bd #agreements h3.open {
    background-color: #fecc49;
    background-image: url('../images/expand2.gif'); }
  #bd #agreements .agreement {
    padding: 20px;
    background-color: #FFFFFF;
    border: 1px solid #D0D1D0;
    border-top: 0; }
    #bd #agreements .agreement a {
      color: #636564;
      text-decoration: none; }
    #bd #agreements .agreement .picture {
      float: left;
      margin-right: 20px;
      width: 100px;
      border: 1px solid #BBBBBB;
      padding: 2px; }
    #bd #agreements .agreement .cv {
      padding-left: 126px; }
      #bd #agreements .agreement .cv p {
        padding: 0;
        margin: 0;
        padding-bottom: 10px;
        color: #636564; }
    #bd #agreements .agreement .website {
      padding-left: 126px;
      padding-bottom: 10px; }
    #bd #agreements .agreement .link_to_answers {
      padding-left: 126px;
      padding-bottom: 10px;
      font-weight: bold;
      font-size: 110%; }
  #bd #agreements h2 {
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 150%; }
  #bd .missing_answers {
    color: #8F8E79;
    padding-top: 20px; }
  #bd .content_text {
    background-color: #efece5;
    height: 200px;
    padding: 50px;
    width: 650px; }
    #bd .content_text .text_left {
      float: left;
      width: 300px; }
    #bd .content_text .text_right {
      float: right;
      width: 300px; }

#ft {
  background-color: #D1CBBD;
  color: #636564;
  padding-top: 5px;
  padding-bottom: 10px; }
  #ft .container {
    vertical-align: top; }
    #ft .container img {
      float: left;
      margin-right: 10px; }
    #ft .container div {
      padding-top: 7px;
      font-size: 108%; }

body.popup .container {
  margin: 0;
  width: auto; }
body.popup #bd {
  margin: 0;
  padding: 10px;
  background-color: #FFFFFF; }
body.popup #ft {
  display: none; }

.form label {
  display: block; }

.break {
  clear: both; }
  .break hr {
    display: none; }
