styles.css

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

/* Structure Styles */
.C1TreeView_Office2007Black .C1List
{
    list-style-type:none;
    width:100%;
    padding:0px;
    margin:0px;
    font-size:0px;
    float:left;
}
.C1TreeView_Office2007Black .C1List .C1List
{
    list-style-type:none;
    width:100%;
    padding:0px;
    margin:0px;
    font-size:0px;
    padding-left:20px;
    float:left;
}

.C1TreeView_Office2007Black .C1ListItem
{
    margin: 0px;
    padding:0px;
    width:100%;
    float:left;
    background: url('Images/Empty.gif') center;
}

.C1TreeView_Office2007Black .C1ListItem .C1NodeBody
{
	height:20px;
	float:left;
}

/* Visual Styles */
.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1NodeImage
{
    margin-left:0px;
    margin-top:2px;
    float:left;
}

.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1NodeCheckBox
{
    float:left;
    background: url('Images/Unchecked.gif') center;
    width:20px;
    height:20px;
}
.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1NodeCheckBox-C1Hover
{
    background: url('Images/Unchecked-Hover.gif') center;
}
.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1NodeCheckBox-C1Checked
{
    background: url('Images/Checked.gif') center;
}
.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1NodeCheckBox-C1Hover-C1Checked
{
    background: url('Images/Checked-Hover.gif') center;
}


.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1Link
{
	text-decoration:none;
    outline: none;
    float:left;
    display:block;
    margin-left:0px;
    margin-top:1px;
}

.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1Link .C1TextNode
{
	font-size:12px;
	line-height:19px;
	font-family: Segoe UI, Myriad, Myriad Pro, Calibri, Arial, Sans-Serif;
    text-decoration: none;
    margin:0px;
    outline: none;
    color:#000;
    background-color:Transparent;
	padding:1px 4px 1px 4px;
}

.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1Hover .C1TextNode
{
	color: #000000;
	background: url('Images/Item-Background.gif') repeat-x top left;
	border: solid 1px #4c535c;
	padding:0px 3px 0px 3px;
}

.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1Focus .C1TextNode
{
	color: #000000;
	background: url('Images/Item-Background.gif') repeat-x bottom left;
	border: solid 1px #ffbd69;
	padding:0px 3px 0px 3px;
}

.C1TreeView_Office2007Black .C1ListItem .C1NodeBody .C1Selected .C1TextNode
{
	color: #000000;
	background: url('Images/Item-Background.gif') repeat-x center left;
	border: solid 1px #ffbd69;
	padding:0px 3px 0px 3px;
}

.C1TreeView_Office2007Black .C1InsertionTemplate
{
    background-color:#a7cdf0;
    border: solid 1px #a7cdf0; 
    height:1px;
    font-size:0px;
}


.C1TreeView_Office2007Black .C1DragVisual
{
    margin-top:-20px;
    margin-left:100px;
    color: #666666;
    width:100%;    
}

.C1TreeView_Office2007Black .C1DragVisual .C1NodeCheckBox
{
	float:left;
}

.C1TreeView_Office2007Black .C1DragVisual .C1NodeImage
{
	margin-left:5px;
    margin-right:5px;
    margin-top:3px;
    float:left;
}

.C1TreeView_Office2007Black .C1DragVisual .C1Link
{
    text-decoration:none;
    outline: none;
    display:block;
    float:left;
    margin-top:3px;
}

.C1TreeView_Office2007Black .C1DragVisual .C1Link .C1TextNode
{
	font-size:12px;
	font-family: Segoe UI, Myriad, Myriad Pro, Calibri, Arial, Sans-Serif;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	outline: none;
	color: #000;
}


/*Line and Expand\Collapse Styles*/


/*----------------------------------------------------------------------------------------------------------------------------*/

.C1TreeView_Office2007Black .C1List  
{
	/*background-image:url('Images/Empty.gif');
	background-repeat:repeat-y;*/
}

/*----------------------------------------------------------------------------------------------------------------------------*/

.C1TreeView_Office2007Black .C1LineArea
{
	width:20px;
	height:20px;
	float:left;
	/*background-image:url('Images/Empty.gif');*/
}

/*----------------------------------------------------------------------------------------------------------------------------*/

.C1TreeView_Office2007Black .C1HitArea
{
	width:20px;
	height:20px;
	float:left;
}

/*----------------------------------------------------------------------------------------------------------------------------*/

.C1TreeView_Office2007Black .C1Open-C1HitArea, .C1TreeView_Office2007Black .C1Open-C1FirstItem-C1HitArea, .C1TreeView_Office2007Black .C1Open-C1LastItem-C1HitArea,
.C1TreeView_Office2007Black .C1Open-C1FirstRootItem-C1HitArea, .C1TreeView_Office2007Black .C1Open-C1UniqueItem-C1HitArea
{	
	background-image:url('Images/Expand.gif');
}

/*----------------------------------------------------------------------------------------------------------------------------*/

.C1TreeView_Office2007Black .C1Close-C1HitArea, .C1TreeView_Office2007Black .C1Close-C1FirstItem-C1HitArea, .C1TreeView_Office2007Black .C1Close-C1LastItem-C1HitArea,
.C1TreeView_Office2007Black .C1Close-C1FirstRootItem-C1HitArea, .C1TreeView_Office2007Black .C1Close-C1UniqueItem-C1HitArea
{	
	background-image:url('Images/Collapse.gif');
}

/*----------------------------------------------------------------------------------------------------------------------------*/