/*
  Style Sheet for SETPro.net.pl
  Written by Aleksander Maksymiuk, http://setpro.net.pl/
  -----------------------------------------------------------------------------
*/

body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #e0d7a8;
}

a:link,
a:active,
a:visited,
a:hover {
  color: #ff3333;
  text-decoration: none;
  border: none;
}

.plus, .minus {
  color: #ff3333;
  cursor: pointer;
}

img {
  border: none;
}
  .captcha table {
    width: 520px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
  }
    .captcha table tr {
      text-align: left;
      vertical-align: top;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
    }
      .captcha table tr td.code {
        width: 76px;
        margin: 0 0 0 0;
        padding: 3px 4px 3px 3px;
      }
        .captcha table tr td.code img {
          display: block;
        }
      .captcha table tr td.desc {
        margin: 0 0 0 0;
        padding: 3px 4px 3px 0;
      }

input,
select,
textarea {
  font-family: "Tahoma", "Arial", sans-serif;
  font-size: 11px;
}

  input.name,
  input.address {
    width: 300px;
    padding: 2px 3px 2px 3px;
    border: solid 1px #aaaaaa;
  }

  input.subject {
    width: 300px;
    padding: 2px 3px 2px 3px;
    border: solid 1px #aaaaaa;
  }

  select.subject,
  select.purpose,
  select.currency,
  select.method,
  select.language {
    width: 308px;
    padding: 2px 0 2px 0;
    border: solid 1px #aaaaaa;
  }
    select.subject option,
    select.purpose option,
    select.currency option,
    select.method option,
    select.language option {
    }

  textarea.message {
    width: 350px;
    height: 100px;
    padding: 2px 2px 2px 2px;
    border: solid 1px #aaaaaa;
  }

  input.amount,
  input.vericode {
    width: 60px;
    padding: 2px 2px 2px 2px;
    border: solid 1px #aaaaaa;
  }

  input.submit {
    width: 150px;
  }

  input.button {
    width: 80px;
  }

  pre.code {
    font-size: 12px;
    margin: 15px 20px 15px 40px;
  }

p.navpane {
  color: #9e8b5c;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  padding-top: 10px;
  border-top: dotted 2px #aaaaaa;
}

.main_container {
  position: relative;
  width: 815px;
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 12px;
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
}

.approved {
  text-decoration: none;
}

.limited {
  color: inherit;
}

.required {
  color: #ff3333;
  font-weight: normal;
}

.filledin {
  color: #615538;
  font-weight: bold;
}

