/* For the div containing a collapsible button & checkbox */
.collapsible_header {
	padding: 8px;
}

/* For the button that toggles collapsing */
.collapsible {
	margin-top: 0px;
	margin-bottom: 0px;
	
	background-color: #eee;
	color: #444;
	cursor: pointer;
	text-align: center;
	float: left;
    width: 32px;
    height: 19px;
	border: 1px solid black;
}

/* For the button, on hover*/
.active, .collapsible:hover {
	background-color: #ccc;
}

/* For the checkboxes in collapsibles */
input.collapsible_check {
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;

    width: 18px;
    height: 19px;
    background-color: white;
    border-radius: 0%;
    vertical-align: top;
    border: 1px solid black;
    cursor: pointer;
}

.collapsible_check:checked {
    background-color: gray;
}

/* For the content that is hidden by default. */
.collapsible_content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
}

td, th {
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #666;
}