/***********************
** Tooltip engine CSS **
***********************/


/************
** General **
************/

.tooltip { /* Tooltip styling, outer div */
	background-color: #111122;
/*	background: rgba(17, 17, 31, 0.9); */
	border-top: 1px solid #ccc;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	border-left: 1px solid #ccc;
	color: #fff;
	float: left;
	font-size: 13px;
	padding: 7px;
	-moz-border-radius: 0.55ex;
	-moz-box-shadow: black 1px 1px 5px;
	-webkit-box-shadow: black 1px 1px 5px;
	-webkit-border-radius: 0.55ex;
	left: 40px; 
  top: 20px;
}
.tt-content {
	line-height: 17px;
	min-width: 10px;
}
.tt-subcontent {
	max-width: 23em;
}
.tooltip a {
	color: inherit;
	text-decoration: none;
}
.tooltip a:hover {
	color: inherit;
	text-decoration: underline;
}

.tt-hover { /* Hover tooltip */
	background: rgba(17, 17, 34, 0.9);
	border: 1px solid rgba(187, 187, 187, 0.9);
	opacity: 0.9;
	position: absolute;
/*	visibility: hidden; */
	z-index: 20;
}
.tt-retrieving { /* Styling for the loading hover tooltip */
/*	pass; */
}

.tt-name {
	font-size: 110%;
	white-space: nowrap;
}
.tt-name a:hover {
	cursor: default;
	text-decoration: none;
}
.tt-nested .tt-name {
	font-size: 100%;
	padding-top: 1em;
}
.tt-nested .tt-name a:hover {
	cursor: pointer;
	text-decoration: underline;
}


/*************************
** Achievement tooltips **
*************************/

.tt-achievement .tt-subcontent {
	max-width: 45em; /* We are more tolerant with max achievement tooltip size */
}
.tta-name {
	padding-bottom: 1em;
}
.tta-progress {
	color: #00ff00;
	padding-bottom: 1em;
}
.tta-obj {
	max-width: 31em;
	padding-bottom: 1em;
}
.tta-criterias {
	border-collapse: collapse;
	width: 100%;
}
.tta-criterias td {
	text-align: right;
	color: #808080;
}
.tta-criterias td:first-child {
	padding-right: 20px;
	text-align: left;
}


/*********************
** Enchant tooltips **
*********************/

.tte-name {
	color: #00ff00;
}
.tte-spelluse {
	color: #00ff00;
}


/**********************
** Creature tooltips **
**********************/

.ttc-name {
	color: #ffd200;
}


/******************
** Item tooltips **
******************/

.tt-nested .tt-item-extra, .tt-hover .tt-item-extra {
	display: none !important;
}

.tti-name {
/*	pass; */ /* Names are styled by their quality */
}
.tti-quality {
	display: none;
}
.colorblind .tti-quality {
	display: block;
}
.tti-speed {
	display: inline;
	float: right;
	margin-left: 2.8em;
}
.tti-subclass {
	display: none;
	float: right;
}
.cl2 .tti-subclass, .cl4 .tti-subclass, .cl6 .tti-subclass {
	display: inline;
}
.cl2.sc14 .tti-subclass, .cl4.sc0 .tti-subclass {
	display: none;
}
.cl10 .tti-unique {
	display: none; /* Hide Unique amounts from currency */
}

.cl6 .tti-damage { /* Projectile damage block */
	display: none;
}
.tti-dmg {	
	display: inline;
	white-space: pre;
}
.tti-bonusarmor {
	color: #00ff00;
}
.tti-chart {
	color: #00ff00;
}
.tti-socketbonus {
	color: #9d9d9d;
}
.tti-note {
	color: #ffd100;
}
.tt-item-teaches .tti-note { /* The item teaches a spell. The note is used in the Learning field. */
	display: none;
}
.tti-spells {
	color: #00ff00;
	white-space: pre-wrap;
}
.tti-spell-t0:before {
	content: "Use: ";
}
.tti-spell-t1:before {
	content: "Equip: ";
}
.tti-spell-t2:before {
	content: "Chance on Hit: ";
}
.tti-spell-t5:before {
	content: "Inventory: ";
}
.tti-spell-t6:before {
	content: "Learning: ";
}
.tti-spell-learning:before {
	content: "Use: ";
}
.tti-spell-learning {
/*	color: white; */ /* Learning "Use" lines are white in wow. Most likely a bug, sticking with green. */
}
.tt-item-teaches .tti-spell-hidden {
	display: none; /* Hack: Don't display "Use: <Learning>" */
}
.tti-spell-hidden {
/*	display: none; */
	font-style: italic;
}
.tti-spell-hidden a:before {
	content: "<";
}
.tti-spell-hidden a:after {
	content: ">";
}

.tti-stat-special {
	color: #00ff00;
}
.tti-stat-40:after { /* Only visible to druids */
	font-size: 85%;
	content: " (Druid only)";
}
.tti-randomenchantment {
	color: #00ff00;
}
.tti-open {
	color: #00ff00;
	display: none;
}
.tti-lock-0 {
	display: block;
}
.tti-disenchantable {
	color: #88aaff;
}
.tti-notdisenchantable {
	color: #ff2020;
}

.sl0 .tti-level { /* Item Level isn't displayed on non-wearable items */
	display: none;
}

.sl0 .tti-notdisenchantable, /* Not wearable */
.sl18 .tti-notdisenchantable, /* Bag */
.sl24 .tti-notdisenchantable /* Projectile */ {
	display: none;
}
.tt-item-q0 .tti-notdisenchantable, .tt-item-q1 .tti-notdisenchantable {
	display: none;
}

.tti-reagentlist {
	padding-top: 1em;
}


/**********************
** Item set tooltips **
**********************/

.ttis-name {
	color: #ffd200;
}
.ttis-items {
	padding: 0px 0px 12px 10px;
/*	color: #ffff97; */ /* Active */
	color: #808080; /* Inactive */
	list-style-type: none;
	margin: 0px;
}
.ttis-bonuses {
/*	color: #00ff00; */ /* Active */
	color: #808080; /* Inactive */
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
}
.ttis-bonus-inactive {
	color: #808080;
}
.ttis-bonus-active {
	color: #00ff00;
}
.ttis-item-inactive {
}


/*******************
** Quest tooltips **
*******************/

.ttq-name {
	padding-bottom: 1em;
	color: #ffd200;
}
.ttq-reqs {
	padding-top: 1em;
	color: #ffd200;
}
.ttq-requirements {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.ttq-requirements li:before {
	content: "- ";
}


/*******************
** Spell tooltips **
*******************/

.tts-name {
/*	pass; */
}
.tts-rank {
	color: #9d9d9d;
	float: right;
}
.tts-descr {
	color: #ffd200;
	white-space: pre-wrap;
}
.tts-range, .tts-cooldown {
	float: right;
	padding-left: 2.8em;
}
.tt-spell-cooldown .tts-range {
	float: none; /* Don't float if cast and cooldowns are shown */
	padding: 0;
}


/************************
** Spell buff tooltips **
************************/

.ttb-name {
	color: #ffd200; /* TODO doublecheck */
}
.ttb-dispeltype {
	float: right;
	padding-left: 3em;
}
.ttb-descr {
	white-space: pre-wrap;
}
.ttb-duration {
	color: #ffd200;
}
