body, html {
  height: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  font-weight: 100;
  background: #aadfeb;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;;
}

.tabs input[type=radio] { position: absolute; top: -9999px; left: -9999px; }
.tabs { width: 95%; float: none; list-style: none; position: relative; padding: 0px; margin : 5px auto; }
.tabs li{ float: left; padding-left:0px; }
.tabs label {
  display: block;
  text-align: left;
  padding: 5px 5px;
  border-radius: 3px 3px 0 0;
  color: gray;
  font-size: 14px;
  font-weight: normal;
  height:32px; 
  cursor: pointer;
  position:  relative;
  left: 5px;
  margin-right:4px;

border: 1px solid #B0B0B0  ;
border-bottom: none;
-moz-border-top-right-radius: 1ex;
-ms-border-top-right-radius: 1ex;
-o-border-top-right-radius: 1ex;
-webkit-border-top-right-radius: 1ex;
 border-top-left-radius: 0.9ex;
 border-top-right-radius: 0.9ex;
 box-shadow: inset 3px 10px 5px -10px white;


}
.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; 
margin-top: -1px;
}

[id^=tab]:checked + label {
	 color:gray  ;   
	 text-shadow: none; 
	 font-weight: bold;
	  background-color:rgb(244,240,231 ); 
	  -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);
	  z-index:99999999;
	  box-shadow: inset 0 10px 6px -10px white;
	  border-bottom: 2px solid #F7F7F7 ;
	  background-color:#F7F7F7 ;
	left: 5px;
	margin-top: -1px;
	z-index: 99999999;

}

[id^=tab]:checked ~ [id^=tab-content] {
  display: block;
}
.tab-content{
z-index: 1;
display: none;
text-align: left;
width: 100%;
font-size: 18px;
line-height: 140%;
padding-top: 10px;
background: #08C;
padding: 15px;
color: gray;
position: absolute;
margin-top: -1px;
 
left: 0px;
box-sizing: border-box;
 -webkit-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
animation-duration: 0.5s; 

border-color: rgba(0, 0, 0, 0.5) 
border-top-left-radius:0px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;

border:1px solid #B0B0B0;
border-top:1px;
margin-top: 0px;
box-shadow: 2px 2px 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
/* background-color:#f4f0e7; */
background-color:#F7F7F7 ; 

}