.clearer {
  clear: both;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* this is a patch for IE 5.5 */
.converter table,
.comments table,
.email table,
.captcha table,
.donations table {
  font-family: "Tahoma", "Arial", sans-serif;
  font-size: 11px;
}

/* ---------- LEFT FRAME section ------------------------------------------- */

  .left_frame {
    position: relative;
    float: left;
    width: 200px;
    min-height: 805px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: url("/assets/images/gear_g.png") no-repeat;
    /*background: url("/assets/images/gear_christmas.png") no-repeat;*/
    /*background: url("/assets/images/gear_easter.png") no-repeat;*/
  }

    /* żałobna wstążka */
    .left_frame img.ribbon {
      position: absolute;
      top: 15px;
      right: 0px;
      z-index: 1;
    }
    .left_frame img.logo {
      display: block;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
    }

    .left_frame a:link,
    .left_frame a:active,
    .left_frame a:visited {
      color: #cc2929;
      text-decoration: none;
      border: none;
    }

    .left_frame a:hover {
      color: #ff3333;
      text-decoration: none;
      border: none;
    }

    .left_frame .banners,
    .left_frame .changelog,
    .left_frame .credits,
    .left_frame .donations,
    .left_frame .userarea {
      font-family: "Tahoma", "Arial", sans-serif;
      color: #333333;
      font-size: 11px;
      margin: 5px 5px 5px 5px;
      padding: 0 0 0 0;
    }
  
      .left_frame .changelog .header {
        font-weight: bold;
        padding: 7px 0 3px 0;
      }
      .left_frame .changelog .item {
        padding: 7px 0 3px 16px;
      }
        .left_frame .changelog .item .header {
          color: #444444;
          font-weight: bold;
          margin: 0 0 0 0;
          padding: 0 0 0 0;
        }
        .left_frame .changelog .item .date {
          font-family: "Tahoma", "Arial", sans-serif;
          color: #888888;
          font-size: 10px;
        }
        .left_frame .changelog .item p {
          font-size: 11px;
          margin: 0 0 0 0;
          padding: 0 0 0 0;
        }

      .left_frame .banners .link,
      .left_frame .changelog .link,
      .left_frame .credits .link,
      .left_frame .donations .link,
      .left_frame .userarea .link {
        color: #888888;
        font-weight: bold;
        padding: 7px 0 3px 0;
      }

        .left_frame .banners img.banner,
        .left_frame .donations img.banner {
          display: block;
          margin: 10px 0 10px 16px;
        }

      .left_frame .userarea ul {
        list-style: none;
        font-weight: bold;
        margin: 0 0 0 0;
        padding: 5px 0 0 0;
      }
        .left_frame .userarea ul li {
          list-style: none;
          padding: 5px 0 0 16px;
        }

    .left_frame .localtime {
      font-family: "Tahoma", "Arial", sans-serif;
      color: #888888;
      font-size: 11px;
      font-weight: normal;
      margin: 7px 5px 3px 5px;
      padding: 0 0 0 0;
    }
      .left_frame .localtime ul {
        list-style: none;
        margin: 0 0 0 0;
        padding: 5px 0 0 0;
      }
        .left_frame .localtime ul li {
          list-style: none;
          padding: 0 0 0 16px;
        }
      .left_frame .localtime .date {
        display: inline;
        font-size: 10px;
      }

    /*.left_frame .banners {*/
    /*  margin: 15px 5px 15px 5px;*/
    /*  padding: 0 0 0 0;*/
    /*}*/
    /*  .left_frame .banners .banner {*/
    /*  }*/

/* ---------- RIGHT FRAME section ------------------------------------------ */

  .right_frame {
    width: 603px;
    min-height: 805px;
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #eeeeee url("/assets/images/books_g.png") no-repeat;
  }

    .right_frame .path {
      font-family: "Tahoma", "Arial", sans-serif;
      font-size: 10px;
      color: #666666;
      line-height: 20px;
      margin: 0 0 0 0;
      padding: 0 10px 0 10px;
      /*background: #eeeeee url("/assets/images/slanted-corner-bg.gif") no-repeat;*/
    }

/* ---------- MENU section ------------------------------------------------- */

    .menu {
      position: relative;
      width: 600px;
      margin: 0 0 0 2px;
      font-family: "Tahoma", "Arial", sans-serif;
      /* z-index: 80; */
    }

      .menu ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        list-style-type: none;
      }

        .menu ul li {
          float: left;
          position: relative;
        }

          .menu ul li a, .menu ul li a:visited {
            display: block;
            width: 99px;
            height: 33px;
            color: #ff3333;
            text-align: center;
            text-decoration: none;
            line-height: 33px;
            font-size: 11px;
            font-weight: bold;
            border: 1px solid #eeeeee;
            border-width: 1px 1px 0 0;
            background: url("/assets/images/menu-home-bg.gif") no-repeat;
          }

          /* background and foreground color of the main menu li on hover */
          .menu ul li:hover a, .menu ul li.active a {
            color: #ffffff;
            background: url("/assets/images/menu-default-bg.gif") no-repeat;
          }

