/* =============================================================================
*    title: Pava Group v1                                                      *
*     site: www.pava.cz, www.pava.sk                                           *
*    media: all                                                                *
*   design: Jiří Toman, Toman Graphic Design [info@toman-design.com]           *
*     code: Miroslav Jahoda, Polygrafix [mirek@polygrafix.cz]                  *
*     date: 08/2009                                                            *
============================================================================= */

/* Reset and basics
----------------------------------------------------------------------------- */
html, body, div, p, address, hr, h1, h2, h3, h4, h5, h6, 
img, a, span, em, strong, abbr, ol, ul, li, dl, dt, dd, 
form, fieldset, legend, label, 
blockquote {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; 
  font-style: normal; font-size: 100%; vertical-align: baseline;}
html, body {width: 100%; height: 100%;}

body {font: 10px/1.3em verdana, tahoma, geneva, arial, helvetica, sans-serif; color: rgb(103,101,109);
  background: url('../images/bg_page.gif') top left repeat-x rgb(255,255,255);}
#wrapper {width: 952px; height: 100%; margin: 0 auto; padding: 0 36px; background-color: rgb(255,255,255);}

strong {font-weight: bold;}
em {font-style: italic;}
ul, ol {list-style: none;}
p, address {margin-bottom: 0.65em;}
input, textarea {font: 10px/1.3em verdana, tahoma, geneva, arial, helvetica, sans-serif; color: rgb(103,101,109);}
hr {display: none;}
hr.clear {display: block; visibility: hidden; clear: both; height: 1px; line-height: 1px;}
/*.cufon-canvas {overflow: hidden;}*/

/* Swatches
----------------------------------------------------------------------------- */
.error, .ok, .notice {margin: 10px 0; padding: 10px; text-align: center; font-weight: bold; 
  font-size: 11px; border: 1px solid;}
.error {color: rgb(226,0,122) !important; border-color: rgb(226,0,122);}
.ok {color: rgb(0,158,224) !important; border-color: rgb(0,158,224);}
.notice {color: rgb(103,101,109) !important; border-color: rgb(148,147,154);}
#response {width: 600px; margin: 70px auto 0; padding: 10px; font-size: 11px; 
  line-height: 15px; border: 1px solid rgb(226,0,122);}
  #response p {margin: 15px 0 0;}
  #response strong {color: rgb(226,0,122);}
  #response em {font-weight: bold; font-style: normal; color: rgb(226,0,122);
    border-bottom: 1px dotted rgb(226,0,122);}

.grey60 {color: rgb(103,101,109);}
.grey45 {color: rgb(148,147,154);}
.grey30 {color: rgb(183,184,185);}
.magenta {color: rgb(226,0,122);}
.green {color: rgb(185,212,0);}
.cyan {color: rgb(0,158,224);}
.magenta30 {color: rgb(246,178,215);}
.green50 {color: rgb(220,233,127);}
.cyan30 {color: rgb(240,239,178);}

/* Links
----------------------------------------------------------------------------- */
a:link {color: rgb(0,158,224); text-decoration: underline;}
a:visited {color: rgb(103,101,109); text-decoration: underline;}
a:hover {text-decoration: none;}
a.external {color: rgb(226,0,122); /*padding-right: 22px;
  background: url('../images/external.gif') top right no-repeat;*/}

/* Layout 
----------------------------------------------------------------------------- */
#user {height: 18px; padding-top: 17px;}
#header {position: relative; z-index: 20; height: 23px;}
#main {min-height: 230px; padding-top: 70px;}
#nav {clear: left; height: 29px; margin-bottom: 10px;}
#footer {padding-bottom: 10px;}

/* Header and titles
----------------------------------------------------------------------------- */
#header h2 {position: absolute; top: 0; left: -36px;}
h2.avenir {overflow: hidden; padding-bottom: 10px; text-transform: uppercase; 
  font-weight: bold; font-size: 18px;}

div#user a {font-weight: normal; text-transform: none; color: rgb(0,158,224);}

