body{font-family:sans-serif; font-size:13px; color:#ccc; line-height:18px;}

.number_b{color:#ccc; font-weight:bold; text-decoration:underline;}
.number_m{color:#ccc; font-weight:bold;}
.number_k{color:rgba(204,204,204,0.9);}
.number_u{color:rgba(204,204,204,0.7);}
.hsimg{position:absolute; left:0%; background-image:url("skillicons.png");}
.statitem{position:absolute; text-align:right; color:#ccc;}
		
#statsouter{background:rgba(0,0,0,0.5); position:absolute; top:32px; bottom:0px; left:0px; right:0px; display:none;}
	#statsinner{position:absolute; min-height:330px; left:2px; right:2px; bottom:2px; top:2px;}
	.lvl_120{color:#fff;}
	.lvl_99{color:rgba(204,204,204,0.9)}
	.lvl_noob{color:rgba(188,188,188,0.7);}
		
#statusback, #histstatusback, #eventstatusback{background:#02080C; position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:none;}
	#status, #histstatus, #eventstatus{position:absolute; top:50px; left:5px; right:5px; color:#ddd; font-size:28px; text-align:center; line-height:initial;}
#histstatusback{top:20px;}
			
#tabbutton{position:absolute; top:5px; right:55px; background-image:url(tabbutton.png); background-position:-21px 0px;}
	#tabbutton:hover{background-position:-21px -21px;}
	#tabbutton.graph{background-position:0px 0px;}
	#tabbutton.graph:hover{background-position:0px -21px;}
#capbutton{position:absolute; top:5px; right:30px; background-image:url(capbutton.png); background-position:-21px 0px;}
	#capbutton:hover{background-position:-21px -21px;}
	#capbutton.capped{background-position:0px 0px;}
	#capbutton.capped:hover{background-position:0px -21px;}
#pprofilebutton{position:absolute; top:5px; right:5px; background-image:url(pprofilebutton.png);}
#seperator{top:30px;}
			
#nameboxcontainer{position:absolute; display:block; left:5px; top:5px; right:80px; height:21px;}
	#namebox{width:100%; height:100%;}
	#playerlist{position:absolute; top:3px; height:12px; width:18px; right:3px; border:1px solid #695D47; display:none; line-height:12px; font-size:11px; cursor:pointer; text-align:center; background:#2C1F0D;}
		
#playerinfo{position:absolute; top:32px; height:65px; width:100%; display:none;}
	#face{position:absolute; top:0px; left:0px; width:70px; height:70px; background-size:cover;}
	#playerclan{position:absolute; top:4px; left:120px; white-space:nowrap;}
	#playertitle{position:absolute; top:24px; left:120px; white-space:nowrap;}
	#playerqp{position:absolute; top:44px; left:120px; white-space:nowrap;}
	#playerclanlabel{position:absolute; top:4px; left:70px; white-space:nowrap;}
	#playertitlelabel{position:absolute; top:24px; left:70px; white-space:nowrap;}
	#playerqplabel{position:absolute; top:44px; left:70px; white-space:nowrap;}
		
#bigquests{position:absolute; top:110px; left:10px; right:10px; background:url('/nis/alt1-currentskin/background.png'); border:1px solid #41555F; border-radius:10px; z-index:30; display:none; padding:2px;}
	#bigquesttitle{font-weight:bold; text-align:center; border-bottom:1px solid rgba(204, 204, 204, 0.5); padding:1px 5px;}
	#bigquestsexit{position:absolute; top:3px; right:3px; width:16px; height:16px; background:url('exitbutton.png'); cursor:pointer;}

#grapharea{position:absolute; top:98px; left:0px; right:0px; height:180px; border-top:1px solid #41555f; box-sizing:border-box; border-bottom:1px solid #41555f; display:none;}
	#skillselect{position:absolute; top:0px; right:5px; height:20px; width:90px;}
		#skillselecttitle{z-index:11; width:100%; height:100%; background:url('/nis/alt1-currentskin/background.png'); border-radius:10px 10px 0px 0px; text-align:center; position:absolute; top:0px; right:0px;}
		#skillselect.active #skillselecttitle{border:solid #41555F; border-width:1px 1px 0px; right:-1px; top:-1px; cursor:pointer;}
		#skillselectinner{display:none; position:absolute; top:19px; right:-1px; width:210px; background:url('/nis/alt1-currentskin/background.png'); border-radius:10px 0px 10px 10px; border:1px solid #41555F; z-index:10;}
		#skillselect.active #skillselectinner{display:block;}
			.skillselectitem{float:left; height:19px; width:50%; box-sizing:border-box; margin:1px 0px; cursor:pointer; padding:1px;}
			.skillselectitem:hover{background:rgba(255,255,255,0.1);}
				.skillselecticon{float:left; width:18px; height:18px; background-size:18px 900px; background-image:url('skillicons.png');}
				.skillselectname{float:left; width:calc(100% - 25px); height:18px; padding-left:3px; overflow:hidden;}
	#graph{background:rgba(0,0,0,0.5); position:absolute; width:100%; top:20px; height:calc(100% - 20px);}
	#readouttime{position:absolute; top:0px; left:5px;}
	#readoutxp{position:absolute; top:0px; left:70px;}

#gainlist{position:absolute; bottom:0px; height:130px; left:0px; width:100%; border-collapse:collapse; display:none;}
	#gainlist tbody{background:rgba(0,0,0,0.5); border-top:1px solid #29303A;}
	#gainlist thead{font-size:15px;}
	.gainrow{cursor:pointer;}
	.gainrow:hover{background:rgba(255,255,255,0.1);}
	#gainlist td, #gainlist th{padding:2px;}

#eventouter{position:absolute; bottom:0px; top:280px; left:0px; width:100%; box-sizing:border-box; line-height:initial; display:none;}
	#eventlist{overflow-y:auto; height:100%;}
		.event{overflow:hidden; padding:1px 3px; color:var(--nis-col-low); white-space:nowrap; line-height:22px;}
		.event:nth-child(odd){background:rgba(255,255,255,0.07);}
			.eventtime{float:right; font-size:10px; color:var(--nis-col-faded); line-height:initial; text-align:right;}

.graphpath{stroke:#ccc;}
.graphpoint{fill:#ccc;}
.graphvscaletitle{fill:rgba(204,204,204,0.5);}
.graphvscaleline{stroke:rgba(204,204,204,0.15);}
.graphhscaletitle{fill:rgba(204,204,204,0.5);}
.graphhscaleline{stroke:rgba(204,204,204,0.5);}
.graphtitle{fill:#ccc;}

.fakelink{color:var(--nis-col-url); text-decoration:underline; cursor:pointer;}
.fakelink:hover{color:var(--nis-col-urlhover);}
		
body[data-tab="0"] #statsouter{display:block;}
body[data-tab="1"] #playerinfo{display:block;}
body[data-tab="1"] #grapharea{display:block;}
body[data-tab="1"] #eventouter{display:block;}