.menu,
.menu ul,
.menu li,

.menu a {
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	}

.menu {	
         -moz-border-radius: 5px;
	     border-radius: 5px;
         height: 40px;
	     width: 745px;
         -webkit-border-radius: 5px;
	  
      }

.menu li {  

          list-style: none;
          height: 20px;
		  float: left;
		 text-align:left; 
	     display: block;
         position: relative;
	   
        }



.menu li a {

	    display: block;
	    padding: 0 7px;
	    margin: 1px 0;
        line-height: 18px;
	    text-align:left; 
	    text-decoration: none;
        font-family:Arial, Tahoma;;
        font-size: 12px;
	    color: #666666;
		     -webkit-transition: color .2s ease-in-out;
	    -moz-transition: color .2s ease-in-out;
	    -o-transition: color .2s ease-in-out;
        font-weight: bold;
   
	    -ms-transition: color .2s ease-in-out;
	    transition: color .2s ease-in-out;
           }

.menu li:first-child a { border-left: none;  } 
.menu li:last-child  a { border-right: none; }

.menu li:hover > a { color: black; }


.menu ul {
        
         position: absolute;
	     top: 30px;
		 left: 10;
         opacity: 0;
	     background:#FFFAFA ;
		  -webkit-transition: opacity .25s ease .1s;
	     -moz-transition: opacity .25s ease .1s;
	     -o-transition: opacity .25s ease .1s;
	     -webkit-border-radius: 0 0 5px 5px;
	     -moz-border-radius: 0 0 5px 5px;
	     border-radius: 0 0 5px 5px;
        
	     -ms-transition: opacity .25s ease .1s;
	     transition: opacity .25s ease .1s;
        }

.menu li:hover > ul { opacity: 1; }
.menu ul li {
	     height: 0;
             text-align:left; 
	     overflow: hidden;
         -webkit-transition: height .25s ease .1s;
	     -moz-transition: height .25s ease .1s;
	     -o-transition: height .25s ease .1s;
	     padding:0;
    
	     -ms-transition: height .25s ease .1s;
	     transition: height .25s ease .1s;
            }

.menu li:hover > ul li {
                  vertical-align: text-top;
	              display:block; 
				  line-height:2px;
                  text-align:left;
				  height: 22px;
					
	                overflow: visible;
	                padding: 0;
	               margin:0;
                       }

.menu ul li a {
           text-align:left; 
	       width: 245px;
		   padding: 1px 0 1px 11px;
	       margin:0;
	       border: none;
	       border-bottom: 0px solid #353539;
          }
.menu ul li:last-child a { border: none; }


#test {
width:170px;

}

#test li,#test li.test {

width:170px;

}

#menu_w100{
	width:200px;
	height: 60px;
}
	
#menu_w100 li,#menu_w100 li.menu_w100 {
	width:200px;

}

#box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 100%;
}
#box div {
	   border: 1px;
	   width:33%;
	   height: 50px;
	   display: inline-block;
}
   
.tableHead{
	   white-space:nowrap;
}
td.tableHead > div{
   	border:solid 1px green;
	display:inline-block;
}