/**
################################################################
## Title         : Auto Suggest css file
#  Description   :  
#                    
## Input         : 
#  Output        : 
## Date          : 28/09/09         
#  Last Modified : 
## Functions     :
#  Author        : Harika Katkam
################################################################
 */
    
    /* START CSS NEEDED ONLY IN DEMO */
    html{
        height:100%;
    }   
    
    #mainContainer{
        width:660px;
        margin:0 auto;
        text-align:left;
        height:100%;
        background-color:#FFF;
        border-left:3px double #000;
        border-right:3px double #000;
    }
    #formContent{
        padding:5px;
    }
    /* END CSS ONLY NEEDED IN DEMO */
    
    
    /* Big box with list of options */
    #ajax_listOfOptions{
        position:absolute;    /* Never change this one */
        width:175px;    /* Width of box */
        height:250px;    /* Height of box */
        overflow:auto;    /* Scrolling features */
        border:1px solid  #0099FF ;    /*  border for iframe */
        background-color:#FFF;    /* White background color */
        text-align:left;
        font-size:1em;
        z-index:1000;
    }
    #ajax_listOfOptions div{    /* General rule for both .optionDiv and .optionDivSelected */
        margin:1px;        
        padding:1px;
        cursor:pointer;
        font-size:0.9em;
    }
    #ajax_listOfOptions .optionDiv{    /* Div for each item in list */
        
    }
    #ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
        background-color: #0099FF ;
        color:#FFF;
    }
    #ajax_listOfOptions_iframe{
        background-color:#F00;
        position:absolute;
        z-index:5;
    }
    
    form{
        display:inline;
    }