/* ---------- CONTENT section ---------------------------------------------- */

    .content {
      position: relative;
      margin: 10px 10px 10px 10px;
      padding: 0 0 0 0;
    }

      .content .image {
        margin: 15px 0 5px 10px;
        float: right;
        border: dotted 1px #aaaaaa;
      }

      .content .image0 {
        margin: 15px 0 5px 10px;
        float: right;
        border: none;
      }

        .content .image p,
        .content .image0 p {
          font-family: "Tahoma", "Arial", sans-serif;
          font-size: 10px;
          margin: 0 0 0 0;
          padding: 3px 5px 5px 5px;
        }

        .content .image .error,
        .content .image0 .error {
          font-family: "Tahoma", "Arial", sans-serif;
          font-size: 10px;
          font-weight: bold;
          color: #ff3333;
          margin: 0 0 0 0;
          padding: 3px 5px 5px 5px;
        }

      .content .list {
        /*clear: both;*/
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
      }

        .content .list .item {
          margin: 15px 0 15px 0;
          padding: 5px 5px 5px 5px;
          border: dotted 1px #aaaaaa;
        }

          .content .list .item .image,
          .content .changelog .item .image {
            margin: 0 10px 0 0;
            float: left;
            border: dotted 1px #aaaaaa;
          }

          .content .list .item .image0,
          .content .changelog .item .image0 {
            margin: 0 10px 0 0;
            float: left;
            border: none;
          }

          .content .list .item .header {
            font-size: 12px;
            font-weight: bold;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            border: none;
          }

          .content .list .item .author {
            font-family: "Tahoma", "Arial", sans-serif;
            color: #666666;
            font-size: 11px;
          }

          .content .list .item .date {
            font-family: "Tahoma", "Arial", sans-serif;
            color: #666666;
            font-size: 10px;
          }

          .content .list .item p,
          .content .changelog .item p {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
          }

          .content .list .item .link,
          .content .changelog .item .link {
            color: #666666;
            text-align: right;
            font-size: 10px;
          }

        .content .list .navigator {
          font-size: 11px;
          text-align: center;
          margin: 0 0 0 0;
          padding: 0 0 0 0;
        }

      .content .header {
        color: #9e8b5c;
        font-size: 24px;
        font-weight: bold;
        padding: 48px 20px 24px 20px;
        border-bottom: dotted 3px #aaaaaa;
      }

      .content .description {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 10px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
      }

        .content .description .author {
          font-size: 11px;
          margin: 0 0 5px 0;
        }

        .content .description .date {
          color: #666666;
        }

        .content .description .source {
          color: #666666;
        }

        .content .description .lang {
          color: #666666;
        }

        .content .description .link a:link,
        .content .description .link a:active,
        .content .description .link a:visited,
        .content .description .link a:hover {
          color: #ff6666;
        }

      .content .subarticles {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 30px;
      }

        .content .subarticles ul {
          margin: 0 0 0 10px;
          padding: 0 0 0 0;
        }

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

      .content .private,
      .content .reference,
      .content .current,
      .content .recent {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
      }
        .content .private .header,
        .content .reference .header,
        .content .current .header,
        .content .recent .header {
          font-size: 11px;
          font-weight: bold;
          padding: 0 0 5px 0;
          border-bottom: dotted 2px #aaaaaa;
        }
        .content .private ul,
        .content .reference ul,
        .content .current ul,
        .content .recent ul {
          list-style: none;
          margin: 0 0 15px 10px;
          padding: 0 0 0 0;
        }
          .content .private ul li,
          .content .reference ul li,
          .content .current ul li,
          .content .recent ul li {
            list-style: none;
            margin: 5px 0 5px 0;
          }

      .content p {
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
      }
      .content p.annotation {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 10px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
      }
      .content p.subheader {
        color: #aaaaaa;
        font-size: 11px;
        font-weight: bold;
        margin: 15px 20px 0 40px;
        padding: 0 0 5px 0;
        border-bottom: dotted 2px #aaaaaa;
      }

      .content .codeheader {
        color: #aaaaaa;
        font-size: 11px;
        font-weight: bold;
        margin: 15px 20px 0 40px;
        padding: 0 0 5px 0;
        border-bottom: dotted 1px #aaaaaa;
      }

      .content p.code {
        width: 523px; /* IE6 */
        font-family: "Courier New", monospace;
        white-space: nowrap; /* do not wrap its contents, and show scrollbars */
        overflow: auto;
        max-height: 24em; /* stop after about 24 lines, and just show a scrollbar */
        margin: 0 20px 15px 40px;
        padding: 5px 0 5px 0;
        border-bottom: dotted 1px #aaaaaa;
      }

        .content p.list {
          text-indent: -15px;
          margin: 0 0 0 0;
          padding: 0 20px 0 65px;
        }

      .content .logintable {
        clear: both;
        width: 523px;
        text-align: left;
        vertical-align: top;
        font-size: 11px;
        font-family: "Tahoma", "Arial", sans-serif;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
        border-collapse: collapse;
        border: solid 1px #cccccc;
      }
        .content .logintable td.left {
            width: 20%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            padding: 3px 2px 3px 10px;
            border: none;
          }
        .content .logintable td.center {
            width: 40%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            padding: 3px 2px 3px 10px;
            border: none;
          }
        .content .logintable td.right {
            width: 40%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 3px 2px 3px 10px;
            border: none;
          }
        .content .logintable td.first {
          padding-top: 10px;
        }
        .content .logintable td.last {
          padding-bottom: 10px;
        }

      .content .changepwdtable {
        clear: both;
        width: 523px;
        text-align: left;
        vertical-align: top;
        font-size: 11px;
        font-family: "Tahoma", "Arial", sans-serif;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
        border-collapse: collapse;
        border: none;
      }
        .content .changepwdtable td {
          color: #000000;
          padding: 3px 0 3px 0;
          border: none;
        }
        .content .changepwdtable fieldset {
          border: solid 1px #cccccc;
        }

      .content .convtable {
        clear: both;
        width: 523px;
        text-align: left;
        vertical-align: top;
        font-size: 11px;
        font-family: "Tahoma", "Arial", sans-serif;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
        border-collapse: collapse;
        border: solid 1px #cccccc;
      }
        .content .convtable td.houtput {
            width: 30%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            padding: 5px 2px 5px 5px;
            border: solid 1px #cccccc;
          }
        .content .convtable td.soutput0 {
            width: 40%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            border: solid 1px #cccccc;
            background-color: #ffffff;
          }
        .content .convtable td.soutput1 {
            width: 40%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            border: solid 1px #cccccc;
          }
        .content .convtable td.hinput {
            width: 60%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            padding: 5px 2px 5px 5px;
            border: solid 1px #cccccc;
          }
        .content .convtable td.sinput0 {
            width: 70%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            border: solid 1px #cccccc;
            background-color: #ffffff;
          }
        .content .convtable td.sinput1 {
            width: 70%;
            text-align: left;
            vertical-align: top;
            font-size: 11px;
            color: #000000;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            border: solid 1px #cccccc;
          }

      .content .converter {
        /*clear: both;*/
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
      }
        .content .converter .conv-form {
          border: solid 1px #cccccc;
        }

      .content .navigator {
        clear: both;
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        text-align: center;
        margin: 15px 20px 15px 40px;
        padding: 5px 5px 5px 5px;
      }

      .content .attachments {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 20px 15px 40px;
        padding: 5px 5px 5px 5px;
        border: dotted 1px #aaaaaa;
      }

        .content .attachments .resource {
          text-indent: -20px;
          padding: 0 0 0 20px;
        }

          .content .attachments .resource .new {
            font-size: 10px;
            color: #ee6666; /*#9e8b5c;*/
          }

          .content .attachments .resource .old {
            font-size: 10px;
            color: #666666;
          }

          .content .attachments .resource .error {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
          }

      .content .comments {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
      }

        .content .comments .header {
          font-size: 11px;
          font-weight: bold;
          padding: 0 0 5px 0;
          border-bottom: dotted 2px #aaaaaa;
        }

        .content .comments ul {
          list-style: none;
          margin: 0 0 15px 10px;
          padding: 0 0 0 0;
        }

          .content .comments ul li {
            list-style: none;
            margin: 5px 0 5px 0;
          }

        .content .comments .captcha {
          font-family: "Tahoma", "Arial", sans-serif;
          font-size: 11px;
          margin: 15px 0 15px 0;
          padding: 0 0 0 0;
          border: dotted 1px #aaaaaa;
        }

      .content .email,
      .content .map {
        /*clear: both;*/
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
      }
        #mapcontainer {
          float: right;
          width: 520px;
          height: 400px;
          margin: 15px 0 15px 0;
          border: solid 1px #aaaaaa;
          background: #c0c0c0;
        }

        .content .email .header,
        .content .map .header {
          font-size: 11px;
          font-weight: bold;
          padding: 0 0 5px 0;
          border-bottom: dotted 2px #aaaaaa;
        }

        .content .email ul {
          list-style: none;
          margin: 0 0 15px 10px;
          padding: 0 0 0 0;
        }

        .content .email ul li {
          list-style: none;
          margin: 5px 0 5px 0;
        }

        .content .email .email-form {
          margin: 15px 0 15px 0;
          padding: 0 0 0 0;
          border: dotted 1px #aaaaaa;
          background: url('/assets/images/email-form-bg.png') no-repeat scroll left top;
        }

        .content .email .captcha {
          font-family: "Tahoma", "Arial", sans-serif;
          font-size: 11px;
          margin: 15px 0 15px 0;
          padding: 0 0 0 0;
          border: dotted 1px #aaaaaa;
        }

        .content .email .errors {
          color: #ff3333;
          font-size: 11px;
          margin: 15px 0 15px 0;
          padding: 5px 5px 5px 5px;
          border: 1px solid #ff3333;
        }

      .content .changelog {
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
      }

        .content .changelog .item {
          margin: 15px 0 15px 0;
          padding: 5px 5px 5px 5px;
          border: dotted 1px #aaaaaa;
        }

          .content .changelog .item .header {
            font-size: 12px;
            font-weight: bold;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            border: none;
          }

          .content .changelog .item .author {
            font-family: "Tahoma", "Arial", sans-serif;
            color: #666666;
            font-size: 11px;
          }

          .content .changelog .item .date {
            font-family: "Tahoma", "Arial", sans-serif;
            color: #666666;
            font-size: 10px;
          }

          .content .changelog .item p {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
          }

          .content .changelog .item .clearer {
            clear: left;
          }

      .content .donations {
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 11px;
        margin: 15px 20px 15px 40px;
        padding: 0 0 0 0;
      }

        .content .donations .header {
          font-size: 11px;
          font-weight: bold;
          padding: 0 0 5px 0;
          border-bottom: dotted 2px #aaaaaa;
        }

        .content .donations ul {
          list-style: none;
          margin: 0 0 15px 10px;
          padding: 0 0 0 0;
        }

          .content .donations ul li {
            list-style: none;
            margin: 5px 0 5px 0;
          }

        .content .donations .pay-form {
          margin: 0 0 0 0;
          padding: 0 0 0 0;
          border: dotted 1px #aaaaaa;
        }

        .content .donations .error {
          /*font-weight: bold;*/
          margin: 0 0 0 0;
          padding: 0 0 0 0;
        }

      .content .slide,
      .content .sound,
      .content .video {
        margin: 15px 0 5px 10px;
        float: right;
        border: dotted 1px #aaaaaa;
      }

      .content .slide0,
      .content .sound0,
      .content .video0 {
        margin: 15px 0 5px 10px;
        float: right;
        border: none;
      }

        .content .slide p,
        .content .slide0 p,
        .content .sound p,
        .content .sound0 p,
        .content .video p,
        .content .video0 p {
          font-family: "Tahoma", "Arial", sans-serif;
          font-size: 10px;
          margin: 0 0 0 0;
          padding: 3px 5px 5px 5px;
        }

      .content .error {
        color: #ff3333;
        margin: 15px 0 15px 0;
        padding: 0 20px 0 40px;
      }