ul.langs {position: absolute; top: 9px; right: 0; height: 17px; font-size: 11px;
  line-height: 9px;}
  ul.langs li {float: left; height: 17px; border-left: 1px solid rgb(255,255,255);}
  ul.langs li.active {color: rgb(226,0,122);}
    ul.langs a,
    ul.langs strong {display: block; height: 11px; margin-left: -1px; padding: 0 3px; 
      border-left: 1px solid rgb(103,101,109);}
    ul.langs a:link,
    ul.langs a:visited {text-decoration: none; color: rgb(103,101,109);}
    ul.langs a:hover {text-decoration: underline;}
    ul.langs .last a {border-right: 1px solid rgb(103,101,109);}

#intro {position: relative; z-index: 10; height: 386px; overflow: hidden; margin: -70px 0 10px; 
  color: rgb(255,255,255);}
  .tagline {position: absolute; z-index: 1;}
    .tagline .text {position: absolute; top: 105px; left: 22px; width: 570px;}
      .tagline .text h2 {margin-bottom: 11px; text-transform: uppercase; font-size: 60px; line-height: 56px;}
      .tagline .text h3,
      #intro blockquote {font-size: 30px; line-height: 26px;}
      #intro blockquote {position: absolute; bottom: 13px; left: 22px; overflow: hidden; 
        letter-spacing: -1px;}
        #intro blockquote span {margin-right: -2px;}
        #intro blockquote em {display: block; padding-right: 7px; font-size: 16px; 
          letter-spacing: 0; line-height: 14px; text-align: right;}
    #intro img {display: block;}
  
#pulltext,
#perex {overflow: hidden; padding: 0 200px 6px 0;}
#perex {height: 128px;}
  #pulltext h2 {margin-right: -200px; padding: 10px 0; font-size: 24px; line-height: 32px; 
    border-top: 1px dotted rgb(183,184,185);}
  #pulltext.subtitle h3 {margin-right: -200px;}
  #pulltext.subtitle h2 {padding: 0 0 4px; /*font-size: 15px; color: rgb(226,0,122);*/ border-top: 0;}
  #pulltext p,
  #perex p {font-size: 15px; line-height: 18px;}

#footer h4 {height: 13px; line-height: 13px; font-size: 11px;}
  #footer strong {font-weight: normal;}
  #footer strong,
  #footer span {white-space: nowrap;}
#footer .created {float: right; margin-top: -13px; font-size: 10px;}
  #footer .created a:link,
  #footer .created a:visited {text-decoration: none; color: rgb(103,101,109);}
  #footer .created a:hover {text-decoration: underline; color: rgb(226,0,122);}

h3.dotted {height: 7px; margin-bottom: 10px; text-transform: uppercase; font-weight: bold; 
  font-size: 11px; border-bottom: 1px dotted rgb(183,184,185);}
  h3.dotted span {padding-right: 5px; font-weight: bold; background: white;}

/* Navigation
----------------------------------------------------------------------------- */
.cgy_images {clear: left; height: 130px; margin-bottom: 10px; text-transform: uppercase; 
  font-size: 15px; line-height: 16px;}
  .cgy_images li {position: relative; float: left; width: 310px; height: 130px; 
    margin-right: 11px;}
  .cgy_images li.last {margin-right: 0;}
  .cgy_images li.cgy_1 {background-color: rgb(226,0,122);}
  .cgy_images li.cgy_2 {background-color: rgb(185,212,0);}
  .cgy_images li.cgy_3 {background-color: rgb(0,158,224);}
    .cgy_images a:link,
    .cgy_images a:visited {display: block; height: 116px; padding: 7px 120px 7px 10px; 
      text-decoration: none; color: rgb(255,255,255);}
    .cgy_images li.cgy_1 a {background: url('../images/cgy_1.jpg') 0 0 no-repeat;}
    .cgy_images li.cgy_2 a {background: url('../images/cgy_2.jpg') 0 0 no-repeat;}
    .cgy_images li.cgy_3 a:link,
    .cgy_images li.cgy_3 a:visited {padding-right: 160px; background: url('../images/cgy_3.jpg') 0 0 no-repeat;}
    .cgy_images a:hover {background-position: 0 -160px !important; text-decoration: none; 
      color: rgb(255,255,255);}
    .cgy_images em {position: absolute; bottom: 18px; left: 54px; font-style: normal;}
    .cgy_images li.cgy_3 em {left: 50px;}

