
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#333 url(../images/box_header_wide.png) 0 0;
  background: white;
	/*width: 300px;*/
	border:1px solid #ccc;
	-background:#666;
  border-top: none;
  margin-bottom: 2em;
}

#overview h3 { color: #555; }
/* accordion header */
#accordion h3 {
	background: white url(../images/accordion_header.png) repeat-x 0 bottom;
	margin:0;
	padding:10px 15px;
	font-size:14px;
	font-weight:normal;
	border:none;
  border-top: 1px solid #ddd;
	cursor:pointer;		
  color: #555;
  height: 24px;
  line-height: 24px;
  color: #2659bf;
}
#accordion h3 span {  height: 24px; display: block; text-decoration: underline; background: transparent url(../images/icons/pencil_24.png) no-repeat 0 0; padding-left: 40px;line-height: 24px;}
#accordion h3 span#link { background-image: url(../images/icons/link_24.png); }
#accordion h3 span#assess { background-image: url(../images/icons/assess_24.png); }
#accordion h3 span#categorize { background-image: url(../images/icons/category_24.png); }
#accordion h3 span#track { background-image: url(../images/icons/glass_24.png); }
#accordion h3 span#share { background-image: url(../images/icons/recycle_24.png); }


#accordion h3 strong {   color: #2659bf;}
/* currently active header */
#accordion h3.current {
	background-color:#fff;
}

/*#accordion h3 strong { color: #2659bf; }*/


/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	/*height:180px;*/
	padding:15px;
}

/* a title inside pane */
#accordion div.pane h4 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

#accordion ul { margin-left: 2em; }
#accordion li { margin-bottom: 1em; }

.faq p.question { cursor: pointer; font-size: 12px; line-height: 18px; font-weight: bold; margin-bottom: 0.5em; color: #2659bf; text-decoration: underline;}
.faq div.answer { display: none; margin: 0 0 1em;}
#getstarted #accordion { border: none; background: transparent; }