@charset "UTF-8";
/* CSS Document */

/* root element for each accordion  */


.accordion {
	width: 544px;
	border:0px solid #CCCCCC;
	margin:0px 0 0px 0px;
	background-image: url(h300.png);
	background-repeat: repeat-x;
}

/* accordion header */
.accordion h2 {
	background:#FFFFFF repeat-x;
	margin:0;
	padding:3px 15px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	border: 1px solid #999999;
}

/* currently active header */
.accordion h2.current {
	cursor:default;
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	border: 1px solid #999999;
}

/* accordion pane */
.accordion div.pane {
	display:none;
	padding:10px;
	color:#fff;
	font-size:12px;
	border-top: 0 solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 0 solid #fff;
	border-left: 1px solid #fff;
}

/* a title inside pane */
.accordion div.pane h3 {
	font-weight:bold;
	margin:0 0 -5px;
	font-size:12px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

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