label{display:block}
.pathrow label{display:flex;}
/* ==========================================
   jQuery UI Tabs - Dark RPG Theme
   ========================================== */

.ui-tabs{position:relative;padding:0;border:none;background:transparent;font-family:"Segoe UI",Tahoma,sans-serif;}
.ui-tabs .ui-tabs-nav{margin:0;padding:6px 6px 0;display:flex;gap:4px;list-style:none;border:none;background:#08111c;}
.ui-tabs .ui-tabs-nav li{position:relative;margin:0;padding:0;border:1px solid #48586d;border-bottom:none;border-radius:6px 6px 0 0;background:linear-gradient(to bottom,#39495d 0%,#273342 45%,#1b2430 100%);transition:.18s;}
.ui-tabs .ui-tabs-nav li.ui-state-default,
.ui-tabs .ui-tabs-nav li.ui-widget-content,
.ui-tabs .ui-tabs-nav li.ui-state-active{background-image:none;}
.ui-tabs .ui-tabs-nav li a{display:block;padding:12px 24px !important;text-decoration:none;color:#dcecff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 1px #000;}
.ui-tabs .ui-tabs-nav li:hover{background:linear-gradient(to bottom,#4d6480,#324355,#243141);border-color:#6e89a6;}
.ui-tabs .ui-tabs-nav li:hover a{color:#fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{border-color:transparent;background:linear-gradient(to bottom,#2a7de2,#1664bd,#114f9c);box-shadow:inset 0 1px rgba(255,255,255,.20),0 0 10px rgba(80,170,255,.35);}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#fff;}
.ui-tabs .ui-tabs-nav li.ui-state-focus{outline:none;}
.ui-tabs .ui-tabs-nav li a:focus{outline:none;}
.ui-tabs .ui-tabs-nav li.ui-state-disabled{opacity:.45;filter:none;}
.ui-tabs .ui-tabs-panel{padding:10px;border:0 solid #2b6bb7;border-top:none;background:#08111c;}
.ui-tabs .ui-tabs-hide{display:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:#ffffff55;}
.ui-widget.ui-widget-content{border-width:0;}





/*====================================================
    FINAL FANTASY SECTION HEADER
====================================================*/
.ffheader{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 20px;color:#fff;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 2px rgba(0,0,0,.65);background:linear-gradient(to bottom,#1d6fc9 0%,#165eb5 40%,#0f4e99 70%,#0a4285 100%);border-top:1px solid #8dc6ff;border-bottom:1px solid #052f63;box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -1px rgba(0,0,0,.30),0 2px 4px rgba(0,0,0,.25);}
.ffheader::before,.ffheader::after{content:"";flex:1;height:2px;margin:0 18px;background:linear-gradient(to right,transparent,rgba(255,255,255,.55),transparent);}
.ffheader span{position:relative;padding:0 18px;white-space:nowrap;}
.ffheader span::before,.ffheader span::after{content:"";position:absolute;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:#9ed3ff;box-shadow:0 0 5px rgba(255,255,255,.75);}
.ffheader span::before{left:0;}
.ffheader span::after{right:0;}
.ffheader:hover{background:linear-gradient(to bottom,#2378d8 0%,#1a66bf 40%,#1356a6 70%,#0d488e 100%);}













/* CROSS ROOM */
.crossroom{margin-top:10px;float: left;position: relative;}
.crossrow{overflow:hidden;}
.crossrow .crosscell{float:left;background-image:url('images/cross200.jpg');width:200px;height:175px;position:relative;}
.crossrow .cell21,.crossrow .endcell{background-image:url('images/crossstart200.jpg');}
.crossrow .crossbar{display:relative;z-index:5}
.crossrow .crossbar{border:2px solid #444;}
.crossrow .pathbar{border:1px dashed #444;}
.crossrow .crossbar:hover, .crossrow .pathbar:hover{cursor: pointer;}

.crossrow .crosstop{height:2px;width:100px;position:absolute;top:36px;left:50px;}
.crossrow .crossbottom{height:2px;width:100px;position:absolute;bottom:36px;left:50px;}
.crossrow .crossleft{width:2px;height:100px;position:absolute;top:36px;left:50px;}
.crossrow .crossright{width:2px;height:100px;position:absolute;bottom:36px;right:50px;}
.crossrow .crossbar.active{border-color:#f8b800;display:relative;z-index:10}

.crossrow .pathbar{position:relative;z-index: 8}
.crossrow .pathtop{height:85px;width:2px;position:absolute;top:0px;left:98px;}
.crossrow .pathleft{width:85px;height:2px;position:absolute;top:90px;left:0px;}
.crossrow .pathbottom{height:85px;width:2px;position:absolute;bottom:0px;left:98px;}
.crossrow .pathright{width:85px;height:2px;position:absolute;top:90px;right:0px;}
.crossrow .pathbar.active{border-color:#f83800;}

.crossrow .crosscell .cellname{font-size:16px;margin:80px 0px 0px 90px;color:#999;font-weight:bold;position: relative;z-index: 10;width:17px;}





#shoptracking{display:flex;flex-direction: column;gap:20px;}

.shoppinglists{display:flex;flex-direction: row;gap:0px;background-color:#001c44;justify-content:center;padding:5px 20px 0px 20px;}
.shoppinglist{display:flex;flex-direction: column;gap:0px;background-color:#011533;padding-bottom:20px;}
.shoppinglist + .shoppinglist{border-left:2px solid #0558b6;}


.shopwhite{background-image: url('images/magic_white.png');}
.shopblack{background-image: url('images/magic_black.png');}
.shoppingarmor{background-image: url('images/wa_armor.png');}
.shoppingweapon{background-image: url('images/wa_weapons.png');}
.magicrow, .shopping{display:flex;flex-direction: row;gap:8px;padding-left: 32px;background-position: 7px center;background-repeat: no-repeat;font-size: 14px;align-items: center;}

.locationheader, .topsheadercharacter, .topsheaderwaitem{display: flex;flex-direction: row;gap:8px;align-items: center;align-content: center;justify-content: center; border-bottom:2px solid #0558b6;font-variant: small-caps;background-color:#011229}
.locationheader img, .topsheaderimage img{height:20px;width:21px;}
.locationitems, .topsheadertype{padding:0px 2px;font-weight:bold;}

.shopwhite + .shopblack, .shopblack + .shopwhite, .shoppingarmor + .shoppingweapon, .shoppingweapon + .shoppingarmor{margin-top: 3px;padding-top: 3px;border-top: 1px solid #666;}
.magicname, .waname{width:87%;  white-space: nowrap;}

.magicrow + .magicrow, .shopping + .shopping{margin-top: 6px;}

.magicform{background-color:#011229;padding:10px;margin-top:10px;}
.magicform .frmAddMagic{display:flex;flex-direction: row;justify-content: center;align-items: center; gap:8px;}
.magicform .frmAddMagic select{height:24px;min-width:24px;padding:0px 6px;}

.removeshopping{margin-left:10px;}

td.Blurst select{width:40px;}










.magicrow, .shopping{padding-left: 25px;background-position: 5px center;background-repeat: no-repeat;font-size: 14px;}
    .magicrow + .magicrow, .shopping + .shopping{margin-top: 2px;padding-top: 2px;}
    
    .shoptracker{width: 100%;padding:10px;}
    .shoptracker + .shoptracker{margin-top: 20px;}
    .shopwhite + .shopblack, .shoppingarmor + .shoppingweapon{margin-top: 3px;padding-top: 3px;border-top: 1px solid #666;}
    .shopblack + .shopwhite{margin-top: 3px;padding-top: 3px;border-top: 1px solid #666;}
    .shoppingweapon + .shoppingarmor{border-top: 1px solid #666;}
    .shopwhite{background-image: url('images/magic_white.png');}
    .shopblack{background-image: url('images/magic_black.png');}
    .magicrow,.shopping{overflow:hidden;width:100%;}
    .removeshopping{float: right;width:10px;}
    
    .shoppingarmor{background-image: url('images/wa_armor.png');}
    
    .shoppingweapon{background-image: url('images/wa_weapons.png');}
    .tracker{clear:both; float:left;top:10px;}
    .magictracker td, .watracker td{vertical-align: top !important;text-align: left !important;padding:10px 0px;}
    .watracker td{width:12.5%;padding:0px;}
    .magictracker td{width:10%;}
    .waname{float: left;width: 90%;font-size: 1.1em;margin-top: 2px;}
    .magicname{float:left;font-weight:bold;letter-spacing:0.05em;padding:1px 0px;}