/* TOOLTIPS ONLY */
 
/* GLOBAL PERMENANT SETTINGS - some of the below need to be removed so these always apply. */
em {
    color: #00ffff;
    font-style: italic;
    font-weight: 100;
}

em:first-letter {
    text-transform:capitalize;
}

q {
    color: pink;
    quotes: "[" "]";
    font-style: normal; 
    text-transform: capitalize;
    font-weight: 100;
}



/* H2/Legandary | H3/Legandary | H4/Legandary | H5/Common | H6/Basic |  */
/* NEW 4th May 2025 - might cause changes to main code, if found use fix without changing these */

H2, H3, H4, H5, H6 {
    display:inline;
    font-size: inherit;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: lighter;
    font-style: italic; 
}
H2 {
    color: lightslategray;
}
H3 {
    color: dodgerblue;
}
H4 {
    color: mediumpurple;
}
H5 {
    color: orange;
}
H6 {
    color: lightgoldenrodyellow;
}






/* NAV VERTICLES --   |    */
mark {
    background-color: transparent;
    color: #a9864a;
}



 
/* "TOOLTIP" */
a.tooltip {
	color:#00FF00;
	outline:none; 
	text-transform: none;
	/*font-size: 17px;*/
}
a.tooltip strong {
	line-height:30px;
}
a.tooltip:hover {
	text-decoration:none;
} 
a.tooltip span {
    z-index:10;display:none; 
    padding:10px 5px 10px 10px;
    margin-top:40px; 
    margin-left:-250px;
    width:300px; 
    line-height:18px;
    text-align:left;
        font-weight: lighter !important;
}
a.tooltip:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
    white-space: normal;
}
.callout {
	z-index:20;
	position:absolute;
	border:0;
	top:-14px;
	left:200px;
	height:14px !important;
	width:30px !important;
}
.calloutTurn {
	z-index:20;
	position:absolute;
	border:0;
	top:-14px;
	left:200px;
	height:14px !important;
	width:30px !important;
}
.callout img {
	height:10px;
	width:10px;
}
IMG.tooltipStandard {
	 height:70px;
	 width:75px;
	 float:right;
	 padding:2px;
}
a.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}
a.tooltipWide hr {
	width: 90% !important;
    border-color: #a9864a;
}

