*{
	_noFocusLine: expression(this.hideFocus=true);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout:none;
	cursor:default
}
::-moz-focus-inner{border:0;}
:focus{outline:none;}
h1,h2{
	font-weight:normal;
	font-size:.875em;
	color:#fff;
	margin:0;
	padding:0;
}
html{
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}
input{
	font-family:Arial,sans-serif;
	cursor:text;
}
button{
	outline:0;
	border:1px transparent solid;
}
button:disabled{
	text-shadow:
		0px 0px 1px #fff, 0px 0px 2px #fff, 0px 0px 5px #fff;
	color:#000;
}
table{
	color:#fff;
}

#charStats1{
	position:absolute;
	top:2px;
	left:30px;
	width:290px;
	table-layout: fixed;
}
#statContent > table{
	line-height:17px;
}
#statContent td{
	overflow:visible;
}
#charStats1 td,#charStats2 td{ 
	text-overflow:ellipsis;
}
#charStats2{
	position:absolute;
	top:2px;
	left:320px;
	width:250px;
	table-layout: fixed;
	text-overflow:ellipsis;
}
#createWindowId{
	font-size:14px;
	position:absolute;
	overflow:visible;
	left:0;
	top:0;
	width:1280px;
	height:720px;
	text-align:left;
	z-index:249;
}
#manage-account {
	margin-left: 10px;
	font-size: 18px;
	line-height: 32px;
}
#window1{
	display:none;
	position:absolute;
	color:#fff;
	margin:0;
	padding:0;
	height:550px;
	width:588px;
	top:20px;
	left:20px;
	opacity:1;
	z-index:100001;
	white-space:nowrap;
	background:url('/classic/images1/stats.png');
	background-size:100% 100%;
}
#statContent{
	position:relative;
	top:66px;
	left:10px;
	width:588px;
	height:484px;
	font-size:14px;
	line-height:17px;
}
#statTabs{
	position:relative;
	top:40px;
	width:576px;
	height:32px;
}
#mainStat{
	left:13px;
	width:105px;
	background-position:0 100%;
}
.statButton{
	position:absolute;
	font-family:Times New Roman,serif;
	font-size:20px;
	color:#fff;
	text-align:center;
	height:32px;
	line-height:32px;
	top:0;
	left:0;
	cursor:pointer;
	background:#5a5a38;
	background:url('/classic/images1/statButton.png');
	background-size:100% 200%;
}
#offenseStat{ 
	width:115px; 
	left:120px;
}
#defenseStat{ 
	width:115px; 
	left:238px;
}
#talentStat{ 
	width:105px; 
	left:356px;
}
#conquestStat{ 
	width:111px; 
	left:463px;
}
#curtainfade{
	margin:0;
	padding:0;
	border:0;
	height:720px;
	left:0;
	right:0;
	position:absolute;
	z-index:248;
	top:0;
	left:0;
	background:#0a1228;
    background-image: -webkit-radial-gradient(center center, cover, #05b 0%, #000 100%);
    background-image: -moz-radial-gradient(center center, cover, #05b 0%, #000 100%);
    background-image: -ms-radial-gradient(center center, cover, #05b 0%, #000 100%);
    background-image: -o-radial-gradient(center center, cover, #05b 0%, #000 100%);
}
#bgWrap{
	background:transparent;
	position:absolute;
	top:0;
	width:1280px;
	height:720px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:249;
}
#bglogo{
	position:absolute;
	right:0;
	margin:0 auto;
	top:100px;
	left:0;
	width:800px;
	z-index:1;
}
#bglogowrap{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:1280px;
	height:720px;
	background:#000;
	opacity:.8;
}
#loadingmessage{
	visibility:hidden;
	background:transparent;
	font-size:28px;
	font-family:Times New Roman,serif;
	color:#fff;
	position:absolute;
	text-align:center;
	height:auto;
	left:0;
	right:0;
	margin:auto;
	width:640px;
	top:220px;
	z-index:9999;
	pointer-events:none;
}
.center{
	position:absolute;
	width:1280px;
	height:100px;
	left:0;
	right:0;
	margin:0 auto;
}
#loadingwait{
	font-size:20px;
	font-family:Times New Roman,serif;
	position:absolute;
	top:650px;
	left:0;
	right:0;
	height:auto;
	margin:auto;
	text-align:center;
	width:640px;
	white-space:nowrap;
	overflow:visible;
	z-index:250;
}
#lockOverlay{
	display:none;
	position:absolute;
	width:1280px;
	height:720px;
	z-index:99999;
}

#window2dawn{
	opacity:1;
	width:1280px;
	height:720px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:2;
	background: #87CEEB;
}
#window2scrollsky{
	width:1280px;
	height:720px;
	position:absolute;
	opacity:1;
	top:0;
	left:0;
	margin:0;
	padding:0;
	z-index:3;
	overflow:hidden;
	background:#87CEEB;
}
#window2zoneday{
	width:1280px;
	height:720px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:8;
}
hr{
	border:1px solid #ddf;
	width: 100%;
	text-align:left;
}
.staggeredGrey{
	background: #0a0a0a;
	background: linear-gradient(top, 
		#1d1d1d 0%, #1d1d1d 10%, 
		#1a1a1a 10%, #1a1a1a 20%, 
		#171717 20%, #171717 30%, 
		#141414 30%, #141414 40%, 
		#111111 40%, #111111 50%, 
		#0e0e0e 50%, #0e0e0e 60%, 
		#0b0b0b 60%, #0b0b0b 70%, 
		#090909 70%, #090909 80%, 
		#060606 80%, #060606 90%, 
		#030303 90%, #030303 100%);
	background: -webkit-linear-gradient(top, 
		#1d1d1d 0%, #1d1d1d 10%, 
		#1a1a1a 10%, #1a1a1a 20%, 
		#171717 20%, #171717 30%, 
		#141414 30%, #141414 40%, 
		#111111 40%, #111111 50%, 
		#0e0e0e 50%, #0e0e0e 60%, 
		#0b0b0b 60%, #0b0b0b 70%, 
		#090909 70%, #090909 80%, 
		#060606 80%, #060606 90%, 
		#030303 90%, #030303 100%);
	background: -moz-linear-gradient(top, 
		#1d1d1d 0%, #1d1d1d 10%, 
		#1a1a1a 10%, #1a1a1a 20%, 
		#171717 20%, #171717 30%, 
		#141414 30%, #141414 40%, 
		#111111 40%, #111111 50%, 
		#0e0e0e 50%, #0e0e0e 60%, 
		#0b0b0b 60%, #0b0b0b 70%, 
		#090909 70%, #090909 80%, 
		#060606 80%, #060606 90%, 
		#030303 90%, #030303 100%);
	background: -ms-linear-gradient(top, 
		#1d1d1d 0%, #1d1d1d 10%, 
		#1a1a1a 10%, #1a1a1a 20%, 
		#171717 20%, #171717 30%, 
		#141414 30%, #141414 40%, 
		#111111 40%, #111111 50%, 
		#0e0e0e 50%, #0e0e0e 60%, 
		#0b0b0b 60%, #0b0b0b 70%, 
		#090909 70%, #090909 80%, 
		#060606 80%, #060606 90%, 
		#030303 90%, #030303 100%);
	background: -o-linear-gradient(top, 
		#1d1d1d 0%, #1d1d1d 10%, 
		#1a1a1a 10%, #1a1a1a 20%, 
		#171717 20%, #171717 30%, 
		#141414 30%, #141414 40%, 
		#111111 40%, #111111 50%, 
		#0e0e0e 50%, #0e0e0e 60%, 
		#0b0b0b 60%, #0b0b0b 70%, 
		#090909 70%, #090909 80%, 
		#060606 80%, #060606 90%, 
		#030303 90%, #030303 100%);
}
#combatId{
	position:absolute;
	visibility:hidden;
	height:145px;
	left:0;
	width:350px;
	bottom:0;
	color:#fff;
	z-index:99999;
	box-shadow: 0 720px rgba(0,0,0,.4) inset;
	border:1px solid #000;
}
#combatLogWrap{
	bottom:0;
	left:0;
	height:145px;
	overflow:hidden;
}
.chatLogs{
	position:relative;
	bottom:0;
	left:0;
	line-height:18px;
	font-size:14px;
	height:180px;
	padding:0 6px;
	overflow:hidden;
	overflow-y:scroll;
}
#combatLog{
	height:145px;
}
#chatId{
	display: none;
	position:absolute;
	visibility:hidden;
	height:180px;
	right:0;
	width:420px;
	bottom:0;
	color:#fff;
	z-index:99999;
	box-shadow: 0 720px rgba(0,0,0,.4) inset;
	border:1px solid #000;
	overflow:hidden;
}
.noSelect{
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#chat1{
	background:#333;
}
#battleLogWrap{
	bottom:0;
	left:0;
	height:180px;
	overflow:hidden;
}
.chatLogs > div > img{
	max-width:100%;
}
.chatLogs > div > iframe{
	max-width:100%;
}
#chatInput{
	position:absolute;
	bottom:0;
	left:0;
	display:none;
	line-height:18px;
	font-size:14px;
	color:#fff;
	width:404px;
	border:2px groove #222;
	background:#0a0a0a;
	padding:2px 6px;
	margin:0;
	white-space:nowrap;
	box-shadow:
		1px 1px #000 inset,
		-1px 1px #000 inset,
		1px -1px #000 inset,
		-1px -1px #000 inset,
		0 0 6px rgba(128,128,128,.1) inset,
		0 -20px 20px -10px rgba(20,20,20,1) inset;
}

