/* riddlemaster */
#riddlemaster{font-weight:bold;font-family:verdana;font-size:9pt;position:relative;margin:auto}
#riddlemid{margin:5px auto}
#riddlemid img{position:relative;top:3px}
#riddleimage{margin:5px auto 0}
#riddleimage>img{border:2px solid #5C0D11;border-radius:5px}
#riddlepon{width:100px}
#riddlecounter{width:40px;padding:13px 0 0 10px}
#riddler1{display:flex;justify-content:center;flex-flow:row nowrap;width:800px;margin:auto}
#riddler1>div{padding:2px 10px;text-align:left}
#riddler2{padding:12px 0 8px;display:flex;justify-content:center;flex-flow:row nowrap;margin:auto}
#riddler2 input{margin-top:6px}

/* monster vitals */
.chbd{width:120px;height:12px;position:relative;background-color:black}
.chbd>img:first-child{position:absolute;z-index:2;height:12px}
.chbd>img:last-child{position:absolute;z-index:5}

/* player vitals */
#pane_vitals{width:500px;height:64px;margin:1px auto 15px;position:relative;background-color:transparent;border-radius:4px}
#vbd{width:500px;height:36px;padding-top:28px;background-color:black;border-radius:4px}

/* standard bars */
#vcp{z-index:4;position:absolute;width:400px;height:15px;top:7px;left:50px}
#vcp>div{margin:auto}
#vcp>div>div{width:11px;height:11px;margin:0 3px;float:left;background:radial-gradient(#ffab00, #ffcf00, #f900ff);border:1px solid rgb(99,80,33);border-radius:6px}
.vcf>div>div{background:radial-gradient(#ffcf00, #ff8700, #f900ff) !important}
#vcr{opacity:0.5}
#vbh{z-index:1;position:absolute;top:24px;left:0px;width:496px;height:21px;border-radius:6px;background-color:rgb(186,225,186);border:2px solid #909090;border-bottom-width:1px}
#vbh img{position:relative;top:-1px;height:20px;border-radius:6px;border:2px solid rgb(0,100,0)}
#vbh>div{z-index:3;position:absolute;top:-1px;left:-2px;width:500px;text-align:center;border-radius:6px}
#vbm{z-index:1;position:absolute;top:48px;left:40px;width:207px;height:12px;border-radius:4px 0 0 4px;background-color:rgb(182,182,255);border:2px solid #909090;border-top-width:1px}
#vbm img{position:relative;top:-1px;height:12px;border-radius:4px 0 0 4px;border:2px solid rgb(0,0,200);border-right:1px solid rgb(0,0,200)}
#vbm>div{z-index:3;position:absolute;top:-1px;left:-2px;width:210px;text-align:right;border-radius:4px 0 0 4px}
#vbs{z-index:1;position:absolute;top:48px;left:250px;width:207px;height:12px;border-radius:0 4px 4px 0;background-color:rgb(255,182,182);border:2px solid #909090;border-top-width:1px}
#vbs img{position:relative;top:-1px;height:12px;border-radius:0 4px 4px 0;border:2px solid rgb(150,0,0);border-left:1px solid rgb(150,0,0)}
#vbs>div{z-index:3;position:absolute;top:-1px;left:-2px;width:210px;text-align:left;border-radius:0 4px 4px 0}
#vrhb,#vrhd,#vrm,#vrs{position:absolute;font-family:verdana;font-weight:bold;z-index:9}
#vrhb,#vrhd{left:199px;top:28px;width:100px;text-align:center;font-size:9pt}
#vrhb{color:rgb(50,110,0)}
#vrhd{color:rgb(200,255,150)}
#vrm{left:-13px;top:49px;width:50px;color:rgb(0,0,200);text-align:right;font-size:8pt;opacity:0.75}
#vrs{left:464px;top:49px;width:50px;color:rgb(150,0,0);text-align:left;font-size:8pt;opacity:0.75}

/* ugly bars */
#dvbh,#dvbm,#dvbs,#dvbc{z-index:1;position:absolute;left:60px;width:414px;height:14px;border-radius:0 4px 4px 0;border:2px solid #909090}
#dvbh img,#dvbm img,#dvbs img,#dvbc img{position:relative;top:0px;height:12px;border-radius:0 4px 4px 0;border-left-width:1px}
#dvbh>div,#dvbm>div,#dvbs>div,#dvbc>div{z-index:3;position:absolute;top:-1px;left:-2px;width:210px;text-align:left;border-radius:0 4px 4px 0}
#dvbh{top:0px;background-color:rgb(186,225,186)}
#dvbh img{border:2px solid rgb(0,100,0);border-bottom-width:1px}
#dvbm{top:16px;background-color:rgb(182,182,255);border-top-width:1px;border-bottom-width:1px}
#dvbm img{;border:2px solid rgb(0,0,200)}
#dvbs{top:32px;background-color:rgb(255,182,182);border-top-width:1px;border-bottom-width:1px}
#dvbs img{border:2px solid rgb(150,0,0)}
#dvbc{top:48px;background-color:rgb(255,200,175);border-top-width:1px}
#dvbc img{border:2px solid rgb(170,65,0)}
#dvrhb,#dvrhd,#dvrm,#dvrs,#dvrc{position:absolute;left:-5px;width:60px;text-align:right;font-size:8pt;opacity:0.75;font-family:verdana;font-weight:bold;z-index:9}
#dvrhb,#dvrhd{top:1px;color:rgb(40,80,0)}
#dvrm{top:17px;color:rgb(0,0,200)}
#dvrs{top:33px;color:rgb(150,0,0)}
#dvrc{top:49px;color:rgb(170,65,0)}

/* exp bar */
#expholder{position:absolute;top:690px;left:-1px;height:14px;width:1238px;overflow:hidden}
#expholder>img:first-child{position:absolute;left:0px;top:0px;z-index:1;width:1238px;height:14px}
#expholder>img:last-child{position:absolute;left:2px;top:3px;z-index:2;width:150px;height:8px;opacity:0.6}

/* battle */
#pane_completion{position:relative}
#textlog{padding:1px 4px}
#btcp{position:absolute;top:35px;left:583px;width:360px;height:190px;margin:2px 0 0 15px;padding:5px 1px 1px;border:2px ridge #5C0D12;background:#F2EFDF;opacity:0.95;z-index:9}
#btcp img{margin:-3px 0 0}
#btcp>div{margin:15px auto 0;height:20px}
#pane_action{width:570px;height:20px;margin:8px auto 3px;padding-left:35px}
#pane_action>div{width:90px;text-align:center;float:left;position:relative}
div.bttp{width:669px;height:418px;clear:both;overflow:auto;overflow:auto}
img.btam{margin:0 0 0 7px}
img.btap{position:absolute;top:-2px}
td.bts{width:230px;padding-left:0;padding-top:3px}
td.btsp{width:230px;padding-left:0;padding-top:9px}
div.btsd{float:left;padding-left:15px}
td.bti{width:320px;padding-left:5px}
div.bti1{width:300px;height:15px;margin:1px 0;padding:1px;clear:both;text-align:left;position:relative}
div.bti2{float:left;height:15px;width:24px;padding:5px 2px 2px 2px;text-align:right}
div.bti3{float:left;height:15px;width:250px;padding:5px 2px 2px 0}
div.bti3>div{padding-left:17px}
img.btii{padding-left:15px}
div.btm1{width:360px;height:50px;margin:2px auto;padding:1px;clear:both;text-align:left;position:relative;border:2px ridge #5C0D12}
div.btm2{float:left;height:47px;width:35px;padding:2px;text-align:center}
div.btm2 img{margin:2px 3px 2px 2px}
div.btm3{float:left;height:15px;width:280px;padding:1px 0 0 3px}
div.btm4{float:left;height:36px;width:122px;position:relative;margin:-1px 0 0 0}
div.btm5{float:left;height:12px;width:120px}
div.btm6{float:left;height:32px;width:190px;position:absolute;top:16px;left:164px;padding:2px 0 0 1px}
div#quickbar{width:641px;height:34px;clear:both;padding-left:30px}
div.btqs{float:left;text-align:center;width:32px;height:36px;margin:0;padding:0 5px 2px 0;position:relative}
img.btqi{position:absolute;left:3px;top:4px;z-index:3}
img.btqb{position:absolute;left:-5px;top:-4px;z-index:3}
#battle_top{width:1056px;height:36px;margin:auto;text-align:center;padding-top:4px;position:relative}
#pane_effects{width:1048px;height:32px;text-align:left;margin:2px 4px 0;padding-top:2px;float:left}
#infopane{width:669px;height:75px;clear:both;text-align:justify;overflow:auto;border-bottom:2px ridge #5C0D12;padding-top:5px}
div.btii{padding-bottom:3px;font-weight:bold}
#battle_left{font-family:verdana;width:656px;height:610px;float:left;position:relative;z-index:1;padding:0;margin:auto 0}
div.btpm1{width:250px;margin:auto;margin-top:3px}
div.btpm2{float:left}
div.btpm3{float:right}
table.btp{clear:both;text-align:left}
#battle_right{width:400px;height:610px;float:left;margin-left:15px;overflow:auto;position:relative;padding-top:2px;z-index:1}
#ta_monster_1{opacity:1.0;visibility:hidden;position:absolute;top:2px;left:10px}
#ta_monster_2{opacity:1.0;visibility:hidden;position:absolute;top:2px;left:75px}
td.tl{text-align:left}
td.tlb{text-align:left;font-weight:bold}
td.tls{height:1px;padding:0;margin:0}
