styles.css

For CSS, this is to use for ComponetOne menu s skin

/* =========== Office2007Silver C1Menu =========================================== */

/* Default layout */

.C1Menu_Office2007Silver-C1Vertical,
.C1Menu_Office2007Silver-C1Context-C1Vertical,
.C1Menu_Office2007Silver .C1SubMenu-C1Vertical
{
	width:12em;
}

/*==============================
	Containers
================================*/
.C1Menu_Office2007Silver
{
	display: block;
	padding: 0;
	margin: 0;
	font-size: 12px;
	background: #d8d8e6;
	font-family: Segoe UI, Myriad, Myriad Pro, Calibri, Arial, Sans-Serif;
	border: solid 1px #7c7c94;
}
.C1Menu_Office2007Silver-C1Horizontal,  
.C1Menu_Office2007Silver .C1Horizontal
{
	width:100%;
	min-height: 22px;
}

.C1DesignMode-C1Menu_Office2007Silver-C1Horizontal,  
.C1DesignMode-C1Menu_Office2007Silver .C1Horizontal
{
	height: 22px;
}

.C1Menu_Office2007Silver ul
{
	margin: 0;
	padding: 0;
}

.C1Menu_Office2007Silver .C1SubMenu-C1Vertical
{
	display: block;
	padding: 6px 0 0 0;
	margin: -3px 0 0 0;
	background: url(Images/BgPrimarySubmenuTop.png) no-repeat top left;
	width: 204px;
}
* html .C1Menu_Office2007Silver .C1SubMenu-C1Vertical
{
	display: block;
	padding: 6px 0 0 0;
	margin: -3px 0 0 0;
	background: url(Images/BgPrimarySubmenuTop.gif) no-repeat top left;
	width: 200px;
}
.C1Menu_Office2007Silver-C1Vertical .C1SubMenu-C1Vertical
{
	margin: -1px 0 0 -3px;
}
.C1Menu_Office2007Silver-C1Horizontal .C1SubMenu-C1Vertical
{
	margin: -3px 0 0 -1px;
}
.C1Menu_Office2007Silver .C1SubMenu-C1Horizontal
{
	display: block;
	padding: 0 0 0 6px;
	margin: -3px 0 0 0;
	background: url(Images/BgPrimarySubmenuLeftH.png) no-repeat top left;
	height:52px;
}
* html .C1Menu_Office2007Silver .C1SubMenu-C1Horizontal
{
	display: block;
	padding: 0 0 0 6px;
	margin: -3px 0 0 0;
	background: url(Images/BgPrimarySubmenuLeftH.gif) no-repeat top left;
	height:48px;
}
.C1Menu_Office2007Silver-C1Vertical .C1SubMenu-C1Horizontal
{
	margin: 0 0 0 1px;
}
.C1Menu_Office2007Silver-C1Horizontal .C1SubMenu-C1Horizontal
{
	margin: -3px 0 0 -1px;
}
.C1Menu_Office2007Silver .C1SubMenu ul.c1-v-flow
{
	display: block;
	float: left;
	padding: 0 0 16px 0;
	margin: 0;
	background: url(Images/BgPrimarySubmenuBottom.png) no-repeat bottom left;
	width: 204px;
}
* html .C1Menu_Office2007Silver .C1SubMenu ul.c1-v-flow
{
	display: block;
	float: left;
	padding: 0 0 12px 0;
	margin: 0;
	background: url(Images/BgPrimarySubmenuBottom.gif) no-repeat bottom left;
	width: 200px;
}
.C1Menu_Office2007Silver .C1SubMenu ul.c1-h-flow
{
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	background: url(Images/BgPrimarySubmenuRightH.png) no-repeat top right;
	height:52px;
}
* html .C1Menu_Office2007Silver .C1SubMenu ul.c1-h-flow
{
	display: block;
	float: left;
	padding: 0 6px 0 0;
	margin: 0;
	background: url(Images/BgPrimarySubmenuRightH.gif) no-repeat top right;
	height:48px;
}