.status{
	padding:0;
	margin:0;
	line-height:0;
	text-transform:capitalize;
}
#characterSelectScreen{
	position:absolute;
	color:#fff;
	margin:0;
	padding:0;
	border:0;
	height:720px;
	width:1280px;
	position:absolute;
	top:0;
	left:0;
	z-index:9998;
	background:url('/classic/backgrounds/home.jpg');
}

#deletecharfade{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:1280px;
	height:720px;
	z-index:600;
	opacity:.85;
	background:#000;
}
#deletecharconfirm{
	position:relative;
	display:none;
	color:#fff;
	height:110px;
	width:333px;
	top:200px;
	margin:0 auto;
	font-size:18px;
	padding:4px;
	text-align:center;
	z-index:601;
	border:2px groove #258;
	background:#012;
    background-image: -webkit-radial-gradient(center center, cover, #06122a 0%, #000 100%);
    background-image: -moz-radial-gradient(center center, cover, #06122a 0%, #000 100%);
    background-image: -ms-radial-gradient(center center, cover, #06122a 0%, #000 100%);
    background-image: -o-radial-gradient(center center, cover, #06122a 0%, #000 100%);
	
}
#deleteConfirm{	
	position:absolute;
	display:none;
	font-size:18px;
	z-index:602;
	bottom:15px;
	opacity:1;
	left:70px;
	width:90px;
	height:40px;
	line-height:40px;
	border:1px solid #777;
}
#deleteCancel{
	position:absolute;
	display:none;
	font-size:18px;
	z-index:602;
	opacity:1;
	bottom:15px;
	right:70px;
	width:90px;
	height:40px;
	line-height:40px;
	border:1px solid #777;
}
#enterWorldWrap{
	position:absolute;
	bottom:30px;
	width:400px;
	left:0;
	right:0;
	margin:0 auto;
	display:none;
	text-align:center;
	color:#fff;
	font-family:Times New Roman,serif;
	font-size:24px;
}
#zoneIndicator{
	position:relative;
	margin-bottom:8px;
}
#enterworld{
	position:relative;
	height:45px;
	font-size:26px;
	width:240px;
	padding:0;
	left:0;
	right:0;
	margin:0 auto;
	margin-bottom:8px;
}
label{
	cursor:pointer;
	display:inline-block;
	width:auto;
}
#normalLabel, #nightmareLabel,#hellLabel{ 
	display:none;
	color:#888888; 
	margin:0 10px;
	cursor:pointer;
}

#leftPaneBG{
	display:none;
	position:absolute;
	left:0;
	top:34px;
	width:354px;
	overflow:hidden;
	box-shadow: 0 720px rgba(0,0,0,.75) inset;
	border-bottom:2px groove #444;
	border-right:2px groove #444;
}
#nevergrind{
	position:relative;
	margin:0 auto;
	width:100%;
}
#logout{
	display:none;
	font-size:13px;
	cursor:pointer;
	text-align:center;
	margin-top:6px;
	margin-bottom:12px;
}
#characterSlotPanel{
	position:relative;
	margin-top:5px;
	width:355px;
	margin-left:5px;
	left:-5px;
	padding:0;
	padding-top:2px 0 5px 0;
}
#deletecharacter{
	position:relative;
	height:45px;
	width:240px;
	left:0;
	right:0;
	margin:0 auto;
	margin-top:12px;
	margin-bottom:6px;
	z-index:252;
}
#createcharacter,#deletecharacter{
	display:inline-block;
	width:160px;
	font-size:1.5em;
	padding:0 5px;
	margin-left:3px;
	margin-top: 5px;
}
#paused{
	display:none;
	position:absolute;
	top:0;
	font-size:20px;
	text-align:center;
	width:1280px;
	height:518px;
	padding-top:250px;
	z-index:9999;
	cursor:pointer;
	box-shadow:
		0 720px rgba(0,0,0,.5) inset;
}
#lore{
	position:absolute;
	display:none;
	bottom:130px;
	font-size:16px;
	line-height:22px;
	left:0;
	right:0;
	margin:0 auto;
	width:764px;
	height:104px;
	z-index:999999;
	background:#02081e;
	border:1px solid #444;
	border-radius:4px;
}
#lorePortrait{
	position:absolute;
	top:3px;
	left:3px;
	width:96px;
	height:96px;
	border:1px solid #222;
	border-radius:4px;
	background:url('/classic/images1/portraits.png') 0 0;
	cursor:pointer;
}
.spanLore{
	opacity:0;
	cursor:pointer;
}
#loreMsg{
	position:absolute;
	top:3px;
	left:106px;
	padding:4px 12px 4px 6px;
	width:634px;
	height:88px;
	border:1px solid #222;
	border-radius:4px;
	background:#020614;
	overflow:hidden;
	cursor:pointer;
}
#loreClick{
	position:absolute;
	bottom:10px;
	right:10px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #0af;
}
#intro, #cWin4, #introText, #introText2{
	position:absolute;
	width:1280px;
	height:720px;
}
#introText{
	position:absolute;
	display:none;
	height: 90px;
	width:880px;
	padding:4px 200px;
	bottom:130px;
	font-size:24px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	box-shadow:
		0 720px rgba(0,0,0,.8) inset,
		0 0 2px #000,
		0 0 5px #000,
		0 0 15px #000;
}
#introClick{
	display:none;
	position:absolute;
	bottom:140px;
	right:210px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #fff;
}
#introText2{
	font-family:Times New Roman,serif;
	width:1080px;
	height:568px;
	padding:100px;
	font-size:44px;
	text-align:center;
	color:#dcb;
}
#credits{
	position:absolute;
	font-family:Times New Roman,serif;
	font-size:24px;
	top:25px;
	left:25px;
	width:400px;
	color:#ff0;
	opacity:0;
}
#creditName{
	color:#fff;
}
.nomouse{
	pointer-events:none;
}
.glowYellow{
	font-family:Times New Roman,serif;
	line-height:22px;
	font-size:22px;
	text-shadow:1px 1px #111,
		2px 2px #111,
		0 0 5px #000,
		0 0 1px #000,
		0 0 1px #000,
		0 0 2px #000;
	pointer-events:none;
}
.characterActive{
	font-size:13px;
	line-height:15px;
	width:175px;
	height:55px;
	padding:7px 0 3px;
	display:none;
	position:relative;
	overflow:hidden;
	margin-left:0;
	text-align:left;
	text-indent:10px;
	text-overflow:ellipsis;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	cursor:pointer;
}
.characterDisabled{
	font-size:13px;
	line-height:15px;
	width:175px;
	height:55px;
	padding:7px 0 3px;
	display:none;
	position:relative;
	overflow:hidden;
	margin-left:0;
	text-align:left;
	text-indent:10px;
	text-overflow:ellipsis;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	cursor:pointer;
}
#questJournal{
	display:none;
	text-shadow:#000 1px 1px;
	font-size:18px;
	color:#fff;
	margin:0;
	padding:5px;
	width:900px;
	height:600px;
	position:absolute;
	top:20px;
	left:640px;
	z-index:100001;
}
#questJournalContent{
	position:absolute;
	font-size:16px;
	top:35px;
	left:0;
	padding:5px;
	width:289px;
	height:565px;
	overflow:hidden;
	overflow-y:auto;
}
#questJournalContent2{
	position:absolute;
	font-size:16px;
	top:35px;
	left:300px;
	padding:5px;
	width:599px;
	height:565px;
	border-left:1px solid #aaa;
	overflow:hidden;
	overflow-y:auto;
}
#invHeader,#bankHeader,#statHeader,#questHeader{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding-top:3px;
	height:31px;
	width:100%;
	font-family:Times New Roman,serif;
	font-size:24px;
	line-height:38px;
	color:#fff;
	cursor:pointer;
	text-align:center;
}
#bankHeader{
	line-height:34px;
	background:url('/classic/images1/wideHead.png') 0 0 / 100% 100%;
}
#invHeader{
	line-height:45px;
}
#questHeader{
	background:url('/classic/images1/wideHead.png');
	line-height:30px;
}
#inventoryWindow{
	display:none;
	font-size:.875em;
	color:#fff;
	margin:0;
	padding:5px;
	border:1px #025 solid;
	background:#040a1a;
	background:url('/classic/images1/equipment.png');
	background-size:100% 100%;
	width:550px;
	height:550px;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:640px;
	z-index:100001;
}
#gearContainer{
	position:absolute;
	top:52px;
	left:0;
}
#inventoryContainer{
	position:absolute;
	top:94px;
	left:275px;
}
.equipmentBG{
	position:absolute;
	border:2px #111 solid;
	width:64px;
	height:64px;
	overflow:hidden;
	z-index:210;
	text-align:center;
	color:#c5c5f8;
	text-shadow: 1px 1px #000;
	line-height:64px;
	font-size:9px;
	background:url('/classic/images1/item-ng.png');
}
#destroyItem{
	font-family:Times New Roman,serif;
	font-size:18px;
	color:#fff;
	text-align:center;
	position:absolute;
	top:58px;
	left:362px;
	height:28px;
	line-height:30px;
	width:97px;
	cursor:pointer;
	background:url('/classic/images1/statButton.png') 0 100% / 100% 200%;
}
#helmetBG{ top:10px; left:96px; }
#neckBG{ top:84px; left:96px; }
#ring1BG{ top:200px; left:16px; }
#ring2BG{ top:200px; left:176px; }
#shouldersBG{ top:52px; left:16px; }
#backBG{ top:52px; left:176px; }
#bracersBG{ top:126px; left:16px; }
#chestBG{ top:158px; left:96px; }
#glovesBG{ top:126px; left:176px; }
#beltBG{ top:232px; left:96px; }
#legsBG{ top:306px; left:56px; }
#bootsBG{ top:306px; left:136px; }
#weapon1BG{ top:380px; left:16px; }
#weapon2BG{ top:380px; left:96px; }
#rangeBG{ top:380px; left:176px; }