/* TOOLTIPWIDE */
a.tooltipWide {
	color:#00FF00;
	outline:none; 
	text-transform: capitalize;
}
a.tooltipWide p {
	margin:3px;
}
a.tooltipWide span p {
   font-style: normal !important;
}
a.tooltipWide span b {
   font-style: normal !important;
    color: yellow;
}
#raceVisualClass {
	font-style:italic !important;
}
a.tooltipWide strong {
	line-height:30px;
}
a.tooltipWide:hover {
	text-decoration:none;
} 
a.tooltipWide span {
    z-index:10;display:none; 
    padding:10px 10px 10px 10px;
    margin-top:33px; 
    margin-left:-150px;
    width:500px; 
    line-height:18px;
    text-align:left;
    text-transform:none;
}
a.tooltipWide:hover span{
    text-align-last: left;
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
    
}
a.tooltipWide span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    white-space: normal;
    /*opacity: 0.8;*/
}
a.tooltipWide span h1 {
	font-size: 17px;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:500px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
a.tooltipWide span h4 {
    font-size: inherit;
	display: block;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    font-weight: lighter;
    font-style: italic;
    color: #00ffff;
}
/* a.tooltipWide q, a.tooltip q {
	color: #00ffff;
	quotes: "" "";
    font-style: italic;
} */
a.tooltipWide hr {
	width: 90% !important;
    border-color: #a9864a;
}



/* TOOLTIP PLAYABLE RACE */
a.tooltipRace {
	color:#00FF00;
	outline:none; 
	text-transform: capitalize;
}
a.tooltipRace p {
	margin:3px;
}
a.tooltipRace span p {
   font-style: normal !important;
}
#raceVisualClass {
	font-style:italic !important;
}
a.tooltipRace strong {
	line-height:30px;
}
a.tooltipRace:hover {
	text-decoration:none;
} 
a.tooltipRace span {
    z-index:10;display:none; 
    padding:10px 10px 10px 10px;
    margin-top:33px; 
    margin-left:-250px;
    width:600px; 
    line-height:18px;
    text-align:left;
    text-transform:none;
}
a.tooltipRace:hover span{
    text-align-last: left;
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
    
}
a.tooltipRace span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    white-space: normal;
    /*opacity: 0.8;*/
}
a.tooltipRace span h1 {
	font-size: 17px;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:500px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
a.tooltipRace span h4 {
    font-size: inherit;
	display: block;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    font-weight: lighter;
    font-style: italic;
    color: #00ffff;
}
/*a.tooltipRace q, a.tooltip q {
	color: #00ffff;
	quotes: "" "";
    font-style: italic;
}/*/
a.tooltipRace hr {
	width: 90% !important;
    border-color: #a9864a;
}
a.tooltipRace em {
    color: #00ffff;
}



/* TOOLTIP MAGIC ITEM */
a.tooltipMagicItem {
	color:#00FF00;
	outline:none; 
}
a.tooltipMagicItem p {
	margin:3px;
}
a.tooltipMagicItem strong {
	line-height:30px;
}
a.tooltipMagicItem:hover {
	text-decoration:none;
} 
a.tooltipMagicItem span {
    z-index:10;display:none; 
    padding:10px 10px 10px 10px;
    margin-top:33px; 
    margin-left:-250px;
    width:600px; 
    line-height:18px;
    text-align:left;
}
a.tooltipMagicItem:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipMagicItem span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}
a.tooltipMagicItem span h1 {
	font-size: 17px;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:500px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
/*a.tooltipMagicItem q {
	color: #00ffff;
	quotes: "" ":";
} /*/
img.tooltipMagicItem {
	height:200px;
	width:150px;
	float:right;
	border: 1px solid #a9864a;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom:10px;
}
TABLE.tooltipMagicItem {
	width: 400px;
	height:30px;
	vertical-align: top;
	font-weight: lighter;
	border: 1px solid #a9864a;
	background: rgba(38, 13, 0, 1);
	position: relative;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 20px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	margin-top: 10px;
	text-align: center;
}

/* TOOLTIPWIDEMAGICITEMS */
a.tooltipWideMagicItem {
	color:#00FF00;
	outline:none; 
}
a.tooltipWideMagicItem strong {
	line-height:30px;
}
a.tooltipWideMagicItem:hover {
	text-decoration:none;
} 
a.tooltipWideMagicItem span {
    z-index:10;display:none; 
    padding:10px 5px 10px 10px;
    margin-top:33px; 
    margin-left:-250px;
    width:700px; 
    line-height:18px;
}
a.tooltipWideMagicItem:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipWideMagicItem span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}

/* MAGICITEMS tooltip TABLE */
TABLE.magicItemsSummary {
	width: 250px;
	height:30px;
	vertical-align: top;
	font-weight: lighter;
	border: 1px solid #a9864a;
	background: rgba(38, 13, 0, 1);
	position: relative;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 20px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	margin-top: 5px;
	text-align: center;
}
TD.magicItemsSummaryLeft {
	width: 150px;
	height:15px;
	color: #00ffff;
}
TR.magicItemsSummaryCol {
	color: #00ffff;
}
TD.magicItemsSummaryRight {
	height:15px;
	text-transform:capitalize;
}
TD.magicItemsSummaryRight i{
	text-transform:lowercase;
}
TD.magicItemsSummaryCol {
	width: 100px;
	height:15px;
	text-align: center;	
}
TD.magicItemsSummaryColSpecial {
	width: 200px;
	height:15px;
	text-align: center;	
}
TABLE.magicItems {
	width: 700px;
	height: 15px;
	vertical-align: top;
	font-weight: lighter;
}
TD.MagicItemsImg {
	width:150px;
}
img.MagicItemsImg {
	height:200px;
	width:150px;
	float:right;
	border: 1px solid #a9864a;
	margin-top: 28px;
	margin-left: 5px;
	margin-bottom:10px;
}
TD.MagicItemsImgSq {
	width:150px;
}
img.MagicItemsImgSq {
	height:150px;
	width:150px;
	float:right;
	padding:2px;
	border: 1px solid #a9864a;
}
TD.magicItems {
	height:15px;
}
TD.magicItemsSpan {
	height:15px;
}
TD.magicItemsSpan2 {
	height:40px;
	vertical-align: top;
}
TD.magicItemsImproved {
	
}
/*TD.magicItemsImproved q {
	color: #00ffff;
	quotes: """";
}/*/
TD.magicItemsLeft {
	width: 140px;
	height:15px;
	color: #00ffff;
}
TD.magicItemsRight {
	width: 260px;
	height:15px;
}
TD.magicItemsMiddle {
	width: 130px;
	height:15px;
}
TD.magicItemsSpan h1 {
	font-size: 17px;
	text-align:left;
	text-transform:uppercase;
	width:520px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:0px;
	border-bottom: 1px solid #a9864a;
}

