.tabletopleft { width: 14; height: 13; background-image:url(images/top-left.gif)}
.tabletop { background-image:url(images/top.gif)}
.tabletopright { width: 19; height: 13; background-image:url(images/top-right.gif)}
.tableleft { width: 14; background-image:url(images/left.gif)}
.tablebotleft { width: 14; height: 40; background-image:url(images/bot-left.gif)}
.tablebot { background-image:url(images/bot.gif)}
.tableright { background-image:url(images/right.gif)}
.tablebotright { width: 14; height: 40; background-image:url(images/bot-right.gif) }
.tablebotrightright { width: 4; height: 40; background-image:url(images/bot-right-right.gif)}
.tablebotleftleft { width: 4; height: 40; background-image:url(images/bot-left-left.gif)}

table { font-size: 12px; }

.treePadding {padding: 0px 10px 0 10px;}
.talenttreename { height:27px; line-height:27px; position: relative; left: -3px;}
.talenttreeicon { width:27px; height:27px; position: relative; left: 4px; }
img.p {behavior: url("/new-hp/js/png.htc");}

#replaceMeWithTalents {margin-top:6px; _margin-top:20px;}

.treeName {color: #ffe400; font-weight: bold; font-size: 14px; }
.treeColon {color: #FFFFFF; font-size: 12px;}
.treePoint {color: #FFFFFF; font-size: 12px;}
.treePoints {color: #FFFFFF; font-size: 12px;}

.rankTooltip		{ font-family: "Tahoma", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px;}
.mySmall 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px; line-height: 11pt;}
.mySmall2 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffd100; font-size: 11px; line-height: 11pt;}
.mySmallOff 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px; line-height: 11pt;}
.mySmall22 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffd100; font-size: 11px; line-height: 11pt;}
.mySmallOff2 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px; line-height: 11pt;}
.mySmallGreen 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #1aff1a; font-size: 11px; position: relative;}
.mySmallGreen2 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #1aff1a; font-size: 11px; position: relative;}

		.arrowdown1 { position: absolute;
			top: -20px;
			left: 11px;
			z-index: 100;
       }	   	   

		.arrowdown2 { position: absolute;
			top: -85px;
			left: 11px;
			z-index: 100;
       }	   	   

		.arrowdown3 { position: absolute;
			top: -150px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   

		.arrowdown4 { position: absolute;
			top: -215px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   
	   
		.arrowacrossright { position: absolute;
			top: 15px;
			left: -20px;
			z-index: 100;
       }   
	   
		.arrowdownleft { position: absolute;
			top: -47px;
			left: 10px;
			z-index: 100;
       }
	   
		.arrowacrossleft { position: absolute;
			top: 12px;
			left: 39px;
			z-index: 100;
       }   

		.arrowdownright { position: absolute;
			top: -47px;
			left: -20px;
			z-index: 100;
       }
	   
		.arrowdown2right { position: absolute;
			top: -110px;
			left: -20px;
			z-index: 100;
       }	   
	   
		.arrowdown2left { position: absolute;
			top: -110px;
			left: 10px;
			z-index: 100;
       }	   	   