.tr{
	font-family: 'Roboto', sans-serif;
    font-size : 100%;
	color: White;
	background-color: #656565;
	font-weight: bolder;
	text-align: center;
    vertical-align: middle;
    border: 1px;
    border-color: #BBBBBB;
    border-style: solid;
    width: 15px;
    height: 40px;
    padding: 2px;
}

#table_name {
  font-family: 'Roboto', sans-serif;
  font-size : 150%;
  text-align: center;
  padding-top: 20px;
}

#table_tech {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}


.rowhead {
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background-color: #ff9900;
  padding: 5px;
  border: solid 1px;
  border-color: #ff9900;
}

.row_w {
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
  background-color: #DEF2EE;  /*#eef8f6; */
  padding: 5px;
  border: solid 1px;
  border-color: #BBBBBB;

}

.rowhead1 {
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  padding: 5px;
  border: solid 1px;
  border-color: #BBBBBB;
}

.rowline{
  border: solid 1px;
  border-color: #000000;
  background-color: #000000;
}

div.tooltip-l, div.tooltip-r {
  position: relative;
  display: inline;
}
div.tooltip-l span, div.tooltip-r span {
  position: absolute;
  width: 350px;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #a5a6a9;
  height: 180px;
  line-height: 18px;
  text-align: left;
  visibility: hidden;
  border-radius: 5px;
  padding: 10px;
-webkit-box-shadow: 3px 5px 14px 6px rgba(0,0,0,0.20);
-moz-box-shadow: 3px 5px 14px 6px rgba(0,0,0,0.20);
box-shadow: 3px 5px 14px 6px rgba(0,0,0,0.20);
}
div.tooltip-l span:after, div.tooltip-r span:after  {
content: '';
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #5F5F5F;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
div.tooltip-r span:after  {
content: '';
  position: absolute;
  top: 100%;
  left: 90%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #5F5F5F;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
div.tooltip-l:hover span {
  visibility: visible;
  opacity: 1;
  bottom: 71px;
  left: 10%;
  margin-left: 0px;
  z-index: 999;
}

 div.tooltip-r:hover span {
  visibility: visible;
  opacity: 1;
  bottom: 71px;
  left: 90%;
  margin-left: 0px;
  z-index: 999;
}

div.tooltip-r:hover span {
  visibility: visible;
  opacity: 1;
  bottom: 71px;
  left: 10%;
  margin-left: -300px;
  z-index: 999;
}

p.tooltip {
  font-size: 15pt;
  font-weight: bold;
  padding: 10px;
}

.cond-icon {
  height: 71px;
  width: 71px;
  float: left;
  margin: 3px;
  display: block;
}

.a-01 {
  background: url(../images/icon/01_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-01:hover {
  background-position: 0 -72px;
}

.a-02 {
  background: url(../images/icon/02_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-02:hover {
  background-position: 0 -71px;
}

.a-03 {
  background: url(../images/icon/03_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-03:hover {
  background-position: 0 -71px;
}
.a-04 {
  background: url(../images/icon/04_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-04:hover {
  background-position: 0 -71px;
}
.a-05 {
  background: url(../images/icon/05_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-05:hover {
  background-position: 0 -71px;
}
.a-06 {
  background: url(../images/icon/06_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-06:hover {
  background-position: 0 -71px;
}

.a-07 {
  background: url(../images/icon/07_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-07:hover {
  background-position: 0 -71px;
}

.a-08 {
  background: url(../images/icon/08_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-08:hover {
  background-position: 0 -71px;
}


.a-09 {
  background: url(../images/icon/09_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-09:hover {
  background-position: 0 -71px;
}
.a-10 {
  background: url(../images/icon/10_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-10:hover {
  background-position: 0 -71px;
}
.a-11 {
  background: url(../images/icon/11_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-11:hover {
  background-position: 0 -71px;
}
.a-12 {
  background: url(../images/icon/12_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-12:hover {
  background-position: 0 -71px;
}

.a-13 {
  background: url(../images/icon/13_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-13:hover {
  background-position: 0 -71px;
}

.a-14 {
  background: url(../images/icon/14_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-14:hover {
  background-position: 0 -71px;
}

.a-15 {
  background: url(../images/icon/15_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-15:hover {
  background-position: 0 -71px;
}

.a-16 {
  background: url(../images/icon/16_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-16:hover {
  background-position: 0 -71px;
}

.a-17 {
  background: url(../images/icon/17_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-17:hover {
  background-position: 0 -71px;
}

.a-18 {
  background: url(../images/icon/18_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-18:hover {
  background-position: 0 -71px;
}

.a-19 {
  background: url(../images/icon/19_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-19:hover {
  background-position: 0 -71px;
}

.a-20 {
  background: url(../images/icon/20_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-20:hover {
  background-position: 0 -71px;
}


.a-21 {
  background: url(../images/icon/21_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-21:hover {
  background-position: 0 -71px;
}
.a-22 {
  background: url(../images/icon/22_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-22:hover {
  background-position: 0 -71px;
}
.a-23 {
  background: url(../images/icon/23_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-23:hover {
  background-position: 0 -71px;
}
.a-24 {
  background: url(../images/icon/24_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-24:hover {
  background-position: 0 -71px;
}
.a-25 {
  background: url(../images/icon/25_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-25:hover {
  background-position: 0 -71px;
}
.a-26 {
  background: url(../images/icon/26_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-26:hover {
  background-position: 0 -71px;
}

.a-27 {
  background: url(../images/icon/27_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-27:hover {
  background-position: 0 -71px;
}

.a-28 {
  background: url(../images/icon/28_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-28:hover {
  background-position: 0 -71px;
}

.a-29 {
  background: url(../images/icon/29_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-29:hover {
  background-position: 0 -71px;
}

.a-30 {
  background: url(../images/icon/30_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-30:hover {
  background-position: 0 -71px;
}

.a-31 {
  background: url(../images/icon/31_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-31:hover {
  background-position: 0 -71px;
}

.a-32 {
  background: url(../images/icon/32_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-32:hover {
  background-position: 0 -71px;
}

.a-33 {
  background: url(../images/icon/33_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-33:hover {
  background-position: 0 -71px;
}

.a-34 {
  background: url(../images/icon/34_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-34:hover {
  background-position: 0 -71px;
}

.a-35 {
  background: url(../images/icon/35_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-35:hover {
  background-position: 0 -71px;
}

.a-36 {
  background: url(../images/icon/36_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-36:hover {
  background-position: 0 -71px;
}

.a-37 {
  background: url(../images/icon/37_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-37:hover {
  background-position: 0 -71px;
}

.a-38 {
  background: url(../images/icon/38_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-38:hover {
  background-position: 0 -71px;
}

.a-39 {
  background: url(../images/icon/39_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-39:hover {
  background-position: 0 -71px;
}

.a-40 {
  background: url(../images/icon/40_icon.png);
  height: 71px;
  width: 71px;
  display: block;
}

.a-40:hover {
  background-position: 0 -71px;
}