html
{
  height: 100%;
}

body
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  margin: 0px 0px 0px 0px;
  height: 100%;
}

body.mainsite
{
  background-color: #929aad;
}

body.inner
{
  background-color: #f2f2f2;
}

body.buch_zeile
{
  font-family: Tahoma, Arial;
  background-color: #FFFFFF;
  font-size: 11px;
  margin: 0px 0px 0px 0px;
}

body.liste
{
  background-color: white;
}

body.webservice_description
{
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  overflow-y: hidden;
  font-size: 13px;
}
body.webservice_description a
{
  color: blue;
  text-decoration: underline;
  font-weight: normal;
}
body.webservice_description div.dialog_top a
{
  color: white;
  text-decoration: underline;
  font-weight: normal;
}


form
{
  display: inline;
  margin: 0;
}

h1
{
  font-size: 20px;
  font-weight: bold;
}

h2
{
  font-size: 18px;
  font-weight: bold;
}

div#mbar
{

}

/* ****************** DIALOG *****************/
body.dialog
{
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  overflow-y: hidden;
}

div.button_bar
{
  width: 100%;
  height: 38px;
  background-color: #DDDDDD;
}

div.button_bar div._lbutton
{
  float: left;
  margin: 6px 0px 6px 8px;
  background-color: inherit;
}

div.button_bar div._rbutton
{
  float: right;
  margin: 6px 8px 6px 0px;
  background-color: inherit;
}



/* NEED THIS FOR WEBSERICE DESCRIPTION */
body.webservice_description div.dialog_top
{
  position: absolute;
  height: 44px;
  top: 0px;
  width: 100%;
  background-image: url('../images/grad_header.jpg');
  background-repeat: repeat-y;
  filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=1, StartColorStr='#3154AE', EndColorStr='#d0d8eb' );
  overflow: hidden;
}

body.webservice_description div.task_title, div.intro_content, div.button_bar
{
  text-align: left;
  font-family: Arial, Tahoma;
  color: white;
}

body.webservice_description div.task_title
{
  font-size: 21px;
  vertical-align: bottom;
  height: 24px;
  padding-left: 5px;
}

body.webservice_description div.intro_content
{
  font-size: 11px;
  vertical-align: top;
  height: 20px;
  padding-left: 5px;
}

body.webservice_description div.content_div
{
  position: absolute;
  top: 44px;
  bottom: 44px;
  height: auto;
  vertical-align: top;
  text-align: left;
  left: 0;
  right: 0;
  width: auto;
  overflow: auto;
  background-color: #EDEFFF;
}

body.webservice_description div.button_bar
{
  height: 44px;
  vertical-align: middle;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  position: absolute;
  background-color: #3154AE;
  overflow: hidden;
}

body.webservice_description div.button_bar table
{
  vertical-align: middle;
  background-color: inherit;
  width: 100%;
  height: 100%;
}

body.webservice_description div.button_bar table td.help
{
  background-color: inherit;
  padding-left: 20px;
  padding-right: 20px;
  width: 50px;
}

body.webservice_description div.button_bar table td.other
{
  background-color: inherit;
  padding-left: 20px;
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
  width: 50px;
}
/* ****************** /DIALOG ****************/

a:link
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
a:visited
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  color: #000000;
  text-decoration: none;
}
a:active
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  color: #000000;
  text-decoration: none;
}

a:hover
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  color: #000000;
  text-decoration: none;
}

a.nodeco:link
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
a.nodeco:visited
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
a.nodeco:active
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

a.bluelink, a.bluelink:visited, a.bluelink:link, a.bluelink:hover
{
  color: #0000EE;
  font-weight: normal;
}

td.shortcut_l, td.shortcut_h, td.shortcut_a
{
  font-family: Tahoma, Arial;
  border: 2px solid #CCCCC0;
  text-align: center;
  font-size: 11px;
  width: 75px;
}

img
{
  border: none;
}

table
{
  font-family: Tahoma, Arial;
  font-size: 11px;
}

table.block
{
  border: 0px solid #757575;
}

select
{
  border-bottom: #000000 1px solid;
  border-left: #000000 1px solid;
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  font-family: Tahoma, Arial;
  font-size: 11px;
  background-color: #FFFFFF;
  color: #000000;
}

select[disabled]
{
  border: 1px solid black;
  font-family: Tahoma, Arial;
  font-size: 11px;
  background-color: #D0D0D0;
  color: #606060;
}


/* Don't change the button classes, esp. do not merge the
 * .btn and .btn[disabled] declarations, as IE 6.0.3790.x
 * completely throws out the declarations otherwise. */
button
{
  border: 1px solid #094379;
  color:#000000;
  font-size:11px;
  font-family: Tahoma, Arial;
  font-weight:normal;
  height: 22px;
  background:url(../images/button/btn_bg_ie.gif);
  background-repeat: repeat-x;
  margin: 0px 1px 0px 0px;
}

.btn, .btn2, .btn_xl, .btn_xxl, .btn_s, .btn_xxs, .btn_xs
{
  color:#000000;
  font-size:11px;
  font-family: Tahoma, Arial;
  font-weight:normal;
  border:none;
  width:115px;
  height:22px;
  background:url(../images/button/btn_bg.gif);
}

.btn_xxl
{
  width:175px;
  background:url(../images/button/btn_bg_xxl.gif);
}

.btn_xl
{
  width:155px;
  background:url(../images/button/btn_bg_xl.gif);
}

.btn_s
{
  width:85px;
  background:url(../images/button/btn_bg_s.gif);
}

.btn_xs
{
  width:50px;
  background:url(../images/button/btn_bg_xs.gif);
}

.btn_xxs
{
  width:30px;
  background:url(../images/button/btn_bg_xxs.gif);
}

.btn_xxs[disabled], .btn_xs[disabled], .btn_s[disabled], .btn[disabled], .btn_xl[disabled], .btn_xxl[disabled], .btn2[disabled]
{
  color: #999999;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

img.fixr
{
  margin-bottom: -3pt;
  margin-left: 3pt;
}

img.fixl
{
  margin-left: -10pt;
  margin-bottom: -3pt;
  margin-right: 2pt;
}

img.center
{
  /* no style info here by intention */
}

img.link
{
  margin-bottom: -3pt;
}


input
{
  font-family: Verdana, Helvetica, Arial;
  font-size: 100%;
  color: #000000;
}

input[type="checkbox"]
{
  margin: 2px;
  border: none;
}


h3
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  font-weight: normal;
}


.n, .n_hl, .n_sel
{
  background-color: #FFFFFF;
  color: black;
  font-weight: normal;
}

.ns, .ns_hl, .ns_sel
{
  background-color: #FFFFFF;
  color: #7F0000;
  font-weight: normal;
}

.nv, .nv_hl, .nv_sel
{
  background-color: #FFFFFF;
  color: #4F4F4F;
  font-weight: normal;
}

.nvs, .nvs_hl, .nvs_sel
{
  background-color: #FFFFFF;
  color: #bc0000;
  font-weight: normal;
}

.h, .h_hl, .h_sel
{
  background-color: #F0F0F0;
  color: black;
  font-weight: normal;
}

