body {
	background-image: url(bg-osu.jpg);
}

h1 {
	color: rgb(255, 204, 255);
}

#tab-container {
	box-sizing: border-box;
	padding: 0px 55px;
	margin-bottom: 10px;
	/*background: white;*/
	height: 60px;
	text-align: justify;
	font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
	min-width: 600px;
}

#tab-container div {
	box-sizing: border-box;
	width: 175px;
	height: 60px;
	display: inline-block;
	padding: 10px 10px;
	/*background: red;*/
}
#tab-container:after {
	content: '';
	width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
	display: inline-block;
}

.tab-button {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	border-color: #777;
	cursor: pointer;
	background: black;
	color: #888;
	font-family: "Myriad Pro Light";
	font-weight: bold;
	font-size: 12pt;
	
	transition-duration: 0.15s;
}

.tab-button:focus {
	outline:0;
}

.tab-button:hover {
	background-color: #222;
}


.active {
	border-width: 3px;
	border-color: rgb(102, 217, 255);
	text-shadow: 0px 0px 8px cyan;
	color: white;
}


#button-0 {
	
}
#button-1 {

}
#button-2 {

}


.folder-content {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 30px 20px 30px;
	background: rgba(0,0,0,0.7);
	border-style: solid;
	border-color: #222;
	border-width: 1px;
}

#settings-table {
	width: 350px;
}

#settings-table td{
	padding: 2px 0px;
}