@charset "UTF-8";
/* CSS Document */
.toggle { 
	font-size: 13px;
	line-height:20px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:; /* Main background */
	margin-bottom: 10px;
	border: 1px solid #994708;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;	
}
 
/* Toggle Link text */
.toggle a.toggle-trigger {
	display:block;
	padding: 5px 10px 8px 10px;
	position:relative;
	text-decoration: none;
	color: #666;
}
 
/* Toggle Link hover state */
.toggle a.toggle-trigger:hover {
	opacity: .8;
	text-decoration: none;
}
 
/* Toggle link when clicked */
.toggle a.active {
	text-decoration: none;
	border-bottom: 1px solid #994708;
	-webkit-box-shadow: 0 8px 6px -6px #994708;
	   -moz-box-shadow: 0 8px 6px -6px #994708;
	        box-shadow: 0 8px 6px -6px #994708;
	color: #000;
}
 
/* Lets add a "-" before the toggle link */
.toggle a.toggle-trigger:before {
	content: "+";	/* You can add any symbol, font icon, or graphic icon */
	margin-right: 10px;
	font-size: 1.3em;	
}
 
/* When the toggle is active, change the "-" to a "+" */
.toggle a.active.toggle-trigger:before {
	content: "-";
}
 
/* The content of the toggle */
.toggle .toggle-content {
	padding: 5px 10px 8px 30px;
	color:#666;
}

.toggle a {
    text-decoration: none !important;
}
.toggle h3, .toggle h2 {
    font-family: Helvetica, Arial, sans-serif !important;
}