.hs, .hs_hl, .hs_sel
{
  background-color: #F0F0F0;
  color: #7F0000;
  font-weight: normal;
}

.hv, .hv_hl, .hv_sel
{
  background-color: #F0F0F0;
  color: #4F4F4F;
  font-weight: normal;
}

.hvs, .hvs_hl, .hvs_sel
{
  background-color: #F0F0F0;
  color: #bc0000;
  font-weight: normal;
}

.n_hl, .ns_hl, .nv_hl, .nvs_hl,
.h_hl, .hs_hl, .hv_hl, .hvs_hl
{
  background-color: #CCCCCC;
  cursor: pointer;
}

.n_sel, .ns_sel, .nv_sel, .nvs_sel,
.h_sel, .hs_sel, .hv_sel, .hvs_sel
{
  background-color: #c1b5de;
}


.hl
{
  background-color: #CCCCCC;
  cursor: pointer;
}

.sel, .sel td
{
  background-color: #c1b5de;
}

.m
{
  background-color: green;
  color: blue;
  font-weight: normal;
}

.mi
{
  background-color: red;
  color: blue;
  font-weight: normal;
}


.cap, .cap_dis, .capr, .capr_dis, .lcap, .lcap_dis
{
  text-decoration: none;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-size: 11px;
}

.cap_dis, .capr_dis
{
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-size: 11px;
  color: #DDDDDD;
}

.capr, .capr_dis
{
  text-align: right;
  padding-right: 5px;
}

.lcap, .lcap_dis
{
  font-size: 12px;
  font-weight: normal;
}

.lcap_dis
{
  color: #DDDDDD;
}


.txt, .txti, .txtb, .txts
{
  font-family: Tahoma, Arial;
  font-size: 11px;
  border: 1px solid #929aad;
  color: #000000;
  margin: 1px 0px 1px 0px;
}

.txtr
{
  border: 1px solid #929aad;
  background-color: #F0F0F0;
  color: #444444;
}

.txti
{
  background-color: #e6e8f4;
}

.txtb
{
  background-color: #d2d3db;
  border: 1px solid #0000AA;
}

.txts
{
  background-color: #FFFFFF;
  font-size: 8px;
}

.txt[disabled], .txtr[disabled], .txti[disabled], .txtb[disabled], .txts[disabled]
{
  border: #929aad 1px solid;
  font-family: Tahoma, Arial;
  font-size: 11px;
  background-color: #D0D0D0;
  color: #606060;
}

.txti[disabled]
{
  background-color: #d2d3db;
}

.txts[disabled]
{
  font-size: 8px;
}

.txt_dashed
{
  border: 1px dashed gray;
  font-size: 9px;
  color: #C0C0C0;
}

input.active, select.active
{
  border: 1px solid red;
}



/* ********************************** Buchhaltung **************************** */
iframe.buch_liste
{
  width: 800px;
  height: 350px;
  border: none;
  border-left: 1px solid #757575;
  border-right: 1px solid #757575;
}

iframe.buch_zeile
{
  width: 800px;
  height: 120px;
  border: 1px solid #757575;
  border-top: none;
}

/* Ersetzen / Split */
table.buch_zeile_split
{
  width: 100%;
  border: none;
  border: 1px solid #757575;
  border-top: none;
  empty-cells: show;
}

table.sum_line, table.buch_buttons
{
  width: 100%;
/*  width: 800px; */
  border: 1px solid #757575;
}

table.around_buch_liste td.listbtn
{
  padding-right: 5px;
}

table.buch_zeile
{
  empty-cells: show;
}

table.buch_zeile td, table.buch_zeile_split td
{
/*  border-right: 1px dashed #7F7F7F; */
  padding: 2px 2px 3px 2px;
}

table.eg_stkey
{
  padding-left: 10px;
}

table.eg_stkey td
{
  padding: 0px 0px 0px 0px;
}

table.buch_zeile td.gegkonto, table.buch_zeile td.konto, table.buch_zeile_split td.gegkonto, table.buch_zeile_split td.konto
{
  border-top: 1px dashed #7F7F7F;
  border-left: 1px dashed #7F7F7F;
  border-right: 1px dashed #7F7F7F;
}

table.around_buch_liste td.listbtn
{
  padding-right: 5px;
}

table.buch_zeile td.ktoname, table.buch_zeile_split td.ktoname,
table.buch_zeile td.ktoname_s, table.buch_zeile_split td.ktoname_s
{
  border-left: 1px dashed #7F7F7F;
  border-right: 1px dashed #7F7F7F;
  border-bottom: 1px dashed #7F7F7F;
  font-weight: normal;
  vertical-align: top;
}

table.buch_zeile td.ktoname, table.buch_zeile_split td.ktoname
{
  height: 30px;
  overflow: hidden;
  padding: 0;
  padding-right: 5px;
  vertical-align: top;
}

table.buch_zeile tr.lines, table.buch_zeile tr.lines td
{
  padding: 0;
  margin: 0;
}

table.buch_zeile td.aktonamel, table.buch_zeile td.aktonamer, table.buch_zeile td.aktoname,
table.buch_zeile_split td.aktonamel, table.buch_zeile_split td.aktonamer, table.buch_zeile_split td.aktoname
{
  border-top: 1px dashed #7F7F7F;
}

table.buch_zeile td.aktonamel, table.buch_zeile_split td.aktonamel
{
  border-left: 1px dashed #7F7F7F;
}

table.buch_zeile td.aktonamer, table.buch_zeile_split td.aktonamer
{
  border-right: 1px dashed #7F7F7F;
}

table.buch_zeile td.aktonamesr, table.buch_zeile_split td.aktonamesr
{
  border-right: 1px dashed #7F7F7F;
}


table.bch_liste thead tr
{
  background-image:url('../images/th_grad.gif');
}

table.bch_liste tbody td
{
  border-right: 1px solid #C0C0C0;
  empty-cells: show;
  vertical-align: top;
}

table.bch_liste tbody td.spacer
{
  border: none;
}

table.bank_row
{
  border: 1px dotted black;
}
table.bank_row tbody td
{
  border-right: none;
  empty-cells: show;
}


/* **** KostDistTable **** */
.kost_VERTEILT
{
/*  background:url(../images/button/ok.gif) no-repeat center center; */
  background-color: #c7ffc7;
  text-align: center;
}
.kost_NICHT_VERTEILT
{
  background-color: #ffc7c7;
}
/* **** /KostDistTable *** */

/* ********************************** /Buchhaltung *************************** */


/* **********************************   KB   ********************************* */
table.kb_zeile
{
  width: 100%;
  height: 155px;
  border: none;
  border: 1px solid #757575;
  border-top: none;
  empty-cells: show;
}

table.kb_buttons
{
  width: 98%;
/*  width: 800px; */
  border: 1px solid #757575;
}
/* ********************************** END KB ********************************* */