.inventoryBG{
	position:absolute;
	border:2px #111 solid;
	width:64px;
	height:64px;
	overflow:hidden;
	z-index:210;
	text-align:center;
	color:#c5c5f8;
	text-shadow: 1px 1px #000;
	line-height:64px;
	font-size:9px;
	background:url('/classic/images1/item-ng.png');
}
#inv0BG{top:0; left:0; }
#inv1BG{top:0; left:68px; }
#inv2BG{top:0; left:136px; }
#inv3BG{top:0; left:204px; }
#inv4BG{top:68px; left:0; }
#inv5BG{top:68px; left:68px; }
#inv6BG{top:68px; left:136px; }
#inv7BG{top:68px; left:204px; }
#inv8BG{top:136px; left:0; }
#inv9BG{top:136px; left:68px; }
#inv10BG{top:136px; left:136px; }
#inv11BG{top:136px; left:204px; }
#inv12BG{top:204px; left:0; }
#inv13BG{top:204px; left:68px; }
#inv14BG{top:204px; left:136px; }
#inv15BG{top:204px; left:204px; }
#inv16BG{top:272px; left:0; }
#inv17BG{top:272px; left:68px; }
#inv18BG{top:272px; left:136px; }
#inv19BG{top:272px; left:204px; }
#inv20BG{top:340px; left:0; }
#inv21BG{top:340px; left:68px; }
#inv22BG{top:340px; left:136px; }
#inv23BG{top:340px; left:204px; }

.equipment{
	position:absolute;
	top:0;
	left:0;
	z-index:212;
	width:832px;
	height:1024px;
	cursor:pointer;
}
.inventory{
	position:absolute;
	top:0;
	left:0;
	z-index:212;
	width:832px;
	height:1024px;
	cursor:pointer;
}
#creationInfo{
	padding:5px;
	color:#eec;
	font-size:15px;
	position:absolute;
	left:25px;
	top:115px;
	height:420px;
	width:360px;
	padding:30px;
	background:#1a1a1a;
	background:url('/classic/images1/rock380-430.jpg');
	background-size:100% 100%;
}
#createCharCrystalIcon{
	position:absolute;
	top:5px;
	left:-30px;
	text-indent:30px;
	font-size:20px;
	line-height:30px;
}
#createCharacterCost{
	position:absolute;
	left:-30px;
	top:43px;
	width:316px;
	padding:2px 8px;
	box-shadow:0 720px rgba(0,0,0,.7) inset;
	border:  2px ridge #333;
	overflow:hidden;
}
#createcancelId{
	position:absolute;
	left:90px;
	top:605px;
}
.okCancelStats{
	position:relative;
	left:40px;
	top:0;
	font-family:Times New Roman,serif;
	display:inline-block;
	color:#e3e3ba;
	width:94px;
	height:35px;
	line-height:35px;
	font-size:24px;
	text-align:center;
	margin:1px;
	padding:1px;
	cursor:pointer;	
	background:#775;
	background:url('/classic/images1/NGbutton.png');
	background-size:100% 200%;
}
#entername{
	position:absolute;
	top:115px;
	left:480px;
	width:164px;
	height:53px;
	color:#eec;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:1px;
	overflow:hidden;
	background:url('/classic/images1/entername.png');
	background-size:100% 100%;
}
#charnameinput{
	text-transform:capitalize;
	margin-top:10px;
	position:relative;
	font-size:18px;
	width:150px;
	color:#eec;
	background:transparent;
	border:transparent;
}
#charnameinput:focus{
	background:rgba(0,0,0,.7);
}

#genderDiv{
	position:absolute;
	left:480px;
	top:400px;
	color:#eec;
	background:url('/classic/images1/smallFrame.png');
	background-size:100% 100%;
	width:168px;
	padding-bottom:2px;
}
#modeDiv{
	position:absolute;
	left:480px;
	top:527px;
	color:#eec;
	background:url('/classic/images1/smallFrame.png');
	background-size:100% 100%;
	width:168px;
	padding-bottom:2px;
}
#statBox{
	position:absolute;
	background:url('/classic/images1/statFrame.png');
	background-size:100% 100%;
	color:#eec;
	width:164px;
	top:210px;
	left:480px;
	padding:4px 0 8px 4px;
	text-align:left;
	font-size:14px;
	line-height:16px;
}
#statgeneratewindow{
	padding-top:5px;
	padding-left:8px;
	color:#eec;
	font-size:1em;
}
#raceBox{
	position:absolute;
	left:690px;
	top:115px;
	width:222px;
	color:#eec;
	background:url('/classic/images1/ccFrame.png');
	background-size:100% 100%;
	padding-bottom:8px;
}
#classHeader{
	background:url('/classic/images1/ccFrame.png');
	background-size:100% 2200%;
}
#classBox{
	position:absolute;
	height:auto;
	left:970px;
	top:115px;
	width:222px;
	color:#eec;
	background:url('/classic/images1/ccFrame.png');
	background-size:100% 477px;
	padding-bottom:8px;
}
#classBoxFoot{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:32px;
	background:url('/classic/images1/ccFrame.png') 0 35px;
	background-size:100% 477px;
}
#ccBg{
	position:absolute;
	opacity:0;
	top:0;
	left:0;
	width:1280px;
	height:720px;
	color:#eec;
	background:url('/classic/backgrounds/home.jpg');
}
.ccActive{
	padding:0;
	margin:0;
	color:#e3e3ba;
	background:#000 url('/classic/images1/raceButtons.png') 0 100%;
	background-size:100% 200%;
}
.ccDisabled{
	padding:0;
	margin:0;
	color:#886;	
	background:#000 url('/classic/images1/raceButtons.png') 0 0;
	background-size:100% 200%;
}
#maleId{
	cursor:pointer;
	
}
.genderButtonsOff{
	padding:0;
	font-family:Times New Roman,serif;
	font-size:24px;
	height:32px;
	line-height:32px;
	text-align:center;
	cursor:pointer;
	position:relative;
	width:160px;
	left:0;
	right:0;
	margin:0 auto;
}
.modeButtonsOff{
	padding:0;
	margin:0;
	font-family:Times New Roman,serif;
	font-size:24px;
	height:32px;
	line-height:32px;
	text-align:center;
	cursor:pointer;
	position:relative;
	width:160px;
	left:0;
	right:0;
	margin:0 auto;
}
.racelist, .joblist{
	cursor:pointer;
}
.raceClassButtonsOff{
	position:relative;
	font-family:Times New Roman,serif;
	font-size:24px;
	left:0;
	right:0;
	margin:0 auto;
	width:208px;
	height:32px;
	line-height:32px;
	text-align:center;
}
.classDisabled{
	display:none;
}
#window6{
	visibility:hidden;
	position:absolute;
	top:370px;
	left:0;
	width:56px;
	z-index:100000;
}
#window6a li{
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:28px;
	font-family:Arial,sans-serif;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	box-shadow:
		1px 0 #000 inset, 
		0 1px 0 #000 inset, 
		0 -1px #000 inset, 
		-1px 0 #000 inset;

}
#window3{
	visibility:hidden;
	position:absolute;
	margin: 0px;
	height:117px;
	width:500px;
	top:603px;
	left:355px;
	z-index:255;
	overflow:visible;
}
#window3a{
	position:absolute;
	top:16px;
	padding:0;
	margin:0;
	height:101px;
	left:0;
	z-index:255;
	overflow:hidden;
	box-shadow:0 720px 0 rgba(0,0,0,.5) inset;
}
#window3a li{
	float:left;
	margin-bottom:1px;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:28px;
	font-family:Arial,sans-serif;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	z-index:250;
	box-shadow:
		1px 0 #000 inset, 
		0 1px 0 #000 inset, 
		0 -1px #000 inset, 
		-1px 0 #000 inset;
}

.spellactive{
	background:#666;
	color:#fff;
}
.buttons, .NCbuttons, .nonglobal, .allskill{
	background-size:900px 200px;
}
ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.placeHolder{
	margin-bottom:1px;
	width:50px;
	height:50px;
	padding:0;
	border:0;
	background-size:50px 50px;
}
.spacers{
	border:0;
	margin-bottom:1px;
	width:50px;
	height:50px;
	padding:0;
	z-index:250;
	overflow:hidden;
	background-size:50px 50px;
}
/* racial icons */
#secondwindId{ background: url("/classic/images1/spriteHuman2.png") 0 0; }
#divineaegisId{ background: url("/classic/images1/spriteErudite2.png") 0 0; }
#ancestralrampageId{ background: url("/classic/images1/spriteBarbarian2.png") 0 0; }
#tunaresglowId{ background: url("/classic/images1/spriteWood Elf2.png") 0 0; }
#karanasinfusionId{ background: url("/classic/images1/spriteHalf Elf2.png") 0 0; }
#sanguinetormentId{ background: url("/classic/images1/spriteDark Elf2.png") 0 0; }
#granitevisageId{ background: url("/classic/images1/spriteDwarf2.png") 0 0; }
#halflinghideId{ background: url("/classic/images1/spriteHalfling2.png") 0 0; }
#shortcircuitId{ background: url("/classic/images1/spriteGnome2.png") 0 0; }
#togglepetattackId{ background: url("/classic/images1/spritePetAttack2.png") 0 0; }

