.panel, .panelcollapsed 
{
	margin: 5px;
	background-color:#FFF;
	padding: 0px 0px 5px;
	width: 200px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* panel heading */
.panel h3, .panelcollapsed h3 
{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin: 0px;
	padding: 4px 5px 4px 5px;	
	border-bottom: 1px solid #74BDE0;
	background-image: url(../images/less_button.jpg);
	background-position: right;
	background-repeat: no-repeat;
	color: #67ACCB;
	vertical-align: middle;		
}

/* panel heading on rollover */
.panel h3:hover, .panelcollapsed h3:hover { background-color: #ffffff; }

/* heading of a collapsed panel */
.panelcollapsed h3 
{
	background-image:url(../images/plus_button.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

/* panel content - do not set borders or paddings */
.panelcontent {	
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	padding: 0px 10px 0px 10px;
	background-color:#FFF;
}

.panelcontent ul { list-style: none; padding: 0px 0px 0px 0px; background-color:#FFF;
	background-position:inherit;}

.panelcontent li ul{
	margin-right: 300px;
	
}

.panelcontent li  
{ 
	margin: 0px 8px;
	padding: 4px 0px 6px 0px;
	border-bottom: 1px #DCDCDC dashed;
	background-image: url(../images/arrow_06.png);
	background-position: right;
	background-repeat: no-repeat;
	background-attachment: inherit;
}	


/* collapsed panel content */
.panelcollapsed .panelcontent { display: none;}

.panelcontent a {
	color: #737373;
	text-decoration: none;
	padding-right: 20px;
}

.panelcontent a:hover {
	color: #FFF;
	text-decoration: underline;
}