/* ********************************** DocOrg ********************************* */
div.doc_certs_list, div.doc_certs_fill
{
  position: absolute;
  overflow: auto;
  z-index: 0;
  width: 450px;
  height: 405px;
  left: 0px;
  top: 0px;
  background-color: #FFFFFF;
}
div.doc_certs_fill
{
  position: absolute;
  z-index: 0;
  width: 199px;
  height: 405px;
  left: 450px;
  top: 0px;
  border-left: 1px solid #AAAAAA;
  background-color: #F7F7F7;
}


div.doc_emblems
{
  background-color: #AAAAAA;
}

textarea.doc_notes
{
  border: 1px solid #000000;
  font-family: Tahoma, Arial;
  font-size: 11px;
  color: #000000;
}

img.docorg-dir,
img.docorg-file {
  width: 16px;
  height: 16px;
  margin: -2px 4px -2px 0px;
}

img.docorg-dir {
  background: url(images/default/tree/folder.gif) no-repeat center center;
}

/* ********************************** END DocOrg ***************************** */

/* ********************************** Calendar ******************************* */
table.calendar
{
  text-align: center;
}

th.month
{
  background-color: #E0E0E0;
}

td.prev-month
{
  text-align: left;
  padding-top: 4px;
  padding-bottom: 4px;
}

td.next-month
{
  text-align: right;
  padding-top: 4px;
  padding-bottom: 4px;
}

th.day-of-week
{
  font-size: 8pt;
}

td.selected-day
{
  background-color: #FFFFFF;
}

td.day
{
  background-color: #E0E0E0;
  width: 30px;
}

td.today
{
  background-color: #E0E0E0;
  font-weight: bold;
  font-size: 13px;
}

td.day a, td.today a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
/* ********************************** END Calendar *************************** */

/* ********************************** Faktura ******************************** */
table.artikel_liste td, table.mahn_liste td
{
  padding: 2px;
/*  padding: 3px 2px 3px 2px; */
/*  font-size: 10px; */
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
/*  text-align: center; */
}

td.sel_bill input
{
  margin-top: -2px;
  margin-bottom: -2px;
}

table.belegliste tbody tr td img
{
  margin-top: -1px;
  margin-bottom: -1px;
}

td.first
{
  border-right: none;
}

tr.striken td, tr.striken td a
{
  color: #AA0000;
  text-decoration: line-through;
}

div.striken .x-grid3-cell-inner
{
  color: #AA0000;
  text-decoration: line-through;
}

div.gray .x-grid3-cell-inner
{
  color: #AAAAAA;
}

div.red .x-grid3-cell-inner
{
    color: #AA0000;
}

div.green .x-grid3-cell-inner
{
    color: #00AA00;
}

div.not-effective .x-grid3-cell-inner
{
  color: #00AA00;
  text-decoration: overline;
}


tr.hidden
{
  display: none;
}

table.article_list tr.bordered td
{
  padding: 3px 2px 3px 2px;
  font-size: 10px;
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  text-align: center;
}

table.artikel_liste td.invisible, table.mahn_liste td.invisible
{
  border-bottom: none;
  border-right: none;
}

table.article_list tr.heading td, table.artikel_liste tr.heading td, table.mahn_liste tr.heading td
{
  background-color: #AAAAAA;
  font-weight: bold;
  padding: 2px 3px 2px 3px;
  background-image: url(../images/th_grad.gif);
}
table.artikel_liste tr.heading td, table.mahn_liste tr.heading td
{
  text-align: center;
}

table.static
{
  table-layout: fixed;
/*  border-collapse: collapse; */
}
table.static tr td
{
  overflow: hidden;
  white-space: nowrap;
/* height: 20px; */
  text-align: left;
}

table.article_list tr.add_button td, table.artikel_liste tr.add_button td
{
  padding: 3px 2px 3px 2px;
  border-bottom: none;
  border-right: none;
}

table.article_list tr.art_new_edit td, table.artikel_liste tr.art_new_edit td
{
  padding: 1px 2px 0px 2px;
  border-color: #9A0000;
  border-top: 1px solid #9A0000;
}
table.article_list tr.art_new_edit td input, table.artikel_liste tr.art_new_edit td input
{
  font-size: 10px;
}
table.article_list tr.art_new_edit td.preis input, table.article_list tr.art_new_edit td.gesamt, table.artikel_liste tr.art_new_edit td.preis input, table.artikel_liste tr.art_new_edit td.gesamt
{
  text-align: right;
}

table.artikel_liste td.add_article_details
{
  border: none;
  padding: 0px 0px 0px 0px;
}

table.article_list tr.add_article_buttons td.add_article_buttons, table.artikel_liste tr.add_article_buttons td.add_article_buttons
{
  padding: 3px 2px 3px 2px;
  background-color: #AAAAAA;
}

table.add_button
{
  border: 1px dashed #AAAAAA;
}

table.artikel_details td
{
  font-size: 10px;
  text-align: left;
  border-right: none;
  border-bottom: none;
}

table.artikel_details td.toggle a.nodeco
{
  font-size: 10px;
  text-align: left;
}

table.artikel_detail_liste td
{
  border-right: 1px dashed #AAAAAA;
  border-bottom: 1px dashed #AAAAAA;
  padding: 1px 2px 1px 2px;
  width: 75px;
}

table.artikel_detail_liste td.cap
{
  border-left: 1px dashed #AAAAAA;
  width: 125px;
}

table.artikel_detail_liste td.heading
{
  color: #0000EE;
  border-right: none;
}



table.article_list td .txts, table.artikel_liste td .txts
{
  font-size: 9px;
  border: none;
  text-align: left;
  width: 100%;
}

table.article_list td .txts_r, table.artikel_liste td .txts_r
{
  font-size: 9px;
  border: none;
  text-align: right;
  width: 100%;
}

table.article_list td select, table.artikel_liste td select
{
  font-size: 9px;
  border: none;
  text-align: left;
  width: 100%;
}

table.article_list tbody td
{
  padding: 0px 3px 0px 3px;
  border-bottom: 1px solid #AAAAAA;
  height: 18px;
}
table.article_list td.pos
{
  width: 4%;
  text-align: center;
}
table.article_list td.move
{
  width: 5%;
  text-align: center;
  padding: 0;
}
table.article_list td.art_nr
{
  width: 16%;
  text-align: left;
}
table.article_list td.art_name
{
  width: 32%;
  text-align: left;
}
table.article_list td.e_preis
{
  width: 10%;
  text-align: right;
}
table.article_list td.e_preis_bn
{
  width: 3%;
  text-align: left;
}
table.article_list td.menge
{
  width: 10%;
  text-align: right;
}
table.article_list td.mwst
{
  width: 9%;
  text-align: center;
}
table.article_list td.g_preis
{
  width: 11%;
  text-align: right;
}

table.article_list td.beleg_nr
{
  width: 35%;
  text-align: left;
}
table.article_list td.datum
{
  width: 15%;
  text-align: center;
}
table.article_list td.mahnst
{
  width: 15%;
  text-align: right;
}
table.article_list td.g_betrag
{
  width: 20%;
  text-align: right;
}



table.mahn_liste tr.cust td
{
  border-top: 1px dashed #AAAAAA;
}


span.tab_font_small
{
  font-weight: normal;
  font-size: 10px;
}


