body , .menu {
background: #F7F4F0;
}
.table {
    width:100%;
//    background: #E9DFD3;
    background: #E9DFD3 ;
    border: 1px red;
    border-collapse: collapse;
}
.headButton {
    height: 35px;
    font-size:90%;
    padding: 0 5px;

}
thead {   // TODO
    background:yellow;
}
div.ok {
    display:block;
}
div.hidden {
    display:none;
}
input.searchfld {
    border: 1px solid  yellow;
}

input.searchfld:hover {
    border: 1px solid green;
}
.sortDown {
    background-color: #F7F4F0;
}
.sortUp {
    background-color: gray;
}
div.inner {
    text-align:center; 
    max-width:100%;
}
table.inner {
    max-width: 95%;
 //   min-width:300px;
    margin:10px 50px;
    background-color: #DDE6D5;
    border-collapse: collapse;
    border:1px solid red;
    margin-left:auto;
    margin-right:auto;
    margin-top:1px;
    display: inline-block;
    max-height: 400px;
    overflow: auto;
    min-width:20%;
    
}
.headSection{
     vertical-align: top;
     padding: 10px 20px;
}
.inner2 {
    width: 95%;
    min-width:50%;
    margin:5px 50px;
    background-color: #F6FFDF;
    border-collapse: collapse;
    border:1px solid green;
    margin-left:auto;
    margin-right:auto;
   
}
.labelCell:hover {
    border:3px solid #88FFFF;

}
.sectionline{
 //   background-color: #F6FFDF;
    padding:0 0 0 50px  ;
    font-style: italic;
}
.helpicon {
    max-width:18px;
    padding:0;
    margin:0;
    vertical-align: top;
}
img.mainHelp {
    width:70px;
    height:70px;
}
img.mainHelp:hover {
    border: 3px solid #88FFFF ;
}

.menuTable
          {
            border:1px solid red;
            margin-left:auto;
            margin-right:auto;
            margin-top:100px;
            margin-bottom:100px;
            width:400px;
          }
          .err {
                color: red
                font-size:120%;
}
caption{
    font-size:120%;
    background-color: #CFDDBD;
}
.menu {
    height: 70px;
}
.mnu_line {
    padding : 0 10px;
}
.mnu_elem {
    height: 100%;
    border: red;
    margin: 6px;
}
.mnu_grp {
    
    background: #eeeeee;
    height: 80%;
    border: green;
}
.errorFld {
    color: red;
 //   margin: 10px;
   
  //  border:solid red 1px;
    font-size:120%;
  //   content: url('/Pics/apple-icon-57x57.png');
    
}
.warningFld {
    color: orange;
  //  border:solid red 1px;
    font-size:120%;
  //   content: url('/Pics/apple-icon-57x57.png');
    
}

.errorFld::after {
 // content: url('Pics/apple-icon-57x57.png');
}
.mainTh .mainTd {
    padding: 3px 10px;
    border-right: thin double #919191;
}
.funtionButton {
    background: #B9ECC4;
    padding: 10px;
}
.active {
    background-color: yellow;
}
.r {
    text-align:right;
}
.c {
    text-align:center;
}
.l {
    text-align:left;
}
.yes , .no {
   display: block;
    width:25px;
    margin-left: auto;
    margin-right: auto;
}
input[type="text"] {
    border-radius: 10px;
    padding: 2px 6px;
    font-size:90%;
}
input[type="text"]:active  {
    border: 1px solid red;
}
.top {
        vertical-align: top;
}
input.disableButton {
    display: none;
}
.required {
    color:red;
    display:inline;
}
.th_hor {
    padding: 1 10;
}
.bold {
    font-weight: bold;
    border: 1px solid red; 
}
.selectLine, .totalLine {
    border: 1px solid green;
    background: #D2D6E7;
    margin: 10px 0 0 0;
    min-height:10px;
}
.buttonLine {
    border: 1px solid green;
    background: yellow;
    margin: 5px 0 ;
    min-height:30px;
}
input.MainButton, input.CancelButton , input.NewButton,input.DeleteButton, input.ActionButton{
    min-width: 80px;
    border: 1px solid red;
    margin: 0 3px;
}
input.NewButton:hover, input.DeleteButton:hover
{
    background: yellow;
} 
input.ActionButton:hover
{
    border: 2px solid blue;
    background: yellow;
} 
input.CancelButton:hover
{
    background: red;
} 
input.MainButton:hover
{
    background: green;
}
input.inactive {
    display:none;
}
table.bottomTable{
    background-color: #DFE8D3;
    padding: 10px 0 ;
    width:100%;
}
td {
    vertical-align: text-top;
    margin: 1px 3px;
}
th {
    vertical-align: text-top;
    padding: 1px 5px;

}

tr.tr:hover {
	background-color: #ddd;
}

tr {
	cursor:pointer;
	height:22px;
}
.error_fld {
	background-color: #FEC0BC;
    border:  3px solid red;
}
.warn_fld,  {
	background-color: #FFEEC0;
    border:  3px solid #FFCD42;
    
}
a.link:hover {
    border: 1px solid red;
}
a.link , .link_par {
    border: 1px solid #E0FFD4;
}
.link_par:hover {
    border: 1px solid red;
}
.link_par {
    color: blue;
    cursor:pointer;
}
.tableBottom {
    background-color:  #E0FFD4;
   
}
.disabled {
    text-decoration: line-through;
    cursor: not-allowed;
	background-color: #C1C1C1;
    border:  3px solid black;    
    
}
.notTranslated {
    background-color: #FFEEC0;
}
.Translated {
    background-color:  #E0FFD4;
}
.filterPeriod {
    font-size:90%;
    display:inline;
    padding: 0 0 0 20px;
    color:orange;
}
.status_label {
    display: inline;
 
    margin: 5px 10px;
    max-width: 100px;
    border: 1px solid yellow ;
}
.status_value {
    display: inline;

    margin: 5px 10px;
    max-width: 50px;
    border: 1px solid yellow ;
}