/* Context */
.C1Menu_Office2007Silver-C1Vertical.C1Context, 
.C1Menu_Office2007Silver-C1Context .C1SubMenu-C1Vertical
{
	display: block;
	padding: 3px 0 0 0;
	/*margin: 0;*/
	margin:-1px 0 0 -1px;
	background: url(Images/BgSecondarySubmenuTop.png) no-repeat top left;
	border:none;
	width: 229px;
}
* html .C1Menu_Office2007Silver-C1Vertical.C1Context, 
* html .C1Menu_Office2007Silver-C1Context .C1SubMenu-C1Vertical
{
	display: block;
	padding: 3px 0 0 0;
	/*margin: 0;*/
	margin:-1px 0 0 -5px;
	background: url(Images/BgSecondarySubmenuTop.gif) no-repeat top left;
	width: 225px;
}

.C1Menu_Office2007Silver-C1Context ul.c1-v-flow, 
.C1Menu_Office2007Silver-C1Context .C1SubMenu ul.c1-v-flow
{
	display: block;
	float: left;
	padding: 0 0 7px 0;
	margin: 0;
	background: url(Images/BgSecondarySubmenuBottom.png) no-repeat bottom left;
	width: 229px;
}
* html .C1Menu_Office2007Silver-C1Context ul.c1-v-flow, 
* html .C1Menu_Office2007Silver-C1Context .C1SubMenu ul.c1-v-flow
{
	display: block;
	float: left;
	padding: 0 0 3px 0;
	margin: 0;
	background: url(Images/BgSecondarySubmenuBottom.gif) no-repeat bottom left;
	width: 225px;
}


/*====================================
		List items
======================================*/
.C1Menu_Office2007Silver .c1-h-flow .C1ListItem
{
	float:left;
	padding:2px 1px;
	margin:0;
	text-align:center;
}
.C1Menu_Office2007Silver .c1-v-flow .C1ListItem
{
	display:block;
	padding: 2px 2%;
	margin:0;
	width:96%;
	text-align:left;
}

/* 2-nd(+) level */
.C1Menu_Office2007Silver .C1SubMenu-C1Vertical li.C1ListItem
{
	display: block;
	float: left;
	padding: 0 10px 0 6px;
	width: 188px;
	margin: 0;
	background: url(Images/BgPrimarySubmenuMiddle.png) repeat-y top left;
	text-align:left;
}
* html .C1Menu_Office2007Silver .C1SubMenu-C1Vertical li.C1ListItem
{
	display: block;
	float: left;
	padding: 0 6px;
	width: 188px;
	margin: 0;
	background: url(Images/BgPrimarySubmenuMiddle.gif) repeat-y top left;
	text-align:left;
}

.C1Menu_Office2007Silver .C1SubMenu-C1Horizontal li.C1ListItem
{
	display: block;
	float: left;
	padding: 6px 0 11px 0;
	margin: 0;
	width:auto;
	height:36px;
	background: url(Images/BgPrimarySubmenuMiddleH.png) repeat-x top left;
	text-align:left;
}
* html .C1Menu_Office2007Silver .C1SubMenu-C1Horizontal li.C1ListItem
{
	display: block;
	float: left;
	padding: 6px 0;
	margin: 0;
	width:auto;
	height:36px;
	background: url(Images/BgPrimarySubmenuMiddleH.gif) repeat-x top left;
	text-align:left;
}

/* Context */
/*.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem, 
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem
{
	display: block;
	float: left;
	padding: 0 6px 0 2px;
	margin: 0;
	width: 221px;
	height:auto;
	background: url(Images/BgSecondarySubmenuMiddle.png) repeat-y top left;
}
* html .C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem, 
* html .C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem
{
	display: block;
	float: left;
	padding: 0 2px;
	margin: 0;
	width: 221px;
	height:auto;
	background: url(Images/BgSecondarySubmenuMiddle.gif) repeat-y top left;
}*/


/*===================================
		 Link Items and text inside links
=====================================*/