.li_billed_ERROR
{
  background:url(../images/menu/prio-high.gif) no-repeat center center;
}
.li_billed_NO
{
  background:url(../images/banking/ball_red.gif) no-repeat center center;

}
.li_billed_PARTLY
{
  background:url(../images/banking/ball_yellow.gif) no-repeat center center;
}
.li_billed_FULL
{
  background:url(../images/banking/ball_green.gif) no-repeat center center;
}



.dropship_small_NO
{
#  background:url(../images/menu/newfakt/dropship_no_small.gif) no-repeat center center;
}
.dropship_small_PARTLY
{
  background:url(../images/menu/newfakt/dropship_partial_small.gif) no-repeat center center;
}
.dropship_small_FULL
{
  background:url(../images/menu/newfakt/dropship_complete_small.gif) no-repeat center center;
}


.dropship_NO
{
#  background:url(../images/menu/newfakt/dropship_no.gif) no-repeat center center;
}
.dropship_PARTLY
{
  background:url(../images/menu/newfakt/dropship_partial.gif) no-repeat center center;
}
.dropship_FULL
{
  background:url(../images/menu/newfakt/dropship_complete.gif) no-repeat center center;
}


.lager_small_NO
{
  background:url(../images/banking/ball_red_small.gif) no-repeat center center;

}
.lager_small_PARTLY
{
  background:url(../images/banking/ball_yellow_small.gif) no-repeat center center;
}
.lager_small_FULL
{
  background:url(../images/banking/ball_green_small.gif) no-repeat center center;
}


.lager_ERROR
{
  background:url(../images/menu/prio-high.gif) no-repeat center center;
}
.lager_NO
{
  background:url(../images/banking/ball_red.gif) no-repeat center center;

}
.lager_PARTLY
{
  background:url(../images/banking/ball_yellow.gif) no-repeat center center;
}
.lager_PARTLY *
{
  /* Lieferquote % */
  font-weight: bold;
}
.lager_FULL
{
  background:url(../images/banking/ball_green.gif) no-repeat center center;
}
.lager_OPENLI
{
  background:url(../images/menu/newfakt/karton-offen.gif) no-repeat center center;
}
.lager_PRINT-PICKLIST
{
  background:url(../images/menu/newfakt/print_picklist.gif) no-repeat center center;
}
.lager_CONFIRM-PICKLIST
{
  background:url(../images/menu/newfakt/confirm_picklist.gif) no-repeat center center;
}
.lager_PRINT-LI
{
  background:url(../images/button/file-print.gif) no-repeat center center;
}
.lager_GENERATED
{
  background:url(../images/newfakt/generated.gif) no-repeat center center;
}
.lager_LOADED
{
  background:url(../images/newfakt/loaded.gif) no-repeat center center;
}
.lager_OPEND
{
  background:url(../images/newfakt/opened.gif) no-repeat center center;
}
.lager_PICKED
{
  background:url(../images/newfakt/picked.gif) no-repeat center center;
}
.lager_AUTO-PRINT-PICKLIST
{
  background:url(../images/newfakt/auto_print_picklist.gif) no-repeat center center;
}


.lager-tree .lagergroup .x-tree-node-icon{background-image:url(../images/menu/newfakt/lagergroups.gif);}
.lager-tree .lager .x-tree-node-icon{background-image:url(../images/menu/newfakt/lager.gif);}
.lager-tree .x-tree-node .x-tree-node-inline-icon{background:transparent;}


/* ********************************** END Faktura **************************** */

/* ********************************** Kostenrechnung ************************* */
table.kost_dist_liste td
{
  padding: 1px 3px 1px 3px;
  font-size: 10px;
  border-right: 1px dashed #AAAAAA;
  border-bottom: 1px dashed #AAAAAA;
  text-align: center;
  width: 80px;
  height: 35px;
  min-width: 80px;
}

table.kost_dist_liste td.descr, table.kost_dist_liste td.descr_top
{
  font-weight: bold;
  padding: 1px 3px 1px 3px;
  width: 80px;
  vertical-align: middle;
  text-align: left;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
}

table.kost_dist_liste td.descr_top
{
  vertical-align: top;
  text-align: center;
  border-bottom: 1px solid black;
}

table.kost_dist_liste td.descr
{
  border-right: 1px solid black;
}

table.kost_dist_liste td .txts, table.kost_dist_liste td .txts_r
{
  background-color: #FFFFFF;
  font-size: 9px;
  border: none;
  width: 100px;
}

table.kost_dist_liste td .txts_r
{
  text-align: right;
  width: 80px;
}
/* ********************************** END Kostenrechnung ********************* */

/* ********************************** Allgemein ****************************** */
body.mainsite div.gradient
{
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  _width: 100%;
  height: 35px;
  border-right: 0px;
  _border-right: none;
  overflow: hidden;
  background-color: transparent;
}

body.mainsite div.expired a
{
  color: white;
}

body.mainsite div.logout_button
{
  position: absolute;
  top: 5px;
  right: 12px;
}

body.mainsite div.left, body.mainsite div.left_small, body.mainsite div.right, body.mainsite div.right_big
{
  position: absolute;
  top: 35px;
  height: 626px;
}

body.mainsite div.left, body.mainsite div.left_small
{
  left: 0px;
  width: 180px;
  right: auto;
  border-left: 1px solid #002D96;
  border-top: 1px solid #002D96;
  overflow: hidden;
}

body.mainsite div.left_small
{
  width: 33px;
}

body.mainsite div.right, body.mainsite div.right_big
{
  position: absolute;
  left: 179px;
  width: auto;
  right: 0px;
  border-top: 1px solid #002D96;
  border-right: 0px;
  border-left: 1px solid #002D96;
}

body.mainsite div.right_big
{
  left: 32px;
}


body.mainsite div.fullsize
{
  position: fixed;
  left: 0px;
  right: 0px;
  width: auto;
  top: 50px;
  height: 400px;
  border: 1px solid #002D96;
  background-color: #edefff;
}

body.mainsite div.topline
{
  height: 23px;
  background-image: url('../util/pinNavigator/image/style1/backhead.gif');
  background-repeat: repeat-x;
  border-bottom: 1px solid black;
  font-family: Arial, Tahoma;
  font-size: 11px;
  color: white;
  text-align: right;
}
/* ********************************** END Allgemein ************************** */

/* *********************************** LOGIN STYLES ********************************** */

#login-win .x-window-mc {
  background:#fff none;
  border:1px solid #eee;
}
#login-logo .x-plain-body {
  background:#f9f9f9 url('../images/logo_login.png') no-repeat left top;
}
#trinom-login-logo .x-plain-body {
  background:#f9f9f9 url('../images/trinom-Login.png') no-repeat left top;
}
#login-logo-76240 .x-plain-body {
  background:#f9f9f9 url('../images/logo_login-76240.png') no-repeat left top;
}
#enerix-login-logo .x-plain-body {
  background:#f9f9f9 url('../images/enerix-login-gfx.jpg') no-repeat left top;
}
#login-layout .x-plain-body {
  background:#f9f9f9 none;
  color:#222;
}
#login-layout #login-form .x-plain-body, #login-layout #forgotpass-form .x-plain-body {
  background:#f9f9f9 none;
  color:#222;
  padding:10px 35px;
}
#actindo-login-banner-bottom .x-plain-body {
  background:#f9f9f9 url('../images/login-banner-bottom.png') no-repeat left center;
}
#login-captcha .x-plain-body {
  background:#f9f9f9 none;
  color:#222;
  padding:0;
}
#login-win .x-window-body {
  background:#FFFFFF none repeat scroll 0%;
  border:1px solid #AAAAAA;
}