/* END MAGIC ITEMS */


/* landmarks */
TD.landmarksLeft {
	width: 150px;
	height:15px;
	color: #00ffff;
}
TD.landmarksRight {
	width: 350px;
	height:15px;
}









/* TOOLTIPTURN */
a.tooltipTurn {
	color:#00FF00;
	outline:none; 
}
a.tooltipTurn strong {
	line-height:30px;
}
a.tooltipTurn:hover {
	text-decoration:none;
} 
a.tooltipTurn span {
    z-index:10;display:none; 
    padding:10px 5px 10px 10px;
    margin-top:33px; 
    margin-left:-200px;
    width:710px; 
    line-height:18px;
}
a.tooltipTurn:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipTurn span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}


/* TOOLTIP weapon specials */
a.tooltipWeaponSpecials {
	color:#00FF00;
	outline:none; 
}
a.tooltipWeaponSpecials strong {
	line-height:30px;
}
a.tooltipWeaponSpecials:hover {
	text-decoration:none;
} 
a.tooltipWeaponSpecials span {
    z-index:10;display:none; 
    padding:10px 5px 10px 10px;
    margin-top:33px; 
    margin-left:-400px;
    width:610px; 
    line-height:18px;
}
a.tooltipWeaponSpecials:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipWeaponSpecials span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}
.calloutWeaponSpecials {
	z-index:20;
	position:absolute;
	border:0;
	top:-14px;
	left:360px;
	height:14px !important;
	width:30px !important;
}





/* TOOLTIPSIDE */
a.tooltipSide {
	color:#00FF00;
	outline:none; 
}
a.tooltipSide strong {
	line-height:30px;
}
a.tooltipSide:hover {
	text-decoration:none;
} 
a.tooltipSide span {
    z-index:10;display:none; 
    padding:10px 5px 10px 10px;
    margin-top:33px; 
    margin-left:-100px;
    width:150px; 
    line-height:16px;
}
a.tooltipSide:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
/* custom call out for side arrow */
.calloutSide {
	z-index:20;
	position:absolute;
	border:0;
	top:-14px;
	left:60px;
}    
a.tooltipSide span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}



/* TOOLTIPIMAGE (for image only tips) */
a.tooltipImage {
	color:#00FF00;
	outline:none; 
}
a.tooltipImage strong {
	line-height:30px;
}
a.tooltipImage:hover {
	text-decoration:none;
} 
a.tooltipImage span {
    z-index:10;display:none; 
    padding:10px 5px 10px 10px;
    margin-top:40px; 
    margin-left:-250px;
    width:200px; 
    line-height:18px;
    text-align:left;
}
a.tooltipImage:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
/* controls the image within the tip */
IMG.tooltipImage {
	width:200px;
	height:200px;
	float:right;
	padding:2px;
}
a.tooltipImages span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}



