/**
  *Thanks to:
  *Code Author: David Boggus
  *URL: www.boggusweb.com
  *Date: 10/11/2006
  *This stylesheet is used by the custom menu
**/
/*-- Sub menu container --*/
#CimCustomMenu li ul {
	position: absolute;
	left: 201px;
	top: 0;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
/*-- Sub sub menu container --*/
#CimCustomMenu li ul li ul {
	position: absolute;
	left: 202px;
	top: 0;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#CimCustomMenu li {
	width: 200px;
}
#CimCustomMenu ul li {
	width: 200px;
}

/*-- Main & sub menuitem bullet (#CimCustomMenu li a.subMenu, #CimCustomMenu ul li a.subMenu) --*/
#CimCustomMenu li a.subMenu {background:transparent url("Images/bg_menu_bullet_main.gif") no-repeat center right;}
#CimCustomMenu ul li a.subMenu {background:transparent url("Images/bullet_arrow_right_dark.gif") no-repeat center right;}

/*-- Main menuitem container (remove width to have horizontal menu) --*/
#CimCustomMenu {
	position: relative;
	z-index: 1;
	padding: 0;
	margin: 0;
    width: 200px;
	list-style: none;
	white-space: normal;
}

body>#CimCustomMenu {
	position: fixed;
}

/*-- Sub menuitem container --*/
#CimCustomMenu ul {
	position: relative;
	z-index: 2;
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#CimCustomMenu ul.click {
    display: block;
    background-color: #FFF !important;
}

#CimCustomMenu ul.click li {
    background-color: #FFF !important;
}

/*-- OnHover open main menuitem path --*/
#CimCustomMenu li a.click {
	background:#488DD3 url("Images/bg_menu_hover.gif") repeat-x;
	color: #FFF;
}
#CimCustomMenu li a.click.subMenu {
	background:#488DD3 url("Images/bg_menu_bullet_main_hover.gif") no-repeat center right !important;
	color: #FFF;
}

/*-- OnHover open sub-menuitem path --*/
#CimCustomMenu ul li a.click {
	background:#488DD3 url("Images/bg_menu_hover.gif") repeat-x;
	color: #FFF;
}

/*-- OnHover sub menuitem --*/
#CimCustomMenu ul li a:hover {
	background:#488DD3 url("Images/bg_menu_hover.gif") repeat-x;
	color: #FFF;
}

/*-- OnHover main menuitems --*/
#CimCustomMenu li a:hover {
	background:#488DD3 url("Images/bg_menu_hover.gif") repeat-x;
	color: #FFF;
}
#CimCustomMenu li a.subMenu:hover {
	background:#488DD3 url("Images/bg_menu_bullet_main_hover.gif") no-repeat center right !important;
	color: #FFF;
}

/*-- All menuitem (set all widths here) --*/
#CimCustomMenu li {
	position: relative;
	background-color: #FFF;
    z-index:1;
	border: 0px solid black;
	padding: 0;
	margin: 0;
	color: #000000;
	float: left;
	display: block;
}

/*-- Selected menus --*/
#CimCustomMenu li a.CimCustomMenuSelectedLink {
	background:#488DD3 url("Images/bg_menu_hover.gif") repeat-x;
	color: #FFF;
}
#CimCustomMenu li a.CimCustomMenuSelectedLink.subMenu {
	background:transparent url("Images/bg_menu_bullet_main_hover.gif") no-repeat center right !important;
}

/*-- Main menuitems --*/
#CimCustomMenu li a {
    position: relative;
    z-index: 1;
    display:block;
	height:30px;
	line-height:28px;
	background:#C5CACB url("Images/bg_menu.gif") repeat-x;
	padding-left:15px;
	margin-bottom:2px;
	text-decoration:none;
	color:#666;
	font-size:10pt;
	font-weight:bold;
}

/*-- Sub menuitems --*/
#CimCustomMenu ul li a {
    position: relative;
    z-index: 1;
    display: block;
	height:16px;
	background:#FFF;
	border-bottom:1px solid #CCC;
	padding: 4px 0px 4px 10px;
	margin: 0;
	text-decoration: none;
	color: #666;
	font:9pt Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
