.cdp-field
{ 
    margin: 0px 4px 4px 0px;  padding: 3px 0px 3px 8px;   
    border-style: solid; border-width: 1px; border-color: #B9B9B9; border-radius: 5px;
    color: #444444; background-color: white; font-family: monospace; 
}

.bold
{ font-weight: bold; }

.bold1
{ font-weight: bold; font-size: 1.1em; }

.bold2
{ font-weight: bold; font-size: 1.3em; }

.bold3
{ font-weight: bold; font-size: 1.5em; }

.solid-sm-blue
{ border: solid; border-width: 1px; border-color: #FFFF33}


/* FOCUSING */
input:focus     
{ color: #222222; background-color: #dff5ff; outline: none; border: 1px solid rgb(116, 196, 233); }

select:focus    
{ color: #222222; background-color: #dff5ff; outline: none; border: 1px solid rgb(116, 196, 233); }

textarea:focus  
{ color: #222222; background-color: #dff5ff; outline: none; border: 1px solid rgb(116, 196, 233); }

/* FOCUSING OLD 
input:focus    
{ color: #FFFFFF; background-color: #626262; }

select:focus    
{ color: #FFFFFF; background-color: #626262; }

textarea:focus    
{ color: #FFFFFF; background-color: #626262; }
*/

/* AUTOCOMPLETE INPUT */
.autocomplete-suggestions 
{ border: 1px solid #999; background: #FFF; overflow: auto; }

.autocomplete-suggestion
{ padding: 2px 5px; white-space: nowrap; overflow: hidden; font-size: 0.7em; }

.autocomplete-selected
{ background: #F0F0F0; }

.autocomplete-suggestions strong
{ font-weight: normal; color: #3399FF; }

.autocomplete-group
{ padding: 2px 5px; }

.autocomplete-group strong
{ display: block; border-bottom: 1px solid #000; }