*.jsdiff {
	margin: 0;
	padding: 0;
}

html.jsdiff, body.jsdif {
	background: #EEE;
	font: 12px sans-serif;
}

body.jsdiff {
	padding-top: 1.8em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html.jsdiff, body.jsdiff, table.jsdiff, tbody.jsdiff, tr.jsdiff, td.jsdiff, td.jsdiff div.jsdiff {
	height: 100%
}

table.jsdiff {
	table-layout: fixed;
	width: 100%;
}

td.jsdiff {
	box-sizing: border-box;
	width: 33.3333%;
	padding: 3px 4px;
	border: 1px solid transparent;
}

	td.jsdiff div.jsdiff {
		overflow: auto;
		font: 1em monospace;
		text-align: left;
		white-space: pre-wrap;
	}

h1.jsdiff {
	display: inline;
	font-size: 100%;
}

del {
	text-decoration: none;
	/*color: #b30000;
	#background: #fadad7;
	background: #ffec88;*/
	background: #FCE8E8;
}

ins {
	background: #eaf2c2;
	color: #406619;
	text-decoration: none;
}

.chunk-header {
	color: #8a008b;
	text-decoration: none;
}

#result {
	white-space: pre-wrap;
}

#settings {
	position: absolute;
	top: 0;
	left: 5px;
	right: 5px;
	height: 2em;
	line-height: 2em;
}

	#settings label {
		margin-left: 1em;
	}

.source {
	position: absolute;
	right: 1%;
	top: .2em;
}

[contentEditable] {
	background: #F9F9F9;
	border-color: #BBB #D9D9D9 #DDD;
	border-radius: 4px;
	-webkit-user-modify: read-write-plaintext-only;
	outline: none;
}

	[contentEditable]:focus {
		background: #FFF;
		border-color: #6699cc;
		box-shadow: 0 0 4px #2175c9;
	}

@-moz-document url-prefix() {
	body.jsdiff {
		height: 99%; /* Hide scroll bar in Firefox */
	}
}