li {
	margin-bottom: 1em;
}

li p {
	font-style: italic;
}

li p i {
	font-style: normal;
}

h2 {
	text-align: center;	
}

h3 {
	clear: both;
}

.upgradeExample {
	margin-bottom: 1em;
	text-align: center;
	height: auto;
}

.upgradeExample > img {
	padding: 0;	
	margin-bottom: 0;
	font-weight: bold;	
	font-size: 1em;
	cursor: pointer;
	border: dashed black 2px;
}

.upgradeExample > img:hover {
	border: solid black 2px;
}

.exampleContent {
	visibility: hidden;
	display: none;
	border-top: none;
	border: solid black 1px;
	background-color: #e8ffe4;
}

.codeJava {
	background-image: none;
	padding: 0.5em 0 0.5em 0.2em;
	background-color: transparent;
	overflow: visible;
}

.leftExample, .rightExample {
	padding: 0.5em 0.5% 0.5em 0.4%;
	overflow: auto;
	width: 49%;
	min-width: 49%;
	max-width: 49%;
	max-height: 50em;
}

.leftExample {
	float: left;
}

.rightExample {
	border-left: solid black 1px;
	padding-left: 0.5%;
}

.rightExample h1, .leftExample h1 {
	padding: 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}