ul.Tabs
{ list-style-type: none;
  margin:5px 5px 0 5px;  padding:0;

}

ul.Tabs li
{ height:33px;
  line-height:30px;
  padding:0 5px;
  float:left;
  margin:0;
  text-align:center;
  border-top-left-radius:10px;
  border-bottom-right-radius:10px;
  border-left: 1px solid #e6f6ff; 
  border-right: 1px solid #66c7ff; 
  position: relative;
  cursor: pointer;
  background-color:SkyBlue;
}

ul.Tabs li.Selected
{ background-color:whitesmoke; 
  border-bottom-right-radius:0px;
}

ul.Tabs li:hover
{ background-color:lightcyan; }

ul.Tabs li span
{ line-height: normal;
  display: inline-block;
  vertical-align: middle;
  margin:0; padding:0;
}

div.Tabs
{ background-color:whitesmoke;
  width:calc(100% - 20px);
  height:calc(100% - 75px);
  margin:0 5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  padding: 5px;
}

.DocBox
{ background-color: AntiqueWhite; 
  width: 265px;
  float: left;
  position: relative;
}

.EditGoodsBox
{ background-color: SkyBlue; 
  width: 928px;
  float: left;
  position: relative;
}

.GoodsInfo
{ float: left; }

.GoodsInfo span
{ border: 1px solid grey;
  padding: 2px;
  background-color: white;
  display:inline-block;
  min-height:20px;
  box-sizing: border-box;
  vertical-align:0px;
}
.GoodsInfo label
{ margin-top:0 !Important;
}

Button[name='SaveGood']
{ float: left;
  margin:2px;
  padding:20px;
}

/***********************************************************/

.GoodList
{ border-collapse: collapse;
  background-color: PowderBlue;
  position: relative;
  float: right;
  width: 919px;
  margin:0;
}

.GoodList td
{ border: 1px solid grey; }

.GoodList thead
{ background-color: SkyBlue; 
  display: table; 
  width:100%;
}

.GoodList thead td
{ text-align: center; 
  font-weight: bold; }
  
.GoodList tbody
{ display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  border-right:1px solid grey;
  margin-right:-1px;
}

.GoodList tbody tr
{ margin-top:-1px; 
  display: table; 
  width:100%;
  table-layout:fixed;
}

.GoodList tbody tr:hover
{ background-color:lightcyan; 
  cursor: pointer; }
  
.GoodList tfoot  
{ background-color: #8bd1da; 
  display: table; 
  width:100%;
}

.GoodList tfoot td 
{ font-weight: bold;
  height: 18px;}
  
/***********************************************************/
.FilterOperType
{ border-right:1px solid gray; width:118px;
  float: left; }
 
.FilterOperType .Title
{ width:82px; 
  height:16px; 
  transform: rotate(-90deg); 
  text-align:center; 
  padding:2px 0; 
  margin:31px 0 0 -31px; 
  float:left
}

.FilterOperType .CheckBoxes
{ width:98px; 
  height:82px; 
  float:left; 
  margin-left:-31px;
}
