/* root element for accordion. decorated with rounded borders and gradient background image */
.accordion {
 	background: url(../images/h300.png) top left repeat-x;
	width: 100%;
}
/* accordion header */
.accordion h2 {
	background:url(../images/accordion-go-down.png) top right no-repeat #003333; 
	margin:0;
	height:30px; line-height:30px; padding:0px 0px 0px 10px;
	font-size:14px;
	font-weight:normal;
	border-bottom:1px solid #000000;
	cursor:pointer;	
}

/* currently active header */
.accordion h2.current {
	cursor:default;
	background:url(../images/accordion-go-left.png) top right no-repeat #669999; 
}
.accordion h2:hover {
	background:url(../images/accordion-go-left.png) top right no-repeat #339999; 
}

/* accordion pane */
.accordion div.pane {
	border-width:0 2px;
	display:none;
	height:auto;
	padding:10px;
	color:#fff;
	font-size:13px;
}

/* a title inside pane */
.accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}
/** Horizontal Accordion with images **/
/* root element for accordion. decorated with rounded borders and gradient background image */
.accordion-horizontal {
	background:#FFFFFF url(../images/h150.png) repeat scroll 0;
	height:80px;
	padding:10px 0 10px 20px;
	width:560px;
	border:1px solid #ddd;
}

/* accordion header */
.accordion-horizontal img {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
.accordion-horizontal img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
.accordion-horizontal div {
	width:0px;
	float:left;	
	display:none;		
	margin-right:10px;
}

/* content inside a pane should have fixed width */
.accordion-horizontal div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:190px;
	font-size:15px;	
}
	
.accordion-horizontal div p {	
	font-size:11px;
	width:190px;
}