.ratesTableParent {
	display:inline-block;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.ratesTableParent > * {
	width:100%;
}

.rateTables {
    box-sizing: border-box;
	position:relative;
}

.rateTable {
	width:100%;
	table-layout:fixed;	
    border: 1rem solid #ffffff;
	opacity:0;
	min-height:0;
	height:0;
    position: absolute;
    top: -1000px;
    left: -1000px;
    background: #ffffff;
	z-index:-500;
}

.rateTable._active {
	opacity:1;
	height:auto;
	transition:opacity 1s;
	position:relative;
	top: 0px;
    left: 0px;
}

.rateTable th, .rateTable td {
	text-align:center;
	font-family:Balto-Book;
	font-size:1rem;
	color:#555555;
}



.rateTable th {
	font-weight:700;
	padding:1em;
	letter-spacing:.1em;
	background:#F6F6F6;
}

.rateTable td {
	font-weight:300;
	padding:1.25em;
	border-bottom:1px solid #979797;
}

.rateTable tfoot td {
	text-align:left;
	border-bottom:1px solid #ffffff;
}

.rateTable tfoot td * {
	font-size:0.75rem;
}



.ratesTabs {
	display:table;
	table-layout:fixed;
}

.ratesTabs > * {
	display:table-row;
}

.ratesTabs > *  > *{
	display:table-cell;
}

.ratesTabs button{
	width:100%;
	text-align:center;
	padding:1rem;
	border:0;
	background-color: #f2f2f2;
	border-top: 2px solid #f2f2f2;
	font-family:Balto-Book;
	font-size:0.875rem;
}

.ratesTabs button:hover {
	background-color: #f9f9f9;
	cursor:pointer;
	border-top: 2px solid #f9f9f9;
}

.ratesTabs button._active {
	border-top: 2px solid #ebca2a;
	background-color:#ffffff;
	color:#007856;
	font-weight:700;
}