styles.css

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

/*Dock horizontally*/
.C1Window_Office2007Black
{
  float:left;
}

/*Invisible items*/
.C1Window_Office2007Black .C1wInvisible
{
  display:none;
}

.C1Window_Office2007Black .c1-resize-handle
{
  display:none;
  font-size: 0.1px;
  position:absolute;
}

/*
  Fix IE7 hover bug.
  If handle dosen't have a background-color or background-image, when hovering cursor dosen't change to desired cursor.
*/
*:first-child+html .C1Window_Office2007Black .c1-resize-handle
{
  background: transparent url('Images/blank.gif') repeat-x repeat-y;
}

.C1Window_Office2007Black .C1wResizer-proxy
{
  border:dashed 1px black; 
}

.C1Window_Office2007Black .C1wResizer-n
{
  cursor:n-resize;
  height:6px;
  left:0px;
  top:0px;
  width:100%;
}

.C1Window_Office2007Black .C1wResizer-e
{
  cursor:e-resize;
  height:100%;
  right:0px;
  top:0px;
  width:6px;
}

.C1Window_Office2007Black .C1wResizer-s
{
  cursor:s-resize;
  bottom:0px;
  height:6px;
  left:0px;
  width:100%;
}

.C1Window_Office2007Black .C1wResizer-w
{
  cursor:w-resize;
  height:100%;
  left:0px;
  top:0px;
  width:6px;
}

.C1Window_Office2007Black .C1wResizer-se
{
  background:transparent url('Images/resizehandle.png') left top no-repeat;
  cursor:se-resize;
  width:30px;
  height:30px;
  bottom:0px;
  right:0px;
}

/*
  Fix IE7 hover bug.
  If handle dosen't have a background-color or background-image, when hovering cursor dosen't change to desired cursor.
*/
*:first-child+html .C1Window_Office2007Black .C1wResizer-se
{
  background:transparent url('Images/resizehandle.png') left top no-repeat;
}

* html .C1Window_Office2007Black .C1wResizer-se
{
  width:22px;
  height:22px;
  background-image:url('Images/resizehandle.gif');
  padding:0px 4px 4px 0px;
}

.C1Window_Office2007Black .C1wResizer-sw
{
  bottom:0px;
  cursor:sw-resize;
  height:9px;
  left:0px;
  width:9px;
}

.C1Window_Office2007Black .C1wResizer-ne
{
  bottom:0px;
  cursor:ne-resize;
  height:9px;
  right:0px;
  top:0px;
  width:9px;
}

.C1Window_Office2007Black .C1wResizer-nw
{
  bottom:0px;
  cursor:nw-resize;
  height:9px;
  left:0px;
  top:0px;
  width:9px;
}

/*Unfocused heading*/
.C1Window_Office2007Black .C1wHeading .C1wOuter
{
  background:transparent url('Images/title_left_unfocused.png') no-repeat scroll left top;
  padding-left: 6px;
  overflow:hidden;
}

* html .C1Window_Office2007Black .C1wHeading .C1wOuter
{
  background-image:url('Images/title_left_unfocused.gif');
}

.C1Window_Office2007Black .C1wHeading .C1wInner
{
  background:transparent url('Images/title_right_unfocused.png') no-repeat scroll right top;
  padding-right:10px;
}

* html .C1Window_Office2007Black .C1wHeading .C1wInner
{
  background-image:url('Images/title_right_unfocused.gif');
  padding-right:6px;
}

.C1Window_Office2007Black .C1wHeading .C1wContent
{
  background:transparent url('Images/title_center_unfocused.png') repeat-x scroll left top;
  height: 30px;
  text-align:left;
}

* html .C1Window_Office2007Black .C1wHeading .C1wContent
{
  background-image:url('Images/title_center_unfocused.gif');
}

/*Focused heading*/
.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wOuter
{
  background:transparent url('Images/title_left.png') no-repeat scroll left top;
}

* html .C1Window_Office2007Black .C1wFocus .C1wHeading .C1wOuter
{
  background-image:url('Images/title_left.gif');
}

.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wInner
{
  background:transparent url('Images/title_right.png') no-repeat scroll right top;
}