/* ********************************* END LOGIN STYLES ******************************** */

fieldset
{
  border: 1px solid #7A96DF;
  padding: 5px 5px 6px 5px;
}


fieldset.red
{
  border: 1px solid red;
  padding: 5px 5px 6px 5px;
}



table.kb_buttons
{
  width: 98%;
  border: 1px solid #757575;
}
/* ********************************** END AFA ********************************* */


/* **********************************   Fahrtenbuch   ************************* */
table.cellphones td
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  vertical-align: top;
}

table.cellphones table.mf td, table.cellphones table.dev td,
table.cellphones table.mf td.over, table.cellphones table.dev td.over,
table.cellphones table.dev td.works0, table.cellphones table.dev td.works1, table.cellphones table.dev td.works2
{
  border: 1px solid black;
}

table.cellphones table.dev td
{
  width: 70px;
}

table.cellphones table.dev td.works0
{
  background-color: #FFAAAA;
}
table.cellphones table.dev td.works1
{
  background-color: #FFFAAA;
}
table.cellphones table.dev td.works2
{
  background-color: #AAFFAA;
}

table.cellphones table.mf td.over, table.cellphones table.dev td.over
{
  border: 1px solid red;
}
/* ********************************** END Fahrtenbuch   *********************** */



/* ********************************** EXTJS *********************************** */
.wg-tree .x-tree-node-leaf .x-tree-node-icon{background-image:url(../images/leaf-page.gif);}
.wg-tree .x-tree-node .x-tree-node-inline-icon{background:transparent;}
/*
.nav-tree .x-tree-node-leaf .x-tree-node-icon{background-image:url(../images/leaf-page.gif);}
.nav-tree .x-tree-node .x-tree-node-inline-icon{background:transparent;}
*/

div#msg-div
{
  z-index: 200;
}

.x-form-field-wrap .x-form-clearbutton{
    width:17px;
    height:21px;
    border:0;
    background:transparent url(../images/extjs/clearTrigger.gif) no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid #B5B8C8;
    position:absolute;
    top:0;
    right: -1px;
}
.ext-safari .x-form-field-wrap .x-form-clearbutton{
    height:19px; /* safari doesn't allow height adjustments to the fields, so adjust trigger */
}
.x-form-field-wrap .x-form-clearbutton-over{
    background-position:-17px 0;
}
.x-form-field-wrap .x-form-clearbutton-click{
    background-position:-34px 0;
}
.x-item-disabled .x-form-clearbutton-over{
    background-position:0 0 !important;
}
.x-item-disabled .x-form-clearbutton-click{
    background-position:0 0 !important;
}
.x-small-editor .x-form-field-wrap .x-form-clearbutton{
    height:19px;
}
/* ********************************** END EXTJS ******************************* */


/* ********************************** mand_liste ****************************** */
.status_a
{
  color: black;
}
.status_w
{
  background-color: #BFEFFF;
}
.status_justexpired
{
  background-color: red;
}
.status_warn
{
  background-color: orange;
}
.status_soon
{
  background-color: yellow;
}
.status_deleted
{
  text-decoration: line-through;
  color: #7F0000;
/*  background-color: #BFEFFF; */
}

.call_urgent
{
  background-color: #FF0000;
}
.x-grid3-row-alt.call_urgent
{
  background-color: #DD0000;
}

/* ********************************** END mand_liste ************************** */


/* ********************************** CardLayout icons ************************ */
.icon_afa
{
  background: url(../images/modimg/afa-small.gif) no-repeat;
}

.icon_banking
{
  background: url(../images/modimg/banking-small.gif) no-repeat;
}

.icon_buchhaltung
{
  background: url(../images/modimg/buchhaltung-small.gif) no-repeat;
}

.icon_docorg
{
  background: url(../images/modimg/docorg-small.gif) no-repeat;
}

.icon_help
{
  background: url(../images/modimg/help-small.gif) no-repeat;
}

.icon_inkasso
{
  background: url(../images/modimg/inkasso-small.gif) no-repeat;
}

.icon_kassenbuch
{
  background: url(../images/modimg/kassenbuch-small.gif) no-repeat;
}

.icon_newfakt
{
  background: url(../images/modimg/newfakt-small.gif) no-repeat;
}

.icon_statistics
{
  background: url(../images/modimg/statistics-small.gif) no-repeat;
}

.icon_verwaltg
{
  background: url(../images/modimg/verwaltg-small.gif) no-repeat;
}

.icon_zeiterfassung
{
  background: url(../images/modimg/zeiterfassung-small.gif) no-repeat;
}

.x-edit-snipplets .x-btn-text {
  background: url(../images/menu/txt-snipplets.gif) no-repeat;
  background-position: 0 0;
  font-weight: bold;
  color: red;
}

.x-edit-modifiers .x-btn-text {
  background: url(../images/menu/txt-modifiers.gif) no-repeat;
  background-position: 0 0;
}



/* button templates */
.btn-ok .x-btn-text
{
  background: url(../images/button/ok.gif) no-repeat;
}
.btn-yes .x-btn-text
{
  background: url(../images/button/yes.gif) no-repeat;
}
.btn-no .x-btn-text
{
  background: url(../images/button/no.gif) no-repeat;
}
.btn-newitem .x-btn-text
{
  background: url(../images/button/newitem.gif) no-repeat;
}
.btn-newitem-red .x-btn-text
{
  background: url(../images/button/newitem.gif) no-repeat;
  color: rgb(200, 0, 0);
}
.btn-forward .x-btn-text
{
  background: url(../images/button/forward.gif) no-repeat;
}
.btn-back .x-btn-text
{
  background: url(../images/button/back.gif) no-repeat;
}
.btn-finish .x-btn-text
{
  background: url(../images/button/finish.gif) no-repeat;
}
.btn-edit .x-btn-text
{
  background: url(../images/button/edit.gif) no-repeat;
}
.btn-pause .x-btn-text
{
  background: url(../images/button/control_pause_blue.png) no-repeat;
}
.btn-open .x-btn-text           /* TODO */
{
  background: url(../images/button/save.gif) no-repeat;
}
.btn-save .x-btn-text
{
  background: url(../images/button/save.gif) no-repeat;
}
.btn-add .x-btn-text
{
  background: url(../images/button/add.gif) no-repeat;
}
.btn-saveandnew .x-btn-text
{
  background: url(../images/button/saveandnew.gif) no-repeat;
}
.btn-delete .x-btn-text
{
  background: url(../images/button/delete.gif) no-repeat;
}
.btn-cancel .x-btn-text
{
  background: url(../images/button/cancel.gif) no-repeat;
}
.btn-close .x-btn-text
{
  background: url(../images/button/close.gif) no-repeat;
}
.btn-print .x-btn-text
{
  background: url(../images/button/print.gif) no-repeat;
}
.btn-search .x-btn-text
{
  background: url(../images/button/search.gif) no-repeat;
}
.btn-replace .x-btn-text
{
  background: url(../images/button/replace.gif) no-repeat;
}
.btn-refresh .x-btn-text
{
  background: url(../images/button/refresh.gif) no-repeat;
}
.btn-list .x-btn-text
{
  background: url(../images/button/list.gif) no-repeat;
}
.btn-attach .x-btn-text
{
  background: url(../images/button/attach.gif) no-repeat;
}
.btn-help .x-btn-text
{
  background: url(../images/button/help.gif) no-repeat;
}
.btn-reset .x-btn-text
{
#  background: url(../images/button/reset.gif) no-repeat;
}
.btn-restore .x-btn-text
{
  background: url(../images/button/restore.gif) no-repeat;
}
.btn-import .x-btn-text
{
  background: url(../images/button/import.gif) no-repeat;
}
.btn-export .x-btn-text
{
  background: url(../images/button/export.gif) no-repeat;
}
.btn-hide .x-btn-text
{
  background: url(../images/button/hide.gif) no-repeat;
}
.btn-unhide .x-btn-text
{
  background: url(../images/button/unhide.gif) no-repeat;
}

