/* @cvs-id $Id: toolbar_menu.css,v 1.6 2006/09/26 13:59:36 nsadmin Exp $ $Name: bridge-release-2_7-alpha $  */


/****************************************************/

/*													*/

/* Menu in ContentBridge / MediaBridge Toolbars		*/

/*													*/

/****************************************************/





/****************************************************/

/* Products Menu 									*/

/****************************************************/



/* The DIV that contains the menu */

#prodmenu {

	font-family:Arial, Helvetica, sans-serif;

	font:Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#011F35;

	height: 49px; 	/* 	The height of the menu area div.  See #prodmenu { below */

	border:0;
	
}



.prodnav, .prodnav ul {

	float: left;

	width: 112px;

	list-style: none;

	line-height: 1.2;

	font-weight: normal;

	padding: 0;

	margin:0;

}



.prodnav a {

	display: block;

	text-decoration: none;

	color: #FDFDFE;

	/*width: 10em;*/

	/*w\idth: 6em;*/

	padding:0;

}

.prodnav a:visited {
	color: #fdfdfe;
}



.prodnav a:hover {

	/* color: red; */

}



.prodnav ul li a:hover {

	color:#C9DCE6;

}



.prodnav ul li a {

	padding: 0.6em 1em 0.6em 0.7em;

}



.prodnav a.ParentMenu {

	background: url(images/rightarrow.gif) center right no-repeat;

}



.prodnav li {

	float: left;

	padding: 0;

	/*width: 25%; */  /* 10em */

}



.prodnav li ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 103px;			/* WIDTH */

	font-weight: normal;

	border-width: 0.25em;

	border: 1px solid #000000;

	background: #082850;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:9px;

	text-align:left;

	z-index: 100;
}



.prodnav li li {

	padding-right: 1em;

	width: 90px;				/* WIDTH */

}



/*.prodnav li ul a {

	width: 13em;

	w\idth: 9em;

}*/



.prodnav li ul ul {

	margin: -1.75em 0 0 14em;

}



.prodnav li:hover ul ul, .prodnav li:hover ul ul ul, .prodnav li.HoverMenuProd ul ul, .prodnav li.HoverMenuProd ul ul ul {

	left: -999em;

}



.prodnav li:hover ul, .prodnav li li:hover ul, .prodnav li li li:hover ul, .prodnav li.HoverMenuProd ul, .prodnav li li.HoverMenuProd ul, .prodnav li li li.HoverMenuProd ul {

	left: auto;

}



.prodnav li:hover, .prodnav li.HoverMenuProd {

	line-height: 1.2;

}



.prodnav li ul li:hover {

	line-height: 1.2;

	background: #082850;

	width: 103px;

	margin:0;

	padding:0;

}



.prodnav .prodnav li ul li.HoverMenuProd {

	line-height: 1.2;

	background: #082850;

	width: 90px;

}





/****************************************************/

/* Options Menu 									*/

/****************************************************/



/* The DIV that contains the menu */

#optmenu {

	font-family:Arial, Helvetica, sans-serif;

	font:Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#F7A841;

	height: 30px; 	/* 	The height of the menu area div.  See #optmenu { below */

	border:0;

	padding:0;

	margin:0;

}



#optnav, #optnav ul {

	/*float: left;*/

	width: 81px;

	height:30px;

	list-style: none;

	line-height: 1.2;

	font-weight: normal;

	padding:0;

	margin:0;

}



#optnav a {

	display: block;

	text-decoration: none;

	color: #FDFDFE;

	/*width: 10em;*/

	/*w\idth: 6em;*/

	padding:0;

}



#optnav a:hover {

	/* color: red; */

}



#optnav ul li a:hover {

	color: #48BaD6; /* #011F35; /* #C9DCE6; */

}



#optnav ul li a {

	padding: 0.6em 1em 0.6em 0.7em;

	color:#082850;

}



#optnav a.ParentMenu {

	background: url(images/rightarrow.gif) center right no-repeat;

}



#optnav li {

	float: left;

	padding: 0;

	/*width: 25%; */  /* 10em */

}



#optnav li ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 100px;			/* WIDTH */

	font-weight: normal;

	border-width: 0.25em;

	border: 1px solid #EDEDDB;

	background: #F6D4A9;  /* 082850 */

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:9px;

	text-align:left;

}



#optnav li li {

	padding-right: 1em;

	width: 100px;				/* WIDTH */

}



/*#optnav li ul a {

	width: 13em;

	w\idth: 9em;

}*/



#optnav li ul ul {

	margin: -1.75em 0 0 14em;

}



