﻿/* AutoComplete List Styles */
    /* Container for the list options */
        .list
        {
            width: 236px;
            position: inherit;
            left: 10px;
            top: 10px;
            border: 1px solid #2a56b3;
        }
        
        /* Hide link underline */
        .list a
        {
            text-decoration: none;
        }
        
    /* Normal Option */
        .listOption
        {
            background: #FFFFFF;
            color: #2a56b3;
            border: 1px solid #2a56b3;
            padding: 3px;
            font-family: verdana, sans-serif;
            font-size: 12px;
            cursor: default;
            width: 228px;
        }

    /* Hover Option */    
        .listOptionHighlighted
        {
            background: #e0ebfb;
            color: #2a56b3;
            border: 1px solid #2a56b3;
            padding: 3px;
            font-family: verdana, sans-serif;
            font-size: 12px;
            cursor: pointer;
            width: 228px;
        }

/* Other control styles */
    /* Textbox style */
        .queryBox
        {
            position: inherit;
            left: 10px;
            top: 10px;
            color: #2a56b3;
            width: 230px;
            background: #FFFFFF;
            font-family: verdana, sans-serif;
            height: 18px;
            border: solid 2px #2a56b3;
            padding: 2px;
            vertical-align:middle;

        }
    /* Button Input */
        .button
        {
            position: inherit;
            left: 10px;
            top: 10px;
            border-bottom: 2px solid #2a56b3;
            border-right: 2px solid #2a56b3;
            border-top: 2px solid #6699FF;
            border-left: 2px solid #6699FF;
           
            height: 26px;
            background: #99CCFF;
            color: #2a56b3;
            font-family: verdana, sans-serif;
            font-size: 14px;
            font-weight: bold;
            padding: 2px;
            vertical-align:middle;
        }

/* Container for the entire control */
    .autoCompleteWrapper
    {
        position: relative;
        display: inline;
        width: 400px;
    }
