BODY
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana
}
TD
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana
}
popup
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Verdana
}

INPUT
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: gray 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: white
}
A:link
{
    FONT-SIZE: 11px;
    COLOR: blue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-SIZE: 11px;
    COLOR: blue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A:active
{
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A:hover
{
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
SELECT
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: gray 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    FONT-FAMILY: Verdana
}
TEXTAREA
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: white
}
.ThinBorder
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
.stdbox {
    BORDER-RIGHT: #006AAA 1px solid;
    BORDER-TOP: #006AAA 1px solid;
    BORDER-LEFT: #006AAA 1px solid;
    BORDER-BOTTOM: #006AAA 1px solid;
    BACKGROUND-COLOR: white
}
.stdboxdash
{
    BORDER-RIGHT: black 2px dashed;
    BORDER-TOP: black 2px dashed;
    BORDER-LEFT: black 2px dashed;
    BORDER-BOTTOM: black 2px dashed;
    BACKGROUND-COLOR: white
}
.boxtitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: verdana, arial;
    BACKGROUND-COLOR: #006AAA;
    FONT-VARIANT: small-caps;
    padding:4px;
}
.adminorder
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: verdana, arial;
    BACKGROUND-COLOR: silver;
    FONT-VARIANT: small-caps
}
.scrollbarv
{
 scrollbar-face-color:#8080FF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#DDDDFF;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:4em; 
    left:0em; 
    width:5em;
    height:2em;
    border:1px solid #0cf;
    background-color:white;
     color:#000;
    text-align: center;
    vertical-align:middle;
    text-decoration:none
     }

.hrfile
{
    
    text-align:right; 
    padding-left:30px;
    padding-top:10px;
    
    }
    .hrresults
{
    
    text-align:left; 
     font-weight:bold;
    padding-top:10px;
    
    }

.buttonGreen {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor:pointer;
}