body 
{
	background: #000000;
	color: #ffffff;
	font-family: arial,verdant,times,sans-serif;
	font-size:12px;
}

A:link 	{ color: #ff0000; }
A:visited { color: #ff0066; }
A:active { color: #ff00ff; }
A:hover 	{ color: #ff6600; }

.abs { position: absolute; }
.gamebox { left:20px; top:40px; }
.gameboxmenu { left:170px; width:400px; }
.mapoffset { left:0px; top:0px; }
.extrastats { left:260px; top:5px; height:32px; width:300px; }
.title { font-weight:bold; width:200px; margin-bottom:3px; margin-left:5px; }
.info { width:100% }
.battlearea { background:#000000; width:250px; height:85px; overflow:hidden }
.combatview { float:left; height:77px; margin:0px; padding:0px; border:0px }
.youview { width:77px; height:77px; top:3px; }
.enview { left:77px; top:0px; overflow:hidden; width:170px; }
.blood { z-index:1; }
.monster { position:absolute; bottom:0px; margin:0px; padding:0px; border:0px }
.ground { top:77px; width:100%; height:8px; background:#00ff00 }
.statsview { }
.youstats { top:86px; }
.enstats { top:108px; width:450px }

.belowbattle { top:138px }

.worldmap { border:3px #880000 ridge; top:269px; left:8px; width:170px; height:170px; overflow:hidden; z-index:0; }

.bottombox { top:280px; left:0px }

.boxoverlay { position:absolute; top:22px; left:0px; height:82px; width:450px; display:none; border:3px ridge #009900; overflow:auto }

.boxtabon,.boxtaboff { border-left:3px ridge #009900; border-right:3px ridge #009900; border-top:3px ridge #009900; font-weight:bold; padding:2px; float:left; }
.boxtaboff { border-color:#666666; border-style:solid; border-bottom:0px; background:#666666; }
.boxtabon { }

.boxtabcycle { display:inline; float:right; font-size:smaller; margin-left:5px; margin-top:5px; }

.divskillbox,.divskillboxlast { float:left; border-right:1px solid #FFFFFF; display:inline; padding:3px }
.divskillboxlast { border-right:0px;}

.bigpopup { position:absolute; left:185px; top:50px; width:300px; height:310px; border:3px ridge #009900; overflow:auto; z-index:25; background:#000000; }

.equipmenttab { font-size:10px }
.skillnote { font-size:10px; margin-left:1px; margin-right:3px; }
.skp_spending { position:absolute; left:5px; bottom:3px; background:#0000ff; padding:2px; font-weight:bold }

.bigpopupbar { background:#009900; height:18px; padding-left:3px; font-size:12px }
.bigpopuptitle { font-weight:bold; float:left; display:inline }
.thex { float:right; margin:1px; font-size:10px; border:1px solid #ff0000; background:#000000; padding:1px }

/* gifs */
.preimg { display:none; }
.logo { WIDTH:221px; HEIGHT:26px; border:0px }
.mapsq { border:0px; }
.youz { z-index:10; }
.mapz { z-index:2; }
.peach { background:#FFbb99; }
.blond { background:#ffff00; }
.redhead { background:#ff0000; }
.brunette { background:#AA5500; }
.icon { width:16px; height:16px; }
.statfield { width:20px; }
.expy { color:#00FFFF }
.goldy { color:#FFFF00 }
.levely { color:#FF00FF }
.formfail { color:#ff0000; font-weight:bold; }
.username { font-weight:bold; font-size:larger; }
.levelup { color:#ff00ff; font-weight:bold; font-size:larger; }
.compass { top:170px; left:10px; width:150px; font-size:smaller; }
.person { width:48px; height:77px; }
.campfire { width:30px; height:38px; margin-top:40px; margin-left:30px; }
.cantbuy { font-style:italic }
.dontneed { color:#555555 }

.enemytoscale { z-index:15; border:3px #000088 ridge; top:0px; left:420px; height:95px; width:135px; background:#000000 }

/* magic */
.magicswrd { background-position:4px 9px; background-repeat:no-repeat; }
.magicdag { background-position:2px 3px; background-repeat:no-repeat; }
.magicvam { background-position:1px 8px; background-repeat:no-repeat; }
.magichlm { background-position:28px 1px; background-repeat:no-repeat; }
.magicbkl { background-position:10px 5px; background-repeat:no-repeat; }
.magictso { background-position:3px 9px; background-repeat:no-repeat; }
.magicpnt { background-position:11px 0px; background-repeat:no-repeat; }
.magiclgs { background-position:3px 3px; }
.magicbts { background-position:8px 2px; }
.magicspear { background-position:11px 2px; background-repeat:no-repeat; }
.magicaxe { background-position:11px 12px; background-repeat:no-repeat; }
.magicmace { background-position:5px 10px; background-repeat:no-repeat; }
.magicshield { background-position:8px 6px; background-repeat:no-repeat; }

.magicw { background-image:url('/pics/magicw.gif'); }
.magicf { background-image:url('/pics/magicf.gif'); }
.magica { background-image:url('/pics/magica.gif'); }
.magice { background-image:url('/pics/magice.gif'); }

.eqbetter { color: #ccccff; }
.eqworse { color: #ffcccc; }

.whopages { font-size:larger; font-weight:bold }

.chardesc { font-size:10px; width:350px; height:60px; overflow:auto; border:3px ridge #999999; padding:2px; }

.flair0pos { display:none; }
.flair1pos, .flair2pos, .flair3pos, .flair4pos, .flair5pos, .flair6pos, .flair7pos, .flair8pos, .flair9pos, .flair10pos, .flair11pos, .flair12pos, .flair13pos { display:block; position:absolute; }
.flair1pos { left:22px; top:10px }
.flair2pos { left:22px; top:11px }
.flair3pos { left:22px; top:24px }
.flair4pos { left:23px; top:15px }
.flair5pos { left:27px; top:21px }
.flair6pos { left:23px; top:15px }
.flair7pos { left:22px; top:24px }
.flair8pos { left:14px; top:0px }
.flair9pos { left:6px; top:0px }
.flair10pos { left:21px; top:8px }
.flair11pos { left:0px; top:4px }
.flair12pos { left:22px; top:7px }
.flair13pos { left:14px; top:0px }

.pompos,.pomswrdpos,.pomaxepos,.pomspearpos { position:absolute; z-index:20 }
.pompos { visibility:hidden; }

.pomswrdpos { left:42px; top:38px }
.pomspearpos { left:26px; top:44px }
.pomaxepos { left:40px; top:46px }

.pomswrdimg { width:12px; height:12px }
.pomspearimg { width:22px; height:22px }
.pomaxeimg { width:8px; height:8px }

.youhit { }
.enhit { color:#FFCCCC }

.monpowspan { margin-left:2px }
.monpowlink { color:#FF00FF }
.monpowstun { font-size:smaller; color:#CCFFFF }
.monpowdraingold { color:#FFFFCC }
.monpowdrainexp { color:#CCFFCC }