#lastNameWrap{
	position:absolute;
	font-family:Times New Roman,serif;
	display:none;
	padding:8px;
	top:150px;
	left:0;
	right:0;
	margin:0 auto;
	width:167px;
	text-align:center;
	font-size:18px;
	z-index:250;
	background:url('/classic/images1/rock380-430.jpg');
	background-size:100% 100%;
}
#lastName{
	font-size:16px;
	color:#333;
	width:162px;
	border:transparent;
	text-transform:capitalize;
	background:url('/classic/images1/entername.png');
	background-repeat:'no-repeat';
	background-position:0 -22px;
	text-indent:10px;
	color:#fff;
}
#lastNameOK{
	width:100%;
	margin-top:8px;
	cursor:pointer;
}
#lastNameCancel{
	width:100%;
	margin-top:8px;
	cursor:pointer;
}
#buffWindow{
	position:absolute;
	margin:0;
	padding:0;
	line-height:0;
	top:68px;
	left:0;
	width:224px;
	height:64px;
	background:transparent;
	overflow:hidden;
	z-index:70;
}
#myName{
	overflow:hidden;
	margin-top:3px;
	text-indent:10px;
	font-size:14px;
	text-overflow:ellipsis;
	width:200px;
}
#myName:hover{ cursor:pointer; }
#myhpbardiv{
	position:absolute;
	top:5px;
	left:5px;
	width:210px;
	height:66px;
	font-size:13px;
	white-space:nowrap;
	z-index:75;
	display:none;
	border:1px solid #222;
	background:url("/classic/images1/myhpbardiv.png") 0 0 / 100% 100%;
}
#myhpbarbg{
	position:absolute;
	overflow:hidden;
	top:24px;
	left:0;
	right:0;
	margin:0 auto;
	width:192px;
	height:14px;
	border:1px solid #1a1a1a;
	z-index:75;
}
#myhpbarId{
	position:absolute;
	top:0;
	left:0;
	width:192px;
	z-index:110;
}
.barbg{
	background:#666;
}
#mympbarbg{
	display:none;
	position:absolute;
	overflow:hidden;
	top:44px;
	left:0;
	right:0;
	margin:0 auto;
	border:1px solid #1a1a1a;
	width:192px;
	height:14px;
	line-height:14px;
	z-index:75;
	display:none;
}
#mympbarId{
	display:none;
	position:relative;
	top:0;
	left:0;
	height:14px;
	line-height:14px;
	width:192px;
	bottom:0;
	z-index:110;
	display:none;
}
#myexpbarbg{
	position:absolute;
	overflow:hidden;
	width:498px;
	height:14px;
	top:0;
	left:0;
	z-index:0;
	border:1px solid #000;
}
#myexpbarId{
	width:0;
	position:relative;
	top:0;
	bottom:0;
	height:14px;
	left:0;
	z-index:110;
	background: #bb8800;
	background: linear-gradient(top, #bb8800 0%, #ddaa00 30%, #ddaa00 70%, #bb8800 100%);
	background: -o-linear-gradient(top, #bb8800 0%, #ddaa00 30%, #ddaa00 70%, #bb8800 100%);
	background: -moz-linear-gradient(top, #bb8800 0%, #ddaa00 30%, #ddaa00 70%, #bb8800 100%);
	background: -webkit-linear-gradient(top, #bb8800 0%, #ddaa00 30%, #ddaa00 70%, #bb8800 100%);
	background: -ms-linear-gradient(top, #bb8800 0%, #ddaa00 30%, #ddaa00 70%, #bb8800 100%);
}
#myexpbarvalue{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	font-size:13px;
	line-height:16px;
	height:14px;
	width:498px;
	z-index:220;
}
#petBarName{
	overflow:hidden;
	text-overflow:ellipsis;
	width:200px;
	text-indent:10px;
	padding-top:2px;
}
#pethpbardiv{
	position:absolute;
	top:80px;
	left:5px;
	width:210px;
	height:44px;
	font-size:13px;
	text-indent:3px;
	white-space:nowrap;
	z-index:75;
	display:none;
	border:1px solid #222;
	background:url("/classic/images1/myhpbardiv.png") 0 0 / 100% 100%;
}
#pethpbarbg{
	position:absolute;
	overflow:hidden;
	top:22px;
	left:8px;
	width:192px;
	height:14px;
	line-height:14px;
	z-index:75;
	border:1px solid #1a1a1a;
}
#pethpbarId{
	position:absolute;
	top:0;
	left:0;
	z-index:110;
}
.tutorial{
	font-size:24px;
	line-height:50px;
}
.nameplateBlack{
	top:24px;
	left:80px
}
.nameplateBlue{
	top:4px;
	left:32px;
}
.nameplateGold{
	top:-7px;
	left:61px;
}
.nameplateRed{
	top:2px;
	left:0;
}

