body { 
	font-family:arial,sans-serif;
	margin:0;
}
ul{
display: block;
list-style-type: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
padding:0;
}

a {
	text-decoration:underline;
	color:black;
	font-family:arial,sans-serif;

}
a:hover {
	color:#ee3224;
}

.node, .label { 
	cursor:pointer;
/*	box-shadow: 2px 2px 19px #aaa;
   -o-box-shadow: 2px 2px 19px #aaa;
   -webkit-box-shadow: 2px 2px 19px #aaa;
   -moz-box-shadow: 2px 2px 19px #aaa;*/
}



/*  these styles are what jsPlumb attaches to the various elements it creates.
._jsPlumb_connector {
border:1px solid blue;
}
._jsPlumb_endpoint {
border:1px solid green;
}
._jsPlumb_overlay {
border:1px solid yellow;
}
*/
.index {
width:20em;
font-size:9pt;
float:left;
background-color:#e4eeee;
overflow:auto;
padding-left:0.5em;
}
#vizCanvas {
width:960px;
height:800px;
position:relative;
}
.node { 
	opacity: 0.8;
	filter: alpha(opacity=80);
	width: 10px;
	height: 10px;
	z-index: 20;
	position: absolute;
	color: black;
	font-family: helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	behavior: url('border-radius.htc');
	border: 1px solid #BBBABA;
	overflow: hidden;
	background-color:#666;
	box-shadow: 0 0 19px #aaa;
   -o-box-shadow: 0 0 19px #ccc;
   -webkit-box-shadow: 0 0 19px #ccc;
   -moz-box-shadow: 0 0 19px #ccc;
}
.node span{
	display:none;
}
.node:hover{
	background-color:#fffad1!important;
}
.notHere{
	background-color:transparent;
	color:transparent;
}
.outboundSelected{
	background-color:red;
	color:black;
	overflow:visible;
}
.inboundSelected{
	background-color:magenta;
	overflow:visible;
	
}
.donor{
	background-color:#96CF68;
}
.recip{
	background-color: #3B7ACA;
	
}
.donor.recip{
	background-color:#FF7F0E;
	position:relative;
	top:-50%;
}
.highlight{
/*	background-color:white;*/
	color:black!important;
	overflow:visible!important;
}
.highlight span{
	color:black!important;
	display:block!important;
	font-size:10px;
	text-align:center;
}
#grt_volette{
/*	width:200px;*/
/*	height:100px;*/
/*	display:none;*/
	background-color:rgba(255,255,255,.7);
	filter:alpha(opacity=75);
	position:absolute;
	padding:6px 5px 6px 5px;
	font-size:11px;
	z-index:999;
	border:1px solid #eee;
	box-shadow:0px 0px 22px  #ccc;
	text-align:center;
}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid whitesmoke;
	opacity: 0.9;
	-khtml-opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}
#vlt_arrow_up{
	position:absolute;
	display:none;
	top:-10px;
	left:90px;
}
#grt_sideBar{
	position:absolute;
	padding:10px;
	top:0;
	height:577px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
	right:0;
	width:188px;
	border-left:1px solid #bbbaba;
	-webkit-box-shadow: -2px 0px 15px #ccc;
	-moz-box-shadow:    -2px 0px 15px #ccc;
	box-shadow:         -2px 0px 15px #ccc;
}
#grt_gaveTo,#grt_receivedFrom{
	font-size:11px;
	line-height:20px;
}
#grt_receivedFrom li:nth-child(odd),#grt_gaveTo li:nth-child(odd){
	background-color:#ffffef;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
}
#grt_title{
	font-weight:bold;
	font-size:13px;
}
.sideBarPointer{
	margin-bottom:5px;
	margin-top:10px;
}
.connection span{
	display:block;
}
.node.connection{
	overflow:visible;
}
#grt_legend{
	width: 195px;
	height: 89px;
	background-image: url('../imgs/legend_spac.png');
	position: absolute;
	left: 10px;
	top: 557px;
	border: 1px solid #CCC;
}
.dcPoint{
	font-size:10px;
}