.iwCombo
{
	white-space: nowrap;
	padding:0px;
	margin:0px;
	
	position:relative; /* for better control of the drop down list */
/*	background:yellow; */
	color:#EEbA00;
	background-color:#364641;
	border:solid 1px #7E8081;
}

.iwComboSpan {
    display:-moz-inline-box; /* Gecko proprietary */
	display:inline-block; /**/
}

.iwComboClicker 
{
    display:-moz-inline-box; /* Gecko proprietary */
	display:inline-block; /**/
	width:15px;
	height:20px;
	min-width:15px;
	min-height:20px;
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:auto;
}

.iwCombo INPUT,.iwComboInput
{
	background-color:#364641;
	border: none 1px red;
	margin:0px;
	margin-left:0px;
	padding:0px;
	top:0px;
	left:0px;
	position:relative;
	top:-2px;
}

.iwComboFiller
{
	margin-left:140px;
}

.iwComboInputDiv
{
	display:inline;
	background-color:Transparent;
	padding-top:4px;
	padding-left:2px;
	padding-right:4px;
}

.iwComboDropInput
{
}

.iwComboDropClick
{
	margin:0px;
	padding:0px;
	
	border:none 1px lime;
	border-top:solid 1px ActiveBorder;
	border-right:solid 1px ActiveBorder;
	border-bottom:solid 1px ActiveBorder;
	
	vertical-align:top;
	
	position:relative;
}

.iwComboDropNorm
{
	background-image: url(/gfx/comboDrop.gif);
	background-position:center; /* right top; */
	background-repeat:no-repeat;
}

.iwComboDropHot
{
	
	background-image: url(/gfx/comboDropHot.gif);
	background-position:center; /* right top; */
	background-repeat:no-repeat;
}

.iwComboCool
{
	margin:0px;
	padding:0px;
}
.iwComboHot
{
	margin:0px;
	padding:0px;
}

.iwComboCool SPAN.iwComboClicker
{
	background-image: url(/gfx/comboDrop.gif);
	background-position:right top;
	background-repeat:no-repeat;
/*	background-color: transparent; */
}

.iwComboHot SPAN.iwComboClicker
{
	background-image: url(/gfx/comboDropHot.gif);
	background-position:right top;
	background-repeat:no-repeat;
/*	background-color: transparent; */
}
/* The drop down part */
ul.comboList
{
	border: solid 1px #7f9db9;
	margin: 0px;
	padding: 0px;
	display: none;
	position: absolute;
	z-index:9000;
/*	height:300px; /* need to controll this in the jscript */
/*	overflow:scroll; */
/*	background:#e0e0e0; */
	background-color:#364641;
}

ul.comboList li
{
	color: #fff;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 8pt;
/*	background-color:#364641;
	background: #e0e0e0; */
}
.comboList a
{
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	color: orange;
	text-decoration: none;
	overflow: hidden;
}
.comboList a:hover, .comboList li:hover,.comboList li.selected:hover
{
	background: Highlight;
	color: gold;
	text-decoration: none;
}
.comboList li.selected
{
	background: #282828;
	display: block;
}
.comboList li.comboHidden
{
/*	display:none; */
	border:dashed 1px blue;
	/* This colour should be the same as the INPUT for consistancy */
	background: pink;
	display: block;
}
.comboList a img
{
	padding-top:2px;
	padding-left:2px;
}
.comboWithIcon 
{
	position:relative;
	top:-4px;
	padding-left:4px;
}