#mobBar{
	position:absolute;
	top:0;
	left:394px;
	width:452px;
	height:88px;
	font-size:14px;
	color:#fff;
	padding-top:2px;
	visibility:hidden;
	overflow:visible;
	white-space:nowrap;
	z-index:75;
	text-align:center;
}
#mobDetails{
	position:absolute;
	top:65px;
	left:105px;
	width:288px;
	z-index:500;
}
#mobIcons0,#mobIcons1,#mobIcons2,#mobIcons3,#mobIcons4{
	opacity:1;
	top:5px;
	position:relative;
	padding:0;
	margin:0;
	background:transparent;
	text-align:left;
}
#mobTraits{
	position:relative;
	left:-496px;
	width:1280px;	
	white-space:nowrap;
	color:#ffffbb;
	font-size:13px;
	background:transparent;
	pointer-events:none;
}
#mobName{
	position:absolute;
	top:0;
	left:100px;
	font-size:16px;
	width:300px;
	overflow:hidden;
	text-overflow:ellipsis;
	z-index:250;
}
#mobLevel{
	position:absolute;
	font-family:Times New Roman,serif;
	top:27px;
	left:50px;
	font-size:24px;
	text-align:right;
	width:40px;
	z-index:250;
}
#monsterhpbarbg{
	position:absolute;
	overflow:hidden;
	top:30px;
	left:102px;
	width:300px;
	height:24px;
	line-height:24px;
	z-index:75;
}
#monsterhpbarId{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:24px;
}
#mobPlate{
	position:absolute;
	z-index:80;
}
#talentNotify{
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	background:#e30;
	opacity:0;
	pointer-events:none;
	box-shadow:0 0 1px #111 inset;
	
}
#itemNotify{
	position:absolute;
	top:0;
	left:40px;
	width:40px;
	height:40px;
	background:#e30;
	opacity:0;
	pointer-events:none;
	box-shadow:0 0 1px #111 inset;
}
#mapNotify{
	position:absolute;
	top:0;
	left:80px;
	width:40px;
	height:40px;
	background:#e30;
	opacity:0;
	pointer-events:none;
	box-shadow:0 0 1px #111 inset;
}
#questNotify{
	position:absolute;
	top:0;
	left:120px;
	width:40px;
	height:40px;
	background:#e30;
	opacity:0;
	pointer-events:none;
	box-shadow:0 0 1px #111 inset;
}
#window5Id{
	visibility:hidden;
	position:absolute;
	top:0;
	right:0;
	width:240px;
	height:40px;
	margin:0;
	padding:0;
	color:#fff;
	z-index:262;
}
#charsheetId{ 
	background-position: 0 0; 
}
#inventoryId{ background-position: -40px 0; }
#travelId{ background-position: -80px 0; }
#questId{ background-position: -240px 0; }
#optionsId{ background-position: -120px 0; }
#campId{ background-position: -200px 0; }
.buttonsManage{
	display:none;
	position:relative;
	float:left;
	cursor:pointer;
	background: url('/classic/images1/win5.png');
	display:none;
	color:#fff;
	height:40px;
	width:40px;
	border:0;
	margin:0;
	padding:0;
	background-size:280px 80px;
	z-index:5000;
}
.buttonsManageOff{
	display:none;
	position:relative;
	float:left;
	width:40px;
	height:40px;
	background: url('/classic/images1/win5.png') 0 0;
	border:0;
	margin:0;
	padding:0;
	background-size:280px 80px;
	cursor:pointer;
}
#spellbardiv {
	cursor:pointer;
	position:absolute;
	display:none;
	color:#fff;
	font-size:11px;
	line-height:13px;
	text-align:center;
	top:580px;
	left:593px;
	margin:0 auto;
	width:125px;
	height:14px;
	border:1px solid #1a1a1a;
	opacity:1;
	z-index:75;
	overflow:hidden;
}
#spellbarbg{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	margin:auto;
	width:125px;
	height: 14px;
	z-index:75;
}
#spellbarId{
	position:absolute;
	top:0;
	left:0;
	z-index:75;
}
#spellbarlabel{
	position:absolute;
	text-align:center;
	width:125px;
	z-index:110;
}
.centerFont{
	text-align:center;
}
#worldMap{
	display:none;
	position:absolute;
	top:-700px;
	left:0;
	width:1280px;
	height:720px;
	background:#1a1a1a;
	color:#fff;
	font-size:1.15em;
	text-align:center;
	text-shadow:#000 0px 1px;
	z-index:100000;
	overflow:hidden;
}
#travelMap{
	position:absolute;
	top:0;
	left:355px;
	width:1310px;
	height:720px;
	z-index:0;
}
#zoneMarker{
	position:absolute;
	top:0;
	left:0;
	font-family:Times New Roman,serif;
	font-size:28px;
	line-height:22px;
	color:#311;
	text-shadow:
		1px 0 #aa6, 
		0 1px #aa6, 
		-1px 0 #aa6, 
		0 -1px #aa6;
}
#zoneSelectWrap{
	position:absolute;
	top:0;
	left:0;
	border:0;
	margin:0;
	padding:0;
	width:352px;
	height:720px;
	z-index:53;
	background:#111;
}
.zoneSelectButton{
	color:#d7d7b5;
	width:345px;
	font-size:26px;
	height:36px;
	line-height:40px;
	font-family:Times New Roman,serif;
	white-space:nowrap;
	cursor:pointer;
	background: #664;
	border:4px double #1a1a1a;
	box-shadow:
		0 0 12px #775 inset,
		0 0 5px #443 inset,
		1px 0 #cca inset,
		0 1px #cca inset,
		-1px 0 #cca inset,
		0 -1px #cca inset;
}
.zoneSelectButton:hover{
	color:#fff;
}
#faydwer{
	margin-top:27px;
}
#all{
	position:absolute;
	width:55px;
	border-right:1px solid #1a1a1a;
}
#dungeons{
	position:absolute;
	width:100px;
	left:56px;
	border-right:1px solid #1a1a1a;
}
#outdoors{
	position:absolute;
	width:100px;
	left:157px;
	border-right:1px solid #1a1a1a;
}
#cities{
	position:absolute;
	width:77px;
	left:258px;
}
#zoneSelect{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width:352px;
	height:720px;
	z-index:53;
}
#mapSpacer{ 
	height:1px; 
	background:transparent;
	line-height:0;
	border:0;
	padding:0;
}
#mapActWrap{
	position:relative;
	top:0;
	left:0;
	width:352px;
	height:44px;
}
.zoneSelectHeader{
	position:absolute;
	display:inline-block;
	font-size:30px;
	height:36px;
	line-height:40px;
	font-family:Times New Roman,serif;
	cursor:pointer;
	width:80px;
	color:#1a1a1a;
	text-shadow:none;
	background:#5a5a38;
	border:4px double #1a1a1a;
	box-shadow:
		0 0 5px #443 inset,
		1px 0 #cca inset,
		0 1px #cca inset,
		-1px 0 #cca inset,
		0 -1px #cca inset;
}
#act1{ left:0; }
#act2{ left:89px; }
#act3{ left:177px; }
#act4{ left:265px; }
.viewingAct{
	color:#fff;
	background:#bb9;
	text-shadow:
		1px 0 #111,
		-1px 0 #111,
		0 1px #111,
		0 -1px #111;
}
.mouse{
	cursor:pointer;
}
.grey{ color:#777; }
.darkgreen{ color:#0a0; }
.lightBlue{ color:#0dd; }
.blue4{ color:#1e90ff; }
.white{ color:#fff; }
.yellow2{ color:#ff0; }
.orange{ color:#f80; }
.red2{ color:#f00; }
.purple{ color:#BA55D3; }
.redfont{ color:#f00; }
.blackfont{ color:#000; }
.blue1{ color:#65d9ff; }
.blue2{ color:#65d9ff; }
.green3{ color:#2f2; }
.lightGrey{ color:#999; }
.raceClass{
	font-size:12px;
	line-height:16px;
}
.green{ color:#3f0; }
.magenta{ color:#f1d; }
.yellow{ color:#ff2; }
.gold{ color:#ffd700; }
.blue3{ color:#00ddff; }
.red{ color:#f22; }
.flavorText{
	color:#DAA520;
	margin-top:12px;
	font-family:Times New Roman,serif;
	font-size:16px;
	font-variant:normal;
}
.setTip{
	margin-top:12px;
	color:#a59263;
}
.setTitle{
	margin-top:12px;
	color:#a59263;
}
.setList{
	color:#f22;
}

#mob5{
	position:absolute;
	width:200px;
	height:auto;
	z-index:17;
	opacity:1;
	display:none;
	overflow:visible;
	bottom:-40px;
	left:190px;
	pointer-events:none;
	background: url("/classic/images1/blank.png");
	text-align:center;
}

#mob0,#mob1,#mob2,#mob3,#mob4{
	position:absolute;
	width:200px;
	height:auto;
	z-index:10;
	opacity:0;
	bottom:256px;
	left:30px;
	overflow:visible;
	text-align:center;
}
#townPortal{
	cursor:pointer;
	z-index:9;
}
#mobName0,#mobName1,#mobName2,#mobName3,#mobName4,#petName{
	position:absolute;
	top:-55px;
	left:0;
	width:auto;
	text-align:center;
	color:#00FA9A;
	background:transparent;
	font-size:16px;
	white-space:nowrap;
	pointer-events:none;	
}
#mobShadow0,#mobShadow1,#mobShadow2,#mobShadow3,#mobShadow4,#petShadow,#cityNPCshadow{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:25px;
	width:100%;
	margin:0 auto;
	background:transparent;
	pointer-events:none;
	display:inherit;
}
#mobPic0,#mobPic1,#mobPic2,#mobPic3,#mobPic4{
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
#petImage{
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
	opacity:1;
	width:auto;
	height:auto;
}
#eWin, #cWin{/*between mob&pet*/
	position:absolute;
	color:#fff;
	width:1280px;
	height:720px;
	top:0;
	left:0;
	opacity:1;
	z-index:16;
	white-space:nowrap;
	text-align:center;
	overflow:visible;
	background: transparent;
	pointer-events:none;
}
#eWin2, #cWin2{/*near player*/
	position:absolute;
	color:#fff;
	width:1280px;
	height:720px;
	top:0;
	left:0;
	opacity:1;
	z-index:18;
	white-space:nowrap;
	text-align:center;
	overflow:visible;
	background: transparent;
	pointer-events:none;
}
#eWin3, #cWin3{/*behind mobs*/
	position:absolute;
	color:#fff;
	width:1280px;
	height:720px;
	top:0;
	left:0;
	opacity:1;
	z-index:9;
	white-space:nowrap;
	text-align:center;
	overflow:visible;
	background: transparent;
	pointer-events:none;
}
#spellcurtain{
	position:absolute;
	width:1280px;
	height:720px;
	z-index:9;
	top:0;
	left:0;
	pointer-events:none;
}
#spellblind{
	position:absolute;
	background:#000;
	margin:0;
	padding:0;
	border:0;
	width:1280px;
	height:720px;
	z-index:20;
	opacity:0;
	top:0;
	left:0;
	background: transparent;
	pointer-events:none;
}

#banner{
	position:absolute;
	left:0;
	top:0;
	width:1074px;
	height:92px;
	overflow:hidden;
}
#sitelogo{
	width:300px;
	height:35px;
	margin-top:0;
	margin-bottom:5px;
	position:relative;
	overflow:visible;
}
#rightPaneBG{
	position:absolute;
	right:0;
	top:34px;
	width:925px;
	height:720px;
	background:transparent;
}
#nglogo{
	position:absolute;
	top:0;
	right:0;
	width:420px;
	padding:8px;
	box-shadow: 0 720px rgba(0,0,0,.75) inset;
	font-size:1.4em;
	text-align:center;
	border-bottom:2px groove #444;
	border-left:2px groove #444;
}
#indiedb{
	margin:0 0 10px 30px;
	cursor:pointer;
}
.pointer{
	cursor:pointer;
}
#nglogoImg{
	position:relative;
	right:0;
	left:0;
	margin:0 auto;
	width:100%;
}
.hide{
	position:absolute;
	visibility:hidden;
}
.confuseme{
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

#tooltip{
	position:absolute;
	top:-500px;
	left:0;
	width:300px;
	height:auto;
	z-index:282;
	border:0;
	padding:2px;
	color:#fff;
	background:#040a1a;
}
#tooltipname{
	display:none;
	position:relative;
	height:26px;
	font-family:Times New Roman,serif;
	font-size:18px;
	line-height:30px;
	padding:0;
	color:#f2e55a;
	padding-bottom:4px;
	text-align:center;
	margin:0;
	background:url('/classic/images1/itemtt.png') 0 0 / 100% 100%;
}
#tooltipButton{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	padding:2px 5px 0 0;
}
#tooltipmsg{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	padding:5px;
	font-size:13px;
	line-height:14px;
	padding-top:16px;
	margin:0;
	background:#020814;
	overflow-y:hidden;
	box-shadow:0 5px 10px rgba(0,0,0,1) inset;
}
th{
	font-size:14px;
	color:#ffffb7;
	text-align:left;
}
th,td{
	border:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#itemIcon{
	/* b5a170 */
	position:absolute;
	top:2px;
	right:2px;
	width:64px;
	height:64px;
	border:2px groove #7a6d25;
	overflow:hidden;
	background:#541;
    background-image: -webkit-radial-gradient(center center, contain, #7a6d25 0%, #1a1406 100%);
    background-image: -moz-radial-gradient(center center, contain, #7a6d25 0%, #1a1406 100%);
    background-image: -ms-radial-gradient(center center, contain, #7a6d25 0%, #1a1406 100%);
    background-image: -o-radial-gradient(center center, contain, #7a6d25 0%, #1a1406 100%);
}
#itemIconImg{
	background:url('/classic/images1/item-ng.png');
	width:64px;
	height:64px;
}
#ttItem{
	font-family:Times New Roman,serif;
	display:none;
	position:absolute;
	top:50px;
	left:500px;
	width:380px;
	height:auto;
	z-index:100002;
	margin:0;
	color:#e8f2fd;
	overflow:hidden;
	white-space:normal;
	background:#020813;
}
#ttItemName{
	display:none;
	position:relative;
	top:0;
	left:0;
	right:0;
	font-size:20px;
	text-align:center;
	margin:2px;
	padding:2px 24px;
	background:url('/classic/images1/itemtt.png') 0 0 / 100% 100%;
}
#ttItemMsg{
	position:relative;
	top:0;
	left:0;
	right:0;
	padding:8px;
	font-size:18px;
	line-height:20px;
	text-align:center;
	min-height:80px;
	color:#e9f1ff;
	margin:2px;
	background:#020813;
	box-shadow:0 5px 10px rgba(0,0,0,1) inset;
}
#bank{
	display:none;
	position:absolute;
	color:#fff;
	margin:0;
	padding:6px;
	height:708px;
	width:680px;
	top:0;
	left:0;
	z-index:100000;
	overflow:hidden;
	background:#012;
}
#bankContainer{
	left:0;
	margin-top:70px;
	width:680px;
	height:610px;
	overflow:hidden;
	background:#123;
}
#bankTabWrap{
	position:absolute;
	top:76px;
	left:10px;
	width:680px;
}
.bankTab{
	color:#d7d7b5;
	float:left;
	text-align:center;
	width:48px;
	font-size:16px;
	height:26px;
	line-height:30px;
	font-family:Times New Roman,serif;
	white-space:nowrap;
	border:4px double #1a1a1a;
	box-shadow:
		0 0 12px #775 inset,
		0 0 5px #443 inset,
		1px 0 #cca inset,
		0 1px #cca inset,
		-1px 0 #cca inset,
		0 -1px #cca inset;
}
.bankTabActive{
	cursor:pointer;
	background: #664;
}
.bankTabDisabled{
	cursor:pointer;
	background: #442;
	box-shadow:
		0 0 12px #553 inset,
		0 0 5px #332 inset,
		1px 0 #aa8 inset,
		0 1px #aa8 inset,
		-1px 0 #aa8 inset,
		0 -1px #aa8 inset;
}
.bankTabLocked{
	cursor:default;
	color:#333;
	text-shadow:0 0 1px #555;
	background: #1a1a1a;
	box-shadow:0 0 2px #0a0a0a inset,
		0 0 5px #0a0a0a inset,
		0 0 15px #0a0a0a inset;
}
.bankTabActive:hover,
.bankTabDisabled:hover{
	color:#fff;
	text-shadow:0 0 2px #fff;
}
.bankTabActive:active,
.bankTabDisabled:active{
	color:#eaead5;
	text-shadow:none;
}
#bankWrap{
	position:relative;
	overflow:auto;
}
.bankBG{
	position:relative;
	float:left;
	border:2px #111 solid;
	width:64px;
	height:64px;
	overflow:hidden;
	z-index:210;
	text-align:center;
	color:#c5c5f8;
	text-shadow: 1px 1px #000;
	line-height:64px;
	font-size:9px;
	background:url('/classic/images1/item-ng.png');
}
.bank{
	position:absolute;
	top:0;
	left:0;
	z-index:212;
	width:832px;
	height:1024px;
	cursor:pointer;
}
#options{
	display:none;
	position:absolute;
	top:-900px;
	left:0;
	width:1080px;
	height:auto;
	background:transparent;
	color:#fff;
	font-size:1.1em;
	text-align:center;
	text-shadow:#000 0px 1px;
	z-index:100001;
}
#optionsTable{
	position:absolute;
	width:1080px;
	height:auto;
	top:-10px;
	left:100px;
	overflow:hidden;
	box-shadow:0 720px 0 rgba(0,20,30,1) inset;
}
#optionHeader{
	padding:4px 0;
	height:24px;
	font-family:Times New Roman,serif;
	font-size:20px;
	line-height:24px;
	color:#fff;
	background:url('/classic/images1/wideHead.png');
	background-size:100% 100%;
	cursor:pointer;
}
#optionSettingWrap{
	position:relative;
	padding-top:2px;
	width:1080px;
	border:none;
}
#optionSettingWrap td{
	border-radius:4px;
}
.optionButtonWrap{
	padding-top:4px;
	min-height:20px;
	line-height:16px;
	cursor:pointer;
}
.optionLeft{
	position:relative;
	border:1px solid #aaa;
	color:#222;
	width:100px;
	background:#cca;
	text-shadow:none;
	text-align:center;
}
.optionLeft2{
	position:relative;
	border:1px solid #aaa;
	color:#222;
	width:100px;
	height:24px;
	background:#cca;
	text-shadow:none;
	text-align:center;
}
.optionRight{
	text-align:left;
	line-height:20px;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	text-shadow:none;
}
#soundStatus,#musicStatus{
	display:absolute;
	padding:2px;
	top:7px;
	left:0;
	right:0;
	height:20px;
	line-height:20px;
	text-align:center;
}
.audioAdjust{
	position:absolute;
	top:0;
	left:0;
	width:51px;
	height:26px;
	line-height:26px;
	cursor:pointer;
	box-shadow:
		1px 1px #222 inset,
		1px -1px #222 inset;
	color:#222;
}
.audioAdjust:hover{
	background:#ddb;
}
.audioAdjust:active{
	background:	#bb9;
}
#audioDown,#audioDown2{
	left:52px;
}
#hotkeys{
	padding:4px 0;
	height:24px;
	font-family:Times New Roman,serif;
	font-size:20px;
	line-height:24px;
	color:#fff;
	background:url('/classic/images1/wideHead.png');
	background-size:100% 100%;
}
.controlLeft{
	border-left:2px solid #ffd;
	border-top:2px solid #ffd;
	border-right:2px solid #997;
	border-bottom:2px solid #997;
	background:#cca;
	color:#222;
	border-radius:6px;
	font-size:15px;
	width:13%;
	text-align:center;
}
.controlRight{
	text-align:left;
	padding-left:10px;
	font-size:15px;
	width:20%;
}
#battleReport{
	position:absolute;
	color:#dda;
	overflow:visible;
	white-space:nowrap;
	padding:0;
	right:490px;
	top:0;
	width:300px;
	height:auto;
	z-index:76;
	font-size:14px;
	text-align:center;
}
#battleReportHead{
	margin:0;
	padding-top:3px;
	height:32px;
	width:auto;
	font-family:Times New Roman,serif;
	font-size:25px;
	color:#fff;
	background:#000 url('/classic/images1/raceButtons.png') 30% 0 / 120% 200%;
	cursor:pointer;
}
#battleReportContent{
	box-shadow:0 720px rgba(0, 0, 0, 0.85) inset;
}
#QindicatorWrap{
	position:absolute;
	color:#fff;
	overflow:hidden;
	right:5px;
	top:65px;
	width:240px;
	height:auto;
	z-index:75;
	font-size:14px;
	pointer-events:none;
}
#QindicatorHead{
	margin:0;
	padding-bottom:3px;
	color:#ffd700;
	font-family:Times New Roman,serif;
	font-size:22px;
	white-space:nowrap;
}
#cityWrap{
	position:absolute;
	top:0;
	left:0;
	width:1280px;
	height:720px;
	background:transparent;
}
#cityNPCname{
	position:absolute;
	top:-55px;
	left:0;
	right:0;
	width:100%;
	text-align:center;
	color:#00FA9A;
	background:transparent;
	font-size:16px;
	white-space:nowrap;
	pointer-events:none;
}
#cityNPCdiv{
	display:none;
	position:absolute;
	bottom:-50px;
	right:100px;
	z-index:11;
	overflow:visible;
}
#cityNPCdiv:hover{
	cursor:pointer;
}
#cityNPC{
}
#trainingOptions{
	position:absolute;
	top:35px;
	left:-700px;
	font-family:Times New Roman,serif;
	color:#fff;
	overflow:hidden;
	padding:1px;
	width:200px;
	height:auto;
	z-index:76;
	font-size:18px;
	text-align:center;
	line-height:19px;
	background:#111;
}
#training1{
	position:relative;
	top:0;
	left:0;
	width:100px;
}
#training2{
	position:absolute;
	top:1px;
	left:101px;
	width:100px;
}
.trainSkill{
	padding:11px 2px 0 2px;
	height:33px;
	cursor:pointer;
}
.trainSkill2{
	padding:3px 2px 0 2px;
	height:41px;
	cursor:pointer;
}
#trainOK{
	font-family:Times New Roman,serif;
	font-size:22px;
	color:#E3E3BA;
	text-align:center;
	padding-top:20px;
	height:50px;
	position:absolute;
	top:225px;
	left:528px;
	width:100px;
	cursor:pointer;
	z-index:76;	
	background:url("/classic/images1/myhpbardiv.png") 0 0 / 100% 100%;
	border:4px double #1a1a1a;
	box-shadow:
		0 0 5px #443 inset,
		1px 0 #cca inset,
		0 1px #cca inset,
		-1px 0 #cca inset,
		0 -1px #cca inset;
}
#trainOK:active{
	background:#c9c9a9;
}
#upgradePrompt{
	margin:5px;
	background:#000 url("/classic/images1/raceButtons.png") repeat scroll 0 0 / 100% 200%;
}
#upgradeConfirm{
	position:absolute;
	top:147px;
	left:-700px;
	color:#ffd;
	padding:4px;
	width:250px;
	height:185px;
	z-index:76;
	font-size:14px;
	text-align:center;
	line-height:19px;
	background:url("/classic/images1/myhpbardiv.png") 0 0 / 100% 100%;
}
#upgradeConfirm2{
	position:absolute;
	top:45px;
	left:0;
	padding:4px;
	margin:6px;
	width:238px;
	height:98px;
}
#upgradeOK{
	position:absolute;
	font-family:Times New Roman,serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	padding-top:2px;
	height:21px;
	bottom:5px;
	left:15px;
	width:100px;
	border:1px solid #885;
	cursor:pointer;
	background:url("/classic/images1/NGbutton.png") 0 0 / 100% 200%;
}
#upgradeCANCEL{
	position:absolute;
	font-family:Times New Roman,serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	padding-top:2px;
	height:21px;
	bottom:5px;
	left:140px;
	width:100px;
	border:1px solid #885;
	cursor:pointer;
	background:url("/classic/images1/NGbutton.png") 0 0 / 100% 200%;
}
.trainingButton{
	background:#000 url('/classic/images1/raceButtons.png') 0 0 / 100% 200%;
	background-size:100% 200%;
}
#merchantContainer{
	font-family:Times New Roman,serif;
	position:absolute;
	top:35px;
	left:-700px;
	width:283px;
	height:440px;
	padding:2px;
	z-index:76;
	overflow:hidden;
	background:url("/classic/images1/rock380-430.jpg") 0 0 / 100% 100%;
	
}
#itemsForSale{
	font-family:Times New Roman,serif;
	position:absolute;
	top:5px;
	left:5px;
	z-index:77;
}
.cityBG{
	position:absolute;
	border:2px #111 solid;
	width:64px;
	height:64px;
	overflow:hidden;
	z-index:210;
}
.city{
	position:relative;
	top:0;
	left:0;
	width:832px;
	height:1024px;
	cursor:pointer;
	z-index:212;
}
#city0BG{top:0; left:0; }
#city1BG{top:0; left:68px; }
#city2BG{top:0; left:136px; }
#city3BG{top:0; left:204px; }
#city4BG{top:68px; left:0; }
#city5BG{top:68px; left:68px; }
#city6BG{top:68px; left:136px; }
#city7BG{top:68px; left:204px; }
#city8BG{top:136px; left:0; }
#city9BG{top:136px; left:68px; }
#city10BG{top:136px; left:136px; }
#city11BG{top:136px; left:204px; }
#city12BG{top:204px; left:0; }
#city13BG{top:204px; left:68px; }
#city14BG{top:204px; left:136px; }
#city15BG{top:204px; left:204px; }
#city16BG{top:272px; left:0; }
#city17BG{top:272px; left:68px; }
#city18BG{top:272px; left:136px; }
#city19BG{top:272px; left:204px; }
#buyOK{
	position:absolute;
	font-family:Times New Roman,serif;
	font-size:24px;
	color:#E3E3BA;
	text-align:center;
	bottom:18px;
	left:35px;
	height:45px;
	width:86px;
	cursor:pointer;
	padding:3px;
	padding-top:21px;
	box-shadow:
		0 0 5px #443 inset,
		1px 0 #cca inset,
		0 1px #cca inset,
		-1px 0 #cca inset,
		0 -1px #cca inset;
	background:url('/classic/images1/myhpbardiv.png') 0 0 / 100% 100%;
	border:4px double #1a1a1a;
}
#sellOK{
	position:absolute;
	background:#5a5a38;
	font-family:Times New Roman,serif;
	font-size:24px;
	color:#E3E3BA;
	text-align:center;
	bottom:18px;
	right:35px;
	height:45px;
	width:86px;
	cursor:pointer;
	padding:3px;
	padding-top:21px;
	box-shadow:
		0 0 5px #443 inset,
		1px 0 #cca inset,
		0 1px #cca inset,
		-1px 0 #cca inset,
		0 -1px #cca inset;
	border:4px double #1a1a1a;
	background:url('/classic/images1/myhpbardiv.png') 0 0 / 100% 100%;
}

