/**
 * login box
 */
#login-box
{
  background-image:               url(/asset/image/teaser/etat-online.login.jpg);
}

#login-box h2
{
  color:                          #931A1C;
  font-size:                      12px;
  font-weight:                    bold;
}

#login-box-body
{
  background-color:               #F9E3E5;
}

#button-download
{
  bottom:                         30px;
  left:                           30px;
  position:                       absolute;
}

#button-back
{
  bottom:                         30px;
  left:                           315px;
  position:                       absolute;
}


#etat-online-wrapper
{
  overflow:                       hidden;
  padding:                        0px 25px 0px 21px;
  position:                       relative;
  width:                          100%;
}


/**
 * header
 */
#etat-online-header
{
  margin:                         -20px 0px 10px;
  min-height:                     56px;
  overflow:                       hidden;
  width:                          100%;
}

#etat-online-logo
{
  float:                          left;
  margin-left:                    24px;
  margin-top:                     20px;
}

#etat-online-header-banner
{
  position:                       absolute;
  left:                           697px;
  top:                            0px;
}

/**
 * tag cloud
 */
#etat-online-tags
{
  margin:                         0px;
  text-align:                     right;
  width:                          665px;
}

#etat-online-tags a
{
  color:                          #921A1C;
  cursor:                         pointer;
  font-weight:                    bold;
  margin-left:                    10px;
}

a.etat-online-tag-1
{
  font-size:                      10px;
}

a.etat-online-tag-2
{
  font-size:                      13px;
}

a.etat-online-tag-3
{
  font-size:                      16px;
}


/**
 * calculator
 */
#etat-online-calculator-box-wrapper
{
  float:                          left;
  width:                          234px;
}

#etat-online-calculator-box-wrapper p
{
  font-weight:                    bold;
  padding:                        0px 17px 0px 14px;
}

