#Directories {
 margin: 5px 5px 5px 5px;
}

.Inventory_Group {
 padding: 0px;
 margin: 0px 0px 5px 0px;
 overflow: auto;
 border: 0px solid blue;
}

#Group_Empty {
 margin: 0px 0px 0px 0px;
}

.invImgBox {
 margin-right: 10px;
 margin-left: 5px;
 margin-bottom: 5px;
 margin-top: 5px;

 float: left;

 width: 200px;
 height: 200px;

 background-image: url("pics/bg-inv.png");
 background-repeat: no-repeat;
 background-position: center;
 background-size: 100% 100%;

 border: 1px solid #3f1f4d;
 border-radius: 10px;
 box-shadow: 2px 2px 6px #40204d;
}

.invBox {
  flex: 50%;
}

.inv  {
 //cursor: pointer;
 width: 200px;
 height: 200px;
}

.thumpName {
 display: none;
 font-size: 6pt;
}

.invBoxLink {
 float: right;
}

.invBoxLink A {
 padding: 5px 10px 5px 10px;
 margin: 0px 0px 0px 0px;

 height: 30px;
 box-sizing: border-box;

 border: 1px solid #4c2302;
 border-radius: 5px;
 background-color: #c58806;
 color: white;
 outline: none;

 display: inline-block;
 vertical-align: middle;
 overflow: hidden;
 cursor: pointer;

 font-weight: bold;
 text-align: center;
 white-space: nowrap;
}

.invBoxLink:hover A { 
 border: 1px solid #458ab9;
 box-shadow: 2px 2px 6px #458ab9;
 color: red;
}

.invBoxLink:active A {
 background-color: #4c2302;
}

.Card {
 margin-right: 5px;
 margin-left: 5px;
 margin-bottom: 5px;
 margin-top: 5px;
 height: 252px;
 width: 188px;
}

.ManCard {
 margin-top: 15px;
 height: 150px;
 width: 150px;
}

.CardBox {
 padding-top: 10px;
 margin-left: 5px;
 margin-right: 5px;
 
 height: 252px;
 width: 188px;
 
 color: #4b2201;

 float: left;

 background-color: transparent;
 background-image: url("pics/bg-card.png");
 background-repeat: no-repeat;
 background-position: center;

 color: #4c2302;
 text-decoration: none;
 font-size: 12pt;
 font-weight: bold;
 text-align: center;

 border: 2px solid blue;
}

.invCardBox1 {
 margin: 5px 5px 5px 5px;
 padding: 5px 5px 5px 5px;
 height: 252px;
 width: 188px;
 box-sizing: border-box;

 float: left;
 display:inline;
 position: relative;

 background-color: transparent;
 background-image: url("pics/bg-card1.png");
 background-repeat: no-repeat;
 background-position: center;

 color: #4c2302;
 text-decoration: none;
 font-size: 16pt;
 font-weight: bold;
 text-align: center;
}

.invCardTitle {
 margin: 0px 0px 0px 0px;
 height: 150px;
 width: 150px;
 position: absolute;
 top: 50%;
 left: 50%;
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 font-size: 96pt;
 border: 0px solid red;
 border-radius: 50%;
 background-color: #4c2302;
 color: white;
}

.invCardBox3 {
 margin: 5px 5px 5px 5px;
 padding: 5px 5px 5px 5px;
 height: 252px;
 width: 188px;
 box-sizing: border-box;

 float: left;
 display:inline;
 position: relative;

 background-color: transparent;
 background-image: url("pics/bg-card3.png");
 background-repeat: no-repeat;
 background-position: center;

 color: #4c2302;
 text-decoration: none;
 font-size: 16pt;
 font-weight: bold;
 text-align: center;
}

.invCardThump {
 height: 150px;
 width: 150px;
 padding: 14px 0px 10px 0px;
 border: 0px solid red;
}

.invCardBox2 {
 margin: 5px 5px 5px 5px;
 height: 252px;
 width: 188px;
 box-sizing: border-box;

 float: left;
 display:inline;
 position: relative;

 color: #4c2302;
 text-decoration: none;
 font-size: 16pt;
 font-weight: bold;
 text-align: center;
}

.invCardName2 {
 padding-top: 2px;
 font-size: 14pt;
}

.invCardName3 {
 padding-top: 3px;
 font-size: 11pt;
}

.invCardImg {
 height: 252px;
 width: 188px;
}