#blackOverlay{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:1280px;
	height:720px;
	background:#000;
	opacity:.3;
	z-index:100002;
}
#upgradeWrap{
	position:absolute;
	display:none;
	top:430px;
	height:19px;
	width:304px;
	left:486px;
	border:2px solid #885;
	background:#000;
	z-index:100002;
}
#upgradeBar{
	position:absolute;
	top:0;
	left:0;
	margin:2px;
	width:150px;
	height:15px;
	background:#ffd700;
}
#ampWrap{
	width:100%;
	border:1px solid #ffd700;
	height:4px;
	border-radius:6px;
	margin:4px 0 12px 0;
	background:#444;
	overflow:hidden;
}
#ampBar{ 
	background:#665200; 
	height:4px;
	padding:0;
}
#cityWindow{
	position:absolute;
	top:125px;
	left:10px;
	color:#dda;
	overflow:visible;
	white-space:nowrap;
	padding:1px;
	width:300px;
	z-index:76;
	font-size:24px;
	text-align:center;
	background:#111;
	border-radius:8px;
}
#cityGold{
	position:absolute;
	bottom:-100px;
	left:0;
	right:0;
	margin:0 auto;
	width:60%;
	height:30px;
	font-size:20px;
	line-height:30px;
	color:#fff;
	padding:2px 6px;
	text-align:right;
	overflow:hidden;
	background:#000 url('/classic/images1/raceButtons.png') 0 0 / 100% 200%;
}
#cityCrystal{
	position:absolute;
	bottom:-130px;
	left:0;
	right:0;
	margin:0 auto;
	width:60%;
	height:30px;
	font-size:20px;
	line-height:30px;
	color:#fff;
	padding:2px 6px;
	text-align:right;
	overflow:hidden;
	background:#000 url('/classic/images1/raceButtons.png') 0 0 / 100% 200%;
}
#cityCrystalIcon{
	position:absolute;
	top:2px;
	left:6px;
}
.cityCostAmount{
	position:relative;
	left:80px;
	text-indent:40px;
	line-height:30px;
}
#goldInputWrap{
	position:absolute;
	display:none;
	z-index:100002;
}
#inventoryGoldOk{
	position:absolute;
	font-family:Times New Roman,serif;
	font-size:18px;
	color:#fff;
	text-align:center;
	top:0;
	left:-50px;
	height:26px;
	line-height:26px;
	border:none;
	border-top:1px groove #885511;
	border-left:1px groove #885511;
	width:50px;
	cursor:pointer;
	background:url('/classic/images1/NGbutton.png') 0 0 / 100% 200%;
}
#goldInput{
	top:0;
	left:0;
	width:133px;
	height:24px;
	font-size:18px;
	background:#012;
	border:none;
	border-top:1px groove #885511;
	border-right:1px groove #885511;
	color:#fff;
	text-align:right;
	text-overflow:ellipsis;
	background:#543;
}
#bankHeader{
	position:static;
}
#bankGold{
	position:absolute;
	width:180px;
	top:41px;
	left:10px;
	border:2px groove #885511;
	height:30px;
	font-size:18px;
	line-height:30px;
	text-overflow:ellipsis;
	background:#653;
	cursor:pointer;
}
#inventoryGold{
	position:absolute;
	top:510px;
	width:180px;
	left:180px;
	border:2px groove #885511;
	height:30px;
	font-size:18px;
	line-height:30px;
	text-overflow:ellipsis;
	cursor:pointer;
	background:#653;
}
#bankCost{
	text-indent: 30px;
	float:left;
	margin:2px 0 0 10px;
	cursor:pointer;
}
#addBankSlots{
	display:none;
	position:absolute;
	font-family:Times New Roman,serif;
	font-size:20px;
	color:#fff;
	top:41px;
	right:4px;
	height:34px;
	line-height:34px;
	width:200px;
	cursor:pointer;
	background:url('/classic/images1/NGbutton.png') 0 0 / 100% 200%;
}
#inventoryGoldIcon, #bankGoldIcon{
	float:left;
	cursor:pointer;
}
#inventoryGoldAmount, #bankGoldAmount{
	position:absolute;
	top:0;
	left:35px;
	width:140px;
	text-align:right;
	cursor:pointer;
}
#cityTitle{	
	font-family:Times New Roman,serif;
	margin:1px;
	font-size:30px;
	background:#000 url("/classic/images1/raceButtons.png") 0 100% / 100% 200%;
}
#shopList{
	background: #111;
}
.cityButtons{
	font-family:Times New Roman,serif;
	background:#000 url("/classic/images1/raceButtons.png") 0 0 / 100% 200%;
	padding:3px;
}
.cityButtons:hover{
	cursor:pointer;
	color:#fff;
}
#deathScreen{
	display:none;
	font-family:Times New Roman,serif;
	color:#a51111;
	background: transparent;
	padding:0;
	padding-top:200px;
	margin:auto;
	position:absolute;
	left:0;
	top:0;
	width:1280px;
	height:720px;
	z-index:76;
	font-size:60px;
	text-align:center;
	letter-spacing:6px;
	word-spacing:16px;
}
.deathCapital{
	font-size:72px;
}
#battleReportOK{
	position:relative;
	display:inline-block;
	padding:0 20px;
	border:2px outset #b22222;
	background:#622;
	background-image: linear-gradient(top, #300 0%, #711 100%);
	background-image: -o-linear-gradient(top, #300 0%, #711 100%);
	background-image: -moz-linear-gradient(top, #300 0%, #711 50%, #300 100%);
	background-image: -webkit-linear-gradient(top, #300 0%, #711 100%);
	background-image: -ms-linear-gradient(top, #300 0%, #711 100%);
	cursor:pointer;
	border-radius:8px;
}
#battleReportOK:hover{
	color:#ee3333;
	background:#b11;
	background-image: linear-gradient(top, #600 0%, #b11 50%, #600 100%);
	background-image: -o-linear-gradient(top, #600 0%, #b11 50%, #600 100%);
	background-image: -moz-linear-gradient(top, #600 0%, #b11 50%, #600 100%);
	background-image: -webkit-linear-gradient(top, #600 0%, #b11 50%, #600 100%);
	background-image: -ms-linear-gradient(top, #600 0%, #b11 50%, #600 100%);
	box-shadow:0px 0px 10px #b22222;
}
#resetGame{
	position:relative;
	left:0;
	right:0;
	margin:0 auto;
	width:100px;
	color:#dcb;
	height:50px;
	line-height:50px;
	border:1px solid #555;
	background:#333;
	cursor:pointer;
	border-radius:8px;
	font-size:40px;
}
#resetGame:hover{
	background:#444;
	box-shadow:0px 0px 4px #111;
}
#questWrap{
	font-family:Times New Roman,serif;
	position:absolute;
	top:30px;
	left:-900px;
	width:370px;
	height:650px;
	background:transparent;
	border:1px solid #273F87;
	z-index:260;
	overflow:hidden;
}
#charmIcon0,#charmIcon1,#charmIcon2,#charmIcon3,#charmIcon4{
	cursor:pointer;
}
.exceptionalItem{
	color:#95d;
	text-shadow:0 0 10px rgba(144,80,224,.66), 
		0 0 25px rgba(144,80,224,.33), 
		1px 1px #000,
		-1px 1px #000,
		1px -1px #000,
		-1px -1px #000,
		-1px 0 #000,
		1px 0 #000,
		0 1px #000,
		0 -1px #000,
		2px 2px #000,
		1px 1px #000;
}
.eliteItem{
	color:#b72;
	text-shadow:0 0 10px rgba(176,112,32,.6), 
		0 0 15px rgba(176,112,32,.3), 
		0 0 30px rgba(176,112,32,.1), 
		1px 1px #000,
		-1px 1px #000,
		1px -1px #000,
		-1px -1px #000,
		-1px 0 #000,
		1px 0 #000,
		0 1px #000,
		0 -1px #000,
		2px 2px #000,
		1px 1px #000;
}
.normal{
	color:#fff;
	text-shadow:
		1px 1px #000,
		-1px 1px #000,
		1px -1px #000,
		-1px -1px #000,
		-1px 0 #000,
		1px 0 #000,
		0 1px #000,
		0 -1px #000,
		2px 2px #000,
		1px 1px #000;
}
.magical{
	color:#628aff;
	text-shadow:
		1px 1px #000,
		-1px 1px #000,
		1px -1px #000,
		-1px -1px #000,
		-1px 0 #000,
		1px 0 #000,
		0 1px #000,
		0 -1px #000,
		2px 2px #000,
		0 0 5px rgba(65,105,225,.5), 
		1px 1px #000;
}
.rare{
	color:#eeee73;
	text-shadow:
		1px 1px #000,
		-1px 1px #000,
		1px -1px #000,
		-1px -1px #000,
		-1px 0 #000,
		1px 0 #000,
		0 1px #000,
		0 -1px #000,
		2px 2px #000,
		0 0 5px rgba(202,202,82,.33), 
		0 0 5px rgba(202,202,82,.66), 
		1px 1px #000;
}
.unique{
	color:#b5a170;
	text-shadow:
		1px 1px #000,
		-1px 1px #000,
		1px -1px #000,
		-1px -1px #000,
		-1px 0 #000,
		1px 0 #000,
		0 1px #000,
		0 -1px #000,
		2px 2px #000,
		0 0 20px rgba(165,146,99,.1), 
		0 0 20px rgba(165,146,99,.3),
		0 0 10px rgba(165,146,99,.6), 
		1px 1px #000;
}
.set{
	color:#3e3;
	text-shadow:
		1px 1px #000,
		-1px 1px #000,
		1px -1px #000,
		-1px -1px #000,
		-1px 0 #000,
		1px 0 #000,
		0 1px #000,
		0 -1px #000,
		2px 2px #000,
		0 0 20px rgba(48,240,48,.1), 
		0 0 10px rgba(48,240,48,.6), 
		1px 1px #000;
}
.legendary{
	color:#f2a63a;
	text-shadow:
		1px 1px #000,
		-1px 1px #000,
		1px -1px #000,
		-1px -1px #000,
		-1px 0 #000,
		1px 0 #000,
		0 1px #000,
		0 -1px #000,
		2px 2px #000,
		0 0 20px rgba(255,128,0,.1), 
		0 0 20px rgba(255,128,0,.3),
		0 0 10px rgba(255,128,0,.6), 
		1px 1px #000;
}
#LPtalents{
	position:absolute;
	top:0;
	left:0;
	font-size:15px;
	color:#e5e5e5;
	width:240px;
	height:474px;
	padding:10px 10px 0 10px;
	text-align:center;
	white-space:normal;
}
#RPtalents{
	position:absolute;
	top:0;
	left:260px;
	width:327px;
	height:484px;
	line-height:12px;
	text-align:center;
	overflow:hidden;
}
.talentButton{
	position:absolute;
	width:64px;
	height:16px; padding-top:48px;
	text-indent:3px;
	text-align:left;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	box-shadow:
		1px 0 #666 inset,
		0 1px #666 inset,
		-1px 0 #666 inset,
		0 -1px #666 inset,
		1px 0 #222,
		0 1px #222,
		-1px 0 #222,
		0 -1px #222;
}
#talentsLeft{
	position:absolute;
	top:20px;
	width:100%;
	font-size:18px;
	color:#fff;
}
#talentTree1{
	position:absolute;
	top:80px;
	left:71px;
	width:0;
	border:2px groove #333;
	height:300px;
	background:#aaa;
}
#talentTree2{
	position:absolute;
	top:80px;
	left:164px;
	width:0;
	border:2px groove #333;
	height:300px;
	background:#aaa;
}
#talentTree3{
	position:absolute;
	top:80px;
	left:257px;
	width:0;
	border:2px groove #333;
	height:300px;
	background:#aaa;
}
#talent1{
	top:70px;
	left:40px;
}
#talent2{
	top:170px;
	left:40px;
}
#talent3{
	top:270px;
	left:40px;
}
#talent4{
	top:370px;
	left:40px;
}
#talent5{
	top:70px;
	left:133px;
}
#talent6{
	top:170px;
	left:133px;
}
#talent7{
	top:270px;
	left:133px;
}
#talent8{
	top:370px;
	left:133px;
}
#talent9{
	top:70px;
	left:225px;
}
#talent10{
	top:170px;
	left:225px;
}
#talent11{
	top:270px;
	left:225px;
}
#talent12{
	top:370px;
	left:225px;
}
.Warrior{
	background:#3a220a; 
	background:url('/classic/images1/classPlate.png') 0 0;
	text-shadow:inherit;
}
.Rogue{
	background:#3d353d; 
	background:url('/classic/images1/classPlate.png') 0 -100%;
	text-shadow:inherit;
}
.Monk{
	background:#44441a; 
	background:url('/classic/images1/classPlate.png') 0 -200%;
	text-shadow:inherit;
}
.Paladin{
	background:#620582; 
	background:url('/classic/images1/classPlate.png') 0 -300%;
	text-shadow:inherit;
}
.ShadowKnight{
	background:#48043a; 
	background:url('/classic/images1/classPlate.png') 0 -400%;
	text-shadow:inherit;
}
.Ranger{
	background:#0a2b00; 
	background:url('/classic/images1/classPlate.png') 0 -500%;
	text-shadow:inherit;
}
.Bard{
	background:#1a006a; 
	background:url('/classic/images1/classPlate.png') 0 -600%;
	text-shadow:inherit;
}
.Druid{
	background:#1a5b0a; 
	background:url('/classic/images1/classPlate.png') 0 -700%;
	text-shadow:inherit;
}
.Cleric{
	background:#77770a; 
	background:url('/classic/images1/classPlate.png') 0 -800%;
	text-shadow:inherit;
}
.Shaman{
	background:#001a7a; 
	background:url('/classic/images1/classPlate.png') 0 -900%;
	text-shadow:inherit;
}
.Necromancer{
	background:#482a5a; 
	background:url('/classic/images1/classPlate.png') 0 -1000%;
	text-shadow:inherit;
}
.Enchanter{
	background:#123a6a; 
	background:url('/classic/images1/classPlate.png') 0 -1100%;
	text-shadow:inherit;
}
.Magician{
	background:#7a4a12;
	background:url('/classic/images1/classPlate.png') 0 -1200%;
	text-shadow:inherit;
}
.Wizard{
	background:#5a0111; 
	background:url('/classic/images1/classPlate.png') 0 -1300%;
	text-shadow:inherit;
}
.Warrior-chat{
	color:#a73; 
}
.Rogue-chat{
	color:#888; 
}
.Monk-chat{
	color:#f85; 
}
.Paladin-chat{
	color:#c5e; 
}
.ShadowKnight-chat{
	color:#f0f; 
}
.Ranger-chat{
	color:#090; 
}
.Bard-chat{
	color:#7ff; 
}
.Druid-chat{
	color:#8f0; 
}
.Cleric-chat{
	color:#ff5; 
}
.Shaman-chat{
	color:#08f; 
}
.Necromancer-chat{
	color:#84f; 
}
.Enchanter-chat{
	color:#0df; 
}
.Magician-chat{
	color:#f90;
}
.Wizard-chat{
	color:#f22; 
}
.questZones{
	color:#fff;
	font-size:16px;
}
.QT{
	font-size:15px;
	cursor:pointer;
}
.dot{
  width:2px;
  height:2px;
  position:absolute;
  background-color:rgba(0,255,255,1);
  box-shadow:0px 0px 10px 2px #8ff;
  border-radius: 50% 50%;
  z-index:250;
}
#Login{
	display: inline-block;
	color: #fff;
	font-size: 15px;
	line-height: 1.3;
	margin: .125em .5em;
	border-radius: 4px;
	cursor: pointer;
	letter-spacing: .05em;
	border: 1px solid #2e6da4;
	border-radius: 4px;
	background: #337ab7;
	padding: 4px 20px;
}
#Login>div{
	cursor: pointer;
}