/* CSS Document */
* {
    box-sizing: border-box;
}
.rtabs{
	min-width: 100%;
	margin-top:35px;
}
.rtabs> div > a {
	text-decoration: none;
	color: black;
	background: white;
	display: block;
	height:40px;
	line-height:40px;
	padding:0 15px;
	border: 1px solid #ccc;
	border-bottom: 1px solid white;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	background: -moz-linear-gradient(top, white, #eee);
	cursor:inherit;
}
.rtabs> div > div {
	background: white;
	padding: 20px;
	border: 1px solid #ccc;
	border-top:none;
	margin-top:-1px;
	margin-bottom:15px; 
}

@media screen and (min-width: 900px) {
.rtabs{
	position: relative;
	height:450px;
}
.rtabs> div {
	display: inline;
}
.rtabs> div > a {
	margin-left: -1px;
	position: relative;
	left: 1px;
	float: left;
	z-index:3;
	cursor:pointer;
	border-bottom: 2px solid #666;
}
.rtabs> div:not(:target) > a {
	background: -moz-linear-gradient(top, white, #eee);
	height:35px;
	line-height:35px;
	margin-top:5px;
}
.rtabs> div:target > a {
	background: white;
	border-top:2px solid #666;
	border-bottom: none;
	margin-top:0px;
}

.rtabs> div > div {
	z-index: 0;
	min-height: 350px;
	overflow:auto;
	left: 0;
	top: 40px;
	bottom: 0;
	right: 0;
	padding: 20px;
	margin-top:-2px;
	border: 1px solid #ccc;
	border-top: 2px solid #666;
	border-bottom-color: #666;
}
.rtabs> div:first-child > div {
	z-index: 1;
}
.rtabs> div:not(:target) > div {
	position: absolute;
}
.rtabs> div:target > div {
	position: absolute;
	z-index: 1;
}
}