table.bands td {
    padding: 5px 12px ;
}

table.bands th {
    padding: 5px 12px!important;
font-family: sans-serif;
}

table.bands th:last-child {
    text-align: right;
}

table.bands tr:nth-child(even) {background: #CCC}


#et_builder_outer_content ul.tabs{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
#et_builder_outer_content ul.tabs li{
		background: #CCC;
		display: inline-block;
		padding: 10px 35px;
		cursor: pointer;	
	}
#et_builder_outer_content ul.tabs li h3{
	    padding: 7px 10px !important;
    font-size: 22px;
}

#et_builder_outer_content ul.tabs li.current{
		background: #eee;
	}

#et_builder_outer_content	.tab-content{
		display: none;
		background: #eee;
		padding: 15px;
	}

#et_builder_outer_content .tab-content.current{
		display: inherit;
	}
	
	
@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block; 
	}
	.no-more-tables table.bands th {
		display: none;
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { border: 1px solid #ccc; }
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40% !important; 
		white-space: normal;
		text-align:left;
	}
 
	.no-more-tables td:before { 
		/* Now like a table header */
    position: absolute;
    top: 6px;
    left: 6px;
    width: 40%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-family: sans-serif;
    font-size: 12px;
	}
 
	/*
	Label the data
	*/
	.no-more-tables td:before { content: attr(data-title); }
}