/* CREATURE tooltip TABLE */
TABLE.creatureTable {
	width: 610px;
	height: 15px;
	vertical-align: top;
	font-weight: lighter;
}
img.creatureTable {
	display:block;
	height:300px;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	margin-top:5px;
	border: 1px solid #a9864a;
}
TD.creatureTable {
	width: 100px;
	height:15px;
}
TD.creatureTableHeaderRight {
	width: 150px;
	height:15px;
	text-align:center;
	color: #00ffff;
}
TD.creatureTableDescription {
	
	vertical-align: middle;
	text-align: center;
}
TD.creatureTable h1 {
	font-size: 17px;
	height:18px;
	text-align:left;
	text-transform:uppercase;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:1px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
TD.creatureTableLeft {
	width:200px;
	height:15px;
	color: #00ffff;
	vertical-align: top;
}
TD.creatureTableRight {
	width:100px;
	height:15px;
	vertical-align: top;
}
TD.creatureTableRight2 {
	width: 300px;
	height:15px;
	vertical-align: top;
}
/*TD.creatureTableRight q, TD.creatureTableHeaderRight q, TD.creatureTableRight2 q {
	color: #ffbb33;
	font-weight: normal;
	quotes: "[" "]";
}/*/
#creatuesDiv {
	color:#ffffff;
	line-height:1.1;
    width: 200px;
    height: 175px;
    border: 1px solid #a9864a;
    /* background of box */ 
    background: rgba(38, 13, 0, 1);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 20px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	text-align:left;
	/*padding:15px;*/	
	margin-right: 10px;
}
#creatuesDiv p {
	display: block;
    margin: 5px 10px 5px 10px;
}

/* END CREATURE ITEMS */




/* ELITE CLASS Prerequisite */
TABLE.elitePrerequisite {
	width: 400px;
	height:30px;
	vertical-align: top;
	font-weight: lighter;
	border: 1px solid #a9864a;
	background: rgba(38, 13, 0, 1);
	position: relative;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 20px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
}
TR.elitePrerequisite {
	color: #00ffff;
}
TD.elitePrerequisite {
	width: 100px;
	height:15px;
	text-align: center;	
}

/* LEVL TREE */
TABLE.levelTree {
	width: 400px;
	height:30px;
	vertical-align: top;
	font-weight: lighter;
	border: 1px solid #a9864a;
	background: rgba(38, 13, 0, 1);
	position: relative;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 20px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
}
TABLE.levelTree p {
	color: #00ffff;
}


/* ADDITONAL TOOLPTIP IMAGE CLASSES */

IMG.tooltipRace {
	 height:100px;
	 width:100px;
	 float:right;
	 padding:5px;
}

IMG.tooltipWandering {
	 height:200px;
	 width:125px;
	 float:right;
	 padding:5px;
	 border: solid 2px #a9864a;
}

IMG.tooltipCreature {
	 height:200px;
	 width:125px;
	 float:right;
	 padding:5px;
	 border: solid 2px #a9864a;
}
IMG.tooltip {
    width: 75px;
    height: 75px;
    float: right;
    padding: 5px;
}

/* TOOLTIP GALLERY  */
#aspectGallery5 img {
	height:75px; 
	width:75px;
	float:left;
	display: block;
	padding-left: 12px;
	padding-top: 5px;
}


/* TOOLTIP CREATURE */
a.tooltipCreature {
	color:#00FF00;
	outline:none; 
}
a.tooltipCreature p {
	margin:3px;
	
	font-weight: lighter !important;
}
a.tooltipCreature strong {
	line-height:30px;
}
a.tooltipCreature:hover {
	text-decoration:none;
}

a.tooltipCreature span {
    z-index:10;display:none; 
    padding:10px 10px 10px 10px;
    margin-top:33px; 
    margin-left:-250px;
    width:600px; 
    line-height:18px;
    text-align:left;
    border-radius:20px;        
    box-shadow: 0px 0px 8px 4px #666;
    white-space: normal;
    /*opacity: 0.8;*/
}
a.tooltipCreature:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipCreature span h1 {
	font-size: 17px;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:500px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
a.tooltipCreature span p {
   font-style: normal !important;
}
/*a.tooltipCreature q {
	color: #00ffff;
	quotes: "" "";
}/*/
.tooltipCreature hr {
	width: 380px !important;
	color: #a9864a !important;
}
#tooltipCreature {
	width: 100px;
	height: 100px;
	float: right;
	margin-top: 30px;
	padding: 5px;
}


