body 
{
    background-color: White;
    padding: 0px;
    margin: 0px;
}

.topbar 
{
    vertical-align: middle;   
    background-color: #359946;
}
    
.headertext 
{
    font-family: Calibri;
    font-size: 25px;
    font-variant:small-caps;
    color: White;
    height: 50px;   
    vertical-align: middle;  
    text-align: left;
    padding-left: 20px;
    background-color: Transparent;
}

.toppanelboard
{
    border-style:double;
    border-width:thin;
    border-color:Gray;
    background-color: #359946;
}

.headersubtext
{
    font-family: Segoe UI;
    font-size: small;
    text-align:left;
    color: White;
}

.datetime
{
    font-family: Calibri;
    font-size:small;
    color:White;
    text-align:right;
}

.validator 
{
    font-family:Calibri;
    font-size:8pt;
    font-weight:bold;
    color:Red;
}

.namelistfont
{
    font-family: Calibri;
    font-size:small;
    color:Black;
    text-align:left;
}

.instructions
{
    font-family: Calibri;
    font-size:small;
    color:black;
    text-align:left;
    padding-left:8px;
}

.footer
{
    font-family: Calibri;
    font-size:smaller;
    color:gray;
    text-align:left;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#359946;
}

.hiddenbox
{
    background-color:White;
    border:none;
    color:White;
}
    
.captionfont
{
    font-family: Calibri;
    font-style:italic;
    font-size:small;
    color:black;
    text-align:left;
    padding-left:5px;
}

.candidatefont
{
    font-family:Calibri;
    font-size:11pt;
    text-align:left;
    color:Black;
    text-align:left;
}

.passphrasefont
{
    font-family:Calibri;
    font-size:16pt;
    font-weight:bold;
    text-align:center;
    color:Black;
}

.buttonfont
{
    font-family:Calibri;
    font-size:12pt;
    font-weight:bold;
    text-align:left;
    color:Black;
    background-color: #fdffd2;
    padding-left: 5px;
}

.categoryprefont
{
    font-family:Calibri;
    font-size:9pt;
    font-style:italic;
    text-align:left;
    color:Black;
    background-color: #fdffd2;
    padding-left: 5px;
}

.panelheaderfont
{
    font-family:Calibri;
    font-size:9pt;
    font-style:italic;
    color:White;
    font-weight:bold;
    text-align:left;
    background-color:#359946;
    padding-left: 5px;
}

.categoryfont
{
    font-family:Calibri;
    font-size:15pt;
    text-align:left;
    font-weight:bold;
    color:Black;
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-bottom-color:#359946;
    margin:0px;
    vertical-align:top;
    background-color:#f5f5f5;
    padding-left:5px;
}

.categorymaxfont
{
    font-family:Calibri;
    font-size:10pt;
    text-align:right;
    font-style:italic;
    color:Gray;
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-bottom-color:#359946;
    margin:0px;
    vertical-align:top;
    background-color:#f5f5f5;
    padding-left:5px;
}

.visibleDiv
{
    position:fixed;
}

.visibleDiv
{
    top: 100px;
    left: 65%;
    background-color:#fffff0;
    border-style:solid;
    border-color:Gray;
    border-width:thin;
    vertical-align:middle;
}

/*For top right*/
.visibleDiv
{
    top: 100px;
    right: 5%;
}

/*For bottom left*/
.visibleDiv
{
    left: 65%;
    bottom: 40%;
}

/*For bottom right*/
.visibleDiv
{
    bottom: 40%;
    right: 5%;
}