/*
 * 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: 350px;
    left: -250px;
    border: 0px solid black;
  }

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

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

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

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

  #kbd_Logon .kbd_BoxBody
  {
    margin-top: 0px;
    border: 0px solid yellow;
    width: 190px;
  }

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

  #kbd_Logon .kbd_LogonTable td
  {
   font-size: 9pt;
  }

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

  #kbd_Logon .kbd_LogonNavigate
  {
    width: 170px;
    border-collapse: collapse; 
    border: 0px solid green;
  }

  table.kbd_LogonNavigate td a
  {
  font-size: 8pt;
  }

  #kbd_Logon .kbd_LogonNavigate input
  {
    width: 60px;
    float: right;
    font-size: 9pt;
  }

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

  #kbd_Logon .kbd_LogonNavigate a:hover
  {
  font-size: 8pt;
  color: white;
  text-decoration: underline;
  }

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

  #kbd_Logon .kbd_LogonCheck
  {
    width: 180px;
    text-align:center;
    border: 0px solid #B4B4B4; 
    /* background-color: white; */
   background-color: transparent;
    margin-top: 2px;
    border-collapse: collapse; 
    border: 0px solid red;
    margin-left: auto;
    margin-right: auto;
  }

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

  #kbd_Logon table.kbd_LogonCheck td
  {
    text-align: center;
  }

  #kbd_Logon .kbd_LogonCheck input
  {
    width: 150px;
    border: none;
    font-size: 9pt;
  }

  #kbd_Logon .kbd_LogonCheck div
  {
    width: 150px;
    border-bottom: 1px solid #B4B4B4; 
    border-top: 1px solid #B4B4B4; 
    background-color:#EBEBEB;
    border: 0px solid black;
    margin-left: auto;
    margin-right: auto;


  }

  #kbd_Logon .kbd_LogonCheck img
  {
    width: 25px;
    height: 27px;
    margin: 1px;
    border: none;
  }
#kbd_LogonButton {padding:2px;}
  input#kbd_Include_Username { font-size:9pt;}
  input#kbd_Include_Password { font-size:9pt;}