body {
    background-color: #005112;

}
.mySmall {
        FONT-SIZE: 8pt; COLOR: #ffffff; LINE-HEIGHT: 11pt;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif"
}
.mySmallBlack {
        FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 11pt;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif"
}
.mySmallWhite {
        FONT-SIZE: 8pt; COLOR: #ffffff; LINE-HEIGHT: 11pt;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif"
}
.talentstable TABLE {
        FONT-SIZE: 8pt; LINE-HEIGHT: 11pt;
        FONT-FAMILY: "Verdana", "Arial", Helvetica, Sans-Serif
}
#rankTopStyle {
        Z-INDEX: 100; LEFT: 28px; POSITION: absolute; TOP: 33px
}
#descriptionTopStyle {
        Z-INDEX: 100; LEFT: 50px; POSITION: absolute; TOP: 20px
}
#descriptionTopStyleThird {
        Z-INDEX: 100; LEFT: -350px; POSITION: absolute; TOP: 20px
}
#descriptionTopStyleBottom {
        Z-INDEX: 100; LEFT: 50px; POSITION: absolute; TOP: -60px
}
#descriptionTopStyleThirdBottom {
        Z-INDEX: 100; LEFT: -350px; POSITION: absolute; TOP: -60px
}
#takeUpNoSpace {
        Z-INDEX: 100; POSITION: absolute
}
#wrapper {
        Z-INDEX: 100; POSITION: relative
}
#talentThumbStyle {
        POSITION: absolute; TOP: 0px
}
#iconOver {
        LEFT: -2px; POSITION: absolute; TOP: -2px
}
#wrapper99 {
        Z-INDEX: 99; POSITION: relative
}
#wrapper51 {
        Z-INDEX: 51; POSITION: relative
}
#wrapper49 {
        Z-INDEX: 49; POSITION: absolute
}
#wrapper50 {
        Z-INDEX: 50; POSITION: relative
}
#tabs {
        Z-INDEX: 30; POSITION: absolute; TOP: -14px
}
#tabsUp {
        Z-INDEX: 30; POSITION: absolute; TOP: -14px
}
#iconOverParchment {
        Z-INDEX: 100; POSITION: absolute
}
#alignLeft {
        FLOAT: left; COLOR: #ffffff; TEXT-ALIGN: left
}
#alignRight {
        FLOAT: right; COLOR: #ffffff; TEXT-ALIGN: right
}


.tal_botinfoframe {
   background-color: #101015;
}

#contents {
        Z-INDEX: 999999;
                FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../shared/wow-com/images/backgrounds/blue-bg.html');
                VISIBILITY: hidden;
                WIDTH: 5px;
                POSITION: absolute
}

#dynamicTooltip {
        Z-INDEX: 999999;
                VISIBILITY: hidden;
                POSITION: absolute
}
#tooltipText {
        PADDING-RIGHT: 4px;
                PADDING-LEFT: 4px;
                FONT-WEIGHT: normal;
                FONT-SIZE: 8pt;
                VISIBILITY: hidden;
                PADDING-BOTTOM: 4px;
                COLOR: #ffffff;
                PADDING-TOP: 4px;
                FONT-FAMILY: verdana, arial, sans-serif;
                WHITE-SPACE: nowrap
}
.trans_div {

}
[class].trans_div {
        BACKGROUND-IMAGE: url(/shared/wow-com/images/backgrounds/blue-bg.png)
}














/*************************************************** */


