.tabs {
  font-size: 0;
  margin: 5px 0 0 0;
  padding-left:15px;
  overflow: auto;
  padding-right: 0px;
  margin-right:-10px;
}

.tabs:after {
  clear: both;
  content: '';
  display: table;
}

.tabs .tab {
  display: inline; 
}

.tabs .tab-label {
  background: #eee; 
  border: 1px solid #ccc; 
  display: inline-block;
  font-size: 12px;
   left: 1px;
  margin-left: -1px;
  padding: 6px 10px  0px 10px; 
  position: relative;
  vertical-align: bottom;
  border-left: 1px solid #8E8E90 ;
  border-top: 1px solid #8E8E90;
  border-right: 1px solid #8E8E90
}

.tabs .tab > [type="radio"] {
  clip: rect(0 0 0 0);
  height: 1px;
  opacity: 0;
  position: fixed;
  width: 1px;
  z-index: -1;
  /*  left: 5px;
	  margin-left:4px;
	  margin-right:4px;
  */
}

.tabs .tab-panel {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 0;
  width: 0;
  border-radius: 5px 5px 0 0;
  	margin: 0px -5px 0px -5px;
	
}

.tabs .tab-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: red;
  padding: 10px;
  border: 1px solid #ccc;
  float: left;
  font-size: 12px;
  margin-top: -1px;
  margin-left:-10px;
  
  width: 100%;
  overflow: hidden;
  
    border-radius: 0 0 3px 3px;
  -moz-box-shadow: 0 0 5px 3px #888;
  -webkit-box-shadow: 0 0 3px 5px#888;
  border:1px solid #606060 ; 
  box-shadow: 1px 1px 8px #707070 ; 
}

.tabs .tab [type="radio"]:checked + .tab-label {
	background: red;
	border-bottom-width: 0;
	padding-bottom: 3px;

	z-index: 1;
	color:gray  ;   
	text-shadow: none; 
	font-weight: bold;
	-moz-box-shadow: 0 0px 4px rgb(0,0,0, .5);
	-webkit-box-shadow: 0  0px 4px rgb(0,0,0, .5);
	box-shadow: 1px -5px 4px rgb(0,0,0, .5);
	box-shadow: inset 0 10px 6px -10px white;
	 border-top: 4px solid #5E74A0 ;
}

.tabs label:hover {
  color: #304030 ;
  /*background-image:url('images/btnHover.png');*/
  background-color:#F7F7F7 ; 
  border-color: #B0B0B0;
   border-bottom: none;
  text-shadow: 1px 1px 1px white;
  border-bottom: 1px solid #F7F7F7; 
}

.tabs .tab [type="radio"]:checked ~ .tab-panel {
  display: inline;
}
 
 