/*
 * Kaboodle
 * Copyright (C) 2004-2009 Inzen Pty Ltd
 * 
 * File Summary
 * Default logon column include styles
 * 
 * File Name: kbd_LogonColumnInclude.css
 * 
 * This is the default logon column include style definitions used by kaboodle. Do not rename or delete this file.  
 * The css can be modified to add or change existing styles to the kaboodle system defaults.
 *
 * A backup of this CSS file resides in /System/Examples/CGI Scripts/kbd_LogonColumnInclude_backup.css. 
 * If, for any reason kbd_LogonColumnInclude.css is lost or damaged make a copy of the backup file placing it
 * anywhere in the file repository and rename it to kbd_LogonColumnInclude.css.
 *
 * NOTES:
 * 
 * The kbd_LogonContainer and the kbd_Logon elements can be either position absolute or relative on a page.
 * 
 * When position absolute is used the logon column include will float above any underlying element.
 * 
 * 1) If kbd_LogonContainer is position: absolute then IE must have kbd_Logon set to position: absolute as well.   
 *
 * 2) By default kbd_LogonContainer is a drag and drop floating div.  To disable drag & drop set the display 
 *     attribute in kbd_BoxHead to display: none  
 *
 * 3) By default the kbd_LogonContainer block is set to display: none using in-line styles.  The javascript onload event sets 
 *     display: block on initialisation.  This enables slow browsers to display the element in the correct relative position 
 *     the moment the element becomes visible.
 *
 * 4) kbd_LogonPositionHolder acts as a hidden container that enables relative positioning on kbd_LogonContainer
 *
 * 5) If kbd_LogonPositionHolder is position: relative then IE must have kbd_Logon set to relative, otherwise the 
 *     logon column include will float above any underlying column include element.   
 *
 * Version:  1.0
 * Created: 2009-02-18 00:00:00
 *
 * File Authors:
 * Alexander Munro (support@inzen.com.au)
 *
 */

  #kbd_LogonPositionHolder
  {
    position: absolute; 
    z-index: 100; /* IE Hack */
  }

  #kbd_LogonContainer
  {
    position: relative;
    top: 110px;
    left: -400px;
  }

  #kbd_Logon
  {
    position: relative !important; /* Moz, Opera, Chrome, Safari etc */
    position: absolute; /* IE hack */
  }

  #kbd_Logon .kbd_Box
  {
    border: 1px solid #B4B4B4;
    background-color: white;
    width: 257px;
    margin: 0px auto;
  }

  #kbd_Logon .kbd_BoxHead
  {
    display: block; /* To disable drag & drop set to display: none; */
    border-bottom: 1px solid #B4B4B4;
    background-color: #EBEBEB;
    cursor: move;
  }

  #kbd_Logon .kbd_BoxHead div
  {
    margin: 0px;
    border: 0px;
    font-size: 7px;
  }

  #kbd_Logon .kbd_BoxBody
  {
    margin-top: 4px;
  }

  #kbd_Logon .kbd_LogonTable
  {
    margin: 0px auto;
    width: 100%;
    font-weight: bold;
  }

  #kbd_Logon .kbd_LogonTable input
  {
    width: 175px;
  }

  #kbd_Logon .kbd_LogonNavigate
  {
    width: 100%;
    border-collapse: collapse; 
  }

  #kbd_Logon .kbd_LogonNavigate input
  {
    width: 50px;
    float: right;
  }

  #kbd_Logon .kbd_LogonNavigate a
  {
    text-decoration: none;
    white-space: nowrap;
    font-weight: normal;
    outline: none;
  }

  #kbd_Logon a.kbd_LogonNavigate:hover
  {
    color: #0072BC;
  }

  #kbd_Logon a.kbd_LogonNavigate:active
  {
    outline: none;
  }

  #kbd_Logon .kbd_LogonCheck
  {
    width: 100%;
    text-align:center;
    border: 1px solid #B4B4B4; 
    background-color: white;
    margin-top: 4px;
    border-collapse: collapse; 
  }

  #kbd_Logon .kbd_LogonCheck span
  {
    margin-top: 2px;
    font-weight: normal;
    font-size: 9px;
  }

  #kbd_Logon .kbd_LogonCheck input
  {
    width: 245px;
    border: none;
  }

  #kbd_Logon .kbd_LogonCheck div
  {
    border-bottom: 1px solid #B4B4B4; 
    border-top: 1px solid #B4B4B4; 
    background-color:#EBEBEB;
  }

  #kbd_Logon .kbd_LogonCheck img
  {
    width: 25px;
    height: 27px;
    margin: 1px;
    border: none;
  }