/* ---------- GALLERY section ---------------------------------------------- */

      .gallery_container {
        float: right;
        margin: 15px 0 15px 10px;
      }

      .gallery_table {
        clear: both;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        border: solid 1px #9e8b5c;
        border-collapse: collapse;
      }
        .gallery_table .title_row {
          color: #ffffff;
          background-color: #9e8b5c;
          text-align: center;
          font-size: 10px;
          font-weight: bold;
          font-family: "Tahoma", "Arial", sans-serif;
          padding: 2px 10px 2px 10px;
        }
        .gallery_table .copyright_row {
          color: #ffffff;
          background-color: #9e8b5c;
          text-align: right;
          font-size: 10px;
          font-weight: normal;
          font-family: "Tahoma", "Arial", sans-serif;
          padding: 2px 10px 2px 5px;
        }
        .gallery_table .photo_cell {
          width: 180px;
          text-align: left;
          vertical-align: top;
          font-size: 10px;
          font-family: "Tahoma", "Arial", sans-serif;
          padding: 5px 5px 5px 5px;
          border-left: solid 1px #9e8b5c;
          border-top: solid 1px #9e8b5c;
          border-right: solid 1px #9e8b5c;
        }
        .gallery_table .desc_cell {
          width: 180px;
          text-align: left;
          vertical-align: bottom;
          font-size: 10px;
          font-family: "Tahoma", "Arial", sans-serif;
          padding: 0px 5px 5px 5px;
          border-left: solid 1px #9e8b5c;
          border-bottom: solid 1px #9e8b5c;
          border-right: solid 1px #9e8b5c;
        }
      .gallery_table .navigator {
          color: #888888;
          text-align: center;
          font-size: 10px;
          font-weight: normal;
          font-family: "Tahoma", "Arial", sans-serif;
          padding: 10px 10px 10px 10px;
      }
        .gallery_table .navigator .first, .gallery_table .navigator .last {
          font-weight: normal;
        }
        .gallery_table .navigator .rev, .gallery_table .navigator .ff {
          font-weight: bold;
        }

