div#demo 
{
	width:616px;
	margin:20px auto;
	font-size:12px;
	line-height:160%;
	color:#333;
}

.containerPanel
{
  width: 616px;
  border: 1px;
  border-color: #e3e3e3;
}
.collapsePanelHeader
{
  width: 616px;
  height: 30px;
  background: #efefef center right no-repeat;
  color: #000;
  font-weight: bold;
}
.headerContent
{
  float: left;
  padding-left: 20px;
  line-height:30px;
}
.headerContent .next {
	font-size:0.9em;
	font-weight:normal;
	color:#666666;
	margin-left:10px;
}

.content
{
	padding:20px;
	border:1px solid #e3e3e3;
	text-align:left;
}
.arrow.expand
{
  background: url(img/togglerc.gif) no-repeat;
  width: 13px;
  height: 13px;
  float: right;
  margin-top: 12px;
  margin-right: 5px;
}
.arrow.expand:hover
	{
	background: url(img/togglerch.gif) no-repeat;
  cursor:pointer;
}
.arrow.close
{
  background: url(img/togglero.gif) no-repeat;
  width: 13px;
  height: 13px;
  float: right;
  margin-top: 12px;
  margin-right: 5px;
}
.arrow.close:hover
{
	background-image: url(img/toggleroh.gif);
  cursor:pointer;
}