.btn-green-dot .x-btn-text
{
  background: url(../images/menu/banking/ball_green_small.gif) no-repeat left center;
}

.btn-yellow-dot .x-btn-text
{
  background: url(../images/menu/banking/ball_yellow_small.gif) no-repeat left center;
}
/*
.btn-activate .x-btn-text, .btn-activate .x-btn-over .x-btn-text
{
  color: #FF0000;
  text-decoration: underline;
}
*/





/* ext */

.search-item
{
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 20px 3px 10px;  /* leave 20px (scrollbar width) */
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}
.search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}

.search-item h3 span {
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    width:30px;
    display:block;
    clear:none;
}


.art-search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}

.art-search-item h3 span {
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    width:80px;
    display:block;
/*    border-left: 1px solid red; */
    clear:none;
}
.art-search-item .attr
{
  text-decoration: underline;
}
.art-search-item .grundpreis
{
  width: 49%;
  font-weight: bold;
  float: left;
  display:block;
  clear:none;
}
.art-search-item .ek
{
  width: 49%;
  font-weight: bold;
  float: left;
  display:block;
  clear:none;
}

.art-search-item
{
  height: 50px;
}

/* mainsite.tpl customer logo */
.customer-logo .x-btn-icon .x-btn-center .x-btn-text{background-position:left;background-repeat:no-repeat; cursor:pointer;white-space:nowrap; padding-left:24px; padding-top: 24px; height: 25px; width: 80px;}
.customer-logo .x-btn-with-menu .x-btn-center em{display:block;background:transparent;padding-right:0px;}


/* belegliste */
.x-grid3-td-deliver_status, .x-grid3-td-vorgang_status, .x-grid3-td-lager_status,
.x-grid3-td-__menuimg, .x-grid3-td-is_printed, .x-grid3-td-is_sent, .x-grid3-td-bezahlt, .x-grid3-td-beleg_status
{
  cursor: pointer;
}

.x-grid3-td-deliver_status:hover img, .x-grid3-td-vorgang_status:hover img, .x-grid3-td-lager_status:hover img,
.x-grid3-td-is_printed:hover img, .x-grid3-td-is_sent:hover img, .x-grid3-td-bezahlt:hover img, .x-grid3-td-beleg_status:hover img
{
  margin-top: -2px;
  margin-right: -2px;
}

.x-grid3-col-type, .x-grid3-col-belegnr
{
  font-weight: bold;
}

.x-grid3-row-invisible
{
  display: none;
}
.x-grid3-row-visible
{
  /* this page is left blank intentionally, dont change */
}

.x-grid3-row-alt
{
  background-color:#F7F7F7;
}

.newfakt-details-uneditable
{
  background-color: #E0E0E0;
}
.newfakt-details-red
{
  background-color: #E00000;
}


#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:300px;
    z-index:20000;
}

div#my_toolbar.x-toolbar {
  background-color: transparent;
  background-image: url('../images/actindo-ui-top-bg.png');
  background-repeat: repeat-x;
}


div#my_toolbar.x-toolbar td.x-btn-center button, div#my_toolbar.x-toolbar td.x-btn-center button:hover {
  margin-top: -1px;
  background-position: left center;
  color: white;
}

div#my_toolbar.x-toolbar td.x-btn-center button:hover {
  color: black;
}


div#my_toolbar input
{
  background-color: transparent;
  border: 1px solid black;
  color: white;
  font-weight: bold;
}



.x-btn button{border:0 none;background:transparent;font:normal 11px tahoma,verdana,helvetica;padding-left:3px;padding-right:3px;cursor:pointer;margin:0;overflow:visible;width:auto;-moz-outline:0 none;outline:0 none; white-space:nowrap;}

button.icon-magnifier
{
  background: url(../images/menu/search.gif) no-repeat;
}




.x-grid3-hd-row td.ux-filtered-column
{
  font-style: italic;
  font-weight: bold;
}

.x-grid-filter-menu
{
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.x-grid-filter-menu .x-menu-list,
.x-grid-filter-menu .x-menu-list-item
{
  background: transparent;
  margin: 0;
  padding: 0;
}


/* status infos for example */
input.no-decoration, textarea.no-decoration
{
  background: transparent;
  border: none;
}


.ext-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:0.3;opacity:.30;filter:alpha(opacity=30);background-color:#CCC;width:100%;height:100%;zoom:1;}

+.x-mask-loading div{padding:5px 10px 5px 33px;background:white url( '../images/spinner.gif' ) no-repeat;line-height:25px;background-size: contain;}


.pref-thumbnail-viewer .x-panel-header{
  background:transparent none;
  border-bottom:1px solid #ccc !important;
}
#pref-wallpaper-view .x-panel-body,
#pref-theme-view .x-panel-body {
  background: white;
  font: 11px Arial, Helvetica, sans-serif;
}
#pref-wallpaper-view .pref-view-thumb,
#pref-theme-view .pref-view-thumb {
  background: #dddddd;
  padding: 3px;
}
#pref-wallpaper-view .pref-view-thumb img {
  /* height: 67px;
  width: 107px; */
}
#pref-theme-view  .pref-view-thumb img {
  /* height: 100px;
  width: 100px; */
}
#pref-wallpaper-view .pref-view-thumb img,
#pref-theme-view  .pref-view-thumb img {
  border:1px solid #fff;
}
#pref-wallpaper-view .pref-view-thumb-wrap,
#pref-theme-view .pref-view-thumb-wrap {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;
}
#pref-wallpaper-view .pref-view-thumb-wrap span,
#pref-theme-view .pref-view-thumb-wrap span {
  display: block;
  overflow: hidden;
  text-align: center;
}

