/* 
    Document   : autocomplete
    Created on : 13 Oct, 2009, 10:59:39 AM
    Author     : ebhasin
    Description:
        Purpose of the stylesheet follows.
*/

    #mainContainer
    {
		width:660px;
		margin:0 auto;
		text-align:left;
		height:100%;
		background-color:#FFF;
		border-left:0px;
		border-right:0px;
	}
	#formContent
    {
		padding:5px;
	}
	/* END CSS ONLY NEEDED IN DEMO */


	/* Big box with list of options */
	#ajax_listOfOptions
    {
		position:absolute;	/* Never change this one */
		width:200px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:12px;
		z-index:100;
	}
	#ajax_listOfOptions div
    {	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;
		padding:1px;
		cursor:pointer;
		font-size:12px;
	}
	#ajax_listOfOptions .optionDiv
    {	/* Div for each item in list */

	}
	#ajax_listOfOptions .optionDivSelected
    { /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}

	form
    {
		display:inline;
	}