/* http://buildinternet.com/2009/01/changing-form-inpout-styles-on-focus-with-jquery/ 
    *{
        margin:0;
        padding:0;
        font:bold 12px "Lucida Grande", Arial, sans-serif;
        
        border:solid 2px #73A6FF;
        background: #EFF5FF; 
    }
    
    .focusField {
        border:solid 2px #0B4B81 ;
        background: #FFFFFF; 
        color:#000;
        font-family: 'Lucida Grande', Arial, sans-serif;
        font-weight: bold;
    }
    .idleField {
        background:#EEE;
        color: #6F6F6F;
        border: solid 2px #DFDFDF;
        font-family: 'Lucida Grande', Arial, sans-serif;
        font-weight: bold;
    }
	
   	.required {
       border:solid 2px yellow;
    }
   	.disabled {
       border:solid 2px red;
    }
        background:#EEE; // grey
        font-weight: bold;
    */
    .focusField {
        border:solid 2px #0B4B81 ;
        background: #FFFFFF; 
        color:#000;
        font-family: 'Lucida Grande', Arial, sans-serif;
        font-weight: bold;
    }
    .idleField {
        background:#F9FEFE;
        color: #6F6F6F;
        border: solid 2px #DFDFDF;
        font-family: 'Lucida Grande', Arial, sans-serif;
        font-weight: bold;
    }
   	.required {
       border:solid 2px red;
    }
   	.disabled {
       background:#EEE;
       color: #6F6F6F;
       border: solid 2px #DFDFDF;
    }
    .noBox {
      background  : #FFFFFF; 
      border      : solid 2px white;
    };
    
    
    .dataLabel {
      display:block;   /* flush input field to next line */
      text-align: left;
      padding-bottom:1px; 
      margin-top:1px;
    }

    /* * used in showPassword */
    .offPage {
	  position: absolute;
	  bottom: 100%;
	  right: 100%;
	}
    .passText{
        width:200px;
        padding:2px;
        outline:none;
        height:20px;
    }