#diffBar
{
	width: 3%;
	height: 100%;
	float: left;
	position:relative;
	background: #DDDDDD;
}

.diffBarLineLeft, .diffBarLineRight
{
	width: 50%;
	float:left;
	height:0px;
	cursor:pointer;
}

.inView
{
	background-image: url("../Content/InView.png");
	background-repeat: repeat;
}

#activeBar
{
	position:absolute;
	top:0px;
	background-color:#6699FF;
	opacity:0.5;
	filter:alpha(opacity='50');
}


#diffBox
{
	margin-left: auto;
	margin-right: auto;
	border:1px solid #CCC;
}


#leftPane, #rightPane
{
	float: left;
	width: 50%;
}

.diffHeader
{
	border-bottom:1px solid #CCC;
	font-weight: bold;
	padding: 2px 0px 2px 10px;
	background-color: #FFFFFF;
	text-align: center;
}
.diffPane
{
	margin-right: 0px;
	padding: 0px;
	overflow: auto;
	font-family: Courier New;
	font-size: 1em;
}
#leftPane .diffPane{
	border-right:1px solid #CCC;
}
#rightPane .diffPane{
	border-left:1px solid #FFF;
}

.diffTable
{
	width: 100%;
	height: 100%;
}
.diffTable strong{
	color:#666;
	font-weight:bold;
}

.line
{
	padding-left: .2em;
	white-space: nowrap;
	width: 100%;
}

.lineNumber
{
	padding: 0 .3em;
	background-color: #FFFFFF;
	text-align: right;
}

.InsertedLine
{
	background-color: #FFFF00;
}

.ModifiedLine
{
	background-color: #DCDCFF;
}

.DeletedLine
{
	background-color: #FFC864;
}

.UnchangedLine
{
	background-color: #FFFFFF;
}

.ImaginaryLine
{
	background-color: #C8C8C8;
}

.InsertedCharacter
{
	background-color: #FFFF96;
}

.DeletedCharacter
{
	background-color: #C86464;
}

.UnchangedCharacter
{
}

.ImaginaryCharacter
{
}

.clear
{
	clear: both;
}