.network-view {
 	width: 100%;
 	margin-bottom: @baseLineHeight;
 	border: 1pt solid @treeHeaderBorder;
 	position: relative;
 
 	&.loading-commits {
 
 		&:before {
 			content: "";
 			display: block;
 			height: 100pt;
 			width: 200pt;
 			box-sizing: border-box;
 			padding: 10pt;
 			font-weight: bold;
 			position: absolute;
 
 			left: 50%;
 			top: 50%;
 			margin-left: -100pt;
 			margin-top: -50pt;
 
 			color: #555;
 			background: rgba(255,255,255,.8) url("@{ajaxLoaderPath}") no-repeat center;
 			z-index: 2000;
 			border: 1pt solid #eee;
 			border-radius: 8pt;
 			box-shadow: 2pt 2pt 2pt #eee;
 		}
 
 		.network-header .meta:after {
 			content: " - Loading";
 		}
 	}
 
 	.network-header {
 		padding: 8pt;
 		line-height: @baseLineHeight;
 		text-align: left;
 		vertical-align: bottom;
 		#gradient > .vertical(@treeHeaderHighlight, @treeHeader);
 		border-bottom: 1pt solid lighten(@treeHeaderBorder, 5%);
 		font-weight: bold;
 		color: @white;
 		text-shadow: 1pt 1pt 1pt @bodyBackground;
 		height: 28pt;
 
 		.meta {
 			float: left;
 			padding: 4pt 0;
 			font-size: 14pt;
 		}
 
 	}
 	pre {
 		margin: 0;
 		padding: 12pt;
 		border: none;
 	}
 	.network-graph {
 		background-color: lighten(@bodyBackground, 50%);
 		height: 400pt;
 		overflow: hidden;
 		cursor: move;
 		position: relative;
 
 		.network-commit-overlay {
 			position: absolute;
 			width: 400pt;
 			top: 0;
 			left: 0;
 			padding: 8pt;
 			margin: 0 0 @baseLineHeight;
 			list-style: none;
 			#gradient > .vertical(@white, #f5f5f5);
 			border: 1pt solid #ddd;
 
 			.border-radius(3pt);
 			.box-shadow(~"0 1pt 0 rgba(255,255,255,0.4), 0 0 10pt rgba(0,0,0,0.1)");
 
 			img {
 				float: left;
 				margin-right: 8pt;
 			}
 
 			&>h4,
 			&>p {
 				padding-left: 48pt;
 			}
 		}
 
 	}
 }