body{
   background: silver;
   margin: 5px 0 0 0;
   font-family: Tahoma;
   font-size: 10pt;
   cursor: default;
}
#loginBox{
   width: 313px;   /* FF */
   #width: 314px;  /* IE */
   height: 198px;  /* FF */
   #height: 200px; /* IE */
   background: transparent url(../pictures/dialog.gif) no-repeat scroll top left;
   border: 1px solid black;
   position: absolute;
   top: 18px;
   left: 354px;
   cursor: default;
   z-index: 10;
}
#loginBoxTitle{
   width: 100px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 19px;
   color: white;
   border: none;
   position: absolute;
   top: 10px;
   left: 11px;
}
#loginBoxLogo{
   width: 48px;
   height: 40px;
   background: transparent url(../pictures/logo.gif) no-repeat scroll top left;
   border: none;
   position: absolute;
   top: 1px;
   left: 264px;
}
#loginIcon{
   width: 32px;
   height: 32px;
   background: transparent url(../pictures/button_login.gif) no-repeat scroll top left;
   border: none;
   position: absolute;
   top: 80px;
   left: 140px;
}
#loginIcon.hover{
   background: transparent url(../pictures/button_login_hover.gif) no-repeat scroll top left;
}
#loginIcon.mousedown{
   background: transparent url(../pictures/button_login_mousedown.gif) no-repeat scroll top left;
}
#loginText{
   width: 100px;
   font-family: Tahoma;
   font-size: 8pt;
   font-weight: bold;
   color: white;
   border: none;
   position: absolute;
   top: 119px;
   left: 138px;
}
#loginText:first-letter{
   text-decoration: underline;
}
#cancelButton{
   width: 60px;
   height: 20px;
   font-family: "MS Sans Serif", Geneva, sans-serif;
   font-size: 12px;
   position: absolute;
   top: 167px;
   left: 242px;
}
#message{
   position: absolute;
   top: 165px;
   left: 116px;
   font-weight: bold;
   color: red;
   border: 1px solid red;
   padding: 2px;
}