/* TOOLTIP UNIT */
a.tooltipUnit {
	color:#00FF00;
	outline:none; 
}
a.tooltipUnit p {
	margin:3px;
	
	font-weight: lighter !important;
}
a.tooltipUnit strong {
	line-height:30px;
}
a.tooltipUnit:hover {
	text-decoration:none;
}

a.tooltipUnit span {
    z-index:10;display:none; 
    padding:10px 10px 10px 10px;
    margin-top:33px; 
    margin-left:-250px;
    width:400px; 
    line-height:18px;
    text-align:left;
    border-radius:20px;        
    box-shadow: 0px 0px 8px 4px #666;
    white-space: normal;
    /*opacity: 0.8;*/
}
a.tooltipUnit:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipUnit span h1 {
	font-size: 17px;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:300px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
a.tooltipUnit span p {
   font-style: normal !important;
}
/*a.tooltipUnit q {
	color: #00ffff;
	quotes: "" "";
}/*/
.tooltipUnit hr {
	width: 380px !important;
	color: #a9864a !important;
}
#tooltipUnit {
	width: 100px;
	height: 100px;
	float: right;
	margin-top: 30px;
	padding: 5px;
}

IMG.tooltipUnit {
	 height:270px;
	 width:120px;
	 padding:5px;
	 border: solid 0px #a9864a;
    margin: auto auto;
}




/* TOOLTIP WARMACHINE */
a.tooltipWarmachine {
	color:#00FF00;
	outline:none; 
}
a.tooltipWarmachine p {
	margin:3px;
	
	font-weight: lighter !important;
}
a.tooltipWarmachine strong {
	line-height:30px;
}
a.tooltipWarmachine:hover {
	text-decoration:none;
}

a.tooltipWarmachine span {
    z-index:10;display:none; 
    padding:10px 10px 10px 10px;
    margin-top:33px; 
    margin-left:-450px;
    width:700px; 
    line-height:18px;
    text-align:left;
    border-radius:20px;        
    box-shadow: 0px 0px 8px 4px #666;
    white-space: normal;
    /*opacity: 0.8;*/
}
a.tooltipWarmachine:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipWarmachine span h1 {
	font-size: 17px;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:300px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
a.tooltipWarmachine span p {
   font-style: normal !important;
}
/*a.tooltipWarmachine q {
	color: #00ffff;
	quotes: "" "";
}/*/
.tooltipWarmachine hr {
	width: 380px !important;
	color: #a9864a !important;
}
#tooltipWarmachine {
	width: 100px;
	height: 100px;
	float: right;
	margin-top: 30px;
	padding: 5px;
}

IMG.tooltipWarmachine {
	 height:270px;
	 width:400px;
	 padding:5px;
	 border: solid 0px #a9864a;
    margin: auto auto;
}


