html { font-size: 100%; width: 100%; height: 100%; }

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font: normal 62.5%/1.5 Helvetica, Arial, 'Lucida Sans Unicode', Verdana, sans-serif;
  }

#container {
  display: block;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  z-index: 0;
  }

  #frame {
    width: 100%;
    height: 100%;
    }

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: #000;
  z-index: 1;
  /*overflow: hidden;*/
  }


/**
 * Toolbar styles
 */
#toolbar {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #000 url('../gfx/pixelz.png') center center repeat;
  }

#toolbar .minimized {
  width: 41px;
  height: 41px;
  cursor: pointer;
  background: #000 url('../gfx/minimized.jpg') center center no-repeat;
  }

#toolbar .maximized {
  width: 248px;
  height: 100px;
  background: #000 url('../gfx/maximized.jpg') center center no-repeat;
  }

#toolbar .bubbleWrap {
  position: absolute;
  width: 723px;
  top: 0;
  left: 250px;
  }

#toolbar .bubble {
  width: 850px;
  background: transparent url('../gfx/bubbleBackground.png') top right repeat-y;
  }

#toolbar .linkInfo {
  background: transparent url('../gfx/bubbleTop.png') top right no-repeat;
  position: relative;
  top: -10px;
  padding: 10px 0 0 0;
  width: 723;
  }

  .linkInfo h1 {
    font: bold 2.4em Helvetica, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    color: #fff;
    padding: 0 10px 10px 32px;
    }

  .linkInfo p {
    font: normal 1.3em Helvetica, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    color: #efefef;
    padding: 0 10px 0 32px;
    }

  .linkInfo hr {
    border-left: none;
    border-right: none;
    border-top: 1px solid #4e6f16;
    border-bottom: 1px solid #6d991e;
    margin: 0 10px 0 32px;
    position: relative;
    top: 21px;
    }

  #links {
    padding: 0 10px 12px 32px;
    height: 21px;
    width: 681;
    background: transparent url('../gfx/bubbleBottom.png') right bottom no-repeat;
    position: relative;
    top: 20px;
    }

    #links li {
      display: block;
      float: left;
      height: 29px;
      }

      #links li a:link, #links li a:visited {
        font: bold 1em Helvetica, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        color: #efefef;
        text-transform: uppercase;
        text-decoration: none;
        padding: 7px 5px 2px 5px;
        height: 20px;
        display: block;
        margin-top: 1px;
        }

      #links li a:hover, #links li a:active {
        color: #fff;
        }

      #links li.active a {
        background: transparent url('../gfx/buttonBackground.png') left bottom repeat-x;
        }

      .sublinks {
        display: block;
        width: 300px;
        background: #000 url('../gfx/dropdown.jpg') left bottom repeat-x;
        overflow: auto;
        padding: 3px 0;
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;

        position: absolute;
        display: none;
        }

        .sublinks li {
          display: block;
          float: none;
          width: 140px;
          margin: 0 5px;
          border-bottom: 1px solid #333;
          }

        .sublinks li:last-child { border-bottom: none; }

          .sublinks li a:link, .sublinks li a:visited {
            float: none;
            text-transform: none !important;
            display: block;
            padding-left: 6px;
            background: none !important;
            }

          .sublinks li a:hover, .sublinks li a:active {
            color: #79ac2c !important;
            }

  .linkInfo a.minimize:link, .linkInfo a.minimize:visited {
    position: absolute;
    top: 8px;
    right: 14px;

    font: normal 1em Helvetica, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    color: #efefef;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding-right: 24px;
    height: 19px;
    line-height: 19px;
    background: transparent url('../gfx/minimize.png') top right no-repeat;

    overflow: hidden;
    text-indent: -999999px;

    font-style: italic;
    }

  .linkInfo a.minimize:hover, .linkInfo a.minimize:active {
    text-indent: 0;
    }

  .english {
    position: absolute;
    top: 32px;
    right: 16px;
    }

/** Login page **/
h1.login {
  font: bold 4em Helvetica, Arial, 'Lucida Sans Unicode', Verdana, sans-serif;
  color: #333;
  text-align: center;
  margin: 20px auto 40px auto;
  }

#user-login {
  width: 400px;
  margin: auto;
  }

  #user-login .form-text {
    width: 394px;
    border: 1px solid #999;
    padding: 2px;
    }

/** Footer **/
#footer li { display: block; float: left; /*border-top: 1px solid #000;*/ }

#eu {
  background: #fff;
  width: 80px;
  border-right: 5px solid #FFFFFF !important;
  border-top: 5px solid #FFFFFF !important;
  position: relative;
  top: 0px;
  padding: 0 8px;
  }

#eu img {
  height: 40px;
  width: auto;
}

#copy, #contact { padding: 0 10px 0 10px; }

#footer a:link, #footer a:visited {
  font-size: 1.2em;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  }

#footer a:hover, #footer a:active {
  color: #eee;
  }

/** pdfinvoice-attend-form **/
body.attend { background: #eee; overflow: auto; }

body.attend #wrap {
  width: 700px;
  padding: 150px 20px 60px 20px;
  margin: auto;
  background: #fff;
  }

body.attend h2 {
  font-size: 3em;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  line-height: 0.8em;
  }

body.attend h3, body.attend legend {
  font-size: 2em;
  }

#edit-add-attendee { margin-bottom: 20px; }

#attendees-wrapper table td { width: 175px; }

.form-text {
  width: 163px;
  padding: 2px;
  border: 1px solid #999;
  }

body.attend p {
  font-size: 1.2em;
  margin-bottom: 15px;
  }