.cgy_text {clear: left; height: 39px; margin-bottom: 10px; padding-top: 10px; text-transform: uppercase; 
  font-weight: bold; font-size: 11px; line-height: 1.4em; border-top: 1px dotted rgb(183,184,185);}
  .cgy_text li {float: left; height: 39px; margin-right: 28px;}
    .cgy_text a {display: block; width: 180px; height: 31px; padding: 4px; font-weight: bold;}
    .cgy_text li.cgy_1 a {width: 128px; color: rgb(226,0,122); background: url('../images/li_magenta_hover.gif') 100% 27px no-repeat;}
    .cgy_text li.cgy_2 a {width: 146px; color: rgb(185,212,0); background: url('../images/li_green_hover.gif') 100% 27px no-repeat;}
    .cgy_text li.cgy_3 a {width: 102px; color: rgb(0,158,224); background: url('../images/li_cyan_hover.gif') 100% 27px no-repeat;}
      .cgy_text a:link,
      .cgy_text a:visited {text-decoration: none;}
      .cgy_text a:hover,
      .cgy_text li a.active:link,
      .cgy_text li a.active:visited {text-decoration: underline;}
        .cgy_text li.cgy_1 a:hover,
        .cgy_text li.cgy_1 a.active {color: rgb(246,178,215); background-position: 100% -20px;}
        .cgy_text li.cgy_2 a:hover,
        .cgy_text li.cgy_2 a.active {color: rgb(230,229,127); background-position: 100% -20px;}
        .cgy_text li.cgy_3 a:hover,
        .cgy_text li.cgy_3 a.active {color: rgb(178,226,246); background-position: 100% -20px;}
          .cgy_text li a.active:hover {text-decoration: none;}

#nav {text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 29px; 
  background: url('../images/ul_menu.gif') top left no-repeat;}
  #nav li {float: left; margin-left: -2px;}
  #nav li.first {margin-left: 0;}
    #nav a {display: block; height: 29px; padding: 0 12px 0 14px; font-weight: bold; 
      background: url('../images/li_menu.gif') bottom right no-repeat;}
    #nav li.first a {padding-left: 12px;}
      #nav a:link,
      #nav a:visited,
      #nav a:hover {text-decoration: none; color: rgb(103,101,109);}
      #nav a:hover, #nav li.active a {background: url('../images/li_menu_active.gif') top left repeat-x;}
      #nav a span {padding-right: 12px; font-weight: bold; background: url('../images/arrow_right.gif') right 4px no-repeat;}
  #nav .li_user {float: right;}
    #nav .li_user a {padding: 0 14px 0 12px; background-position: bottom left;}
      #nav .li_user a span {background-image: url('../images/arrow_right_cyan.gif');}

.pagination {clear: left; height: 10px; margin-bottom: 11px; padding: 6px 0; line-height: 10px; 
  color: rgb(103,101,109); border: 1px dotted rgb(183,184,185); border-width: 1px 0;}
  .pagination ul {float: right;}
    .pagination li {float: left; width: 19px; text-align: center; border-left: 1px solid rgb(103,101,109);}
    .pagination li.first {border: 0;}
      .pagination a {padding: 2px 4px;}
      .pagination a:link,
      .pagination a:visited {text-decoration: none; color: rgb(103,101,109);}
      .pagination a:hover,
      .pagination a strong {font-weight: normal; text-decoration: underline; 
        color: rgb(226,0,122);}

/* Content
----------------------------------------------------------------------------- */
#main {background: url('../images/bg_main.gif') top left repeat-x;}