/* TOOLTIPCITY */
a.tooltipCity {
	color:#00FF00;
	outline:none; 
}
a.tooltipCity p {
	margin:3px;
}
a.tooltipCity strong {
	line-height:30px;
}
a.tooltipCity:hover {
	text-decoration:none;
} 
a.tooltipCity span {
    z-index:10;display:none; 
    padding:10px 10px 10px 10px;
    margin-top:33px; 
    margin-left:-250px;
    width:600px; 
    line-height:18px;
    text-align:left;
}
a.tooltipCity:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipCity span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    white-space: normal;
    /*opacity: 0.8;*/
}
a.tooltipCity span h1 {
	font-size: 17px;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:600px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
/*a.tooltipCity q {
	color: #00ffff;
	quotes: "" ":";
}/*/

q.weaponQuoteTest {
	font-style: italic;
	
}
q.weaponQuoteTest:before {
	content:"\0022";
}
q.weaponQuoteTest:after {
	content:"\0022\0020~\0020 ";
}
/* notes: */

q.notesQuote {
	font-style: italic;
	
}
q.notesQuote:before {
	content:"";
}
q.notesQuote:after {
	content:"";
}


IMG.icons  {
	width: 75px !important;
	height: 70px !important; 
}
/* ARE THESE USED AS THEY CONFLICT WITH RARITY COLOURS
h5, h6 {
	display: ;
   font-size: inherit;
   margin: 3px;
   font-weight: lighter;
	font-style: italic;
}
h6 {
	color: white;
	font-style: normal;
	color: #F922EB;
	 display: inline;
	 text-align: initial
} */
TABLE.column4 {
	width: 100%;
	border: 0px solid white;
    vertical-align: top;
    white-space: pre-wrap;
}
TABLE.column3 {
	width: 100%;
	border: 0px solid white;
    vertical-align: top;
}
TD.column20 {
	width: 20%;
	text-align: left;
    vertical-align: top; 
    color: #00ffff;
}
TD.column30 {
	width: 30%;
	text-align: left;
    vertical-align: top; 
}
TD.column40Left {
	width: 40%;
	text-align: left;
    vertical-align: top; 
}
TD.column40Left h1 {
	width: 100% !important;
    vertical-align: bottom;
}

TD.column25, TD.column25blue {
	width: 25%;
	text-align: center;
     vertical-align: top;
    
}
TD.column25blue {
	color: #00ffff;
     vertical-align: top; 
}
TD.column25blue p {
	margin-bottom: 0 !important; 
}
TD.column25 {
	 vertical-align: top;
}

TD.column40 {
	width: 40%;
	color: #00ffff;
	text-align: center;
}
TD.alignTop {
    vertical-align: top;
}

#colourBar {
	width: 90%;
	margin: auto auto;
	border-bottom: solid 2px #a9864a;
}

#centerImage {
    margin: auto auto;
    display: inline-block;
}


IMG.rank {
    height: 300px;
    float: right;
}

TABLE.rank {
    width: 100%;
    font-weight: lighter;
}

TABLE.rank em {
    text-align: center;
    color: yellow;
    
}
TD.rank em {
    text-align: center;
}

TABLE.class {
    width: 100%;
    font-weight: lighter;
}

/*TABLE.class Q {
    color: #00ffff;
	quotes: "" "" !important;
}/*/
TABLE.class P, TD.class P, TR.class P {
    margin-top: 5px;
    vertical-align: top;
}
TD.class {
    vertical-align: top;
}
TD.class h1 {
	width: 100% !important;
    vertical-align: bottom;
}
TD.fixed {
    height: 183px;
    vertical-align: top;
}


/* TOOLTIP CLASS 
        NOTE TWO DIFFERANT COLOURS AS CITIZENS NOW HAVE THIER OWN PAGE TO LINK TOO
*/
a.tooltipClass {
	
	outline:none; 
	text-transform: capitalize;
}
a.tooltipNPC {
	outline:none; 
	text-transform: capitalize;
}
a.tooltipClass p, a.tooltipNPC p {
	margin:5px;
}
a.tooltipClass span p, a.tooltipNPC span p {
    font-style: normal !important;
    font-weight: lighter !important;
}
a.tooltipClass span pre, a.tooltipNPC span pre { /* WIDTH USED SEPERATLY*/
    background: none;
    font-style: italic;
    color: white;
    display: inline-block;
    font-family: Gill Sans, Gill Sans MT, Calibri, Sans-Serif;
    margin:inherit;
    font-weight: lighter;
    margin-bottom: 5px;
    margin-left: 5px;
}
a.tooltipClass span pre {
    width: 180px;
}
a.tooltipNPC span pre {
    width: 90px;
}
#raceVisualClass {
	font-style:italic !important;
}
a.tooltipClass strong, a.tooltipNPC strong {
	line-height:30px;
    font-weight: lighter;
    text-align: right;
}
a.tooltipClass:hover, a.tooltipNPC:hover {
	text-decoration:none;
} 
a.tooltipClass span, a.tooltipNPC span {
    z-index:10;
    display:none; 
    padding:10px 10px 10px 10px;
    left: calc(50% - 435px); 
    position: fixed;
    margin-top:33px; 
    width:850px; 
    line-height:18px;
    text-align:left;
    text-transform:none;
    border-radius:20px; 
    box-shadow: 0px 0px 8px 4px #666;
    white-space: normal;
 
}
a.tooltipClass:hover span, a.tooltipNPC:hover span{
    text-align-last: left;
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
    
}

