.q         { color: #ffd100 }
.q a       { color: #ffd100; border-bottom: 1px solid #ffd100 }
.q a:hover { color: white; border-bottom: 1px solid white }

.q0                { color: #9d9d9d }
.q0 a, .q0 a:hover { color: #9d9d9d; border-bottom: 1px solid #9d9d9d }

.q1                { color: #ffffff }
.q1 a, .q1 a:hover { color: #ffffff; border-bottom: 1px solid #ffffff }

.q2                { color: #1eff00 }
.q2 a, .q2 a:hover { color: #1eff00; border-bottom: 1px solid #1eff00 }

.q3                { color: #0070dd }
.q3 a, .q3 a:hover { color: #0070dd; border-bottom: 1px solid #0070dd }

.q4                { color: #a335ee }
.q4 a, .q4 a:hover { color: #a335ee; border-bottom: 1px solid #a335ee }

.q5                { color: #ff8000 }
.q5 a, .q5 a:hover { color: #ff8000; border-bottom: 1px solid #ff8000 }

.q6                { color: #e5cc80 }
.q6 a, .q6 a:hover { color: #e5cc80; border-bottom: 1px solid #e5cc80 }

.q7                { color: #ff0000 }
.q7 a, .q7 a:hover { color: #ff0000; border-bottom: 1px solid #ff0000 }

.q8                { color: #ffff98 }
.q8 a, .q8 a:hover { color: #ffff98; border-bottom: 1px solid #ffff98 }

.guide-name 
{
	font-size: 14px;
	font-weight: bold;
	color: #d6be21;
}

.guide-name-large
{
	font-size: 18px;
	font-weight: bold;
	color: #d6be21;
}

.guide-desc 
{
	font-size: 12px;
	font-weight: normal;
	color: #F0F0F0;
}

.section-name {	color: #d6be21;	font-weight:bold; text-decoration: none; }
.map-image { position: absolute; top: 0; left: 0; width: 400px; }
.step-table { background-color:#000000; }

.tooltip { position: relative; max-width:300px; }
.tooltipContentSpecial 		{ color: #ffd800; font-weight:normal; font-size:11px; display:block;}
.tooltipContentSpecial strong { color: white; }
.tooltipGuild 				{ color: #ffd800; font-weight:normal; font-size:11px;}
.tooltipTitle 				{ font-size:13px;}
.tooltip td.tl, .tooltip td.t, .tooltip td.tr, .tooltip td.bl, .tooltip td.b, .tooltip td.br { height: 7px }
.tooltip td.tl, .tooltip td.tr, .tooltip td.bl, .tooltip td.br, .tooltip td.l, tr.r	{ width: 7px ;}
.tooltip td.tl, .tooltip td.t, .tooltip td.tr { padding:0; margin:0; }
.tooltip td.l q, .tooltip td.r q { width: 7px; display: block; height: 1px; }
.tooltip td.tl 	{ background: url('/images/tooltip/ttip-tl.png') no-repeat; }
.tooltip td.tr 	{ background: url('/images/tooltip/ttip-tr.png') no-repeat; }
.tooltip td.t 	{ width:auto; background: url('/images/tooltip/ttip-t.png') repeat-x; }
.tooltip td.l 	{ background: url('/images/tooltip/ttip-l.png') repeat-y; }
.tooltip td.r 	{ background: url('/images/tooltip/ttip-r.png') repeat-y; }
.tooltip td.bg	{ background: url('/images/tooltip/ttipbg.png') repeat; }
.tooltip td.bl 	{ background: url('/images/tooltip/ttip-bl.png') no-repeat; }
.tooltip td.br 	{ background: url('/images/tooltip/ttip-br.png') no-repeat; }
.tooltip td.b 	{ width: auto; background: url('/images/tooltip/ttip-b.png') repeat-x; }
.tooltip div 	{ font: 11px/16px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; color: white; margin:0; padding:1px 2px;}
.item-content 	{ font-weight:bold; color: white; }

.myItemName 	{ font-size:13px; }
.myGold 		{ color: #e5cc80;}
.myOrange 		{ color: #ff8000;}
.myPurple 		{ color: #A335EE;}
.myBlue 		{ color: #0070DD;}
.myGray 		{ color: #c9c9c9;}  
.myGreen 		{ color: #00FF00;}
.myYellow 		{ color: #ffd517;} 
.myRed 			{ color: #d80000;}
.myWhite 		{ color: #ffffff;} 
.myTable 		{ max-width:290px; color: #FFFFFF; font-size: 9pt; position: relative; font-family:Arial, Helvetica, sans-serif; }
.myRight 		{ color: #FFFFFF; font-size: 9pt; position:absolute; right:0px; }
a.rarity0		{ font-size: 10pt; color: #5B5B5B;}/*grey*/
a.rarity0:hover	{ color: #919191 !important;}/*grey*/
a.rarity1		{ font-size: 10pt; color: #ffffff !important;}/*white*/
a.rarity1:hover	{ color: #ffffff !important;}/*white*/
a.rarity2		{ font-size: 10pt; color: #007200 !important;}/*green*/
a.rarity2:hover	{ color: #00A900 !important;}/*green*/
a.rarity3		{ font-size: 10pt; color: #004385 !important;}/*blue*/
a.rarity3:hover	{ color: #0062C3 !important;}/*blue*/
a.rarity4		{ font-size: 10pt; color: #5D1F88 !important;}/*purple*/
a.rarity4:hover	{ color: #B343FF !important;}/*purple*/
a.rarity5		{ font-size: 10pt; color: #C24E00 !important;}/*orange*/
a.rarity5:hover	{ color: #FA9900 !important;}/*orange*/
a.rarity6		{ font-size: 10pt; color: #9C884D !important;}/*gold*/
a.rarity6:hover	{ color: #e5cc80 !important;}/*gold*/
a.rarity6:hover	{ font-size: 10pt; color: #e5cc80 !important;}/*gold*/
.rarityShadow0	{ font-size: 10pt; color: #E6E6E6 !important;}/*grey*/
.rarityShadow1	{ font-size: 10pt; color: #000000 !important;}/*white*/
.rarityShadow2	{ font-size: 10pt; color: #82F682 !important;}/*green*/
.rarityShadow3	{ font-size: 10pt; color: #AAD5FF !important;}/*blue*/
.rarityShadow4	{ font-size: 10pt; color: #F0D4FF !important;}/*purple*/
.rarityShadow5	{ font-size: 10pt; color: #FFCC00 !important;}/*orange*/
.rarityShadow6	{ font-size: 10pt; color: #e5cc80 !important;}/*gold*/
.socketImg 		{ width:14px; height:14px; vertical-align:-20%; margin:0 7px 0 0; padding:0;}
.tooltipRight 	{ position:absolute; right:2px; }
.bonusGreen 	{ color:#00FF00; }
.setNameYellow 	{ color:#ffd517; font-size:11px; }
.setItemYellow 	{ color:#f8ffa8; }
.setItemGray 	{ color:#787880; }
.myBlueGem 		{ color:#666666; display:block; background:url(blue-mini.gif) no-repeat 3px 4px; padding-left:19px; }
.myMetaGem 		{ color:#666666; display:block; background:url(meta-mini.gif) no-repeat 3px 4px; padding-left:19px; }
.myOrangeGem 	{ color:#666666; display:block; background:url(orange-mini.gif) no-repeat 3px 4px; padding-left:19px; }
.myPurpleGem 	{ color:#666666; display:block; background:url(purple-mini.gif) no-repeat 3px 4px; padding-left:19px; }
.myRedGem 		{ color:#666666; display:block; background:url(red-mini.gif) no-repeat 3px 4px; padding-left:19px; }
.myYellowGem 	{ color:#666666; display:block; background:url(yellow-mini.gif) no-repeat 3px 4px; padding-left:19px; }