* html .C1Window_Office2007Black .C1wFocus .C1wHeading .C1wInner
{
  background-image:url('Images/title_right.gif');
  padding-right:6px;
}

.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wContent
{
  background:transparent url('Images/title_center.png') repeat-x scroll left top;
}

* html .C1Window_Office2007Black .C1wFocus .C1wHeading .C1wContent
{
 background-image :url('Images/title_center.gif');
}

/*Maximized heading*/
.C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wOuter,
* html .C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wOuter
{
  background-image: none;
  padding-left:0px;
}

.C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wInner,
* html .C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wInner
{
  background-image: none;
  padding-right:0px;
}

.C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wContent
{
  background:transparent url('Images/title_center_maximize.png') repeat-x scroll left top;
}

* html .C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wContent
{
  background-image:url('Images/title_center_maximize.gif');
}

.C1Window_Office2007Black .C1wHeading .C1wTextNode-Outer
{
  float: left;
}

/*Unfocused heading text node*/
.C1Window_Office2007Black .C1wHeading .C1wTextNode
{
  font-family: Segoe UI;
  font-size: 12px;
  color: #e1e1e1;
  -moz-user-select: none;
  -khtml-user-select: none;
  line-height:30px;
  padding-left:2px;
}

/*Focused heading text node*/
.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wTextNode
{
  color:#aed1ff;
}

/*Maximized heading text node*/
.C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wTextNode
{
  color:#aed1ff;
}

/*Caption Icon*/
.C1Window_Office2007Black .C1wHeading .C1wIcon
{
  float:left;
  width: 16px;
  height: 16px;
  margin-top: 7px;
}

/*Caption buttons*/
.C1Window_Office2007Black .C1wHeading .C1wList .C1wListItem
{
  background:transparent url('Images/Tool-Sprites.png') no-repeat scroll left top;
  cursor:pointer;
  float:left;
  overflow:hidden;
  height: 24px;
  width: 25px;
}

* html .C1Window_Office2007Black .C1wHeading .C1wList .C1wListItem
{
  background-image:url('Images/Tool-Sprites.gif');
}

.C1Window_Office2007Black .C1wHeading .C1wControlBox
{
  float:right;
  padding-top:3px;
  overflow:hidden;
  height: 24px;
}

.C1Window_Office2007Black .C1wHeading .C1wList .C1wCloser
{
  background-position: 0px 0px;
}

.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wList .C1wCloser
{
  background-position: -25px 0px;
}

.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wList .C1wCloser-Hover,
.C1Window_Office2007Black .C1wHeading .C1wList .C1wCloser-Hover
{
  background-position:-50px 0px;
}

.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wList .C1wCloser-Active,
.C1Window_Office2007Black .C1wHeading .C1wList .C1wCloser-Active
{
  background-position:-75px 0px;
}

.C1Window_Office2007Black .C1wHeading .C1wList .C1wMaximizer
{
  background-position : 0px -25px;
}

.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wList .C1wMaximizer
{
  background-position : -25px -25px;
}

.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wList .C1wMaximizer-Hover,
.C1Window_Office2007Black .C1wHeading .C1wList .C1wMaximizer-Hover
{
  background-position: -50px -25px;
}

.C1Window_Office2007Black .C1wFocus .C1wHeading .C1wList .C1wMaximizer-Active,
.C1Window_Office2007Black .C1wHeading .C1wList .C1wMaximizer-Active
{
  background-position: -75px -25px;
}

.C1Window_Office2007Black .C1wMaximized .C1wHeading .C1wList .C1wMaximizer
{
  background-position: 0px -50px;
}

.C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wList .C1wMaximizer
{
  background-position: -25px -50px;
}

.C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wList .C1wMaximizer-Hover,
.C1Window_Office2007Black .C1wMaximized .C1wHeading .C1wList .C1wMaximizer-Hover
{
  background-position: -50px -50px;
}

.C1Window_Office2007Black .C1wFocus-Maximized .C1wHeading .C1wList .C1wMaximizer-Active,
.C1Window_Office2007Black .C1wMaximized .C1wHeading .C1wList .C1wMaximizer-Active
{
  background-position: -75px -50px;
}

.C1Window_Office2007Black .C1wHeading .C1wList .C1wMinimizer
{