/*
// HTML source written by Cory Dorning
// Visit www.corydorning.com/blog/jquery-faqs-scroll-and-highlight-tutorial
// for original source code and tutorial
*/

@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}

:focus {
	-moz-outline-style: none;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0 !important;
}

#accordion {
  border: 1px solid #ccc;
  border-bottom: none;
  margin: 0 auto;
	width: 682px;
}

	#accordion .section {
		background: url(../images/accordion-bg.gif) repeat-x 0 0;
		border-bottom: 1px solid #ccc;
		padding: 12px;
	}	
	
	#accordion h2 {
		background: url(../images/plus.png) no-repeat 0 4px;
		cursor: pointer;
		font-size: 14px;
		outline: none;
		padding-left: 18px;
	}
	
	#accordion .ui-state-active {
		background: url(../images/minus.png) no-repeat 0 4px;
	}
	
	#accordion .section-content {
		padding: 0 18px;
	}
	
	#accordion h3 {
		border-bottom: 2px dotted #CCC;
		color: #666;
		font-size: 12px;
		font-weight: bold;
		padding: 22px 0 5px 0;
	}
	
	#accordion p {
		padding-top: 12px;
	}
	
	#accordion ol,
	#accordion ul {
		margin: 12px 0 0 40px;
	}
	
	#accordion li {
		padding-bottom: 5px;
	}




/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active {
	background-color: #717171;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
	.text {
		font-size: 11px
	}
}