label, button
{
    font-size: 1.2em;
}

.itemCategoryTitle
{
    font-size: 1.3em;
    display: inline-block;
    width: 110px;
    vertical-align: top;
    height: 68px;
    margin: 0;
    padding-top: 10px;
    padding-left: 5px;
}

.textOutline
{
    text-shadow: -1px -1px 0 #fff4, 1px -1px 0 #fff4, -1px 1px 0 #fff4, 1px 1px 0 #fff4;
    font-weight: bold;
    font-size: 1.2em;
}

.textOutline2
{
    text-shadow: -1px -1px 0 #fff4, 1px -1px 0 #fff4, -1px 1px 0 #fff4, 1px 1px 0 #fff4;
    font-weight: bold;
    background-color: #fff8;
}

.hidden
{
    display: none !important;
}

button 
{
	background-color: #ddd;
	border-radius:15px;
	border:2px solid #aaa;
    border-bottom: 5px solid #aaa;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
    font: 1.1em;
	text-shadow:0px 1px 0px #0008;
    margin: 4px;
}
button:hover 
{
	filter: brightness(0.96);
}
button:active 
{
    filter: brightness(0.92);
    border-bottom: 3px solid #aaa;
    transform: translate(0px, 2px);
    margin-bottom: 6px;
}
button:disabled
{
    filter: brightness(0.75);
    transform: none;
    margin-bottom: 4px;
    border-bottom: 5px solid #aaa;
    cursor: default;
}

.iconContainer
{
    border: 2px solid #111;
    border-radius: 6px;
    width: 64px;
    height: 64px;
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    cursor: pointer;
    margin: 3px;
    box-shadow: 1px 3px 2px;
}

body
{
    font-family: 'MedievalSharp';
    background-color: white;
}

button, select, option
{
    font-family: inherit;
}

select
{
    background-color: #e2e2e2;
    border-radius: 8px;
    border:2px solid #aaa;
    border-bottom: 4px solid #aaa;
    font-size: 0.9em;
    padding: 3px;
    margin: 3px;
}

.buyAmountSelector
{
    padding: 10px;
    width: 65px;
    position: absolute !important;
    right: 130px;
    top: 55px;
}