/**
* CSS for fancydown
* Most of this can be changed without breaking anything too badly
**/

/** TODO: Boxmodel for IE6 **/


/* Outer of the fancydown */
div.fancydown {
	width: 175px;
	height: 19px;
	border: 1px #ccc solid;
	padding: 2px;
	cursor: pointer;
	background: #FFF;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Text */
div.fancydown .t {
	font-family: sans-serif;
	font-size: 14px;
	padding: 4px;
	text-align: left;
	line-height: 1.5em;
}

/* Button */
div.fancydown .b {
	width: 19px;
	height: 19px;		/* Must match div.fancydown */
	float: right;		/* Important */
	background: url(../images/arrow_down.png) #d1d1d1 50% 50% no-repeat;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}



/* Dropdown itself outer */
#fancydown {
	border: 1px #ccc solid;
	background: #FFF;
	color: #000;
	border-top-style: none;
	padding: 2px;		/* Must match div.fancydown */
	z-index: 500;		/* Should be high, but lower than js boxes, nav, etc */
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Item */
#fancydown .i {
	display: block;		/* Important */
	cursor: pointer;
	padding: 4px;
	font-family: sans-serif;
	font-size: 14px;
	text-align: left;
	color: #646464;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/* Hover */
#fancydown .h {
	background: #CCC;
	color: #000;
}