.diy-metabox .metabox-tabs { display: block; margin-bottom:0; padding: 0; color: #000000;}
.diy-metabox .metabox-tabs li {list-style: none; display: inline; font-size: 11px; }
.diy-metabox .metabox-tabs li.link { margin-left: 4px; }
.diy-metabox .metabox-tabs li.link a { text-decoration: none; }
.diy-metabox .metabox-tabs li.link a:hover { text-decoration: underline; }
.diy-metabox .metabox-tabs li.tab.hidden { display: none; background-color: gray}
.diy-metabox .metabox-tabs li.tab a.has_error { background-color: red; color: white; }
.diy-metabox .metabox-tabs li a:focus { outline: none; box-shadow:none; }
.diy-metabox .metabox-tabs li.tab a { 
	display: block; float: left; margin-right: 4px; padding: 5px 12px;
	font-weight: bold; text-decoration: none; zoom: 1; outline: none;
	border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; 
}

.diy-metabox .metabox-tabs:after {
   clear:both;  content: "\0020";  display: table; 
}

.diy-metabox .metabox-tabs li.tab a.active,
.diy-metabox .metabox-tabs li.tab a:hover { 
  border-bottom: 3px solid #000; 
}

.diy-metabox .metabox-content {
	min-height: 60px;
	padding-bottom:10px;
    border: 1px solid #eee;	
}

.diy-metabox .tab-content { 
	padding: 10px 15px; 
	opacity: 0.9;
}

.diy-metabox .form-table th, 
.diy-metabox .form-table td {
    padding: 5px;
}

@media only screen and (max-width: 640px) {
 .diy-metabox .metabox-tabs li a {
    font-size: smaller;
 }
}