body {
	margin: 0px;
}

body, td, input, select, textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body {
  background-color:#FFFFF8;
}

form {
	margin: 0px;
}
.title {
	font-size: 16px;
	font-weight: bold;
}

a {
	color: #0750B6;
	text-decoration: underline;
	font-weight: bold;
}

.kader {
	border: 1px solid #333333;
}

ul {
	margin: 0px 0px 0px 16px;
}
xinput.knop {
	border: 1px solid #1760B6;
	margin-bottom:3px;
	background-color:#fffff8;
	color:Black;
	cursor:hand;
}
xinput.knop:hover {
	border: 1px solid #1760B6;
	margin-bottom:3px;
	background-color:#ffffd0;
	color:Black;
	cursor:hand;
}

.mout {
	background:menu;
	color:menutext;
	cursor:default;
	padding-left:2px;
}
.mover {
	background:highlight;
	color:highlighttext;
	cursor:default;
	padding-left:2px;
}


	
	/* START CSS NEEDED ONLY IN DEMO */
	
	#mainContainer{
		width:660px;
		margin:0 auto;
		text-align:left;
		height:100%;
		
		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:500px;	/* 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 */
    color: black;
		text-align:left;
		font-size:1.5em;
		z-index:100;
	}
	#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:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	form{
		display:inline;
	}