HTML,BODY {font-family:Georgia,"Times New Roman",sans-serif,Helvetica;margin:0px;padding:0px;font-size:0.9em;overflow:hidden}
body { overflow:hidden;}
body.normal {background: black url(g/background.jpg);}
body.combat {background-image:url(g/biohazard.png);}

TEXTAREA {width:100%}
U {color:blue;cursor:pointer}
.muties, .muties TABLE {font-family:Georgia,"Times New Roman",sans-serif,Helvetica}
BUTTON {font-family:Georgia,"Times New Roman",sans-serif,Helvetica}
BUTTON,SELECT {font-size:9pt}
H2 {font-size:1.1em;text-align:center}
fieldset{background:transparent}
.sprite {background-image:url(g/tiles.png);background-repeat:no-repeat;height:16px;width:16px}
#lookupobj {z-index:50001}
DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {padding: 3px 6px}
.muties H2, #brdmenu {background-color:#9E9;padding:1px;}
.muties TH {background-color:#9E9;border:2px outset #9E9;vertical-align:middle;display:table-cell}
#player {border:2px solid #0F0}
.tooltip-tip {
			color: #fff;
			width: 200px;
			z-index: 50001;
}
.tooltip-title {
			font-weight: bold;
			font-size: 11px;
			margin: 0;
			color: #9FD4FF;
			padding: 8px 8px 4px;
			background: url(g/bubble.png) top left;
}
.tooltip-text {
			font-size: 11px;
			padding: 4px 8px 8px;
			background: url(g/bubble.png) bottom right;
}

TR.selected {background-color:#000;color:#FFF}
TR.selected U {color:#FFF;text-decoration:none}

#enc { overflow:auto;}

#thigh, #phigh {
	z-index:9;
	position:absolute;
	display:none;
}
.lootbag {
	/*z-index:20;*/
	position:absolute;
	cursor:pointer;
}

.pi {vertical-align:middle; margin:0px 5px 0px 5px; } /* popinfo image style */
/** navigation interface **/
/*
#navctrls {text-align:center}
#navctrls IMG {padding:2px;border:1px outset #DDD;background-color:#EEE;margin:1px}
*/

.skillbtn { margin-left:145px;text-align:center;
	background-color:#EEF;border:1px solid #CCE;width:24px;margin:auto 4px auto auto}
.skillbtn IMG { padding:2px; background-color:#EFE; margin-top:2px;border:1px solid; border-color:#DED #CDC #CDC #DED; cursor:pointer }


/* fancy lookup widget */
.fancylookup {z-index:9999;border:1px solid black;background:yellow;position:absolute;padding:2px;visibility:hidden}

#dl_data {font-size:10px;text-align:center}

.tb {position:absolute}
/*
#lootbox {background-color:#EFE;border:2px dashed black;z-Index:9999;visibility:hidden;
	position:absolute;left:70px;top:120px;margin:10px 0px 0px 10px;padding:5px;width:160px;height:160px}
#lootbox IMG{margin:5px}
#lootdata {overflow:auto;border:1px solid black;height:120px;width:155px;}

.rack {vertical-align:middle}
.rack .r {padding-right:3px;background-color:#EEF;border:2px outset #EEF;
	text-align:right;font-weight:bold;width:50%;}
.rack IMG {background-color:buttonface;border:2px inset gray;
	vertical-align:middle;height:32px;width:32px;margin:1px}
.r IMG {border:0px;height:16px;width:16px;background-color:transparent}

.drag {position:relative;border:2px outset gray;cursor:move;width:32px;height:32px}
.drop {position:relative;border:2px inset gray;cursor:default;width:32px;height:32px}
*/

#fraEquip IMG {border:1px solid black;position:absolute;height:32px;width:32px}

#mutie_main { padding:2px;vertical-align:top; }

#mutie_status_float { /* "Spinny" */
	z-index:50000;position:absolute;
	width:100%;height:100%;
	background:url(g/spinner.gif) center center no-repeat;
}
.msout{background-color:#EFE;border:1px solid #ADA;padding:3px;}
.msout2{background-color:#EEF;border:1px solid #CCE;padding:3px;margin:10px;}
.msout3{background-color:#FDB;border:1px solid #ECC;padding:3px;margin:10px;}
.msout4{background-color:#8E9;border:1px outset #394;padding:3px;margin:0px}
.cframe {
	border:1px solid green;
	background-color:#DAFBD0;
	padding:5px;
	color:black;
	margin:5px;
	font-weight:normal;
}
.journal{font-family:Lucida Calligraphy,Cursive,Georgia,Times,serif;font-size:14px;border:1px dashed #ef928a;background-image:url(g/parchment.png);}
.faq{background-image:url(g/q.gif);background-position:right;background-repeat:no-repeat;padding-right:12px;border:1px solid brown;background-color:yellow;font-weight:bold}

.picframe {border:7px ridge brown;background-image:url('g/canvas.png');padding:0px;margin:3px;width:64px;height:64px}

.balloon {
 position:relative;
 margin:0px auto;
/* min-width:10em; */
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under balloon */
}

.bclose {
	cursor:pointer;right:0px;top:0px;position:absolute;
}
.balloon .content,
.balloon .t,
.balloon .b,
.balloon .b div {
 background:transparent url(g/dialog_white.png) no-repeat top right;
 /*_background-image:url(white.gif);*/
}

.balloon .content {
 position:relative;
 _overflow-y:hidden;
 padding:6px 12px 0px 0px;
}

.balloon .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.balloon .i {
	position:absolute;
}
.balloon .b {
 /* bottom */
 position:absolute;
 width:100%;
}

.balloon .b,
.balloon .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.balloon .b {
 background-position:bottom right;
}

.balloon .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.balloon .hd,
.balloon .bd,
.balloon .ft {
 position:relative;
}

.balloon .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.balloon .p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:1.0em 0px 0em 0px;display:block;
}

.panel {
	position:absolute;
	background-color:#EEE;
	border:5px solid #0b6a0b;
	visibility:hidden;
	padding:0px 0px 2px 0px;margin:0px;
}
.panel h2, #bigwidget h2 {
	background:url(g/window/tabs_sprite.gif) 0px -152px repeat-x;height:20px;color:white;
	margin:0px;padding:0px;cursor:move;
}
#smallwidget button {
	width:170px;font-weight:bold;line-height:42px;text-align:right;height:42px;padding-right:5px;vertical-align:middle;
}
#smallwidget img {float:left;vertical-align:middle;margin:0px;padding:0px;line-height:42px}
/*#menubar img {
	float:right;
}*/
#buttons {z-index:50;bottom:4px;left:80px;width:600px;position:absolute;}
.toolbtn {z-index:50;height:40px;width:42px;padding:0px;position:absolute;top:-50px;left:-50px;}
IMG.toolbtn {padding:2px;cursor:pointer;height:32px;width:32px;}
#book H3, #book H4 {text-align:center}
#clouds {position:absolute;z-index:20;left:0px;top:0px}
#cursor {z-index:19}
.btnsma { display:none;cursor:pointer }
.btnck { display:none;cursor:pointer }
#character TD {line-height:18px}
#buffs {position:absolute;left:160px;bottom:4px;z-index:50;}
#buffs .cell {height:46px;width:32px;-moz-border-radius:4px;-webkit-border-radius:4px;text-align:center;
	background-color:black;border:2px solid gold;line-height:10px;color:gold;font-size:10px}
#buffs IMG {width:32px;height:32px;}

#speakerNPC, #speakerPlayer {
	position:absolute;left:0;right:0;display:none;height:150px;padding:0;z-index:503;
}
#speakerNPC {
	top:0px;
	right:120px;
}
#speakerPlayer {
	bottom:0px;
	left:150px;
}
#speakerNPCText, #speakerPlayerText {
	font-size:1.2em;
    background-color:white;
	border:3px solid black;
	-moz-border-radius:5px;
	z-index:503;
	overflow:auto;
	height:130px;
	position:absolute;
	margin:5px;
	left:0;right:0;
}
#speakerNPCText {padding:10px;}
#speakerPlayerText li {line-height:1.5em;display:list-item}
#speakerPlayer .copt:hover { color:MediumBlue;font-weight:bold;cursor:pointer;}