.CellTitle {
 font-size: 18px;
 font-weight: bold;
 color: white;
 background-color: #3f1f4d; 
 background: linear-gradient(to right, #281331, #4d2858, #281331);
 margin-right: 5px;
 margin-left: 5px;
 margin-bottom: 5px;
 margin-top: 5px;
 border: 3px solid #c58806;
 border-radius: 10px;
 box-shadow: 2px 2px 6px #40204d;
 text-shadow: 1px 1px 1px #000,
    -1px 1px 1px #000,
    1px -1px 1px #000,
    -1px -1px 1px #000,
    0px 1px 1px #000,
    0px -1px 1px #000,
    -1px 0px 1px #000,
    1px 0px 1px #000,
    2px 2px 1px #a9548e,
    -2px 2px 1px #000,
    2px -2px 1px #000,
    -2px -2px 1px #000,
    0px 2px 1px #000,
    0px -2px 1px #000,
    -2px 0px 1px #000,
    2px 0px 1px #000,
    1px 2px 1px #000,
    -1px 2px 1px #000,
    1px -2px 1px #000,
    -1px -2px 1px #000,
    2px 1px 1px #000,
    -2px 1px 1px #000,
    2px -1px 1px #000,
    -2px -1px 1px #000;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 overflow: hidden;
 display: block;
}

.CellOdd {
 color: #4b2201;
 background-color: #f5dfad;
 margin-right: 5px;
 margin-left: 5px;
 margin-bottom: 5px;
 margin-top: 5px;
 border: 3px solid #40204d;
 border-radius: 10px;
 box-shadow: 2px 2px 6px #40204d;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 overflow: hidden;
 display: flex;
 box-sizing: border-box;
}

.CellOdd:hover { 
 border: 3px solid #458ab9;
 box-shadow: 2px 2px 6px #458ab9;
}

.CellEven {
 color: #4b2201;
 background-color: #e5c695;
 margin-right: 5px;
 margin-left: 5px;
 margin-bottom: 5px;
 margin-top: 5px;
 border: 3px solid #40204d;
 border-radius: 10px;
 box-shadow: 2px 2px 6px #40204d;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 overflow: hidden;
 display: flex;
}

.CellEven:hover { 
 border: 3px solid #458ab9;
 box-shadow: 2px 2px 6px #458ab9;
}


.ButtonGroup {
 position: relative;
 float: right;
 
 padding: 5px;
 margin: 0px 0px 0px 0px;
 height: 25px;

 border: 1px solid #4c2302;
 border-radius: 5px;
 background-color: #c58806;
 color: white;
 outline:none;

 display: inline-block;
 vertical-align: middle;
 overflow: hidden;
 cursor: pointer;

 font-size: 9pt;
 font-weight: bold;
 text-align: center;
 white-space: nowrap;
}

.ButtonGroup:hover { 
 border: 1px solid #458ab9;
 box-shadow: 2px 2px 6px #458ab9;
}

.ButtonGroup:active { 
    background-color: #4c2302;
}

/**
 * Customize Lables
 **/
.invBoxItem {
 padding-bottom: 2px;
}

.Name::before, .Storable::before, .Info::before, .Class::before, .Level::before, .Type::before, .Source::before, .CraftedIn::before, .Size::before, .RoyalPoints::before, .Requirements::before, .Found::before, .Drops::before, .UsedFor::before, .Events::before, .ARC::before, .Production::before, .ProductionSpeedUp::before, .Collection::before, .CollectionSpeedUp::before, .Cap::before, .Comments::before, .Link::before, .Sell::before {
	color: #006400;
	font-weight: bold;
}

.Name::before {
	content: "Name: ";
}

.Storable::before {
	content: "Storable: ";
}

.Info::before {
	content: "Info: ";
}


.Rarity::before {
	content: "Rarity: ";
}

.Level::before {
	content: "Level: ";
}

.Type::before {
	content: "Type: ";
}

.Source::before {
	content: "Source: ";
}

.Class::before {
	content: "Class: ";
}

.CraftedIn::before {
	content: "Crafted In: ";
}

.Size::before {
	content: "Size: ";
}

.RoyalPoints::before {
	content: "Royal Points: ";
}

.Requirements::before {
	content: "Requirements: ";
}

.Found::before {
	content: "Found: ";
}

.Drops::before {
	content: "Drops: ";
}

.UsedFor::before {
	content: "Used For: ";
}

.Events::before {
	content: "Events: ";
}

.ARC::before {
	content: "Arc: ";
}

.Trades::before {
	content: "Trades: ";
}

.Production::before {
	content: "Production: ";
}

.ProductionSpeedUp::before {
	content: "Production Speed-up: ";
}

.Collection::before {
	content: "Collection: ";
}

.CollectionSpeedUp::before {
	content: "Collection Speed-up: ";
}

.Cap::before {
	content: "Cap: ";
}

.Comments::before {
	content: "Comments: ";
}

.Link::before {
	content: "Link: ";
}

.Sell::before {
	content: "Sell: ";
}

legend {
text-align: left;
 font-weight: bold; 
 color: #8e5527;
 text-align: left;
}

fieldset {
 border: none;
 border-top: 1px dotted #95784a;
}

.REGEXP_Label {
 color: #006400; 
 font-weight: bold;
 width: 130px;
 display: inline-block;
}

.REGEXP_Box {
 padding: 5px 5px 5px 5px;
 display: inline-block;
}

.icon {
  width: 16px;
  height: 16px;
}

.s8Btn {
 padding: 2px;
 margin: 0px 0px 5px 0px;
 box-sizing: border-box;
 
 border: 1px solid #4c2302;
 background-color: transparent;
 color: white;
 outline:none;

 vertical-align: top;
 cursor: pointer;

}

.s8Btn:hover { 
 border: 1px solid #458ab9;
 box-shadow: 2px 2px 6px #458ab9;
}

.s8Btn:active { 
 background-color: #4c2302;
}