@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 }

  /* MyKickoff menu */
  #MKBar #mkomenu             { width: 228px; background: url('../../images/mykickoff/bg-lightgreenstripes.gif') repeat }
  #MKBar #mkomenu A           { width: 100% }
  #MKBar #mkomenu TH          { text-align: left }
  #MKBar #mkomenu TH A        { font-weight: normal; height: 28px; line-height: 28px; color: #009129; font-size: 10px }
  #MKBar #mkomenu TD          { padding: 0px 2px 0px 0px }
  #MKBar #mkomenu TD A        { font-size: 10px; height: 36px !important; overflow: hidden; color: #009129; line-height: 58px; vertical-align: top; -moz-outline-style: none; padding: 6px 1px }
  #MKBar #mkomenu TD A.mkom1  { background: url('../../images/mykickoff/mybetgame0.gif') 50% 5px no-repeat }
  #MKBar #mkomenu TD A.mkom2  { background: url('../../images/mykickoff/mytipgame0.gif') 50% 5px no-repeat }
  #MKBar #mkomenu TD A.mkom3  { background: url('../../images/mykickoff/mychecking0.gif') 50% 5px no-repeat }
  #MKBar #mkomenu TD A.mkom4  { background: url('../../images/mykickoff/myaccount0.gif') 50% 5px no-repeat }
  
  #MKBar #mkomenu IMG         { border: none; float: left; margin: 5px 5px 0px 12px }
  #MKBar #mkomenu .dotline    { height: 1px; background: url('../../images/mykickoff/dotline.gif') repeat-x }
  #MKBar #mkomenu .dotline TD { padding: 0px }

}

@media screen {
  #MKBar #mkomenu A,
  #MKBar #mkomenu A:visited   { display: block }
  #MKBar #mkomenu TD A:hover  { color: black; background-position: 50% -35px; background-color: #ddede1;text-decoration: none }
  #MKBar #mkomenu TH A:hover  { color: #04821f; text-decoration: none; background-color: #ddede1 }
}