.sizing-tool-table table{
    border-collapse:collapse;
     display:block;
    width: 100%;
}
.sizing-tool-table table thead th, .sizing-tool-table table td.left-index{
  background: rgb(70,70,70);
  color: rgb(179,   179,179);
}
.sizing-tool-table table td, .sizing-tool-table table th
{  
    border: 1px solid rgb(225,225,225);
    text-align:center;
}
.sizing-tool-table table td{
    background: rgb(246,246,246);
    color: rgb(180,180,180);
    width:1%;
}
.sizing-tool-table table th.index-corner, .sizing-tool-table table th.blank, .sizing-tool-table table td.blank, .sizing-tool-table table td.top-key, .sizing-tool-table table td.left-key{
  background: white !important;
  border: none;
}
.sizing-tool-table table td.top-key, .sizing-tool-table table td.left-key{
 font-size: 20px;
 color: black;
 text-transform: uppercase;
 letter-spacing: 4px;
}
.sizing-tool-table table td.T{
    cursor: pointer;
}
.sizing-tool-table table td.selected{
    background: rgb(1,178,168);
    color: white;
}
.sizing-tool-table table td.left-key {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
  vertical-align:middle;
}

.sizing-tool-table table td.left-key > div {
	transform: /* Magic Numbers */ translate(25px, 51px) /* 45 is really 360 - 45 */ rotate(-90deg);
	width: 30px;
	position: relative;
	left: -30px;
	float: right;
}
.sizing-tool-table table td.left-key > div > span {
  padding: 5px 10px;
}


/*popup*/
.mfp-bg {
    background: transparent !important;
}
.mfp-content{
    max-width:500px !important;
    background-color: rgba(0, 0, 0, .7);
}
#crane-result-modal{ 
    padding:30px 30px 30px 30px;
    min-height:160px;
}
#crane-result-modal .mfp-close{
	color: white;
}
#crane-result-modal h3{
  text-align:center;
  color: white;
  font-size: 1.8em;
  padding:10px 0;
  margin:0;
}
#crane-result-modal p{
  text-align:center;
  color: white;
  font-size: 1.2em;
  line-height:1;
  padding:10px 0;
  margin:0;
}
#crane-result-modal .center{
  text-align:center;
}
#crane-result-modal a{
  color: white;
  text-decoration:none;
  text-align:center;  
}
#crane-result-modal .download{
  font-weight: bold;
  font-size: 1.3em;
}
#crane-result-modal .datasheet{
  font-size: 1.2em;
}
#crane-result-modal .download, #crane-result-modal .datasheet{
  display:block;
  margin:0;
  padding:0;
  line-height:1.3;
}
#crane-result-modal .center button{
	background: rgb(246,206,0);
    padding: 10px 70px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    color: white;
    font-size: 18px;
}

/* table navigation */
.table-navigation{ margin-bottom:60px; }
.table-navigation #radius, .table-navigation #height{ background: rgb(124,124,124); color: white; padding:10px 21px; text-decoration:none; }
.table-navigation .active{ background: #F6CE00 !important; }
.table-navigation #radius:not(.active), .table-navigation #height:not(.active){ cursor: pointer; }


/* New table style */
#table-wrap{
	position:relative;
}
#table-wrap ul{
	margin:0;
	border-bottom:1px solid #ddd;
}
#table-wrap ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
}
#table-wrap li.index-corner {
	background: none !important;
}
#table-wrap li.selected {
    background: rgb(1,178,168) !important;
    color: #fff !important;
}
#table-wrap ul li.T {
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#table-wrap ul li.T:hover{
	cursor: pointer;
}
#table-wrap .wrap{
	width:95%;
	clear:left;
	min-height: 40px;
	float:right;
	background:white;
}
#table-wrap .head{
	background:white;
	z-index:1;
}
#table-wrap .head .wrap:first-child{
	border-bottom:none;
}
#table-wrap .head .wrap:first-child li{
	font-size: 20px !important;
    color: black;
    text-transform: uppercase;
    letter-spacing: 4px;
}
#table-wrap .wrap .column{
	float:left;	
	padding:10px 5px;
	height:auto;
	text-align:center;
}
#table-wrap .wrap .bordered{
	border-right:1px solid #ddd;
}
#table-wrap .head .top-index, #table-wrap section.body .left-index{
	background: rgb(70,70,70);
    color: rgb(179, 179,179);
}
#table-wrap section.body .wrap{
	background: rgb(246,246,246);
	color: rgb(180,180,180);
}

#table-wrap .rotate{
	transform: /* Magic Numbers */ translate(25px, 51px) /* 45 is really 360 - 45 */ rotate(-90deg);
	/* width: 60px; */
	position: fixed;
	/*margin-left: -570px;*/
	margin-left: -124px;
	top: 218px;
}
#table-wrap .rotate .left-key-text{	
	font-size: 20px !important;
    color: black;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align:center;
	padding: 5px 10px;
}

/* modify footer */
#top #wrap_all #main .avia-no-border-styling {
    z-index: 1;
    position: relative;
}