.multicolumn {clear: left; margin-bottom: 10px; /*padding-bottom: 10px; border-bottom: 1px dotted rgb(183,184,185);*/}
  .multicolumn .text {/*background: url('../images/dot.gif') bottom right no-repeat;*/}
  /*.multicolumn .text {-moz-column-gap: 11px; column-gap: 11px;}
  .cols_2 .text {-moz-column-count: 2; column-count: 2;}
  .cols_3 .text {-moz-column-count: 3; column-count: 3;}
  .cols_4 .text {-moz-column-count: 4; column-count: 4;}*/
  .multicolumn .column {margin-right: 11px;}
  .multicolumn .last {margin: 0;}

#simpletext {margin-bottom: 11px; padding-bottom: 10px; border-bottom: 1px dotted rgb(183,184,185);}
  #simpletext h3 {text-transform: none;}

#content {}
  #text {float: left; width: 438px; margin: 0 18px 0 0; padding-right: 38px; font-size: 11px; 
    border-right: 1px dotted rgb(183,184,185);}
    #text h1 {margin-bottom: 1.3em; font-weight: bold;}
    #text p {margin-bottom: 1.3em;}
  h4.next {float: right; height: 30px; text-transform: uppercase; line-height: 28px;}
    h4.next a {display: block; height: 30px; overflow: hidden; padding-left: 36px; 
      font-size: 15px; text-decoration: none; line-height: 28px; color: rgb(103,101,109); background: url('../images/next.gif') 0 50% no-repeat;}
  #subnav {width: 224px; margin-left: 476px; padding-left: 32px; font-size: 11px;}
    #subnav li {margin-bottom: 1.3em;}
    .cgy1 li,
    .faq li {color: rgb(226,0,122); list-style: url('../images/li_magenta.gif') outside;}
    .cgy2 li {color: rgb(185,212,0); list-style: url('../images/li_green.gif') outside;}
    .cgy3 li {color: rgb(0,158,224); list-style: url('../images/li_cyan.gif') outside;}
      #subnav a:link,
      #subnav a:visited {color: rgb(103,101,109); text-decoration: none;}
      #subnav a:hover,
      #subnav li.active a {text-decoration: underline;}
      #subnav li.active a {font-weight: bold;}
      #subnav li.active a:hover {text-decoration: none;}
      .cgy1 a:hover,
      .cgy1 li.active a,
      .cgy1 h1, .cgy1 h5,
      .cgy1 strong,
      .faq a:hover,
      .faq li.active a,
      .faq h1, ul.faq h5,
      .faq strong {color: rgb(226,0,122) !important;}
      .cgy2 a:hover,
      .cgy2 li.active a,
      .cgy2 h1, .cgy2  h5,
      .cgy2 strong {color: rgb(185,212,0) !important;}
      .cgy3 a:hover,
      .cgy3 li.active a,
      .cgy3 h1, .cgy3  h5,
      .cgy3 strong {color: rgb(0,158,224) !important;}
  #claim {clear: left; position: relative; top: -1.3em; margin-left: 508px;}
  /*#claim {width: 224px; margin: 0 0 11px 508px; font-size: 11px;}*/