#etat-online-calculator-box
{
  background-image:               url(/img/etat-online/bg.calculator.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-y;
  color:                          white;
}

#etat-online-calculator-header
{
  background-image:               url(/img/etat-online/bg.calculator.header.gif);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  font-weight:                    bold;
  padding:                        12px 17px 7px 14px;
  position:                       relative;
}

#etat-online-icon-help
{
  cursor:                         help;
  position:                       absolute;
  right:                          19px;
  top:                            8px;
}

#etat-online-icon-print
{
  cursor:                         pointer;
  position:                       absolute;
  right:                          19px;
  top:                            8px;
}

.disabled #etat-online-icon-print
{
  cursor:                         default;
}

#etat-online-calculator-footer
{
  background-image:               url(/img/etat-online/bg.calculator.footer.gif);
  background-position:            0px 100%;
  background-repeat:              no-repeat;
  font-weight:                    bold;
  overflow:                       hidden;
  padding:                        5px 17px 15px 14px;
  width:                          203px;
}

#etat-online-calculator-total-label
{
  display:                        block;
  float:                          left;
  width:                          90px;
}

#etat-online-calculator-total-value
{
  display:                        block;
  float:                          left;
}

#etat-online-calculator-box div.hr
{
  background-image:               url(/img/etat-online/hr.calculator.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-x;
  height:                         3px;
  margin:                         0px 17px 0px 14px;
}

#etat-online-calculator-box div.hr hr
{
  display:                        none;
}

#etat-online-calculator-content
{
  font-size:                      11px;
}

/**
 * calculator item
 */
.etat-online-calculator-item
{
  background-image:               url(/img/etat-online/hr.calculator.gif);
  background-position:            0px 100%;
  background-repeat:              repeat-x;
  margin:                         7px 17px 0px 14px;
  padding-bottom:                 10px;
}

.etat-online-calculator-item table
{
  table-layout:                   fixed;
}

.etat-online-calculator-item table *
{
  font-size:                      11px;
}

.etat-online-calculator-item table thead th
{
  font-size:                      12px;
  height:                         22px;
  text-align:                     left;
  vertical-align:                 middle;
}

.etat-online-calculator-item table thead th span
{
  float:                          left;
}

.etat-online-calculator-item table thead th img
{
  cursor:                         pointer;
  float:                          right;
  margin-left:                    5px;
}

.etat-online-calculator-item table tfoot th,
.etat-online-calculator-item table tfoot td
{
  font-size:                      12px;
  font-weight:                    bold;
  padding-top:                    7px;
  text-align:                     left;
  vertical-align:                 middle;
}

.etat-online-calculator-item table tbody th
{
  font-weight:                    normal;
  text-align:                     left;
  vertical-align:                 top;
  width:                          90px;
}

.etat-online-calculator-item table tbody th span
{
  display:                        block;
  overflow:                       hidden;
  width:                          85px;
}

.etat-online-calculator-item table tbody td
{
  vertical-align:                 bottom;
  width:                          110px;
}

.etat-online-calculator-item table tbody td span
{
  display:                        block;
  overflow:                       hidden;
  width:                          110px;
}

.etat-online-calculator-item table tbody td span.etat-online-calculator-total,
.etat-online-calculator-item table tbody td span.service-fee-total
{
  display:                        inline;
  width:                          auto;
}


/**
 * welcome
 */
#etat-online-welcome-column
{
  float:                          left;
  font-size:                      11px;
  padding:                        0px 0px 0px 40px;
  width:                          483px;
}

#etat-online-welcome
{
  width:                          483px;
}

#etat-online-welcome p:first-child
{
  margin-top:                     0px;
}

div.etat-online-welcome-boxes
{
  overflow:                       hidden;
  width:                          100%;
}

p.etat-online-welcome-box
{
  float:                          left;
  margin-right:                   30px;
  width:                          141px;
}

p.etat-online-welcome-box.last
{
  margin-right:                   0px;
}

p.etat-online-welcome-box img
{
  margin-bottom:                  5px;
}


/**
 * selector
 */
#etat-online-selector-column
{
  float:                          left;
  margin-left:                    -9px;
  width:                          430px;
}

#etat-online-selector-wrapper
{
  background-image:               none;
  background-position:            13px 0px;
  background-repeat:              repeat-y;
  overflow:                       hidden;
  position:                       relative;
  width:                          430px;
}

.show-arrow#etat-online-selector-wrapper
{
  background-image:               url(/img/etat-online/arrow.pole.gif);
}

#etat-online-selector-box
{
  background-image:               url(/img/etat-online/bg.selector.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-y;
  margin-left:                    34px;
  width:                          396px;
}

#etat-online-selector-header
{
  background-color:               #921A1C;
  background-image:               url(/img/etat-online/bg.selector.header.gif);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  color:                          white;
  font-weight:                    bold;
  padding:                        12px 25px 7px 19px;
}

#etat-online-selector-footer
{
  background-image:               url(/img/etat-online/bg.selector.footer.gif);
  background-position:            0px 100%;
  background-repeat:              no-repeat;
  height:                         11px;
}

#etat-online-selector-box div.hr
{
  background-image:               url(/img/etat-online/hr.selector.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-x;
  height:                         3px;
  margin:                         0px 20px 2px 19px;
}

#etat-online-selector-box div.hr hr
{
  display:                        none;
}

table.etat-online-selector-content,
.etat-online-content
{
  margin:                         5px 19px;
}

table.etat-online-selector-content *,
.etat-online-content *
{
  font-size:                      11px;
}

.etat-online-content p,
.etat-online-content table
{
  margin:                         10px 0px 0px;
}

#etat-online-selector-box .etat-online-content div.hr
{
  margin:                         10px 0px;
}


/**
 * selector tables
 */
table.etat-online-selector th,
table.etat-online-selector td
{
  padding:                        2px 0px;
  font-weight:                    normal;
  vertical-align:                 top;
}

table.etat-online-selector th
{
  text-align:                     left;
  width:                          116px;
}

table.etat-online-selector td.etat-online-selector
{
  padding:                        0px;
  vertical-align:                 middle;
}

table.etat-online-selector select
{
  width:                          241px;
}

table#etat-online-selector-module th
{
  font-weight:                    bold;
}

table#etat-online-selector-module td
{
  padding:                        0px;
}

#etat-online-selector-total th,
#etat-online-selector-total td
{
  background-image:               url(/img/etat-online/hr.selector.gif);
  background-position:            0px 4px;
  background-repeat:              repeat-x;
  color:                          #921A1C;
  padding-top:                    9px;
  padding-bottom:                 0px;
  font-size:                      13px;
  font-weight:                    bold;
  text-align:                     left;
}

#subcategory-selector #subcategory
{
  width:                          100%;
}


/**
 * fee price calculator
 */

table.etat-online-fee-calculator
{
  width:                          100%;
}

table.etat-online-fee-calculator thead th
{
  border-bottom:                  #999999 solid 1px;
  padding:                        2px 0px 2px 5px;
  text-align:                     right;
  vertical-align:                 bottom;
}

table.etat-online-fee-calculator thead th.left
{
  padding:                        2px 5px 2px 0px;
  text-align:                     left;
}

table.etat-online-fee-calculator tbody th
{
  font-weight:                    normal;
  padding:                        2px 0px;
  text-align:                     left;
  vertical-align:                 bottom;
}

table.etat-online-fee-calculator tbody#service-fee-row th,
table.etat-online-fee-calculator tbody#service-fee-row td
{
  padding:                        20px 0px 2px;
}

table.etat-online-fee-calculator td.etat-online-fee-calculator-input
{
  text-align:                     right;
  padding:                        2px 0px 2px 20px;
}

table.etat-online-fee-calculator td.etat-online-fee-calculator-input input
{
  text-align:                     right;
  width:                          25px;
}

table.etat-online-fee-calculator td.etat-online-fee-calculator-subtotal
{
  width:                          64px;
}

table.etat-online-fee-calculator td.etat-online-fee-calculator-input input#service-fee,
table.etat-online-fee-calculator td.etat-online-fee-calculator-subtotal input
{
  text-align:                     right;
  width:                          38px;
}

table.etat-online-fee-calculator th.etat-online-fee-calculator-subtotal,
table.etat-online-fee-calculator td.etat-online-fee-calculator-subtotal,
table.etat-online-fee-calculator #etat-online-selector-total-amount,
table.etat-online-own-expenses #etat-online-selector-total-amount
{
  text-align:                     right;
}


/**
 * fee price list
 */
table.etat-online-fee-pricelist
{
  width:                          100%;
}

table.etat-online-fee-pricelist thead th
{
  border-bottom:                  #999999 solid 1px;
  padding:                        2px 0px;
  text-align:                     right;
  vertical-align:                 baseline;
}

table.etat-online-fee-pricelist tfoot th
{
  border-top:                     #999999 solid 1px;
  padding:                        2px 0px;
  text-align:                     left;
  vertical-align:                 baseline;
}

table.etat-online-fee-pricelist tfoot td
{
  border-top:                     #999999 solid 1px;
}

table.etat-online-fee-pricelist tbody th
{
  font-weight:                    normal;
  padding:                        2px 0px;
  text-align:                     left;
  vertical-align:                 baseline;
}

table.etat-online-fee-pricelist td
{
  padding:                        2px 0px 2px 20px;
  text-align:                     right;
  vertical-align:                 baseline;
  white-space:                    nowrap;
}


/**
 * fee price example
 */

table.etat-online-fee-example
{
  width:                          100%;
}

table.etat-online-fee-example th
{
  font-weight:                    normal;
  padding:                        2px 0px;
  text-align:                     left;
  vertical-align:                 baseline;
}

table.etat-online-fee-example td
{
  padding:                        2px 0px 2px 20px;
  text-align:                     right;
  vertical-align:                 baseline;
  white-space:                    nowrap;
}


/**
 * own expenses
 */
table.etat-online-own-expenses
{
}

table.etat-online-own-expenses tbody th
{
  font-weight:                    normal;
  text-align:                     left;
  width:                          300px;
}

table.etat-online-own-expenses tbody th input
{
  width:                          288px;
}

table.etat-online-own-expenses tbody td
{
  text-align:                     right;
  width:                          54px;
}

table.etat-online-own-expenses tbody td input
{
  text-align:                     right;
  width:                          50px;
}


/**
 * arrow
 */
#etat-online-arrow
{
  display:                        none;
}

#etat-online-arrow-head
{
  left:                           0px;
  position:                       absolute;
  top:                            0px;
}

#etat-online-arrow-base
{
  bottom:                         0px;
  left:                           13px;
  position:                       absolute;
}

#etat-online-icon-plus
{
  cursor:                         pointer;
  left:                           28px;
  position:                       absolute;
  bottom:                         13px;
}


/**
 * selector news
 */
#etat-online-news-box
{
  background-image:               url(/img/etat-online/bg.news.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-y;
  margin-top:                     10px;
  margin-left:                    34px;
  width:                          396px;
}

#etat-online-news-header
{
  background-color:               #921A1C;
  background-image:               url(/img/etat-online/bg.news.header.gif);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  color:                          white;
  font-weight:                    bold;
  padding:                        12px 25px 7px 19px;
}

#etat-online-news-footer
{
  background-image:               url(/img/etat-online/bg.news.footer.gif);
  background-position:            0px 100%;
  background-repeat:              no-repeat;
  height:                         11px;
}




/**
 * selector banner
 */
#etat-online-selector-banner
{
  margin:                         20px 0px 0px 39px;
}


/**
 * info column
 */
#etat-online-info-column
{
  float:                          left;
  font-size:                      11px;
  padding:                        12px 0px 0px 21px;
  width:                          280px;
}

#etat-online-info-column h2
{
  font-size:                      13px;
  font-weight:                    bold;
  margin:                         0px;
}

#etat-online-info-box
{
  position:                       relative;
}

#etat-online-search-result-box
{
  display:                        none;
  position:                       relative;
}

#etat-online-glossary-box,
#etat-online-cost-overview-box
{
  background-image:               url(/img/etat-online/hr.selector.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-x;
  display:                        none;
  padding:                        10px 0px;
}

#etat-online-cost-overview-heading
{
  overflow:                       hidden;
  width:                          100%;
}

#etat-online-cost-overview-heading h2
{
  display:                        inline;
}

#etat-online-cost-overview-heading a
{
  font-size:                      11px;
  font-weight:                    bold;
  margin-left:                    10px;
}


/**
 * search
 */
#etat-online-search-box
{
  display:                        none;
  position:                       absolute;
  right:                          0px;
  top:                            0px;
}

#etat-online-search-keyword
{
  border:                         #999999 solid 1px;
  float:                          left;
  font-size:                      11px;
  height:                         16px;
  margin-left:                    13px;
  padding:                        0px;
  width:                          120px;
}


/**
 * search result
 */
#etat-online-search-result-close
{
  color:                          #0033FF;
  cursor:                         pointer;
  position:                       absolute;
  right:                          0px;
  top:                            0px;
}

#etat-online-search-result-box
{
  overflow:                       hidden;
  width:                          100%;
}

#etat-online-search-result-content p
{
  margin-top:                     0px;
}

#etat-online-search-result-content ul
{
  list-style-type:                none;
  margin:                         5px 0px 0px;
  padding:                        0px;
}

#etat-online-search-result-content ul li
{
  margin:                         0px 0px 7px;
  padding:                        0px;
}

#etat-online-search-result-content ul li span,
#etat-online-search-result-prev,
#etat-online-search-result-next
{
  color:                          #0033FF;
  cursor:                         pointer;
}

#etat-online-search-result-prev
{
  float:                          left;
}

#etat-online-search-result-next
{
  float:                          right;
}


/**
 * glossary
 */
#etat-online-glossary-content dl
{
  margin:                         0px;
}

#etat-online-glossary-content dd .glossary
{
  color:                          #0033FF;
  cursor:                         pointer;
}

#etat-online-cost-overview-content ul li
{
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
}

#etat-online-cost-overview-content ul li.clickable
{
  color:                          #0033FF;
  cursor:                         pointer;
}


/**
 * modal window
 */
#etat-online-modal-window
{
  background:                     white;
  font-size:                      11px;
  left:                           285px;
  margin:                         10px;
  position:                       absolute;
  top:                            100px;
  z-index:                        1001;
}

.etat-online-glossary-window
{
  width:                          500px;
}

#etat-online-modal-window-head
{
  padding:                        7px 15px;
  overflow:                       hidden;
}

#etat-online-modal-window-head h2
{
  float:                          left;
  font-size:                      15px;
  font-weight:                    bold;
  margin:                         0px;
  width:                          300px;
}

#etat-online-modal-window-head span
{
  color:                          #0033FF;
  cursor:                         pointer;
  float:                          right;

}

#etat-online-modal-window-body
{
  background:                     #E8E8E8;
  padding:                        7px 15px;
}


#overlay
{
  background:                     white;
  height:                         100%;
  left:                           0px;
  opacity:                        .9;
  position:                       absolute;
  top:                            0px;
  width:                          100%;
  z-index:                        1000;
}

.etat-online-cost-overview
{
  width:                          100%
}

.etat-online-cost-overview thead th
{
  padding:                        2px 5px;
  text-align:                     left;
  vertical-align:                 bottom;
}

.etat-online-cost-overview tbody th
{
  padding:                        2px 5px;
  text-align:                     left;
  vertical-align:                 baseline;
}

.etat-online-cost-overview tbody th.block-heading
{
  font-size:                      12px;
  padding-top:                    20px
}

.etat-online-cost-overview th.right
{
  text-align:                     right;
}
.etat-online-cost-overview th.center
{
  text-align:                     center;
}

.etat-online-cost-overview th.left
{
  text-align:                     left;
}

.etat-online-cost-overview td
{
  padding:                        2px 5px;
  text-align:                     right;
  vertical-align:                 baseline;
}

.etat-online-cost-overview td.center
{
  text-align:                     center;
}

.etat-online-cost-overview tr.odd td,
.etat-online-cost-overview tr.odd th
{
  background:                     #EAAAAA;
}

.etat-online-cost-overview tr.even td,
.etat-online-cost-overview tr.even th
{
  background:                     #FAC8C8;
}

.etat-online-cost-overview tr.even2 td,
.etat-online-cost-overview tr.even2 th
{
  background:                     #C6E0F9;
}

.etat-online-cost-overview tr.odd2 td,
.etat-online-cost-overview tr.odd2 th
{
  background:                     #C3F2F2;
}


/**
 * disabled
 */
.disabled#etat-online-calculator-box,
.disabled#etat-online-icon-plus
{
  cursor:                         default;
  opacity:                        .7;
}

.show-arrow.disabled#etat-online-selector-wrapper
{
  background-image:               url(/img/etat-online/arrow.pole.disabled.gif);
}


/**
 * helper
 */
#etat-online-helper-column
{
  float:                          left;
  margin-left:                    31px;
  width:                          500px;
}

#etat-online-helper-header
{
  overflow:                       hidden;
  width:                          500px;
}

#etat-online-helper-header h2
{
  float:                          left;
  font-size:                      14px;
  font-weight:                    bold;
  margin:                         5px 15px 10px;
}

#etat-online-helper-back-button
{
  float:                          right;
  margin:                         5px 15px 10px;
}

#etat-online-helper-box
{
  background-color:               #E8E8E8;
  padding:                        15px;
}