.toggle-box {
  	display: none;
	height: 20px;	
}

#table {
	display: table;
}

#row {
	display: table-row;
}

#left, #right, #middle {
	display: table-cell;
}

.toggle-box + label {
	cursor: pointer;
  	border-radius: 15px 0px 0px 0px;
	display: inline-block;	
	padding: 10px 20px;
  	font-weight: bold;
  	margin: 10px 10px 10px 10px;
	text-align: center;
	background-color: lightgray;
	border-bottom: 1px solid #cc3727;
	min-width: 280px;
}

.toggle-box + label + div {
  	display: none;
  	margin: 10px 10px 10px 10px;
	
	padding: 0px 10px;
	max-width: 280px;
	text-align: justify;
}

.toggle-box:checked + label + div {
  	display: inline-block;
	
}

.toggle-box + label:before {
	  
/*background-color: #4F5150;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  
  color: #FFFFFF;
  content: "+";*/
  display: block;
  float: left;
  font-weight: bold;
  
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

.toggle-box:checked + label:before {
  /*content: "\2212";*/
}