.news {float: left; width: 229px; height: 534px; margin: 0 12px 14px 0; background: url('../images/bg_news.gif') bottom left repeat-x rgb(249,249,250);}
.last {margin-right: 0;}
  .news h4 {height: 16px; padding-left: 6px; font-weight: bold; line-height: 15px; 
    background: rgb(255,255,255); border-top: 3px solid rgb(148,147,154);}
  .news img,
  .news .img {display: block; width: 221px; height: 154px; padding: 4px; font-size: 11px;
    color: rgb(255,255,255); background: rgb(228,228,228); border-bottom: 1px solid rgb(255,255,255);}
  .news .img {background: none; border-color: rgb(249,249,250);}
  .news .content {height: 297px; overflow: auto; margin-bottom: 5px; padding: 6px;}
  .news h3 {margin-bottom: 9px; text-transform: uppercase; font-size: 14px; line-height: 1.3em;}
  
  .links {height: 36px; margin-bottom: 5px; padding-left: 8px;}
    .links li {height: 18px; line-height: 18px;}
      .links a {font-style: italic; font-size: 11px;}
        .links a:link,
        .links a:visited {text-decoration: none; color: rgb(103,101,109);}
        .links a:hover {text-decoration: underline; color: rgb(103,101,109);}

  .news1 h4 {color: rgb(226,0,122); border-color: rgb(226,0,122);}
  .news2 h4 {color: rgb(185,212,0); border-color: rgb(185,212,0);}
  .news0 h4 {color: rgb(0,158,224); border-color: rgb(0,158,224);}
  .news1 li {color: rgb(226,0,122); list-style: url('../images/li_magenta.gif') inside;}
  .news2 li {color: rgb(185,212,0); list-style: url('../images/li_green.gif') inside;}
  .news0 li {color: rgb(0,158,224); list-style: url('../images/li_cyan.gif') inside;}
  .news1 li a:hover {color: rgb(226,0,122);}
  .news2 li a:hover {color: rgb(185,212,0);}
  .news0 li a:hover {color: rgb(0,158,224);}

.news_module .news {height: 104px; line-height: 1.2em; background: url('../images/bg_news_module.gif') bottom left repeat-x rgb(249,249,250);}
  .news_module h4 {padding-left: 12px; background: url('../images/bg_news_module_title.gif') bottom left repeat-x rgb(255,255,255);
    border-bottom: 1px solid rgb(255,255,255);}
  .news_module .content {height: 82px; overflow: hidden; margin-bottom: 0; padding: 0;}
  .news_module a {display: block; height: 74px; padding: 4px 12px; text-decoration: none; color: rgb(103,101,109);}
  .news_module .news1 a {background: url('../images/li_magenta.gif') 213px 68px no-repeat;}
  .news_module .news2 a {background: url('../images/li_green.gif') 213px 68px no-repeat;}
  .news_module .news0 a {background: url('../images/li_cyan.gif') 213px 68px no-repeat;}
    .news_module a:hover {text-decoration: none;}

.faq #text {border-right: 0}
.faq #subnav {border-left: 1px dotted rgb(183,184,185);} /* unlike categories, list is longer than text, so we will switch the border/column rule */

.faq_module {clear: left;}
  .faq_module .faq_short {float: left; width: 310px; height: 104px; overflow: hidden;
    margin: 0 11px 14px 0; line-height: 1.2em;}
  .faq_module .last {margin-right: 0;}
    .faq_module h4 {min-height: 24px; padding: 2px 0 4px; font-weight: bold;}
    .faq_module h4 a {font-weight: bold;}
    .faq_module h4 a:link,
    .faq_module h4 a:visited {text-decoration: none;}
    .faq_module h4 a:hover {text-decoration: underline;}
    .faq_module .faq1 h4,
    .faq_module .faq1 a {color: rgb(226,0,122);}
    .faq_module .faq2 h4,
    .faq_module .faq2 a {color: rgb(185,212,0);}
    .faq_module .faq0 h4,
    .faq_module .faq0 a {color: rgb(0,158,224);}
    .faq_module .content {height: 74px; overflow: hidden; margin-bottom: 0;}

.contacts {float: left; width: 365px; margin: 0 11px 10px 0; padding: 0 8px; font-size: 11px;}
  .contacts h2 {overflow: hidden; padding-bottom: 10px; text-transform: uppercase; 
    font-weight: bold; font-size: 18px;}
  .web {margin: 13px -8px 11px; padding: 10px 8px 14px; border: 1px dotted rgb(183,184,185); 
    border-width: 1px 0;}
    .web p {margin: 0;}
    .web a:link,
    .web a:visited {text-decoration: underline; color: rgb(103,101,109);}
    .web a:hover {text-decoration: none; color: rgb(103,101,109);}
  div.map {width: 373px; height: 332px; margin: 15px -8px 5px; background: rgb(228,228,228);
    border: 4px solid rgb(228,228,228);}
    
