﻿/*
Colour charts:
#FD9800 = orange
#FF6500 = orange
#D4D0C8 = grey (windows-like application colour)
#999999 = grey (light)
#343434 = dark brown
*/

.SubMenuItem, .SubMenuItemHover, .SubMenuItemDisabled, .SubMenuItemActive, .SubMenuHome, .SubMenuItemHoverDisabled, .SubMenuItemActiveDisabled, .SubMenuItemNew, .SubMenuItemExisting, .SubMenuItemActiveNew, .SubMenuItemActiveExisting
{
	width: 149px;
	white-space: pre-wrap;
	text-align: left;
	margin: 0 0 0 0;
	cursor: default;
	border-left: solid 1px White;
	
	padding:7px 15px 6px 15px;
	font-size:12px;
	font-family: Verdana, Arial;
	background-color:#A9122A;
	color: White;
	height:25px;
}
.SubMenuItemDisabled, .SubMenuItemHoverDisabled, .SubMenuItemActiveDisabled
{
	/*
	background-image: url(/Images/CustomerSpecific/DarkGreyArrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
*/
}
.SubMenuItemActiveDisabled, .SubMenuItemHoverDisabled
{
	color:White;
	
}
.SubMenuItem, .SubMenuHome, .SubMenuItemDisabled, .SubMenuItemExisting
{
	border-top:solid 1px #CCCCCC;
}
.SubMenuItemHover, .SubMenuItemActive
{
	cursor: pointer;
	background-color: #004A80;
	border-top:solid 1px #CCCCCC;
	color:#FFFFFF;
	background-color:#E1E1E1;
	color:#000000;	
}
.SubMenuItemHoverDisabled, .SubMenuHome
{
	cursor: default;
}
.StaffSubAddCategoryItem, .StaffSubMoveCategoryItem, .StaffSubEditCategoryItem, .StaffSubViewCategoryItem
{
	font-family: Verdana;
	font-size: 11px;
	padding: 5px 5px 4px 27px;
	background-position: 5px;
	background-repeat: no-repeat;
	cursor: pointer;
	border-left: solid 1px White;
	width: 98px;
}
.StaffSubMoveCategoryItem
{
	color: #FFF;
	background-color: #555;
	background-image: url(/Images/arrow_up.png);
}
.StaffSubEditCategoryItem
{
	color: #000;
	background-color: #888;
	background-image: url(/Images/page_white_edit.png);
}
.StaffSubViewCategoryItem
{
	color: #000;
	background-color: #AAA;
	background-image: url(/Images/page_white_text.png);
}
.StaffSubAddCategoryItem
{
	color: #000;
	background-color: #DDD;
	background-image: url(/Images/page_white_add.png);
}
.SubMenuItemNew, .SubMenuItemExisting, .SubMenuItemActiveNew, .SubMenuItemActiveExisting
{
	font-style: italic;
	background: #CCC;
	color: #000;
	cursor: pointer;
}
/* level 0 inner*/
.m0l0iout {
	
}
.m0l0iover {
	
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #4682B4;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	
	padding: 4px;
	color: #FFFFFF;
	padding:4px 15px 7px 15px;
	font-size:12px;
	font-family:Arial;
	background-color:#A9122A;
	color: White;
	height:25px;
}
.m0l0oover {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #5AA7E5;
	
	font: 12px Arial, Helvetica, sans-serif;
	padding: 4px;
	color: #FFFFFF;
	
	cursor: pointer;
	background-color: #004A80;
	padding:4px 15px 7px 15px;
	border-top:solid 1px #CCCCCC;
	color:#FFFFFF;
	background-color:#E1E1E1;
	color:#000000;	
	height:25px;
}

/* level 1 inner */
.m0l1iout {

}
.m0l1iover {
	 

	
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #46B446;
	
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 4px;
	color: #000000;
	
	padding:4px 15px 7px 15px;
	font-size:12px;
	font-family:Arial;
	background-color:#A9122A;
	color: White;
	height:25px;
	
}
.m0l1oover {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #5AE55A;
	
	text-decoration : none;
	padding: 4px;
	color: #000000;
	
	cursor: pointer;
	background-color: #004A80;
	padding:4px 15px 7px 15px;
	border-top:solid 1px #CCCCCC;
	color:#FFFFFF;
	background-color:#E1E1E1;
	color:#000000;	
	height:25px;
}

/* level 2 inner */
.m0l2iover {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 4px;
	color: #000000;
}

/* level 2 outer */
.m0l2oout {
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #B44646;
}
.m0l2oover 
{
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #E55A5A;
}

