@media all {
  #LoginForm                { clear: both }  
  #LoginBox                 { width: 100%; position: relative }
  #NotLoggedInArea          { font-size: 11px; font-style: italic; line-height: 29px; color: #86d76e; padding-left: 12px }
  #LoggedInArea             { height: 54px; overflow: hidden }
  #LoggedInArea A:hover     { text-decoration: none }          

  #LoggedInArea .tegoed     { white-space: nowrap; color: #999999; font-size: 9px }
  #LoggedInArea IMG.shoe    { float: left; margin: 8px 4px  }

  #NotLoggedInArea TD               { font-size: 9px }
  #NotLoggedInArea  .arrow          { font-size: 12px; font-style: normal; display: block; float: right; width: 80px; padding-left: 10px; background: url("../../images/loginarrow.gif") 0% 50% no-repeat; -moz-outline-style: none }
  #NotLoggedInArea  INPUT.txt       { font-size: 11px; width: 90px; color: #000000; border: 1px solid #666666 }
  #NotLoggedInArea  INPUT.loginlink { font-size: 10px; height: 22px; width: 60px }

  #LoginError               { position: relative; left: -275px; top: -31px; margin: 0px; font-style: normal; line-height: 14px; padding: 0px }
  #LoginError DIV           { position: absolute; z-index: 3; width: 245px; border: 2px outset; padding: 4px 6px 10px 6px; background-color: white; color: black }
  #LoginBox IMG.helpicon    { position: relative; bottom: -4px; left: 3px }
}

@media screen {
}