.tabletopleft {
        BACKGROUND-IMAGE: url(images/top-left.gif);
        WIDTH: 14px;
        HEIGHT: 13px
}
.tabletop {
        BACKGROUND-IMAGE: url(images/top.gif)
}
.tabletopright {
        BACKGROUND-IMAGE: url(images/top-right.gif);
        WIDTH: 19px;
        HEIGHT: 13px
}
.tableleft {
/*        BACKGROUND-IMAGE: url(images/left.gif);*/
        WIDTH: 5px
        border-right: 1px solid #555566;
}
.tablebotleft {
        BACKGROUND-IMAGE: url(images/bot-left.gif);
        WIDTH: 14px;
        HEIGHT: 40px
}
.tablebot {
        BACKGROUND-IMAGE: url(images/bot.gif)
}
.tableright {
        BACKGROUND-IMAGE: url(images/right.gif)
}
.tablebotright {
        BACKGROUND-IMAGE: url(images/bot-right.gif);
        WIDTH: 14px;
        HEIGHT: 40px
}
.tablebotrightright {
        BACKGROUND-IMAGE: url(images/bot-right-right.gif);
        WIDTH: 4px;
        HEIGHT: 40px
}
.tablebotleftleft {
        BACKGROUND-IMAGE: url(images/bot-left-left.gif);
        WIDTH: 4px;
        HEIGHT: 40px
}
.treePadding {
        PADDING-RIGHT: 9px;
        PADDING-LEFT: 9px;
        PADDING-BOTTOM: 0px;
        PADDING-TOP: 0px;
        border: 1px solid #555566;
}
.talenttreename {
        LEFT: -3px;
        LINE-HEIGHT: 27px;
        POSITION: relative;
        HEIGHT: 27px
}
.talenttreeicon {
        LEFT: 4px;
        WIDTH: 27px;
        POSITION: relative;
        HEIGHT: 27px
}
IMG.p {
        BEHAVIOR: url("../new-hp/js/png.html")
}
#replaceMeWithTalents {
        MARGIN-TOP: 20px
}
.treeName {
        FONT-WEIGHT: bold;
        FONT-SIZE: 14px;
        COLOR: #ffe400
}
.treeColon {
        FONT-SIZE: 12px;
        COLOR: #ffffff
}
.treePoint {
        FONT-SIZE: 12px;
        COLOR: #ffffff
}
.treePoints {
        FONT-SIZE: 12px;
        COLOR: #ffffff
}
.rankTooltip {
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-FAMILY: "Tahoma", "Arial", "Helvetica", "Sans-Serif"
}
.mySmall {
        FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 11pt;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif"
}
.mySmall2 {
        FONT-SIZE: 11px; COLOR: #ffd100; LINE-HEIGHT: 11pt;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif"
}
.mySmallOff {
        FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 11pt;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif"
}
.mySmall22 {
        FONT-SIZE: 11px; COLOR: #ffd100; LINE-HEIGHT: 11pt;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif"
}
.mySmallOff2 {
        FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 11pt;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif"
}
.mySmallGreen {
        FONT-SIZE: 11px; COLOR: #1aff1a;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif";
        POSITION: relative
}
.mySmallGreen2 {
        FONT-SIZE: 11px; COLOR: #1aff1a;
        FONT-FAMILY: "Verdana", "Arial", "Helvetica", "Sans-Serif";
        POSITION: relative
}
.arrowdown1 {
        Z-INDEX: 100; LEFT: 11px; POSITION: absolute; TOP: -20px
}
.arrowdown2 {
        Z-INDEX: 100; LEFT: 11px; POSITION: absolute; TOP: -85px
}
.arrowdown3 {
        Z-INDEX: 100; LEFT: 11px; POSITION: absolute; TOP: -150px
}
.arrowdown4 {
        Z-INDEX: 100; LEFT: 11px; POSITION: absolute; TOP: -215px
}
.arrowacrossright {
        Z-INDEX: 100; LEFT: -20px; POSITION: absolute; TOP: 15px
}
.arrowdownleft {
        Z-INDEX: 100; LEFT: 10px; POSITION: absolute; TOP: -47px
}
.arrowacrossleft {
        Z-INDEX: 100; LEFT: 39px; POSITION: absolute; TOP: 12px
}
.arrowdownright {
        Z-INDEX: 100; LEFT: -20px; POSITION: absolute; TOP: -47px
}
	   		.arrowdown2right { position: absolute;
			top: -110px;
			left: -20px;
			z-index: 100;
       }

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