*{ 	_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; } #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('/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('/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{ 	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('/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; 	top:580px; 	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; } #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('/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('/images1/wideHead.png') 0 0 / 100% 100%; } #invHeader{ 	line-height:45px; } #questHeader{ 	background:url('/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('/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('//i.imgur.com/gxfvcyu.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('/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('//i.imgur.com/gxfvcyu.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('/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:45px; 	width:260px; 	padding:6px; 	box-shadow:0 720px rgba(0,0,0,.7) inset; 	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('/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('/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('/images1/smallFrame.png'); 	background-size:100% 100%; 	width:168px; 	padding-bottom:2px; } #modeDiv{ 	position:absolute; 	left:480px; 	top:527px; 	color:#eec; 	background:url('/images1/smallFrame.png'); 	background-size:100% 100%; 	width:168px; 	padding-bottom:2px; } #statBox{ 	position:absolute; 	background:url('/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('/images1/ccFrame.png'); 	background-size:100% 100%; 	padding-bottom:8px; } #classHeader{ 	background:url('/images1/ccFrame.png'); 	background-size:100% 2200%; } #classBox{ 	position:absolute; 	height:auto; 	left:970px; 	top:115px; 	width:222px; 	color:#eec; 	background:url('/images1/ccFrame.png'); 	background-size:100% 477px; 	padding-bottom:8px; } #classBoxFoot{ 	position:absolute; 	bottom:0; 	left:0; 	width:100%; 	height:32px; 	background:url('/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('/backgrounds/home.jpg'); } .ccActive{ 	padding:0; 	margin:0; 	color:#e3e3ba; 	background:#000 url('/images1/raceButtons.png') 0 100%; 	background-size:100% 200%; } .ccDisabled{ 	padding:0; 	margin:0; 	color:#886;	 	background:#000 url('/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("/images1/spriteHuman2.png") 0 0; } #divineaegisId{ background: url("/images1/spriteErudite2.png") 0 0; } #ancestralrampageId{ background: url("/images1/spriteBarbarian2.png") 0 0; } #tunaresglowId{ background: url("/images1/spriteWood Elf2.png") 0 0; } #karanasinfusionId{ background: url("/images1/spriteHalf Elf2.png") 0 0; } #sanguinetormentId{ background: url("/images1/spriteDark Elf2.png") 0 0; } #granitevisageId{ background: url("/images1/spriteDwarf2.png") 0 0; } #halflinghideId{ background: url("/images1/spriteHalfling2.png") 0 0; } #shortcircuitId{ background: url("/images1/spriteGnome2.png") 0 0; } #togglepetattackId{ background: url("/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('/images1/rock380-430.jpg'); 	background-size:100% 100%; } #lastName{ 	font-size:16px; 	color:#333; 	width:162px; 	border:transparent; 	text-transform:capitalize; 	background:url('/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("/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("/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('/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('/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("/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:330px; 	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('/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('//i.imgur.com/gxfvcyu.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('/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('//i.imgur.com/gxfvcyu.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('/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('/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('/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("/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("/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("/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("/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("/images1/NGbutton.png") 0 0 / 100% 200%; } .trainingButton{ 	background:#000 url('/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("/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('/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('/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('/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('/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('/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('/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("/images1/raceButtons.png") 0 100% / 100% 200%; } #shopList{ 	background: #111; } .cityButtons{ 	font-family:Times New Roman,serif; 	background:#000 url("/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('/images1/classPlate.png') 0 0; 	text-shadow:inherit; } .Rogue{ 	background:#3d353d; 	background:url('/images1/classPlate.png') 0 -100%; 	text-shadow:inherit; } .Monk{ 	background:#44441a; 	background:url('/images1/classPlate.png') 0 -200%; 	text-shadow:inherit; } .Paladin{ 	background:#620582; 	background:url('/images1/classPlate.png') 0 -300%; 	text-shadow:inherit; } .ShadowKnight{ 	background:#48043a; 	background:url('/images1/classPlate.png') 0 -400%; 	text-shadow:inherit; } .Ranger{ 	background:#0a2b00; 	background:url('/images1/classPlate.png') 0 -500%; 	text-shadow:inherit; } .Bard{ 	background:#1a006a; 	background:url('/images1/classPlate.png') 0 -600%; 	text-shadow:inherit; } .Druid{ 	background:#1a5b0a; 	background:url('/images1/classPlate.png') 0 -700%; 	text-shadow:inherit; } .Cleric{ 	background:#77770a; 	background:url('/images1/classPlate.png') 0 -800%; 	text-shadow:inherit; } .Shaman{ 	background:#001a7a; 	background:url('/images1/classPlate.png') 0 -900%; 	text-shadow:inherit; } .Necromancer{ 	background:#482a5a; 	background:url('/images1/classPlate.png') 0 -1000%; 	text-shadow:inherit; } .Enchanter{ 	background:#123a6a; 	background:url('/images1/classPlate.png') 0 -1100%; 	text-shadow:inherit; } .Magician{ 	background:#7a4a12; 	background:url('/images1/classPlate.png') 0 -1200%; 	text-shadow:inherit; } .Wizard{ 	background:#5a0111; 	background:url('/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: #8bf; 	font-size: 1.5em; 	line-height: 28px; 	height: 26px; 	margin: .125em 1em; 	border-radius: 5px; 	cursor: pointer; 	letter-spacing: .05em; } #Login>div{ 	cursor: pointer; }