styles.css

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

/* =========== Office2007Blue C1TabStrip =========================================== */
.C1TabStrip_Office2007Blue
{
	font-size:12px;
	font-family: Segoe UI, Myriad, Myriad Pro, Calibri, Arial, Sans-Serif;
}
.C1TabStrip_Office2007Blue .C1Link, 
.C1TabStrip_Office2007Blue .C1Link:link, 
.C1TabStrip_Office2007Blue .C1Link:active, 
.C1TabStrip_Office2007Blue .C1Link:visited,
.C1TabStrip_Office2007Blue .C1Link:hover
{
	text-decoration:none;
	color: #15428b;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link .C1Outer
{
	background: url(Images/BgTabLeft_Top.gif) no-repeat top left;
	display:block;
	margin:0;
	padding:0 0 0 4px;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link .C1Outer
{
	background: url(Images/BgTabLeft_Bottom.gif) no-repeat top left;
	display:block;
	margin:0;
	padding:0 0 0 4px;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link .C1Outer
{
	background: url(Images/BgTabLeft_Left.gif) no-repeat top left;
	margin:0;
	padding:0 0 0 4px;
	width:114px;
	height:25px;
	line-height:25px;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link .C1Outer
{
	background: url(Images/BgTabLeft_Right.gif) no-repeat top left;
	margin:0;
	padding:0 0 0 4px;
	width:114px;
	height:25px;
	line-height:25px;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link:hover .C1Outer
{
	background: url(Images/BgTabLeft_Top.gif) no-repeat bottom left;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link:hover .C1Outer
{
	background: url(Images/BgTabLeft_Bottom.gif) no-repeat bottom left;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link:hover .C1Outer
{
	background: url(Images/BgTabLeft_Left.gif) no-repeat bottom left;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link:hover .C1Outer
{
	background: url(Images/BgTabLeft_Right.gif) no-repeat bottom left;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link.C1Selected .C1Outer
{
	background: url(Images/BgTabLeftHot_Top.gif) no-repeat top left;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link.C1Selected .C1Outer
{
	background: url(Images/BgTabLeftHot_Bottom.gif) no-repeat top left;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link.C1Selected .C1Outer
{
	background: url(Images/BgTabLeftHot_Left.gif) no-repeat top left;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link.C1Selected .C1Outer
{
	background: url(Images/BgTabLeftHot_Right.gif) no-repeat top left;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link.C1Selected:hover .C1Outer
{
	background: url(Images/BgTabLeftHot_Top.gif) no-repeat bottom left;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link.C1Selected:hover .C1Outer
{
	background: url(Images/BgTabLeftHot_Bottom.gif) no-repeat bottom left;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link.C1Selected:hover .C1Outer
{
	background: url(Images/BgTabLeftHot_Left.gif) no-repeat bottom left;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link.C1Selected:hover .C1Outer
{
	background: url(Images/BgTabLeftHot_Right.gif) no-repeat bottom left;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link .C1Inner
{
	background: url(Images/BgTabRight_Top.gif) no-repeat top right;
	display:block;
	margin:0;
	padding:0 4px 0 0;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link .C1Inner
{
	background: url(Images/BgTabRight_Bottom.gif) no-repeat top right;
	display:block;
	margin:0;
	padding:0 4px 0 0;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link .C1Inner
{
	background: url(Images/BgTabRight_Left.gif) no-repeat top right;
	margin:0;
	padding:0 4px 0 0;
	height:25px;
	line-height:25px;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link .C1Inner
{
	background: url(Images/BgTabRight_Right.gif) no-repeat top right;
	margin:0;
	padding:0 4px 0 0;
	height:25px;
	line-height:25px;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link:hover .C1Inner
{
	background: url(Images/BgTabRight_Top.gif) no-repeat bottom right;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link:hover .C1Inner
{
	background: url(Images/BgTabRight_Bottom.gif) no-repeat bottom right;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link:hover .C1Inner
{
	background: url(Images/BgTabRight_Left.gif) no-repeat bottom right;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link:hover .C1Inner
{
	background: url(Images/BgTabRight_Right.gif) no-repeat bottom right;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link.C1Selected .C1Inner
{
	background: url(Images/BgTabRightHot_Top.gif) no-repeat top right;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link.C1Selected .C1Inner
{
	background: url(Images/BgTabRightHot_Bottom.gif) no-repeat top right;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link.C1Selected .C1Inner
{
	background: url(Images/BgTabRightHot_Left.gif) no-repeat top right;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link.C1Selected .C1Inner
{
	background: url(Images/BgTabRightHot_Right.gif) no-repeat top right;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link.C1Selected:hover .C1Inner
{
	background: url(Images/BgTabRightHot_Top.gif) no-repeat bottom right;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link.C1Selected:hover .C1Inner
{
	background: url(Images/BgTabRightHot_Bottom.gif) no-repeat bottom right;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link.C1Selected:hover .C1Inner
{
	background: url(Images/BgTabRightHot_Left.gif) no-repeat bottom right;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link.C1Selected:hover .C1Inner
{
	background: url(Images/BgTabRightHot_Right.gif) no-repeat bottom right;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link .C1TextNode
{
	background: url(Images/BgTabMiddle_Top.gif) repeat-x top left;
	text-align:center;
	vertical-align:middle;
	display:block;
	margin:0;
	padding:0 5px;
	height:24px;
	line-height:24px;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link .C1TabImage
{
	background: url(Images/BgTabMiddle_Top.gif) repeat-x top left;
	display:block;
	margin:0;
	height:24px;
	line-height:24px;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link .C1TextNode
{
	background: url(Images/BgTabMiddle_Bottom.gif) repeat-x top left;
	text-align:center;
	vertical-align:middle;
	display:block;
	margin:0;
	padding:0 5px;
	height:24px;
	line-height:24px;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link .C1TabImage
{
	background: url(Images/BgTabMiddle_Bottom.gif) repeat-x top left;
	display:block;
	margin:0;
	height:24px;
	line-height:24px;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link .C1TextNode
{
	background: url(Images/BgTabMiddle_Left.gif) repeat-x top left;
	text-align:left;
	vertical-align:middle;
	display:block;
	margin:0;
	padding:0 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100px;
	height:25px;
	line-height:25px;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link .C1TabImage
{
	background: url(Images/BgTabMiddle_Left.gif) repeat-x top left;
	display:block;
	margin:0;
	height:25px;
	line-height:25px;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link .C1TextNode
{
	background: url(Images/BgTabMiddle_Right.gif) repeat-x top left;
	text-align:left;
	vertical-align:middle;
	display:block;
	margin:0;
	padding:0 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100px;
	height:25px;
	line-height:25px;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link .C1TabImage
{
	background: url(Images/BgTabMiddle_Right.gif) repeat-x top left;
	display:block;
	margin:0;
	height:25px;
	line-height:25px;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link:hover .C1TextNode,
.C1TabStrip_Office2007Blue_C1Top .C1Link:hover .C1TabImage
{
	background: url(Images/BgTabMiddle_Top.gif) repeat-x bottom left;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link:hover .C1TextNode,
.C1TabStrip_Office2007Blue_C1Bottom .C1Link:hover .C1TabImage
{
	background: url(Images/BgTabMiddle_Bottom.gif) repeat-x bottom left;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link:hover .C1TextNode,
.C1TabStrip_Office2007Blue_C1Left .C1Link:hover .C1TabImage
{
	background: url(Images/BgTabMiddle_Left.gif) repeat-x bottom left;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link:hover .C1TextNode,
.C1TabStrip_Office2007Blue_C1Right .C1Link:hover .C1TabImage
{
	background: url(Images/BgTabMiddle_Right.gif) repeat-x bottom left;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link.C1Selected .C1TextNode,
.C1TabStrip_Office2007Blue_C1Top .C1Link.C1Selected .C1TabImage
{
	background: url(Images/BgTabMiddleHot_Top.gif) repeat-x top left;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link.C1Selected .C1TextNode,
.C1TabStrip_Office2007Blue_C1Bottom .C1Link.C1Selected .C1TabImage
{
	background: url(Images/BgTabMiddleHot_Bottom.gif) repeat-x top left;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link.C1Selected .C1TextNode,
.C1TabStrip_Office2007Blue_C1Left .C1Link.C1Selected .C1TabImage
{
	background: url(Images/BgTabMiddleHot_Left.gif) repeat-x top left;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link.C1Selected .C1TextNode,
.C1TabStrip_Office2007Blue_C1Right .C1Link.C1Selected .C1TabImage
{
	background: url(Images/BgTabMiddleHot_Right.gif) repeat-x top left;
}
.C1TabStrip_Office2007Blue_C1Top .C1Link.C1Selected:hover .C1TextNode,
.C1TabStrip_Office2007Blue_C1Top .C1Link.C1Selected:hover .C1TabImage
{
	background: url(Images/BgTabMiddleHot_Top.gif) repeat-x bottom left;
}
.C1TabStrip_Office2007Blue_C1Bottom .C1Link.C1Selected:hover .C1TextNode,
.C1TabStrip_Office2007Blue_C1Bottom .C1Link.C1Selected:hover .C1TabImage
{
	background: url(Images/BgTabMiddleHot_Bottom.gif) repeat-x bottom left;
}
.C1TabStrip_Office2007Blue_C1Left .C1Link.C1Selected:hover .C1TextNode,
.C1TabStrip_Office2007Blue_C1Left .C1Link.C1Selected:hover .C1TabImage
{
	background: url(Images/BgTabMiddleHot_Left.gif) repeat-x bottom left;
}
.C1TabStrip_Office2007Blue_C1Right .C1Link.C1Selected:hover .C1TextNode,
.C1TabStrip_Office2007Blue_C1Right .C1Link.C1Selected:hover .C1TabImage
{
	background: url(Images/BgTabMiddleHot_Right.gif) repeat-x bottom left;
}


/* Scroll Settings */
.C1TabStrip_Office2007Blue .decButton,
.C1TabStrip_Office2007Blue .decButtonDisabled,
.C1TabStrip_Office2007Blue .incButton,
.C1TabStrip_Office2007Blue .incButtonDisabled
{
	cursor: pointer;
	opacity: .5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
}

.C1TabStrip_Office2007Blue_C1Top .decButton,
.C1TabStrip_Office2007Blue_C1Top .decButtonDisabled,
.C1TabStrip_Office2007Blue_C1Bottom .decButton,
.C1TabStrip_Office2007Blue_C1Bottom .decButtonDisabled
{
	width: 12px;
	height:17px;
	margin:0;
	background:#fff url(images/scroll_btn_left.gif) center center no-repeat;
}

.C1TabStrip_Office2007Blue_C1Left .decButton,
.C1TabStrip_Office2007Blue_C1Left .decButtonDisabled,
.C1TabStrip_Office2007Blue_C1Right .decButton,
.C1TabStrip_Office2007Blue_C1Right .decButtonDisabled
{
	width: 17px;
	height:12px;
	margin:0;
	background:#fff url(images/scroll_btn_top.gif) center center no-repeat;
}


.C1TabStrip_Office2007Blue_C1Top .incButton,
.C1TabStrip_Office2007Blue_C1Top .incButtonDisabled,
.C1TabStrip_Office2007Blue_C1Bottom .incButton,
.C1TabStrip_Office2007Blue_C1Bottom .incButtonDisabled
{
	width: 12px;
	height:17px;
	margin:0;
	background:#fff url(images/scroll_btn_right.gif) center center no-repeat;
}

.C1TabStrip_Office2007Blue_C1Left .incButton,
.C1TabStrip_Office2007Blue_C1Left .incButtonDisabled,
.C1TabStrip_Office2007Blue_C1Right .incButton,
.C1TabStrip_Office2007Blue_C1Right .incButtonDisabled
{
	width: 17px;
	height:12px;
	margin:0;
	background:#fff url(images/scroll_btn_bottom.gif) center center no-repeat;
}