.questnew { background-image:url(g/bang.png);background-repeat:no-repeat;background-position:24px 0px}
.questold { background-image:url(g/q.png);background-repeat:no-repeat;background-position:24px 0px}
.player { background-image:url(g/phigh.png);background-repeat:no-repeat;background-position:16px 38px}
.target { background-image:url(g/thigh.png);background-repeat:no-repeat;background-position:16px 38px}

.tab {padding:0px;cursor:pointer;background:url(g/window/tab_b.png) 0 0 no-repeat;width:70px;height:20px;float:left;line-height:20px;margin:1px -1px 1px 2px;
	font-size:11px;font-weight:normal;text-align:center;position:relative;color:white}
.tabhot {background:url(g/window/tab.active_b.png) 0 0 no-repeat;width:74px;height:20px;z-index:101;top:-2px;border:0 none;margin:1px -3px -3px 0px;font-weight:bold}
.tabspace {border-bottom:2px solid black}
.tabpanel {padding:5px;left:0;top:40px;bottom:0;right:0;position:absolute;visibility:hidden;background-color:#EEE;border-top:5px solid #0b6a0b;}
/*.tabpanel u {color:cyan}*/
.tabpanel option {color:black}

.ibtn {width:32px;height:32px;padding:3px;border:1px outset #232;margin:3px;cursor:pointer}
img.item {width:32px;height:32px;cursor:pointer;border:1px solid #8A8;background-color:#BDB}
img.item:hover {background-color:#DDE;border-color:#88A}
.itembtn {vertical-align:middle;margin:2px;border:1px solid transparent;padding:2px;cursor:pointer}
.itembtn:hover {border-color:#8A8;background-color:#DED}
.slotcell {width:32px;font-size:10px;float:left;text-align:center;border:1px solid #8A8;background-color:#CEC;margin:1px;cursor:pointer;color:black}
.slotcell img {width:32px;height:32px}
.slotcell:hover {border-color:#88A;background-color:#CCD}
.slotsel {border-color:#A88;background-color:#FFA}
.invhdr {color:#555;font-size:12px;font-weight:bold;clear:both}


#book {
		font-family:Constantia,Times New Roman,serif;font-size:1.3em;
		padding:5px;text-align:justify;background:url(g/parchment.png);border:5px solid #842;
		position:absolute;left:50px;top:50px;bottom:50px;right:50px;visibility:hidden
}
#bookcontent { position:absolute;top:0px;left:1px;bottom:0px;right:1px;border-left:3px double #842;border-right:3px double #842}
#booktitle { top:0px;margin:0px;padding:0px;color:#A00;font-variant: small-caps; }
#bkpage {position:absolute;top:30px;left:2px;right:2px;bottom:30px;overflow:auto;padding:5px}
#bkpage img { padding:5px }
#bkpage dd {text-decoration:underline;color:blue;cursor:pointer;clear:both;display:inline}
#book td {padding:0px 10px 0px 10px}

#auctionsearch {font-size:0.9em;text-align:center;vertical-align:middle;border-bottom:1px solid gray;background-color:#AAA}
#auctionsearch input, #auctionsearch select {font-size:0.9em;}
#auctionfinds TABLE {border-collapse:collapse;border:1px solid black}
#auctionfinds TH{background-color:#DFD;border:1px solid black}
#auctionfinds TD{padding:0px 5px 0px 5px;border-bottom:1px solid #ACA;text-align:center}
IMG.aicon {height:32px;width:32px;border:1px outset gray;vertical-align:middle;margin-right:3px}
IMG.btn {cursor:pointer}

#consframe {
	z-index:502;position:absolute;max-height:100%;
	right:0px;bottom:0px;
	padding:0px;background:transparent url(g/black50.png) repeat center; /* #242 */
}
#console {
	margin:0px;top:16px;
	padding:5px;
	position:absolute;right:0px;bottom:32px;left:0px;top:16px;
	overflow:auto;
}
#console u {color:cyan}
#consinput {height:22px;right:0px;bottom:0px;left:0}
#cfsizer {background:url(g/window/header-sprites.gif) no-repeat 0 -45px;width:27px;height:15px;position:absolute;top:0px;left:0px;cursor:nw-resize}
#cfsizer:hover {background-position:-27px -45px}
#cmin, .minbtn {float:right;background:url(g/window/header-sprites.gif) no-repeat 0 -15px;width:27px;height:15px;}
#cmin:hover, .minbtn:hover {background-position:-27px -15px}
#cmax, .maxbtn {float:right;background:url(g/window/header-sprites.gif) no-repeat 0 -30px;width:27px;height:15px;}
#cmax:hover, .maxbtn:hover {background-position:-27px -30px}
.clsbtn {float:right;background:url(g/window/header-sprites.gif) no-repeat 0 0;width:27px;height:15px;}
.clsbtn:hover {background-position:-27px 0}
.fullcons {
	width:auto;
	left:0px;top:0px;bottom:0px;right:0px;
}

.pgauge {position:absolute;left:76px;font-family:Arial;font-weight:bold;font-size:10px;padding:0 1px}
.lvl {font-size:10px;line-height:10px;font-weight:bold;padding:1px;border:1px solid gold;position:absolute;color:gold;background-color:black;font-weight:bold}

#mutiedialog {position:absolute;background:url(g/black50.png);width:100%;height:100%;z-index:12000;left:0;top:0;display:none;text-align:center}
.dlg_frame {position:absolute;background-color:#eee;}
.dlg_title {padding-left:3px;background:url(g/window/tabs_sprite.gif) repeat-x 0 -152px;color:white;font-weight:bold;height:24px;line-height:24px}
.dlg_body {overflow:auto;overflow-x:hidden;position:absolute;left:0;right:0;top:24px;bottom:22px;padding:3px;text-align:left}
.dlg_cancel {}
.dlg_ok {}
.dlg_footer {position:absolute;left:0;right:0;bottom:0;height:22px;text-align:right;padding:4px;background-color:#CED;border-top:1px groove #ACB}

.dlg_info .dlg_body {
	padding-left:40px;
	background:url(g/dialog/info.png) no-repeat 4px 16px;
}
.achievement {
	position:absolute;
	top:20px;left:50%;margin-left:-135px;
	cursor:pointer;z-index:99999;
}
/* stupid IE section \*/
/*
* html .msout2 { height:1%; }
* html .msout { height:1%; }*
*.balloon .content { zoom:1;}*/
/* end of IE hacks */