#ref {position: relative; z-index: 10; height: 386px; margin: -70px 0 10px; background: rgb(255,255,255);}
  #ref img {display: block; position: absolute; top: 0; left: 0; margin-right: 2px; z-index: 5;}
  #ref .content {height: 386px; margin-left: 644px; background: url('../images/bg_ref.gif') bottom left repeat-x;} 
    #ref h1 {height: 21px; margin-bottom: 2px; font-size: 11px; text-transform: uppercase; line-height: 20px; 
      color: rgb(226,0,122); background: url('../images/bg_ref_title.gif') top left repeat-x rgb(225,225,225); 
      border-top: 3px solid rgb(226,0,122);}
      #ref h1 strong {display: block; float: left; height: 21px; margin-right: 11px; 
        padding: 0 9px; font-weight: normal; border-right: 2px solid rgb(255,255,255);}
    #ref .text {height: 315px; overflow: auto; margin-bottom: 27px; padding: 9px;} 
      #ref .text h4 {position: absolute; left: 653px; bottom: 0; width: 290px; margin-bottom: 2px; 
        padding-bottom: 7px; font-size: 11px; text-transform: uppercase; color: rgb(226,0,122); 
        background: url('../images/dot.gif') bottom right no-repeat;}
  #ref .ref {position: absolute; bottom: 0; left: 0; z-index: 100; width: 642px; height: 46px; 
    background: url('../images/bg_ref_menu.png') top left repeat;}
    #ref .ref li {float: left; height: 46px; padding-right: 3px; font-weight: bold; 
      font-size: 29px; line-height: 42px; background: url('../images/li_menu_ref.gif') bottom right no-repeat;}
      #ref .ref a {display: block; width: 44px; height: 42px; overflow: hidden; 
        font-weight: bold; text-decoration: none; text-align: center;}
        #ref .ref a:link,
        #ref .ref a:visited {padding-bottom: 4px; color: rgb(255,255,255);}
        #ref .ref .active a:link,
        #ref .ref .active a:visited {padding-bottom: 0; color: rgb(226,0,122); border-bottom: 4px solid rgb(226,0,122);}
        #ref .ref a:hover,
        #ref .ref .active a:hover {padding-bottom: 0; color: rgb(185,212,0); border-bottom: 4px solid rgb(185,212,0);}
        
.user {padding: 0 8px;}

#project_overview {width: 374px; float: left; margin: 6px 11px 0 0; padding: 0 4px;}
div.download {width: 374px; margin: 6px 0 11px 393px; padding: 0 4px;}
  #project_overview h3,
  #project_overview p,
  div.download h3 {margin-left: -4px; margin-right: -4px;}
  div.download li {height: 11px; padding: 2px 0 11px; line-height: 8px;}
    div.download li a {padding-left: 19px;}
    div.download li a:link,
    div.download li a:visited {text-decoration: underline; color: rgb(103,101,109);}
    div.download li a:hover {text-decoration: none; color: rgb(226,0,122);}
    .dl_news a {background: url('../images/ico_document.gif') 0 50% no-repeat;}
    .dl_files a {background: url('../images/ico_download.gif') 0 50% no-repeat;}

/* Forms
----------------------------------------------------------------------------- */
label.overlay {position: relative; cursor: text;}
  label.overlay span {position: absolute;}
label.block {display: block; margin-bottom: 8px;}

#user {text-align: right;}
  #user h4 {display: inline; padding-right: 3px; font-size: 10px; color: rgb(226,0,122);}
  #user h3 {display: inline; padding-right: 3px; text-transform: uppercase; 
    font-size: 11px; color: rgb(0,158,224);}
  #user label span {top: -1px; left: 6px; text-transform: uppercase;}
  #user input {height: 13px; padding: 2px 0 0; text-transform: uppercase;
    background: url('../images/button_input.gif') top left repeat-x; border: 1px solid rgb(148,147,154); 
    border-width: 0 0 1px 1px;}
  #user #name {width: 97px; padding-left: 6px;}
  #user #password {width: 88px; padding-left: 6px; border-left: 0;}
  #user .submit {width: 15px; height: 15px; margin: 0 3px -4px 0; padding: 0;}
  form#user a {position: relative; top: -1px; text-transform: lowercase; color: rgb(103,101,109);}

