﻿/* #region Modifiers */
.Black {color: black;}
.PaleBlue {color: aliceblue;}
.Blue {color: blue;}
.DarkBlue {color: darkblue;}
.LightGray { color: gainsboro;}
.DarkGray { color: darkslategray;}
.Gray {color: gray;}
.Green {color:green;}
.LightGreen {color: lightgreen;}
.DarkGreen {color: darkgreen;}
.Orange {color: orange;}
.Pink {color: hotpink;}
.Red {color: red;}
.DarkRed {color: darkred;}
.White {color: white;}
.Yellow {color: yellow;}
.LightYellow {color: lightgoldenrodyellow;}
.Purple {color: purple;}
.Beige {color: beige;}
.Brown {color: brown;}
.DarkBrown {color: saddlebrown;}

.backBlack {background-color: black; padding: 0 3px 3px 3px;}
.backPaleBlue {background-color: aliceblue; padding: 0 3px 3px 3px;}
.backBlue {background-color: blue; padding: 0 3px 3px 3px;}
.backDarkBlue {background-color: darkblue; padding: 0 3px 3px 3px;}
.backLightGray {background-color: gainsboro; padding: 0 3px 3px 3px;}
.backDarkGray {background-color: darkslategray; padding: 0 3px 3px 3px;}
.backGray {background-color: gray; padding: 0 3px 3px 3px;}
.backGreen {background-color: green; padding: 0 3px 3px 3px;}
.backLightGreen {background-color: lightgreen; padding: 0 3px 3px 3px;}
.backDarkGreen {background-color: darkgreen; padding: 0 3px 3px 3px;}
.backOrange {background-color: orange; padding: 0 3px 3px 3px;}
.backPink {background-color: hotpink; padding: 0 3px 3px 3px;}
.backRed {background-color: red; padding: 0 3px 3px 3px;}
.backDarkRed {background-color: darkred; padding: 0 3px 3px 3px;}
.backWhite {background-color: white; padding: 0 3px 3px 3px;}
.backYellow {background-color: yellow; padding: 0 3px 3px 3px;}
.backLightYellow {background-color: lightgoldenrodyellow; padding: 0 3px 3px 3px;}
.backPurple {background-color: purple; padding: 0 3px 3px 3px;}
.backBeige {background-color: beige; padding: 0 3px 3px 3px;}
.backBrown {background-color: brown; padding: 0 3px 3px 3px;}

.backDarkBrown {
    background-color: saddlebrown;
}


.Right { text-align: right; place-items: right;}
.Left  { text-align: left;  place-items: left;}
.Center { text-align: center; place-items: center;}
.Top { vertical-align: top;}
.Middle { vertical-align: middle;}
.Bottom { vertical-align: bottom;}
.Small { font-size: 90%;}
.Large { font-size: 110%; font-weight: lighter; }
.XL { font-size: 130%; font-weight: lighter;}

.WMAX {
    table-layout: fixed;
    width: calc( 100% + 150px );
    height: 100%;
}
.W100 { table-layout: fixed; width: 100%; height: 100%;}
.W90 { width: 90%; }
.W80 { width: 80%; }
.W70 { width: 70%; }
.W66 { width: 66%; }
.W60 { width: 60%; }
.W50 { width: 50%; }
.W45 { width: 45%; }
.W40 { width: 40%; }
.W35 { width: 35%; }
.W33 { width: 33%; }
.W30 { width: 30%; }
.W25 { width: 25%; }
.W20 { width: 20%; }
.W15 { width: 15%; }
.W10 { width: 10%; }
.W5  { width: 5%;  }
.W2  { width: 2%;  }
.W1  { width: 1%;  }

.EXP  { height: 1vh;}
.VH10 { height: 10vh; }
.VH20 { height: 20vh; }
.VH30 { height: 30vh; }
.VH40 { height: 40vh; }
.VH50 { height: 50vh; }
.VH60 { height: 60vh; }
.VH70 { height: 70vh; }
.VH80 { height: 80vh; }

.wide50 {
    width: 50%;
    margin-left: 25%;
}
.wide60 {
    width: 60%;
    margin-left: 20%;
}
.wide70 {
    width: 70%;
    margin-left: 15%;
}
.wide80 {
    width: 80%;
    margin-left: 10%;
}
.wide90 {
    width: 90%;
    margin-left: 5%;
}
.stretch {
    background-size: 100% 100%;
}
.full {
    width: 100%;
    height: 100%;
}
.sz125 { font-size: 125%; }
.sz150 { font-size: 150%; }
.sz175 { font-size: 175%; }
.sz200 { font-size: 200%; }
.sz250 { font-size: 250%; }
.sz300 { font-size: 300%; }
.sz400 { font-size: 400%; }
.sz500 { font-size: 500%;}
.sz600 { font-size: 600%;}
.sz700 { font-size: 700%;}
.sz800 { font-size: 800%;}

.footnote {
    font-size: 9pt;
    font-weight: lighter;
    vertical-align: bottom;
}
.quote {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
}

.fontCursive { font-family: "Brush Script MT", "Comic Sans MS", cursive;}
.fontSerif { font-family:'Times New Roman', Times, Garamond, Georgia, serif}
.fontFantasy { font-family: Magneto, Mistral, "Snap ITC", Papyrus, "Blackadder ITC", fantasy;}
.fontThin { font-family: "Antipasto Pro Thin", Papyrus, "The Hand", "Calibri Light"}
.fontThick {font-family: Impact, "Arial Black"}
    /* #endregion */
