/*
    Document   : menu
    Created on : 6-okt-2009, 12:23:42
    Author     : Arno
    Description:
        Menubar styles.
*/

/*
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/**
 *  Main menu
 */

div#menubar, div#menubar * {
	z-index: 15;
}

div#menubar ul, div#menubar li {
	position: relative;
	
	list-style: none;
	
	padding: 0px;
	margin: 0px;
}

div#menubar ul {
	height: 46px;
		
	top: 0px;
		
	padding: 7px 7px 0px;
	
	float: left;
}

div#menubar li {
	float: left;
}

div#menubar li div {
	float: left;
	
	padding: 11px 14px 11px 11px;
	
	height: 39px;

	background: url(/images/header-menu-divider.png) top right no-repeat;
	
	cursor: pointer;
}

div#menubar li div a,
div#menubar li div span {
	color: #002a92;
	
	font-size: 14px;
	font-weight: bold;
	
	text-decoration: none;
}

div#menubar li div.hover, div#menubar li div.selected {
	
}

div#menubar li div.hover a, div#menubar li div.selected a,
div#menubar li div.hover span, div#menubar li div.selected span {
	color: #d0681c;
}

div#menubar ul ul {
	position: absolute;
	display: none;
	
	left: 0px;

	margin: 39px 0px 0px;
	padding: 0px;
}

div#menubar ul ul.hover {
	display: block;
}

div#menubar ul ul li {
	float: none;
}

div#menubar ul ul div {
	background-color: #ea5f13;	
	
	float: none;
	
	padding: 4px 10px;
	
	height: auto;
	width: 170px;
}

div#menubar ul ul div a,
div#menubar ul ul div span {
	font-size: 12px;
	/*font-weight: normal;*/
}

div#menubar ul ul div.hover, div#menubar ul ul div.selected {
	background-color: #fff1da;
}

div#menubar ul ul div a,
div#menubar ul ul div span {
	color: white;
}

div#menubar ul ul div.hover a, div#menubar ul ul div.selected a {
	color: #869dd6;
}

div#menubar ul ul ul {
	margin: 0px 0px 0px 170px;
}


/**
 *  Menubar search form
 */

div#menubar form {

	position: relative;

	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #dde5fb;

	background-color: white;

	width: 180px;
	height: 22px;

	float: right;

	margin: 16px 19px 0px 0px;
}

div#menubar form div {
	border: 0px;
	margin: 0px;
	padding: 0px;

	height: 21px;

	overflow: hidden;
}

div#menubar form input {

	position: relative;
	display: block;

	border: none;

	margin: 0px;
	padding: 0px;

}

div#menubar form input.text {

	float: left;

	color: #002a92;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;

	padding: 3px 0px 0px 2px;

	height: 19px;
	width: 160px;

}

div#menubar form input.image {

	float: right;

	margin: 3px 1px 0px 0px;

	width: 16px;
	height: 13px;
}

div#menubar form span {

	display: none;
	position: absolute;

	float: left;

	color: #002a92;
	font-size: 11px;
	font-style: italic;

	left: 0px;

	margin: 3px 0px 0px 3px;

}