/*
    In order to set a default active tab, set the default tab to "class='active'"

    <div class="tab">
    	<button class="active" onclick="showTab(event, 'Reservation')">Reservation</button>
    	<button onclick="showTab(event, 'Squawks')">Squawks</button>
    	<button onclick="showTab(event, 'Dispatch')">Dispatch</button>
    	<button onclick="showTab(event, 'Grade Sheet')">Grade Sheet</button>
    	<button onclick="showTab(event, 'Invoice')">Invoice</button>
    </div>
    
*/

.tab
{
	overflow: hidden;
	border: none;
	width: 850px;
	margin:auto;
}

/* Style the buttons inside the tab */
.tab button
{
	background-color: #CC9966;
	float: left;
	border: 1px solid;
	outline: none;
	cursor: pointer;
	padding: 5px 16px;
	transition: 0.3s;
	font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover
{
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active 
{
	background-color: #996633;
}

/* Style the tab content */
.tabcontent
{
	display: none;
	padding: 6px 12px;
	border: 1px solid #996633;
	background-color: white;
	width: 850px;
	margin: auto;
}