/*für ein Popup*/
/*Tabellen-Bereiche*/
.areaHeader { position: absolute; left: 0; right: 0px; text-align: right;height: 36px;padding: 2px 20px 0 2px; background-color: #EEEEEE; }
.areaTable { position: absolute; top: 35px; left: 0px; right: 0px; bottom: 22px; overflow-x: hidden; overflow-y: hidden; background-color: #EEEEEE; }
.areaFooter { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 28px;padding: 0 20px 0 0; border: 1px solid #CCCCCC; background-color: #EEEEEE; }
.areaButtons{width:80px;float:left;height: 36px;padding: 4px 5px;width: 205px; background-color: #EEEEEE; }
/*TabellenHeader*/
.tableHeader { background-color: #ACDDF1; line-height: 23px; height: 23px; width: 100%; }
/*Spalten im Tabellenheader*/
.headerColumn { position: absolute; top: 0; left: 0; width: 0; text-align: center; border-left: 1px solid silver; font-weight: bold; }

/*div, input dem sich die Tabelle befinded*/
.tableContainer { height: 100px; width: 100%; overflow-x: auto; }

/*Tabelle*/
.tblListeScroll { border-collapse: collapse; border: 1px solid #C0C0C0; width: 100%; table-layout: fixed; margin-top: -27px; }
    .tblListeScroll > thead > tr { cursor: pointer; padding: 3px 3px; line-height: 20px; }
    .tblListeScroll > tbody > tr { cursor: pointer; padding: 3px 3px; line-height: 20px; }
    .tblListeScroll > thead > tr > th { border: 1px solid #C0C0C0; background: #ACDDF1; line-height: 16px; color: black; padding: 3px 3px; }
    .tblListeScroll > tbody > tr > td { border: 1px solid #C0C0C0; padding: 3px 5px; vertical-align: top; }
    .tblListeScroll a:link, table a:visited, table a:hover { background-color: #BDC3C7; color: black; text-decoration: none; }
    .tblListeScroll > thead > tr > th.scrollPlaceHolder { width: 17px; border-left: 0; }


/*markierte Zeile*/
.tableSelectedRow { background: #CCCCCC; }

/*Anzeigebereich tHead*/
.section { position: relative; border: 1px solid #C0C0C0; padding-top: 25px; background: transparent; height: 100%; }
/*Anzeigebereich tBody*/
.container { overflow-y: auto; height: 100%; background: transparent; }

/*Checkbox in den Zeilen*/
.rowSelector { margin-top: 3px; }
/*Checkbox im Header*/
.headerSelector { margin-top: 5px; margin-left: 1px; }

/*footer-Bereich*/
.ulFooterRow { line-height: 30px; vertical-align: top; }
.ulFooterRow li { display: inline-block; list-style: none; padding: 3px 0px; vertical-align: top; }

/*jquery-UI für das Popup überschreiben*/
.ui-dialog { padding: 0; }
.ui-dialog-content { padding: 0; }
.ui-widget { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; }
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

/*Buttons im Header*/
/*.btnCenter { padding: 2px 2px 2px 4px; font-size: 12px; text-align: left; text-align: center; border: 1px solid #CCCCCC; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, white, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }*/
.btnPaging { width: 24px; height: 24px;line-height: 15px; font-weight: bold;border: 1px solid silver; }
.btnSearch { margin-right: 0px;}
.pagingText { margin: 5px; line-height: 24px; }


#popup { overflow: hidden; padding: 0; }



/*.btn { padding: 2px 2px 2px 4px; font-size: 12px; text-align: left; vertical-align: top; }
    .btn[disabled] { color: #CCCCCC; background-color: #e6e6e6; text-decoration: none; }
    .btn:active { background-color: #e0e0e0; background-image: url(""); }
    .btn:hover { background-color: #e0e0e0; background-image: url(""); }

.btnCenter { padding: 2px 2px 2px 4px; font-size: 12px; text-align: left; text-align: center; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, white, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
    .btnCenter[disabled] { color: #cccccc; background-color: #e6e6e6; *background-color: #e6e6e6; }
    .btnCenter:active { background-color: #e0e0e0; background-image: url(""); }
    .btnCenter:hover { background-color: #e0e0e0; background-image: url(""); }
    .btnCenter[disabled]:hover { background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, white, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.btnImage { width: 28px; height: 28px; margin: 0 0px 0 0; padding: 3px; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, white, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
   .btnImage[disabled] { color: #CCCCCC; background-color: #e6e6e6; text-decoration: none; }
    .btnImage:active { background-color: #e0e0e0; background-image: url(""); }
    .btnImage:hover { background-color: #e0e0e0; background-image: url(""); }*/

/*[class^="icon-"], [class*=" icon-"] { display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; background-repeat: no-repeat; }
.icon-search { background-image: url('Images/search.png'); }
.icon-saveclose { background-image: url('Images/saveandclose16.png'); }*/