/**
 * jquery.wh.dropdowns.css
 * Dropdowns die durch jQuery ersetzt werden
 * @autor   Klaus Meyer
 * @date    07.12.2009
 * @version 1.0
 */

/**
 * Relative positionierung, hilft falls Dropdown gefloatet wird
 */
div.jquery-wh-dropdown {
	position: 			relative;
	font-family: 		'Lucida Sans Unicode', Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
	z-index:			999;
}
 
/**
 * Breitenangabe, wird später durch jQuery überschrieben
 */
div.jquery-wh-dropdown div.jquery-wh-select,
div.jquery-wh-dropdown div.jquery-wh-options {
	width: 				150px;
	font-size:			10px;
	z-index:			999;
}

/**
 * Aktuell Aktives element, keine ausgeklappte Box
 */
div.jquery-wh-dropdown div.jquery-wh-select {
	background-color:	#fff;
	border:				1px solid #DBDBDB;
	height: 			15px;
	position: 			relative;
	overflow:			hidden;
	z-index:			999;
}

/**
 * Aktuell ausgewähltes Element
 */
div.jquery-wh-dropdown div.jquery-wh-select span.jquery-wh-caption {
	padding-left: 		5px;
	cursor:				default;
	z-index:			999;
}

/**
 * Dropdown "Knopf" mit Pfeilchen
 */
div.jquery-wh-dropdown div.jquery-wh-select a.jquery-wh-selector {
	display: 			block;
	position: 			absolute;
	top: 				0px;
	right: 				0px;
	width: 				20px;
	height: 			15px;
	background: 		#73B2C4 url("../images/dropdown-selector.gif") no-repeat 7px 4px;
	z-index:			999;
}

/**
 * Die Box um die einzelnen Optionen
 */
div.jquery-wh-dropdown div.jquery-wh-options {
	display: 			none;
	position:			absolute;
	left:				0px;
	top:				17px;
	background-color:	#fff;
	border-left: 		1px solid #DBDBDB;
	border-right: 		1px solid #DBDBDB;
	border-bottom: 		1px solid #DBDBDB;
	max-height:			250px;
	overflow-y:			auto;
	z-index:			999;
}

/**
 * Die einzelnen Optionen - Normal
 */
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:link,
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:active,
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:visited,
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:hover {
	padding-left: 		5px;
	display: 			block;
	color: 				#333;
	overflow:			hidden;
	z-index:			999;
}

/**
 * Die einzelnen Optionen - Hover
 */
div.jquery-wh-dropdown div.jquery-wh-options a.jquery-wh-option:hover {
	background-color: 	#80B1BF;
	color: 				#fff;
	z-index:			999;
}