body {width:93%;}
#top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  padding:10px;
  background-color:#eee;
}
		#chart_div {display: inline-block;width: auto;
			margin:165px 50px 20px 75px; padding:30px 50px 40px 20px; 
			background-color: #f9fafc;
			border:1px solid #aaa;
			border-radius: 12px;
			-moz-border-radius: 12px;
			-webkit-border-radius: 12px;
			-webkit-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 16px;
			-moz-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 16px;
						position:relative; 
			box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 16px;
			}
		#chart_div td.google-visualization-orgchart-node div{
		  max-width:auto;
			}
			
			
		a:link {color:blue; text-decoration: none;}
		a:visited {color:blue;}
		a:hover {color:red;}
		.hdr {font-size:1.2em; text-align:center; font-weight:bold;border-bottom:2px solid #aaa; background-color: #ccc;}
		.hdr {border-radius: 6px 6px 0px 0px;}
		
		.director  {color:red;font-size:1em; font-style:italic;}
		.name  {white-space: nowrap;font-weight:bold;}
		.vacant-approved  {background-color:#b3ffb3; white-space: nowrap;}
		.vacant-Notapproved  {background-color:#fff372; white-space: nowrap;}
		.temp-assign {color:red;}
		.pos  {font-size:1.0em; font-style:italic;}
		.contact {font-size:1.3em; border-top:1px solid #aaa; color:#404751; font-style:italic;}
		
		.info {font-size:1.2em; border-bottom:1px solid #aaa;}

		.title{font-weight:bold;font-size:1.5em;text-align:center; padding-bottom:50px;}
		#qr {display:none;position:absolute;left:5px;top:5px;border:1px #555;}
		img {max-width: 150px;border: 0px solid #ccc;
			border-radius: 12px;
			-moz-border-radius: 12px;
			-webkit-border-radius: 12px;
			-webkit-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 8px;
			-moz-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 8px;
			box-shadow: rgba(0, 0, 0, 0.5)  8px 8px 8px;
	img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
			}
		.thumb{width:40px;
			margin-top:4px;
			border-radius:14px 0px 14px 0px;/*IE*/
			-moz-border-radius: 14px 0px 14px 0px;
			-webkit-border-radius: 14px 0px 14px 0px;/*ff & edge*/
			-webkit-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 10px;
			-moz-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 10px;
			box-shadow: rgba(0, 0, 0, 0.5)  8px 8px 10px;
			}
		.thumb_noZoom{width:40px;
			margin-top:4px;
			border-radius:4px 0px 12px 0px;/*IE*/
			-moz-border-radius: 4px 0px 12px 0px;
			-webkit-border-radius: 4px 0px 12px 0px;/*ff*/
			-webkit-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 10px;
			-moz-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 10px;
			box-shadow: rgba(0, 0, 0, 0.5)  8px 8px 10px;
			}
			
		.thumb:hover {
			border-radius:0px 0px 0px 0px;
			}
		.dontshowphotos {font-size:0.8em; font-style:italic;color:#888;}
		.tooltip {
			position: relative;
			display: inline-block;
			/*border-bottom: 1px dotted black*/;
		}

		.tooltip .tooltiptext {
			visibility: hidden;
			width:0px;
			/*background-color: black;*/
			color: #fff;
			text-align: center;
			border-radius: 6px;
			padding: 5px 0;

			/* Position the tooltip */
			position: absolute;
			z-index: 1;
		}

		.tooltip:hover .tooltiptext {
			visibility: visible;
		}
		table{width:100%; /*border-collapse: collapse;*/}
		td{font-size:.7em; width:33%;/*BORDER:1px solid;*/ white-space: nowrap;}
		.line-top {border-top:1px solid #aaa;}
		.left, .email {text-align:left;}
		.center {text-align:center;}
		.right, .skype {text-align:right;}
		
		
		/************/
		.myNodeClass {
			/*max-width:auto;
			padding:20px;
			text-align: center;
			vertical-align: middle;*/
			font-family: arial,helvetica;
			cursor: default;
			border-radius: 8px;
			border: 1px solid #b5d9ea;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			-webkit-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 16px;
			-moz-box-shadow: rgba(0, 0, 0, 0.5) 8px 8px 16px;
			box-shadow: rgba(0, 0, 0, 0.5)  8px 8px 16px;
			background-color: #e6f2ff;/*#b0d7ee;*/
			background: -webkit-gradient(linear, left top, left bottom, from(#b0d7ff), to(#fcf7de/*e6ffff*/));
			background: linear-gradient(#b0d7ff, #e6f2ff); /* Standard syntax (must be last) */
		}
		
		.myNodeClass:hover, .mySelectedNodeClass {
			border: 1px solid #e6b800;
			/*border-radius: 10px 10px 10px 10px;*/
			background-color: #fff0b3;
			background: -webkit-gradient(linear, left top, left bottom, from(#e6b800), to(#fff0b3));
			background: linear-gradient(#e6b800, #fff0b3); /* Standard syntax (must be last) */
		}
		
/**********************************************/		
		@media print {
			.thumb, .thumb_noZoom{
				opacity:1.0;
				border-radius:0px 0px 0px 0px;/*IE*/
				-moz-border-radius: 0px 0px 0px 0px;
				-webkit-border-radius: 0px 0px 0px 0px;/*ff & edge*/
				}
			.thumb {widt:80px;}
			#qr {display:inline;z-index:1000;}
			.email, .skype {display:none;}
			#top {background-color:#fff;}

}