/* Allgemein gültige CSS */

html, body {
  font:normal 11px tahoma;
  margin:0;
  padding:0;
  border:0 none;
  overflow:hidden;
  height:100%;
}

p {
  margin:5px;
}




/* Icon-CLS - Also Pics für die Icons */

.save {
background-image:url(iconpics/save.gif) !important;
}
 
.delete {
background-image:url(iconpics/remove.gif) !important;
}

.print {
background-image:url(iconpics/print.gif) !important;
}

.add {
background-image:url(iconpics/add-guy.gif) !important;
}

.remove {
background-image:url(iconpics/remove-guy.gif) !important;
}

.refresh {
background-image:url(iconpics/refresh.gif) !important;
}

.tab {
background-image:url(iconpics/table.gif) !important;
}

.people {
background-image:url(iconpics/guy.gif) !important;
}

.stats {
background-image:url(iconpics/ask.gif) !important;
}

.graph {
background-image:url(iconpics/stats2.gif) !important;
}

.actions{
background-image:url(iconpics/format.gif) !important;
}

.filialen{
background-image:url(iconpics/record.gif) !important;
}



/* CSS für Forms */

.radiobox{
  margin:6px;
  padding: 0px;
  vertical-align:middle;
}

.formpanel{
  vertical-align: middle;
}

.westbutton{
  margin:8px;
  margin-left:15px;
  padding: 0px;
  vertical-align:middle;
}

.printcomb{
  padding-left: 30px;
  padding-top: 20px;
}

.printbut{
  margin:8px;
  margin-left:15px;
  margin-top:20px;
  padding: 0px;
  vertical-align:middle;
}








/* CSS für den Loading-Indicator - Also für die Lademaske */

#loading{
  position:absolute;
  left:40%;
  top:40%;
  padding:3px;
  z-index:20001;
  height:auto;
  border:1px solid #aaa;
}


#loading .loading-indicator{
  background:white;
  color:#444;
  font:bold 13px tahoma;
  padding:10px;
  margin:0;
  height:auto;
}

#loading-msg {
  font: normal 10px tahoma;
}




/* Css für den CusomRenderer des ColumnModels */

.og {
 background: #99cc33 !important;
 border-right: 1px solid #d0d0d0 !important;
}

.fk {
 background: #ff9900 !important;
 border-right: 1px solid #d0d0d0 !important;
}

.ts {
 background: #88bbff !important;
 border-right: 1px solid #d0d0d0 !important;
}

.ab {
 background: #808080 !important;
 border-right: 1px solid #d0d0d0 !important;
}

.s {
 background: #cc99ff !important;
 border-right: 1px solid #d0d0d0 !important;
}

.red {
 background: #FF6347 !important;
}

.lightred {
 background: #FF7F50 !important;
}

.lightgreen {
 background: #90EE90 !important;
}

/* Steuerung der Zellenumrandungen in den Grids */


#mon table tbody tr td, #die table tbody tr td, #mit table tbody tr td, #don table tbody tr td, #fre table tbody tr td, #sam table tbody tr td, #son table tbody tr td,{
	border-right: 1px dotted #e2e2e2;
        padding-left: 0px;
}

#mon table thead tr td, #die table thead tr td, #mit table thead tr td, #don table thead tr td, #fre table thead tr td, #son table thead tr td, #mon table thead tr td,{
	border-right: 1px solid #d0d0d0;
        padding-left: 0px;
}

#mon .x-grid3-cell-inner, .x-grid3-hd-inner, #die .x-grid3-cell-inner, .x-grid3-hd-inner, #mit .x-grid3-cell-inner, .x-grid3-hd-inner, #don .x-grid3-cell-inner, .x-grid3-hd-inner, #fre .x-grid3-cell-inner, .x-grid3-hd-inner, #sam .x-grid3-cell-inner, .x-grid3-hd-inner, #son .x-grid3-cell-inner, .x-grid3-hd-inner {
        padding: 3px 0px 3px 2px;
}

.x-grid3-row {
 border: 1px;
 border-color: #cdcdcd;
 border-style: solid;
 padding: 0px;
 border-top: 0px;
 padding-top: 0px;
}

.x-grid3-row-alt {
 background-color: #F5F5F5;
 border: 1px;
 border-color: #cdcdcd;
 border-style:solid;
 border-top:0px;
 padding: 0px;
 padding-top: 0px;
}

.x-grid3-row-selected {
 background: #B0C4DE none repeat scroll 0% !important;
 border: 1px solid #cdcdcd;
 border-top: 0px solid #000000;
}

.x-grid3-cell-selected {
 background-color:#B0C4DE !important;
 color:black !important;
}