.tabs-outer {text-align: left;}
.tabs ul {
	list-style-type: none;
	margin: 1rem 0.1rem 0 0.8rem;
	font-size: 0.9rem;
	padding: 0;
	overflow: hidden;
	background-color: #e7e7e7;
	margin-bottom: -1px;
	}

.tabs li {float: left;}
.tabs li a {
	display: block;
	color: #333333;
	text-align: center;
	padding: 9px 9px;
	text-decoration: none;
}

.tabs-active {background-color: #e7e7e7; border-left: 1px solid #999999; border-top: 1px solid #999999; border-right: 1px solid #999999;}
.tabs-l {background-color: #c5d2de; border-left: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #929191;}
.tabs-r {background-color: #c5d2de; border-right: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #929191;}
.tabs-l:hover, .tabs-r:hover {background-color: #4594b8; color: #ffffff;}

@media screen and (max-width: 600px) {.tabs ul {font-size: 1.1rem; margin: 0 0.3rem 0 0.8rem; margin-bottom: -1px;}}