/* CSS is mostly for the complex example */

		#select_multiple_one,
		#select_multiple_two {
			width:200px;
		}

		#select_two_container {
			position:relative;
		}

		.select_multiple_submit {
			background-image:url("/stylesheets/popup_footer.gif");
			background-image:top center;
			background-repeat:repeat-x;
			padding:10px;
			height:22px;
			text-align:right;
		}

		.select_multiple_label {
			margin-left:5px;
			font-family:"Lucida Grande",Verdana;
			font-size:11px;
		}

		.select_multiple_container {
			width:300px;
			position:absolute;
			top:0;
			left:0;
			z-index:500;
			border:1px solid #222;
			border-top:none;
		}

		.select_multiple_container .select_multiple_header {
			background-image:url("/stylesheets/black_background.gif");
			background-repeat:repeat-x;
			background-position:top center;
			color:#eee;
			font-family:"Lucida Grande",Verdana;
			font-weight:bold;
			font-size:12px;
			margin:0;
			padding:7px 0 8px 10px;
			background-color:#000;
		}

		table.select_multiple_table td {
			height:17px;
			border-bottom:1px solid #ddd;
			font-family:"Lucida Grande",Verdana;
			color:#333;
			font-size:11px;
		}

		table.select_multiple_table tr.even {
			background-color:#FCFCFC;
		}

		table.select_multiple_table tr.odd {
			background-color:#F7F7F7;
		}

		table.select_multiple_table tr.selected {
			background-image:none;
			background-color:#D9E9FE;
		}

		.select_multiple_name {
			padding-left:15px;
			font-weight:bold;
		}

		.select_multiple_checkbox {
			text-align:right;
		}

		.select_multiple_checkbox input {
			margin-right:15px;
		}