/*========================================================

   Skin for version 01.00.40 of Web Pallets
   This is only a partial skin it is used in conjunction
   with Skin.css which is standard throughout 2ic site.

   SDD 16/09/09

   The NPCommon styles are replicated in the common core
   module.css. Note that the module.css of the common core
   module is applied to all integrated modules. The styles
   defined are very generic though.

   The module.css of an integrated module should overwrite
   the style defined in the common core module.css.
   A skin or container css file should overwrite both.
   
   It is predicted that a site would vary most of these
   items in it's main skin defintion to suit.

  ========================================================*/
/*-- box that holds the menu    --*/ 
.MainMenu_MenuContainer 
{ 
	background: transparent; 
	border: #eeede7 1px solid; 
	padding: 0px;
	vertical-align: middle;
	cursor: default;
	height: 20px;
}
.topbar
{ 
	background: transparent; 
	border-left: #eeede7 1px solid; 
	border-right: #eeede7 1px solid; 
	padding-left: 4px;
	padding-right: 4px;
	cursor: default;
}
.skinframe
{ 
	background: transparent; 
	padding-left: 0px;
	padding-right: 0px;
	width: 980px;
	cursor: default;
	margin-left: 10px;
	margin-right: 10px;
}
.skinframemobile
{ 
	background: transparent; 
	padding-left: 0px;
	padding-right: 0px;
	width: 300px;
	cursor: default;
	margin-left: 10px;
	margin-right: 10px;
}
.FrameClean {
	border: #eeede7 0px solid; 
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.FrameNavigation {
	border-left: #eeede7 1px solid; 
	border-right: #e7e7e7 2px solid; 
	background-color: #F9F8F6;
	width: 120px;
}
.FrameCentre {
	border-right: #e7e7e7 2px solid; 
	background-color: transparent;
}
.FrameContent {
	border-right: #eeede7 1px solid; 
	background-color: transparent;
}
.FrameContentMobile {
	background-color: transparent;
}
.user2ic
{
	padding: 0 8 0 3;
}
/*-- navigate panes               --*/ 
.PaneNav,.PaneNavTitle,.PaneNavTitleVM {
	padding: 5 0 0 5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	background-color: transparent;
	margin: 0px;
}
.PaneNav,.PaneNavTitle,.PaneNavTitleVM {
	width: 117px;
}
.PaneNavTitle,.PaneNavTitleVM {
	border-bottom: #e7e7e7 1px solid;
	padding-bottom: 5px;
}
.PaneNavTitleVM {
	padding-top: 7px;
	padding-bottom: 5px;
}
/*-- box that holds the menu    --*/ 
.MainMenu_MenuIcon_Admin,.SubMenu_MenuIcon,.SubMenu_MenuIcon_Admin 
{
	display: none;
}
.ModuleTitle_MenuIcon 
{ 
	display: none; 
}
.MainMenu_MenuContainer 
{ 
	border: #eeede7 0px solid; 
	vertical-align: top;
	cursor: default;
	background: transparent;
}
.MainMenu_Active, { 
	color: #333333;  
	padding: 3px 0px 3px 2px;
	font-weight: bold; 
	background: #ffffff;
	border: #e7e7e7 1px solid;
	width: 100%;
}
.SubMenu_Active { 
	color: #333333;  
	padding: 3px 0px 3px 2px;
	font-weight: bold; 
	background: #ffffff;
	border: #e7e7e7 1px solid;
}
.MainMenu_MenuItem { 
	font-weight: bold; 
      white-space: normal;	
	width: 100%; 
}
.MainMenu_SubMenu { 
	padding: 0px 3px 0 0px; 
	background: #F9F8F6; /*transparent; */
	border: 0;
	font-weight: normal; 
	filter: none; 
      white-space: normal;
}
.MainMenu_MenuIcon_Admin,.SubMenu_MenuIcon,.SubMenu_MenuIcon_Admin {
	display: none;
}
.ModuleTitle_MenuIcon { 
	display: none; 
}
.head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4c4c4c;
}