a.tooltipClass span h1, a.tooltipNPC span h1 {
	font-size: 17px;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:500px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom: 5px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;

}
a.tooltipClass span h4, a.tooltipNPC span h4 {
    font-size: inherit;
	display: block;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    font-weight: lighter;
    font-style: italic;
    color: #00ffff;
}
a.tooltipClass q, a.tooltipNPC q, a.tooltip q, a.tooltipClass em, a.tooltipNPC em, a.tooltipWide em {
	color: #00ffff;
	quotes: "" "";
    font-style: italic;
    font-weight: lighter;
}
/*a.tooltipClass q, a.tooltipNPC q, a.tooltip q {
    text-transform:capitalize;
}/*/
a.tooltipClass em:first-letter, a.tooltipNPC em:first-letter, a.tooltipWide em:first-letter {
    text-transform:capitalize;
}
a.tooltipClass em b, a.tooltipNPC em b {
    font-weight: 500;
}
a.tooltipClass i, a.tooltipNPC i {
    font-weight: lighter;
}
a.tooltipClass small, a.tooltipNPC small { 
    color: yellow;
}
a.tooltipClass hr, a.tooltipNPC hr {
	width: 100% !important;
    border-color: #a9864a;
    border-bottom: 1px solid #a9864a;
    border-right: none;
    margin-bottom: 5px;
    margin-top:8px;
}
IMG.tooltipClass, IMG.tooltipNPC {
    height:330px; 
    width:180px;
    padding: 5px 5px 5px 5px;
    border: solid 2px #a9864a;    
    display: inline-block;
    float: right;
    margin-top: auto;
    margin-bottom: auto; 
}

TABLE.tooltipClass, TABLE.tooltipNPC {
    width: 100%;
    white-space: pre-wrap;
}

#fitAndCenter {
    width: fit-content;
    margin: auto auto;
    color: yellow;
}









/* "TOOLTIP FOOTER" */
a.tooltipFooter {
	color:#00FF00;
	outline:none; 
	/*font-size: 17px;*/
}
a.tooltipFooter strong {
	line-height:30px;
}
a.tooltipFooter:hover {
	text-decoration:none;
} 
a.tooltipFooter span {
    z-index:10;display:none; 
    padding:10px 5px 10px 10px;
    margin-top:-550px; 
    margin-left:-300px;
    width:800px; 
    line-height:18px;
    text-align:left;
        font-weight: lighter !important;
}
a.tooltipFooter:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
    white-space: normal;
}
.tooltipFooter span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}