#main form {min-height: 130px; margin-bottom: 11px; font-size: 11px;}

  #forgot_password input {height: 13px; padding: 2px 0 0; text-transform: uppercase;
    background: url('../images/button_input.gif') top left repeat-x; border: 1px solid rgb(148,147,154); 
    border-width: 0 0 1px 1px;}
  #forgot_password #email {width: 180px; padding-left: 6px;}
  #forgot_password .submit {width: 15px; height: 15px; margin: 0 3px -4px 0; padding: 0;}

form dl dt,
form dl dd {height: 16px; line-height: 16px; margin-bottom: 7px;}
form dl dt {width: 90px; float: left; margin-right: 7px; line-height: 16px;}
form dl dd {margin-left: 97px;}
  form dl label {font-size: 10px; text-transform: uppercase;}
  form dl input {width: 158px; height: 13px; padding: 2px 0 0 6px; text-transform: uppercase;
    background: url('../images/button_input.gif') top left repeat-x; border: 1px solid rgb(148,147,154); 
    border-width: 0 0 1px 1px;}
  form dl .submit {width: 15px; height: 15px; margin: 0 3px -4px 0; padding: 0;}

#register {float: left; position: relative; width: 372px; height: 200px; margin: 0 14px 11px -8px; 
  padding: 14px 0 24px 8px; border-bottom: 1px dotted rgb(183,184,185);}
#register h4 {position: absolute; bottom: 24px; right: 0; height: 15px; line-height: 15px;}
  #register h4 span {position: relative; top: -3px; padding-right: 2px; font-weight: bold; text-decoration: underline;}

#register_text {width: 364px; height: 200px; margin-left: 386px; padding: 14px 0 24px; 
  font-size: 11px; border: 1px dotted rgb(183,184,185); border-width: 1px 0;}
#mandatory {clear: left; margin: 0 -8px 11px -8px; padding: 0 8px 11px 8px; font-size: 11px; 
  border-bottom: 1px dotted rgb(183,184,185);}

/* Tables
----------------------------------------------------------------------------- */

/* IE6
----------------------------------------------------------------------------- */
* html #user h3 {padding-right: 7px;}
* html #user label span {top: 2px;}
* html .tagline .text h2 *,
* html .tagline .text h3 * {margin-top: -15px;}
* html #main {height: 230px;}
* html #main form {height: 130px;}
* html #nav a {display: inline-block;}
* html ul.langs li {position: relative; width: 23px;}
* html ul.langs a,
* html ul.langs strong {position: absolute; top: 0; left: -1px; width: 16px; margin: 0; text-align: center;}
* html .faq_module h4 {height: 24px;}
* html #ref,
* html #ref li {overflow: hidden;}
* html #ref .ref a:hover,
* html #ref .ref .active a {}
* html #subnav {width: 224px; padding-left: 14px;}
* html .faq #subnav {padding-left: 32px;}
* html h3.dotted {position: relative;}
* html h3.dotted span {position: absolute; top: 0;}
* html h4.next {width: 94px;}
* html h4.next a {width: 58px;}
* html form dl dd {margin-left: 0;}
* html #input_address1, * html #input_address2 {position: relative; left: 100px;}
* html #register_text {height: 224px;}

/* IE7+
----------------------------------------------------------------------------- */
/*:first-child+html #subnav {width: 224px; padding-left: 14px;}*/
*:first-child+html #user label span {top: 2px;}
*:first-child+html form dl dd {margin-left: 0;}
*:first-child+html #input_address1, *:first-child+html #input_address2 {position: relative; left: 97px;}