ul.tabs {
	margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #DADADA;
width: 100%;
}

ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 21px;
height: 32px;
line-height: 31px;
border-top: 1px solid #DADADA;
border-left: 1px solid #CFCFCF;
border-bottom: 1px solid #DADADA;
background-color: #E0E0E0;
color: #7C7C7C;
overflow: hidden;
position: relative;
font-weight:500;
}

.tab_last { border-right: 1px solid #DADADA; }

ul.tabs li:hover {
	background-color: #ccc;
	color: #333;
}

ul.tabs li.active {
background-color: #fff;
color: #333;
border-bottom: 2px solid #fff;
display: block;
border-radius: 2px;
font-weight:bold;
}

.tab_container {
border: 1px solid #DADADA;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #fff;
overflow: auto;
margin-bottom:40px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-topright: 1px;
border-top-right-radius: 1px;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading { display: none; }
.tab_content h2{margin-top:10px;}
@media screen and (max-width: 768px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #898989;
		border-top: 1px solid #BDBDBD;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #666;
		color: #fff;
	}
	.tab_content h2{display:none;}
}