#tabs{
	width:100%;
  margin:0 auto;
  margin-top:10px;
  margin-bottom:60px;
  border-radius:3px;
}

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

label{
  width: 285px;
  background:#191919;
	display:inline-block;
	margin-right:2px;
  border-radius:3px;
	padding:14px 20px;
	cursor:pointer;
}

label:hover{
  background:#2E6097;
}

.tab{
	min-height:200px;
	background:#2E6097;
	display:none;
	padding:12px;
  color:#444;
  text-shadow:1px 1px #fff;
}

#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"]{
  background:#2E6097;
  margin-bottom:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  padding-bottom:18px;
  color:#606060;
  cursor:default;
}

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