*{margin:0;padding:0;}

#tabs{
	width:318px;
  margin:0 auto;
  margin-top:2%;
  margin-bottom:2%;
  border-style: solid;
  border-color: #444;
  border-radius:10px;
}

input[type="radio"]{
	display:none;
}

label{
  display: block;
  margin-right:2px;
  border-radius:3px;
  padding: 0px 6px;
  font-size:95%;
  font-weight:700;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

label:hover{
  background: #777;
}

.tab{

	display:none;
	padding-top: 25px;
	margin-left: -15px; 
}

#toggle-tab1:checked ~ label[for="toggle-tab1"],
#toggle-tab2:checked ~ label[for="toggle-tab2"],
#toggle-tab3:checked ~ label[for="toggle-tab3"],
#toggle-tab4:checked ~ label[for="toggle-tab4"],
#toggle-tab5:checked ~ label[for="toggle-tab5"],
#toggle-tab6:checked ~ label[for="toggle-tab6"],
#toggle-tab7:checked ~ label[for="toggle-tab7"]{
  margin-bottom:0;
  padding-bottom: 0px;
  color: #FFFF66; 
  cursor:default;
}

#toggle-tab1:checked ~ #tab1,
#toggle-tab2:checked ~ #tab2,
#toggle-tab3:checked ~ #tab3,
#toggle-tab4:checked ~ #tab4,
#toggle-tab5:checked ~ #tab5,
#toggle-tab6:checked ~ #tab6,
#toggle-tab7:checked ~ #tab7
{
  display:block;
}