/* ---------- FOOTER section ----------------------------------------------- */

  .footer {
    clear: right;
    width: 603px;
    float: right;
    font-family: "Tahoma", "Arial", sans-serif;
    font-size: 10px;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }

    .footer .toplink {
      margin: 0 0 0 0;
      padding: 0 30px 5px 50px;
      background-color: #eeeeee;
    }

    .footer .copyright {
      margin: 10px 0 0 0;
      padding: 10px 30px 10px 50px;
      background: #eeeeee url("/assets/images/slanted-corner-bg.gif") no-repeat;
    }

    .footer .services {
      margin: 0 5px 0 5px;
      padding: 0 30px 0 50px;
    }

    .footer .services .validator {
      margin: 0 5px 0 5px;
    }

/* ---------- EXAMPLE section ---------------------------------------------- */

.example_container {
  min-height: 805px;
  font-family: "Verdana", "Arial", sans-serif;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  background: #eeeeee url("/assets/images/example_page.png") center top repeat-y;
}

  .example_container .header {
    color: #9e8b5c;
    font-size: 24px;
    font-weight: bold;
    padding: 48px 0 24px 0;
    border-bottom: dotted 3px #aaaaaa;
  }

  .example_container .path {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 5px 0;
    border-bottom: solid 1px #cccccc;
  }

  .example_container .image {
    margin: 15px 0 15px 0px;
    border: solid 1px #aaaaaa;
  }

  .example_container .image0 {
    margin: 15px 0 15px 0px;
    border: none;
  }

    .example_container .image p,
    .example_container .image0 p {
      font-family: "Tahoma", "Arial", sans-serif;
      font-size: 11px;
      margin: 0 0 0 0;
      padding: 3px 5px 5px 5px;
    }

    .example_container .image .error,
    .example_container .image0 .error {
      font-family: "Tahoma", "Arial", sans-serif;
      font-size: 11px;
      font-weight: bold;
      color: #ff3333;
      margin: 0 0 0 0;
      padding: 3px 5px 5px 5px;
    }

  .example_container .services {
    text-align: center;
    margin: 0 5px 0 5px;
    padding: 0 0 0 0;
  }

    .example_container .services .validator {
      margin: 0 5px 0 5px;
    }