#pref-wallpaper-view .x-view-over,
#pref-theme-view .x-view-over {
    border:1px solid #dddddd;
    /* background: #efefef url(../../Ext/2.0/resources/images/default/grid/row-over.gif) repeat-x left top; */
  padding: 4px;
}

#pref-wallpaper-view .x-view-selected,
#pref-theme-view .x-view-selected {
  background: #f1f1f1 none;
  border:1px solid #999;
  padding: 4px;
}
#pref-wallpaper-view .x-view-selected .pref-view-thumb,
#pref-theme-view .x-view-selected .pref-view-thumb{
  background:transparent;
}

#pref-wallpaper-view .loading-indicator {
  font-size:11px;
  /* background-image:url('../../Ext/2.0/resources/images/default/grid/loading.gif'); */
  background-repeat: no-repeat;
  background-position: left;
  padding-left:20px;
  margin:10px;
}
.bg-pos-center {
  background-image:url(images/bg-center-icon.png);
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='source/helpers/preferences/images/bg-center-icon.png', sizingMethod='scale');
}
.bg-pos-tile {
  background-image:url(images/bg-tile-icon.png);
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='source/helpers/preferences/images/bg-tile-icon.png', sizingMethod='scale');
}

/*
.x-icon-combo-icon {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 18px;
    height: 14px;
}
*/




.x-portal .x-panel-dd-spacer {
    margin-bottom:10px;
}

.x-portlet {
    margin-bottom:10px;
}

/* Clean up the look of the portlets */
.x-portlet .x-panel-ml {
    padding-left:2px;
}
.x-portlet .x-panel-mr {
    padding-right:2px;
}
.x-portlet .x-panel-bl {
    padding-left:2px;
}

.x-portlet .x-panel-br {
    padding-right:2px;
}
.x-portlet .x-panel-body {
    background:white;
}
.x-portlet .x-panel-mc {
    padding-top:2px;
}
.x-portlet .x-panel-bc .x-panel-footer {
    padding-bottom:2px;
}
.x-portlet .x-panel-nofooter .x-panel-bc {
    height:2px;
}

div#l_fach_form div.x-hide-label {
  display: none;
}

.x-form-field-wrap .actindo-phone-trigger
{
  background-image: url(../images/extjs/trigger-phone.gif);
  cursor: pointer;
}

.x-head-banner-small {
  background-image: url(../images/head_banner/head_banner_small_bg.png);
  background-repeat: repeat-x;
}

.text-bold
{
  font-weight: bold;
  color: black;
}

.got-comments span.x-tab-strip-text
{
  font-weight: bold;
  color: red;
}


.xcheckbox-wrap {
    line-height: 18px;
    padding-top:2px;
}
.xcheckbox-wrap a {
    display:block;
    width:16px;
    height:16px;
    float:left;
}
.x-toolbar .xcheckbox-wrap {
    padding: 0 0 2px 0;
}
.xcheckbox-on {
    background:transparent url(../images/default/menu/checked.gif) no-repeat 0 0;
}
.xcheckbox-off {
    background:transparent url(../images/default/menu/unchecked.gif) no-repeat 0 0;
}
.xcheckbox-disabled {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    cursor:default;
}





.ux-label-top label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static;}
.ux-label-top .x-form-element{padding-left:0 !important;padding-top:4px;}
.ux-label-top .x-form-item{padding-bottom:4px;}
.ux-label-top .textarea {width: 397px !important; height: 200px !important;}

.ux-cabinet {position: relative;}
.ux-input-file-wrapper {position: absolute; display: block; height: 22px; width: 18px; overflow: hidden;}
.ux-file{position: absolute; height: 22px; width: auto; right: 0px; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}



/* Importer / Exporter */
.assigned-field
{
  background-color: #FFC2C2;
  border-bottom: 1px solid black;
}
.x-grid3-row-alt.assigned-field
{
  background-color: #DD0000;
  border-bottom: 1px solid black;
}


.opos_line, .x-grid3-row-alt.opos-line
{
  border-top: 1px solid black;
  background-color: white;
}

.opos_line .x-grid3-col-soll, .opos_line .x-grid3-col-haben
{
  font-weight: bold;
  color: red;
}

/*
.opos
{
  background-color: #FFC2C2;
}

*/




/* Window: Payment problems */
.payment_probs
{
  background-image:url(../images/menu/prio-high.gif) !important;
}




/**
 * Ext.ux.form.LovCombo CSS File
 */
.ux-lovcombo-icon {
  width:16px;
  height:16px;
  float:left;
  background-position: -1px -1px ! important;
  background-repeat:no-repeat ! important;
}
.ux-lovcombo-icon-checked {
  background: transparent url(../images/default/menu/checked.gif);
}
.ux-lovcombo-icon-unchecked {
  background: transparent url(../images/default/menu/unchecked.gif);
}
/* eof */


.x-grid-group-hd .debug
{
}
.x-grid-group-hd .info
{
}
.x-grid-group-hd .warning
{
  color: orange;
}
.x-grid-group-hd .error
{
  color: red;
}



#shop-status .x-status-text {
    color: #777;
}
#shop-status .in-shop {
/*     padding-left: 25px; */
    background-image: url(../images/status/GreenFlag.gif);
}
.sync-op- {
  /* no sync op */
}
.sync-op-upload, #shop-status .sync-op-upload {
    background-image: url(../images/menu/pg-next.gif);
}
.sync-op-download, #shop-status .sync-op-download {
    background-image: url(../images/menu/pg-prev.gif);
}
.sync-op-conflict, #shop-status .sync-op-conflict {
    background-image: url(../images/menu/prio-high.gif);
}
.sync-op-delete, #shop-status .sync-op-delete {
    background-image: url(../images/menu/delete.gif);
}


#shop-status .not-in-shop {
/*    padding-left: 25px; */
    background-image: url(../images/status/RedFlag.gif);
}


.x-grid-banking-group-body,.x-grid-banking-group-hd
{
  zoom:1;
}

.x-grid-banking-group-hd
{
  border-top:2px solid #99bbe8;
/*  cursor:not-allowed; */
  margin-top:6px;
  border-bottom: 1px dotted #99bbe8;
}
.x-grid-banking-group-hd div
{
/*  padding:4px 4px 4px 17px; */
  color:black;
/*  font:bold 11px tahoma,arial,helvetica,sanqs-serif; */
}
.x-grid-group-collapsed .x-grid-banking-group-hd div
{
}
.x-grid-group-collapsed .x-grid-banking-group-body
{
}


.buchung-grid .x-grid3-row td, .buchung-grid .x-grid3-summary-row td
{
/*  border: 1px solid red; */
  line-height:11px;
  vertical-align:top;padding-left:1px;padding-right:1px;-moz-user-select:none;
  border-right: 1px solid #C0C0C0;
}
.buchung-grid .x-grid3-hd-row td{font:normal 11px arial,tahoma,helvetica,sans-serif;-moz-outline:none;-moz-user-focus:normal;
  padding-right:1px;  /* important, so borders work */
}
.buchung-grid .x-grid3-hd-inner{position:relative;cursor:inherit;padding:4px 3px 5px 5px;}