/* 1-st level */
.C1Menu_Office2007Silver .C1Link
{
	cursor: pointer;
	display: block;
	float:left;
	background: url(Images/BgMenuItem.gif) repeat-x 400px 400px;
	text-decoration: none;
	padding: 0;
	margin: 0;
	border: solid 1px #d8d8e6;
	font-weight: 100;
	height: 20px;
	outline:none;
}

.C1Menu_Office2007Silver .c1-v-flow .C1Link
{
	float:none;
}
.C1Menu_Office2007Silver .c1-v-flow .C1Link span.C1TextNode
{
	cursor: pointer;
	font-size: 12px;
	color: #000000;
	display:block;
	padding:2px;
	margin:0;
	height:16px;
	line-height:16px;
	text-align:left;
	vertical-align:middle;
}

.C1Menu_Office2007Silver .c1-h-flow .C1Link
{
}
.C1Menu_Office2007Silver .c1-h-flow .C1Link span.C1TextNode
{
	cursor: pointer;
	font-size: 12px;
	color: #000000;
	display:block;
	float:left;
	padding:2px 8px;
	margin:0;
	height:16px;
	line-height:16px;
	text-align:left;
	vertical-align:middle;	
}


/* 2-nd level */
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow li .C1Link
{
	display: block;
	background: url(Images/BgPrimarySubmenuItem.gif) repeat-x 400px 400px;
	text-decoration: none;
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-weight: 100;
	border: none;
	width: 188px;
	height: 44px;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow li .C1Link
{
	display: block;
	background: url(Images/BgPrimarySubmenuItemH.gif) repeat-x 400px 400px;
	border: solid 1px #fafafa;
	padding:0;
	text-decoration: none;
	height:34px;	
}
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow .C1Link span.C1TextNode
{
	display:block;
	float:left;
	padding:0 5px 0 5px;
	/*padding:0 36px 0 36px;*/
	margin:0;
	height:44px;
	/*width: 116px;*/
	width: 178px;
	text-align:left;
	text-decoration: none;
	font-size: 12px;
	color: #4c535c;
	vertical-align: middle;
	line-height:44px;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow .C1Link span.C1TextNode
{
	display:block;
	float:left;
	padding:0 20px 0 4px;
	height:32px;
	width:auto;
	margin:0;
	text-align:left;
	text-decoration: none;
	font-size: 12px;
	color: #4c535c;
	vertical-align: middle;
	line-height:32px;
}

/* 3-rd level */
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Link,
.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem .C1Link,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Link
{
	display: block;
	background: url(Images/BgSecondarySubmenuItem.gif) no-repeat 400px 400px;
	text-decoration: none;
	font-size: 12px;
	padding: 0 0 0 0;
	margin: 0;
	font-weight: 100;
	border: none;
	width: 221px;
	height: 22px;
}
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow .C1Link span.C1TextNode,
.C1Menu_Office2007Silver-C1Context .c1-v-flow .C1Link span.C1TextNode,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow .C1Link span.C1TextNode
{	
	display: block;
	width: 165px;
	height: 22px;
	padding: 0 28px 0 28px;
	margin: 0;
	text-decoration: none;
	font-size: 12px;
	color: #4c535c;
	vertical-align: middle;
	line-height:22px;
}
/* Context */
/*.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem .C1Link
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Link
{
	display: block;
	background: url(Images/BgSecondarySubmenuItem.gif) no-repeat 400px 400px;
	text-decoration: none;
	font-size: 12px;
	padding: 0 0 0 0;
	margin: 0;
	font-weight: 100;
	border: none;
	width: 221px;
	height: 22px;
}

.C1Menu_Office2007Silver-C1Context .c1-v-flow .C1Link span.C1TextNode, 
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow .C1Link span.C1TextNode
{	
	display: block;
	width: 165px;
	height: 22px;
	padding: 0 5px 0 28px;
	margin: 0;
	text-decoration: none;
	font-size: 12px;
	color: #4c535c;
	vertical-align: middle;
	line-height:22px;
}*/


/*====================
    Link Items - Hover, Active, Focus or Checked 
====================*/

/* 1-st level */
.C1Menu_Office2007Silver li.C1ListItem .C1Hover,
.C1Menu_Office2007Silver li.C1ListItem .C1Focus
{
	background: url(Images/BgMenuItem.gif) repeat-x top left;
	border: solid 1px #ffbd69;
	text-decoration: none;
}

.C1Menu_Office2007Silver li.C1ListItem .C1Active,
.C1Menu_Office2007Silver li.C1ListItem .C1Opened
{
	background: url(Images/BgMenuItem.gif) repeat-x bottom left;
	border: solid 1px #7c7c94;
	text-decoration: none;
}

.C1Menu_Office2007Silver .C1CheckableSupport li.C1ListItem .C1Checked
{
	background: url(Images/BgMenuItem.gif) repeat-x bottom left;
	border: solid 1px #7c7c94;
	text-decoration: none;
}

/* 2-nd level */
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow li .C1Hover,
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow li .C1Active,
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow li .C1Focus,
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow li .C1Opened
{
	background: url(Images/BgPrimarySubmenuItem.gif) repeat-x top left;
	text-decoration: none;
	border: none;
}

.C1Menu_Office2007Silver .C1SubMenu .C1CheckableSupport .c1-v-flow li .C1Checked
{
	background: url(Images/BgPrimarySubmenuItem.gif) repeat-x top left;
	text-decoration: none;
	border: none;
}



.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow li .C1Hover,
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow li .C1Active,
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow li .C1Focus,
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow li .C1Opened
{
	background: url(Images/BgPrimarySubmenuItemH.gif) repeat-x bottom left;
	border: solid 1px #ffbd69;
	text-decoration: none;
}

.C1Menu_Office2007Silver .C1SubMenu .C1CheckableSupport .c1-h-flow li .C1Checked
{
	background: url(Images/BgPrimarySubmenuItemH.gif) repeat-x bottom left;
	border: solid 1px #ffbd69;
	text-decoration: none;
}

.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow li.C1ListItem a.C1Closed span.C1TextNode
{
	color: #4c535c;
	background: url(Images/BgPrimarySubmenuItemArrow.gif) no-repeat top right;
	border: none;	
}
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow li.C1ListItem a.C1Closed span.C1TextNode
{
	color: #4c535c;
	background: url(Images/BgPrimarySubmenuItemArrowH.gif) no-repeat top right;
	border: none;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-v-flow li.C1ListItem a.C1Opened span.C1TextNode
{
	background: url(Images/BgPrimarySubmenuItemArrow.gif) no-repeat bottom right;
	color: #4c535c;
	border: none;
}
.C1Menu_Office2007Silver .C1SubMenu .c1-h-flow li.C1ListItem a.C1Opened span.C1TextNode
{
	background: url(Images/BgPrimarySubmenuItemArrowH.gif) no-repeat bottom right;
	color: #4c535c;
	border: none;
}

/* 3-rd level */
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Hover, 
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Active,
.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem .C1Opened,
.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem .C1Hover, 
.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem .C1Active,
.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem .C1Opened,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Hover,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Active,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem .C1Opened
{
	background: url(Images/BgSecondarySubmenuItem.gif) no-repeat top left;
	text-decoration: none;
	border: none;
}

.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .C1CheckableSupport .c1-v-flow li.C1ListItem .C1Checked,
.C1Menu_Office2007Silver-C1Context .C1CheckableSupport .c1-v-flow li.C1ListItem .C1Checked
{
	background: url(Images/BgSecondarySubmenuItem.gif) no-repeat top left;
	text-decoration: none;
	border: none;
}

.C1Menu_Office2007Silver .C1SubMenu .C1SubMenu .c1-v-flow li.C1ListItem a.C1Closed span.C1TextNode,
.C1Menu_Office2007Silver-C1Context .c1-v-flow li.C1ListItem a.C1Closed span.C1TextNode,
.C1Menu_Office2007Silver-C1Context .C1SubMenu .c1-v-flow li.C1ListItem a.C1Closed span.C1TextNode
{
	color: #4c535c;
	background: url(Images/BgSecondarySubmenuItemArrow.gif) no-repeat top right;
	border: none;