#popupbox{
  margin: 0; 
  margin-left: 40%; /* This gets it relatively center on the screen */
  margin-right: 40%; /* This gets it relatively center on the screen */
  margin-top: 90px; /* Makes it a little off the top of the screen */
  padding-top: 0px; /*  Make the text not touching the top on the login box */
  width: 20%; /* For centering it on the screen */
  height: 170px; /* The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  background: #F0F7FE; /* Login Box background color. Change this if desired. */
  border: solid #000000 1px; /* Makes a black border around the login box */
  z-index: 9; /* Makes it on top of everything else */
  font-family: arial; /* Sets the font */
  visibility: hidden; /* Makes it hidden at first. Very Important.*/
  }
.lgbg
{
padding:0px; FONT-SIZE: 12px; BACKGROUND: #ffffff url('bgshd.gif') repeat-x center top; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, Helvetica, sans-serif; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:20px
}
.grdn
{
BACKGROUND: url('../images/bg.jpg') #000000 no-repeat center top
}
A:link
{
    COLOR: #00C1FF;
    TEXT-DECORATION: none
}
A
{
    COLOR: #00C1FF;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #FFA241;
    TEXT-DECORATION: Underline
}
.brdr
{
    BORDER-RIGHT: #93E2FD 1px solid;
    BORDER-TOP: #93E2FD 1px solid;
    BORDER-LEFT: #93E2FD 1px solid;
    BORDER-bottom: #93E2FD 1px solid;
    FONT-SIZE: 9px;
    LINE-HEIGHT: normal;
    FONT-FAMILY: verdana, arial, sans-serif
}
Body
{
    FONT-SIZE: 11px;
    LINE-HEIGHT: normal;
    FONT-FAMILY: verdana, arial, sans-serif;
}
TD
{
    FONT-SIZE: 10pt;
    LINE-HEIGHT: normal;
    FONT-FAMILY: verdana, arial, sans-serif;
}
.txt
{
    FONT-SIZE: 12px;
    LINE-HEIGHT: normal;
    FONT-FAMILY: verdana, arial, sans-serif;
}
.sml
{
    FONT-SIZE: 9px;
    LINE-HEIGHT: normal;
    FONT-FAMILY: verdana, arial, sans-serif;
}
LI
{
    LINE-HEIGHT: 18px
}
A.noline:link
{
    TEXT-DECORATION: none
}
A.noline:visited
{
    TEXT-DECORATION: none
}
SELECT
{
    BORDER-RIGHT: #808080 1px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #808080 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(b.gif);
    BORDER-LEFT: #000080 1px solid;
    COLOR: #808080;
    BORDER-BOTTOM: #796846 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ddeeff
}
INPUT
{
    BORDER-RIGHT: #808080 1px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #808080 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(b.gif);
    BORDER-LEFT: #000080 1px solid;
    COLOR: #808080;
    BORDER-BOTTOM: #796846 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ddeeff
}
.ra
{
    BORDER-RIGHT: #808080 0px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #808080 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: fixed;
  
    BORDER-LEFT: #000080 0px solid;
    COLOR: #2F4252;
    BORDER-BOTTOM: #796846 0px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: transparent
}
TEXTAREA
{
    BORDER-RIGHT: #808080 1px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #808080 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(b2.gif);
    BORDER-LEFT: #000080 1px solid;
    COLOR: #808080;
    BORDER-BOTTOM: #796846 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ddeeff
}
.brd
{
    CURSOR: hand
}
.but
{
    BORDER-RIGHT: #808080 1px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #808080 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(b.gif);
    BORDER-LEFT: #000080 1px solid;
    CURSOR: hand;
    COLOR: #000080;
    BORDER-BOTTOM: #796846 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ddeeff
}