.buchung-grid .x-grid3-cell-inner
{
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  padding:2px 0px 1px 5px;
  white-space:nowrap;
}

.buchung-grid .x-grid3-row
{
  cursor:default;
  border: none;
  width:100%;
}

.buchung-grid .x-grid3-cell
{
/*  border-right: 1px solid #AAAAAA;*/
}
/*
.buchung-grid .x-grid3-hd .x-grid3-cell
{
  border: 1px solid red;
  border-right: 1px solid #AAAAAA;
}
*/

/* vorlaeufig */
.buchung-grid .x-grid3-row.v
{
  color: #4F4F4F;
}

/* storno */
.buchung-grid .x-grid3-row.s
{
  color: #7F0000;
}

/* vorlaeufig, storno */
.buchung-grid .x-grid3-row.vs
{
  color: #bc0000;
}



/* DataView Article Image Editor */
/*
 * Ext JS Library 2.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */

#img_pnl .details{
    padding: 10px;
    text-align: center;
}
#img_pnl .details-info{
    border-top: 1px solid #cccccc;
    font: 11px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}
#img_pnl .details-info b{
    color: #555555;
    display: block;
    margin-bottom: 4px;
}
#img_pnl .details-info span{
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
}

#img_view{
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
#img_view .thumb{
    background: #dddddd;
    padding: 3px;
    height: 100px;
  overflow: hidden;
}
#img_view .thumb img{
  width: 135px;
/*    height: 100px; */
}
#img_view .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
#img_view .thumb-wrap span{
    display: block;
    overflow: hidden;
    text-align: center;
}
#img_view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../util/com/extjs/resources/images/default/grid/row-over.gif) repeat-x left top;
    padding: 4px;
}
#img_view .x-view-selected{
    background: #DFEDFF;
    border: 1px solid #6593cf;
    padding: 4px;
}
#img_view .x-view-selected .thumb{
    background:transparent;
}
#img_view .x-view-selected span{
    color:#1A4D8F;
}
#img_view .loading-indicator {
    font-size:11px;
    background-image:url('../util/com/extjs/resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}

/* DataView scrolling */
.image-gallery
{
  position: relative;
  overflow: auto;
}





.red-row
{
  background-color: #FFCC80;
}

.blue-row
{
  background-color: #809FFF;
}

.posButton, .posButton_wide, .posButton_xwide, .posButton_xxwide, .posButton_wide_upright, .posButton_matrix
{
  margin: 3px;
  border: 1px solid #000;
}

.posButton:hover, .posButton_wide:hover, .posButton_xwide:hover, .posButton_xxwide:hover, .posButton_wide_upright:hover, .posButton_matrix:hover
{
  border: 1px solid yellow;
}

.posButton td, .posButton_wide td, .posButton_xwide td, .posButton_xxwide td, .posButton_wide_upright td, .posButton_matrix td
{
  background: url('../images/pos/pos_logo_bg.jpg') repeat-x;
}

.posButton:hover td, .posButton_wide:hover td, .posButton_xwide:hover td, .posButton_xxwide:hover td, .posButton_wide_upright:hover td, .posButton_matrix:hover td
{
  background: url('../images/pos/pos_logo_bg.jpg') repeat-x;
}

.posButton td.x-btn-center
{
  width: 35px;
  height: 45px;
  vertical-align: middle;
}

.posButton td button
{
  width: 35px;
  height: 45px;
  font-size: 14pt;
  color: #FFFFFF;
}

.posButton_wide td.x-btn-center, .posButton_matrix td.x-btn-center
{
  width: 86px;
  height: 45px;
  vertical-align: middle;
}

.posButton_wide td button, .posButton_matrix td button
{
  width: 86px;
  height: 45px;
  font-size: 14pt;
  color: #FFFFFF;
}
.posButton_matrix td button
{
  font-size: 12px;
}

.posButton_xwide td button
{
  width: 200px;
  height: 45px;
  font-size: 14pt;
  color: #FFFFFF;
}

.posButton_xwide td.x-btn-center
{
  width: 200px;
  height: 45px;
  vertical-align: middle;
}

.posButton_xxwide td button
{
  width: 325px;
  height: 45px;
  font-size: 14pt;
  color: #FFFFFF;
}

.posButton_xxwide td.x-btn-center
{
  width: 325px;
  height: 45px;
  vertical-align: middle;
}

.posButton_wide_upright td.x-btn-center
{
  width: 86px;
  height: 90px;
  vertical-align: middle;
}

.posButton_wide_upright td button
{
  width: 86px;
  height: 90px;
  font-size: 14pt;
  color: #FFFFFF;
}

.posHeader
{
  width: 100%;
  background: url('../images/pos/pos_logo_bg_2.png') repeat-x;
  height: 40px;
}

.posHeaderLogo
{
  width: 246px;
  background: url('../images/pos/pos_logo_2.png') no-repeat;
  height: 40px;
}

table.actindo_product_table tr th
{
  text-align: center;
}
table.actindo_product_table tr td
{
  text-align: center;
  width: 160px;
  border-top: 1px solid grey;
}
table.actindo_product_table tr td.prod
{
  width: auto;
  text-align: left;
}

tr.disabled_feat td
{
  color: #808080;
}

.x-keypad {
  text-align: center;
}

.x-keypad table {
  border-collapse: collapse;
  margin-bottom: 2px;
}

.x-keypad-item {
  clear: left;
}

.x-keypad-btn {
  width: 35px;
  height: 45px;
  float: left;
}

.x-keypad-halfspace {
  float: left;
  width: 15px;
}

.x-keypad-space {
  float: left;
  width: 30px;
}

.x-keypad-disabled-field {
  color: #000
}

/*http://www.sencha.com/forum/showthread.php?95768-ComboBox-chrome-issues*/
.ext-safari .x-form-field-wrap .x-form-trigger {
    right: auto;
}

.x-date-menu {
   width:175px;
}

div.x-date-picker.x-unselectable + table{
   width:175px;
}

div.status-flag {
  background: transparent;
  width: 15px;
  height: 15px;
  margin: 0 auto;
}

div.status-flag.Blue {
    background-color: #0074D9;
}
div.status-flag.Green {
    background-color: green;
}
div.status-flag.Red {
    background-color: red;
}
div.status-flag.Purple {
    background-color: purple;
}
div.status-flag.Orange {
    background-color: orange;
}
div.status-flag.Yellow {
    background-color: yellow;
}
div.status-flag.Black {
    background-color: black;
}
div.status-flag.Turquoise {
    background-color: turquoise;
}
div.status-flag.Pink {
    background-color:pink;
}
div.status-flag.Gold {
    background-color: gold;
}
div.status-flag.LightBlue {
    background-color: lightblue;
}
div.status-flag.Silver {
    background-color: silver;
}
div.status-flag.DarkRed {
    background-color: darkred;
}
div.status-flag.Brown {
    background-color: brown;
}
div.status-flag.NeonYellow {
    background-color: #F3F315;
}
div.status-flag.NeonGreen {
    background-color: #01FF70;
}
div.status-flag.NeonOrange {
    background-color: #FD5F00;
}