body {
	background-color: #ededed;
	padding: 0% 15%;
	font-family: "Arial";
}

div {
	background-color: #FFFFFF;
	padding: 5px 10px;
	width: 100% border:1px solid #555555;
}

h1 {
	color: black;
	text-align: left;
	font-size: 25px;
	font-weight: bold
}

h2 {
	color: black;
	text-align: left;
	font-size: 20px;
	font-weight: bold
}

h3 {
	color: black;
	text-align: left;
	font-size: 15px;
	font-weight: bold
}

h4 {
	color: black;
	text-align: left;
	font-size: 13px;
	font-weight: bold
}

p, li, table {
	text-align: left;
	color: black;
	font-size: 14px;
	padding: 2px 0px 2px 0px;
}

pre {
	text-align: left;
	color: black;
	font-size: 14px;
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}

caption {
	text-align: left;
	color: black;
	font-size: 10px;
}

a {
	text-align: left;
	color: #1a88dd;
}

table {
	border-collapse: collapse;
}

table, th, td {
	border: 1px solid #444444;
	padding: 3px;
}

th {
	background-color: #c2c2c2
}

tr.alt {
	background-color: #ededed
}

.crop {
	width: 50%;
	height: 150px;
	overflow: hidden;
	border: 1px solid #444444;
}

	.crop img {
		width: 999px;
		height: 649px;
		margin: -67px 0 0 -25px;
	}

.indent {
	text-indent: 50px;
}

.gray-bg {
	background: #11111122;
}

.clear-bg {
	background: none;
}

.collapsible {
  background-color: #eee;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-family: "Arial";
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}