/*
Border properties
*/
.outsideborder
{
  border: 4px solid;
  box-sizing: border-box;
  border-image: url("/assets/ui/Win98OutBorder.png") 3;
}

.insideborder
{
  border: 4px solid;
  box-sizing: border-box;
  border-image: url("/assets/ui/Win98OutBorderInv.png") 3;
}

.noborder
{
    border: none;
}

.grooveborder
{
    border: 4px ;
    border-style:groove;
    border-color:white;
    box-sizing: border-box;
}

/*
Header And Navbutton Properties
*/

.navbutton
{
    background-color: #c0c0c0;
}

.navbutton:hover {
    background-color:rgb(224, 224, 224);
    border-image: url("/assets/ui/Win98OutBorder.png") 3;
    border-image-repeat: repeat;
}

.navbutton:active  {
    background-color:rgb(136, 136, 136);
    border-image: url("/assets/ui/Win98OutBorderInv.png") 3;
    /*image-rendering: pixelated;*/
}

.navbutton:disabled 
{
    background-color:red;
}

.button-generic {
    background-color: #c0c0c0;
}
  
.button-generic:hover {
    background-color:rgb(224, 224, 224);
    border-image: url("/assets/ui/Win98OutBorder.png") 3;
    border-image-repeat: repeat;
    filter: brightness(1.25);
}

.button-generic:active  {
    background-color:rgb(136, 136, 136);
    border-image: url("/assets/ui/Win98OutBorderInv.png") 3;
    filter: brightness(0.9);
}

.button-generic:disabled 
{
    background-color:red;
    filter: brightness(1.0);
    filter: saturate(0.0);
}

.playlist-songitem:hover
{
    filter: brightness(1.15);
    background-color: rgb(200, 200, 200);
    border-image: url("/assets/ui/Win98OutBorderFlash_White.gif") 3;
}

/*
Overrides For Borders & Colours
*/

.body-box {
    background-color: #c0c0c0;
}

.body-fill {
    background-color: #c0c0c0;
}

.body-box .grid-box-container
{
    border: 4px solid;
    box-sizing: border-box;
    border-image: url("/assets/ui/Win98TextBorder.png") 3;
    /*image-rendering: pixelated;*/
}

.body-box .box-container {
    border: 4px solid;
    box-sizing: border-box;
    border-image: url("/assets/ui/Win98TextBorder.png") 3;
    /*image-rendering: pixelated;*/
}

.body-box img {  
    border: 4px solid;
    box-sizing: border-box;
    border-image: url("/assets/ui/Win98TextBorder.png") 3;
    /*image-rendering: pixelated;*/
}

.header-two-box
{
  background-color:#c0c0c0;
}

.header-one-box
{
  background-color:#c0c0c0;
}

/* Music Specific Properties */

.album {
    border: 4px solid;
    box-sizing: border-box;
    border-image: url("/assets/ui/Win98OutBorder.png") 3;
    image-rendering: pixelated;
}

.album img {
    border-image: url("/assets/ui/Win98OutBorder.png") 3;
    image-rendering:optimizeQuality;
}

.album p
{
    border: 4px solid;
    border-image: url("/assets/ui/Win98OutBorder.png") 3;
    image-rendering: pixelated;
}

#albumShowcaseTopTitle
{
    border: 4px solid;
    border-image: url("/assets/ui/Win98OutBorder.png") 3;
    box-sizing: border-box;
    image-rendering: pixelated;
}

#albumShowcaseBottomTitle
{
    border: 4px solid;
    border-image: url("/assets/ui/Win98OutBorder.png") 3;
    box-sizing: border-box;
    image-rendering: pixelated;
}

.body-box .albumShowcaseBody
{
    background-color: #c0c0c0;
    border: 4px solid;
    border-width: 4px; 
    border-image: url("/assets/ui/Win98OutBorderInv.png") 3;
    padding:2px;
}

.album-grid
{
    border: 4px solid;
    border-image: url("/assets/ui/Win98OutBorderInv.png") 3;
    padding:0px;
}