styles.css

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

/* =========== Vista C1TabStrip =========================================== */
.C1TabStrip_Vista
{
	font-size:12px;
	font-family: Segoe UI, Myriad, Myriad Pro, Calibri, Arial, Sans-Serif;
}
.C1TabStrip_Vista .C1Link, 
.C1TabStrip_Vista .C1Link:link, 
.C1TabStrip_Vista .C1Link:active, 
.C1TabStrip_Vista .C1Link:visited
{
	text-decoration:none;
	color: #000000;
	display:block;
	padding:0;
	border:solid 1px #898C95;
	outline:none;
}
.C1TabStrip_Vista .C1Link:hover
{
	text-decoration:none;
	border:solid 1px #3C7FB1;
}
.C1TabStrip_Vista_C1Top .C1Link, 
.C1TabStrip_Vista_C1Top .C1Link:link, 
.C1TabStrip_Vista_C1Top .C1Link:active, 
.C1TabStrip_Vista_C1Top .C1Link:visited
{
	margin-top:1px;
}
.C1TabStrip_Vista_C1Bottom .C1Link, 
.C1TabStrip_Vista_C1Bottom .C1Link:link, 
.C1TabStrip_Vista_C1Bottom .C1Link:active, 
.C1TabStrip_Vista_C1Bottom .C1Link:visited
{
	margin-bottom:1px;
}
.C1TabStrip_Vista_C1Left .C1Link, 
.C1TabStrip_Vista_C1Left .C1Link:link, 
.C1TabStrip_Vista_C1Left .C1Link:active, 
.C1TabStrip_Vista_C1Left .C1Link:visited
{
	margin-left:1px;
}
.C1TabStrip_Vista_C1Right .C1Link, 
.C1TabStrip_Vista_C1Right .C1Link:link, 
.C1TabStrip_Vista_C1Right .C1Link:active, 
.C1TabStrip_Vista_C1Right .C1Link:visited
{
	margin-right:1px;
}
.C1TabStrip_Vista_C1Top .C1Link.C1Selected, 
.C1TabStrip_Vista_C1Top .C1Link.C1Selected:link, 
.C1TabStrip_Vista_C1Top .C1Link.C1Selected:active, 
.C1TabStrip_Vista_C1Top .C1Link.C1Selected:visited,
.C1TabStrip_Vista_C1Top .C1Link.C1Selected:hover
{
	margin:0;
	border:solid 1px #898C95;
	border-bottom:none;
}
.C1TabStrip_Vista_C1Bottom .C1Link.C1Selected, 
.C1TabStrip_Vista_C1Bottom .C1Link.C1Selected:link, 
.C1TabStrip_Vista_C1Bottom .C1Link.C1Selected:active, 
.C1TabStrip_Vista_C1Bottom .C1Link.C1Selected:visited,
.C1TabStrip_Vista_C1Bottom .C1Link.C1Selected:hover
{
	margin:0;
	border:solid 1px #898C95;
	border-top:none;
}
.C1TabStrip_Vista_C1Left .C1Link.C1Selected,
.C1TabStrip_Vista_C1Left .C1Link.C1Selected:link,
.C1TabStrip_Vista_C1Left .C1Link.C1Selected:active,
.C1TabStrip_Vista_C1Left .C1Link.C1Selected:visited,
.C1TabStrip_Vista_C1Left .C1Link.C1Selected:hover
{
	margin:0;
	border:solid 1px #898C95;
	border-right:none;
}
.C1TabStrip_Vista_C1Right .C1Link.C1Selected,
.C1TabStrip_Vista_C1Right .C1Link.C1Selected:link,
.C1TabStrip_Vista_C1Right .C1Link.C1Selected:active,
.C1TabStrip_Vista_C1Right .C1Link.C1Selected:visited,
.C1TabStrip_Vista_C1Right .C1Link.C1Selected:hover
{
	margin:0;
	border:solid 1px #898C95;
	border-left:none;
}
.C1TabStrip_Vista .C1Link .C1Inner .C1TabImage div
{
	margin-top:2px;
	width:12px;
	height:12px;
}
.C1TabStrip_Vista_C1Top .C1Link .C1Inner .C1TextNode,
.C1TabStrip_Vista_C1Bottom .C1Link .C1Inner .C1TextNode
{
	display:block;
	margin:0;
	padding:0 5px;
	height:16px;
	line-height:16px;
	vertical-align:middle;
	background:#cfcfcf url(Images/BgTab.gif) repeat-x center left;
}
.C1TabStrip_Vista_C1Top .C1Link .C1Inner .C1TabImage,
.C1TabStrip_Vista_C1Bottom .C1Link .C1Inner .C1TabImage
{
	display:block;
	margin:0;
	height:16px;
	line-height:16px;
	background:#cfcfcf url(Images/BgTab.gif) repeat-x center left;
}
.C1TabStrip_Vista_C1Left .C1List,
.C1TabStrip_Vista_C1Right .C1List
{
	width:102px;
}
.C1TabStrip_Vista_C1Left .C1Link .C1Inner .C1TextNode,
.C1TabStrip_Vista_C1Right .C1Link .C1Inner .C1TextNode
{
	display:block;
	width:90px;
	margin:0;
	padding:4px 5px;
	height:22px;
	line-height:22px;
	vertical-align:middle;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	padding-bottom: 1px;
	text-overflow:ellipsis;
	background:#cfcfcf url(Images/BgTab.gif) repeat-x center left;
}
.C1TabStrip_Vista .C1Link:hover .C1Inner .C1TextNode,
.C1TabStrip_Vista .C1Link:hover .C1Inner .C1TabImage
{
	background:#A7D9F5 url(Images/BgTab.gif) repeat-x bottom left;
}
.C1TabStrip_Vista .C1Link.C1Selected .C1Inner .C1TextNode,
.C1TabStrip_Vista .C1Link.C1Selected .C1Inner .C1TabImage
{
	height:18px;
	line-height:18px;
	background: #fff;
}
.C1TabStrip_Vista_C1Left .C1Link.C1Selected .C1Inner .C1TextNode,
.C1TabStrip_Vista_C1Right .C1Link.C1Selected .C1Inner .C1TextNode
{
	width:91px !important;
	width:93px;
	background: #fff;
}
.C1TabStrip_Vista_C1Top .C1Link.C1Selected:hover .C1Inner .C1TextNode,
.C1TabStrip_Vista_C1Left .C1Link.C1Selected:hover .C1Inner .C1TextNode,
.C1TabStrip_Vista_C1Top .C1Link.C1Selected:hover .C1Inner .C1TabImage,
.C1TabStrip_Vista_C1Left .C1Link.C1Selected:hover .C1Inner .C1TabImage
{
	background: #fff;
}

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

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


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

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

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