div.box {
	float: left;
	margin: 0px 0px 7px 7px;
	padding: 0px 0px;
	width: 354px;
	border: 1px solid #b1c822;
}

div.box div.beanInCollapsibleField {
    padding: 2px 8px;
    min-height: 190px;
}

div.box div.help {
    float: right;
    margin: 0px;
    padding: 0px;
}

.expandBar span {
	color: white;
	font-weight: bold;
	margin: 0px 0px;
	padding: 0px 0px;
        font-size: 14px;
}

div.content {
   font-size: 12px;
}

div.content table {
   text-align:center;
   margin-left:auto; 
   margin-right:auto; 
   margin-top: 5px;
}
 
div.content ul {
   padding-left: 20px;
}

.expandBar {
	width: 100%; /* Should match .collapsibleBean */
	height: 18px;
    border: 0px solid #b1c822;
    background-color: #b1c822;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.expandBar span {
    margin: 0px 0px;
    padding: 0px 0px;
    float: left;
}

.expandBar .expandButton {
	margin: 2px 5px;
   	background: url(../../webv1/images/mes.png) no-repeat center center;
	height: 13px;
	width: 13px;
	float: left;
	display: none;
	/* Initial state. Should be opposite of .collapsibleBean */
}

.expandBar .collapseButton {
    margin: 2px 5px;
   	background: url(../../webv1/images/menys.png) no-repeat center center;
	height: 13px;
	width: 13px;
	float: left;
	display: block; /* Initial state. Should be same as .collapsibleBean */
}