/* START CSS NEEDED ONLY IN DEMO */
html{
}


body{
}

#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 #F0EFED;	/* Dark green border */
	background-color:#F4F0EF;	/* White background color */
	text-align:left;
	z-index:100;
	color: #878787;
}

#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 */
	color: #878787;
}

#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	color: #878787;
	background-color: #CCCCCC;
}

#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}


#ajax_listOfOptions1{
	position:absolute;	/* Never change this one */
	width:199px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #F0EFED;	/* Dark green border */
	background-color:#F4F0EF;	/* White background color */
	text-align:left;
	z-index:100;
	color: #878787;
}

#ajax_listOfOptions1 div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	/*font-size:0.9em;*/
}

#ajax_listOfOptions1 .optionDiv{	/* Div for each item in list */
	color: #878787;
}

#ajax_listOfOptions1 .optionDivSelected{ /* Selected item in the list */
	color: #878787;
	background-color: #CCCCCC;
}

#ajax_listOfOptions1_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}