#optnav li:hover ul ul, #optnav li:hover ul ul ul, #optnav li.HoverMenuOpt ul ul, #optnav li.HoverMenuOpt ul ul ul {

	left: -999em;

}



#optnav li:hover ul, #optnav li li:hover ul, #optnav li li li:hover ul, #optnav li.HoverMenuOpt ul, #optnav li li.HoverMenuOpt ul, #optnav li li li.HoverMenuOpt ul {

	left: auto;

	margin-left:7px;

}



#optnav li:hover, #optnav li.HoverMenuOpt {

	line-height: 1.2;

}



#optnav li ul li:hover {

	line-height: 1.2;

	background: #F6D4A9; /* #F6D4A9; */

	width: 100px;

	margin:0;

	padding:0;

}



#optnav #optnav li ul li.HoverMenuOpt {

	line-height: 1.2;

	background: #F6D4A9; /* #F6D4A9; */

	width: 100px;

}





#optnavcms, #optnavcms ul {

	/*float: left;*/

	width: 81px;

	height:30px;

	list-style: none;

	line-height: 1.2;

	font-weight: normal;

	padding:0;

	margin:0;

}



#optnavcms a {

	display: block;

	text-decoration: none;

	color: #FDFDFE;

	/*width: 10em;*/

	/*w\idth: 6em;*/

	padding:0;

}



#optnavcms a:hover {

	/* color: red; */

}



#optnavcms ul li a:hover {

	color: #48BaD6; /* #011F35; /* #C9DCE6; */

}



#optnavcms ul li a {

	padding: 0.6em 1em 0.6em 0.7em;

	color:#082850;

}



#optnavcms a.ParentMenu {

	background: url(images/rightarrow.gif) center right no-repeat;

}



#optnavcms li {

	float: left;

	padding: 0;

	/*width: 25%; */  /* 10em */

}



#optnavcms li ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 100px;			/* WIDTH */

	font-weight: normal;

	border-width: 0.25em;

	border: 1px solid #EDEDDB;

	background: #91D6E6;  /*082850 */

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:9px;

	text-align:left;

}



#optnavcms li li {

	padding-right: 1em;

	width: 100px;				/* WIDTH */

}



/*#optnavcms li ul a {

	width: 13em;

	w\idth: 9em;

}*/



#optnavcms li ul ul {

	margin: -1.75em 0 0 14em;

}



#optnavcms li:hover ul ul, #optnavcms li:hover ul ul ul, #optnavcms li.HoverMenuOpt ul ul, #optnavcms li.HoverMenuOpt ul ul ul {

	left: -999em;

}



#optnavcms li:hover ul, #optnavcms li li:hover ul, #optnavcms li li li:hover ul, #optnavcms li.HoverMenuOpt ul, #optnavcms li li.HoverMenuOpt ul, #optnavcms li li li.HoverMenuOpt ul {

	left: auto;

	margin-left:7px;

}



#optnavcms li:hover, #optnavcms li.HoverMenuOpt {

	line-height: 1.2;

}



#optnavcms li ul li:hover {

	line-height: 1.2;

	width: 100px;

	margin:0;

	padding:0;

}



#optnavcms #optnavcms li ul li.HoverMenuOpt {

	line-height: 1.2;

	width: 100px;

}







/****************************************************/

/* End of Options Menu								*/

/****************************************************/







/*		------	Basic style	------		*/

#toolbar { /* toolbar page must have id=toolbar on body in order to take off the repeated background on the body */
	margin: 0;
	background-image: none;
	width: 766px;
	}
#toolbarNav {
	padding: 15px 0 0px 40px;
	height: 36px!important;
	height: 51px;
	background: url(/global/calendar/assets/images/toolbar_bg.gif) 0 0 no-repeat;
	}
#toolbarNav a {
	height: 14px;
	float: left;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	margin-right: 29px;
	}
#toolbarNav a:hover {
	background-position: 0 -14px;
	}
#tool_add_calendar {
	width: 82px;
	background: url(/global/calendar/assets/images/tool_add_calendar.gif);
	}
#tool_edit_calendar {
	width: 100px;
	background: url(/global/calendar/assets/images/tool_edit_calendar_entry.gif);
	}
#tool_send_update {
	width: 118px;
	background: url(/global/calendar/assets/images/tool_send_update_reminder.gif);
	}
#tool_new_calendar {
	width: 104px;
	background: url(/global/calendar/assets/images/tool_new_calendar_entry.gif);
	}
#tool_list_all {
	width: 41px;
	background: url(/global/calendar/assets/images/tool_listAll.gif);
	}
#tool_manage_catg {
	width: 103px;
	background: url(/global/calendar/assets/images/tool_manage_catg.gif);
	}