/*#diagram td {
outline: 1px solid #ccffff;
}*/
.center {text-align: center;}
.left {	text-align: left;}
.right {text-align: right;}
#diagram {
	background-color: #fff;
}
#diagramcontainer {
	width:576px; margin: 5px auto 0 auto;
}
.grey {background: #ddd; color:#222;
}
.grey:hover {
	background-color:#eee;
}
.grey p {
	margin: 5px; font-family: Arial Verdana 'Bitstream Vera Sans' sans-serif; font-size: 11px; line-height:1.3
}
.grey h4 {
	margin: 3px 5px; font-family: 'Trebuchet MS' Tahoma Arial; font-size: 12px; font-weight: bold;
}
.orange h4 {
	font-family: 'Trebuchet MS' Tahoma Arial; font-size: 11px; font-weight: bold;color:#555;
}
.outer {
	background:#ddd url(/images/diagram/arrow_orange_grey.png) no-repeat top center; padding-top: 25px;
}
.orange {
	font-weight: bold;  background-color: #FFCC66; color: #666; font-size: 14px;
	margin: 5px; font-family: Arial Verdana 'Bitstream Vera Sans' sans-serif; 
}
.orange p {
	padding: 5px;
}
.leftlink {
	border-left: 2px solid #ffaa00; border-top: 2px solid #fa0;
}
.rightlink {
	border-right: 2px solid #ffaa00; border-top: 2px solid #fa0;
}
.topright {
	background: #ddd url(/images/diagram/angle_grey_left.png) no-repeat top right;
}
.topleft {
	background: #ddd url(/images/diagram/angle_grey_right.png) no-repeat top left;
}
.toporange {
background: #fc6 url(/images/diagram/orange_white_top.png) repeat-x top center;
}
.bottomorange {background: #fc6 url(/images/diagram/orange_white_bottom.png) repeat-x bottom center;
}
.oleft {
	background: #fc6 url(/images/diagram/_orange_white_left.png) repeat-y left top;
}
.bottomarrows {
	background: url(/images/diagram/arrow_grey_down.png) no-repeat top center;
}