a.tooltipFooter span h1 {
	font-size: 17px;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:500px;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
a.tooltipFooter span em {
	color: yellow;
}

/* NPC ABILITIES INTERNAL TABLE TITLE */
TD.NPCA {
    color: #a9864a;
}
TD.NPCA i{
    color: white;
    will-change: 200pc;
}

.divinePower style {
    background: pink;
}

.baseClass p {
    text-align: center;
}



TD.topBorder {
    border-top: 1px solid white;
}


/* FORCE H1 ROWS TO BE OF MINIMUM HIEGHT */
TR.rowH {
    height: 10px;
}

TD.lighter {
    font-weight: lighter;
}




p.footNotes {
    color: white;
}


/* TOOLTIPWEAPONS */
a.tooltipWeapons {
	color:#00FF00;
	outline:none; 
	
}
a.tooltipWeapons:first-letter {
	text-transform:capitalize;
}
a.tooltipWeapons strong {
	line-height:30px;
}
a.tooltipWeapons:hover {
	text-decoration:none;
} 
a.tooltipWeapons span {
   z-index:10;
    display:none; 
    padding:10px 10px 10px 10px;
    left: calc(50% - 435px); 
    position: fixed;
    margin-top:33px; 
    width:850px; 
    line-height:18px;
    text-align:left;
    text-transform:none;
    border-radius:20px; 
    box-shadow: 0px 0px 8px 4px #666;
    white-space: normal;
}
a.tooltipWeapons:hover span{
    display:inline; 
    position:absolute; 
    border:1px solid #FFF;  
    color:#EEE;
    background:#333 url(../images/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipWeapons span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}

/* WEAPONS tooltip LAYOUT */
TABLE.weapons {
	height: 15px;
	vertical-align: top;
	font-weight: lighter;
	padding:0px;
	border-collapse:collapse;
    width: 100%;
}
#weapons hr {
	width: 90%;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}
/*TD.keywords q {
    color: pink;
    quotes: "[" "]";
    font-style: normal; 
    text-transform: capitalize;
}/*/
TD.weaponsQuoteText {
	font-size:14px;
	width: 250px;
	height:15px;
	vertical-align: bottom;
	font-style: italic;
}
TD.weaponsQuoteText:before {
	content:"\0022";
}
TD.weaponsQuoteText:after {
	content:"\0022";
}
TD.weaponsQuote {
	width: 100px;
	height:15px;
	vertical-align: top;
	text-align: right;
	padding-right:5px;
	font-size:14px;
	border-bottom: 1px solid #a9864a;
}
TD.weaponsHeader h1 {
	font-size: 17px;
	font-style:normal;
	text-align:left;
	vertical-align:top;
	text-transform:uppercase;
	width:100%;
	font-weight:normal;
	padding: 0px;
	line-height:20px;
	margin-bottom:5px;
	margin-top:8px;
	border-bottom: 1px solid #a9864a;
}
/*TD.weaponsHeader q {
	color: pink;
    quotes: "[" "]";
    font-style: normal; 
    text-transform: capitalize;
    font-weight: 400;
}/*/
TD.weaponsTable img {
	width:200px;
    height:112.5px;
	padding:5px;
}
TD.weaponsLeft {
	width: 300px;
	height:15px;
	vertical-align: top;
}
TD.weaponsRight {
	text-transform: capitalize;
}
TD.weaponsQuote:before {
	content:"~ ";
}

/* WEAPONS TABLE */

TABLE.weaponsTable {
    width: 100%; /* NEEDS CHANGING */
    text-align: center;
    border-collapse: ;
    border: 0px white solid;
    font-weight: lighter;
    margin: auto auto;
}
TH.weaponsTable {
    text-align: center;
    color: #00ffff;
    background-color: rgba(38, 13, 0, 1);
    font-weight: lighter;
}
TH.value {
    width: 70px;
}
TH.abilty {
    width: 300px;
}
TH.abilty200 {
    width: 200px;
}
TR.weaponsTable {
    text-align: center;
}
TD.weaponsTable {
    text-align: center;
}
TD.tableRight {
    text-align: right;
}
TH.weaponName {
    text-align: left;
    padding-left: 10px;
    padding-bottom: 5px;
    font-weight: lighter;
}
TD.features {
    width: 300px;
    text-transform: capitalize;
}

TD.weaponName {
    width: 530px;
    font-weight: lighter;
    text-align: left;
}
TD.material {
    width: 100px;
    font-weight: lighter;
    text-align: right;
}
TD.weaponName em {
    color: #00ffff;
}


A.tableWhite {
    color: white;
    font-weight: 400;
}
A.tableWhite span {
    margin-left: 0px;
}


/* END WEAPONS */



IMG.tools {
    width: 400px;
    margin-left: 50px;
}



TD.left {
    text-align: left;
}


TD.rowMin {
    height: 50px;
}