styles.css

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

.C1DialogResizeProxy
{
  border:1px dashed gray;
}

/*dock horizontally*/
.C1Window_ArcticFox
{
  float:left;
}

/*invisible items*/
.C1Window_ArcticFox .C1Invisible
{
  display:none;
}

/*default and inactive dialog heading*/
.C1Window_ArcticFox .C1Heading .C1Outer
{
  background:transparent url('Images/TitleLeft.gif') no-repeat scroll 0pt 0pt;
  padding-left: 6px;
  overflow:hidden;
  zoom:1;
}

.C1Window_ArcticFox .C1Heading .C1Inner
{
  background:transparent url('Images/TitleRight.gif') no-repeat scroll right 0pt;
  padding-right:6px;
  overflow:hidden;
  white-space: nowrap;
}

.C1Window_ArcticFox .C1Heading .C1Content
{
  background:transparent url('Images/TitleCenter.gif') repeat-x scroll 0pt 0pt;
  overflow:hidden;
  line-height:normal;
  overflow:hidden;
  padding: 7px 0px 5px 0px;
}

.C1Window_ArcticFox .C1Heading .C1TextNode
{
   /*header text is not selectable*/
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  font: Arial 11px bold;
  color: White;
}

/*C1Focus Text Node*/
.C1Window_ArcticFox .C1Focus .C1Heading .C1TextNode
{
   /*header text is not selectable*/
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  font: Arial 11px bold;
  color: red;
}

/*Caption Icon*/
.C1Window_ArcticFox .C1Heading .C1Icon
{
  float:left;
  height:16px;
  margin-right:3px;
  width:16px;
  background: transparent url('Images/warning.gif') no-repeat;
}

/*Caption buttons*/
.C1Window_ArcticFox .C1Heading .C1List .C1ListItem
{
  background:transparent url('Images/Tool-Sprites.gif') no-repeat scroll 0% 0%;
  cursor:pointer;
  float:left;
  height:15px;
  margin-left:2px;
  overflow:hidden;
  width:15px;
}

.C1Window_ArcticFox .C1Heading .C1ControlBox
{
  float:right;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Closer
{
  background-position:0px 0px;
}


.C1Window_ArcticFox .C1Heading .C1List .C1Closer-C1Hover
{
  background-position:-15px 0px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Closer-C1Active
{
  background-position:-30px 0px;
}


.C1Window_ArcticFox .C1Heading .C1List .C1Maximizer
{
  background-position: 0px -30px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Maximizer-C1Hover
{
  background-position: -15px -30px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Maximizer-C1Active
{
  background-position: -30px -30px;
}

.C1Window_ArcticFox .C1Maximized .C1Heading .C1List .C1Maximizer
{
  background-position: 0px -45px;
}

.C1Window_ArcticFox .C1Maximized .C1Heading .C1List .C1Maximizer-C1Hover
{
  background-position: -15px -45px;
}

.C1Window_ArcticFox .C1Maximized .C1Heading .C1List .C1Maximizer-C1Active
{
  background-position: -30px -45px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Minimizer
{
  background-position: 0px -15px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Minimizer-C1Hover
{
  background-position: -15px -15px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Minimizer-C1Active
{
  background-position: -30px -15px;
}

.C1Window_ArcticFox .C1Minimized .C1Heading .C1List .C1Minimizer
{
  background-position: 0px -45px;
}

.C1Window_ArcticFox .C1Minimized .C1Heading .C1List .C1Minimizer-C1Hover
{
  background-position: -15px -45px;
}

.C1Window_ArcticFox .C1Minimized .C1Heading .C1List .C1Minimizer-C1Active
{
  background-position: -30px -45px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Reloader
{
  background-position: 0px -120px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Reloader-C1Hover
{
  background-position: -15px -120px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Reloader-C1Active
{
  background-position: -30px -120px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Pinner
{
  background-position: 0px -105px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Pinner-C1Hover
{
  background-position: -15px -105px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Pinner-C1Active
{
  background-position: -30px -105px;
}

.C1Window_ArcticFox .C1Pinned .C1Heading .C1List .C1Pinner
{
  background-position: 0px -90px;
}

.C1Window_ArcticFox .C1Pinned .C1Heading .C1List .C1Pinner-C1Hover
{
  background-position: -15px -90px;
}

.C1Window_ArcticFox .C1Pinned .C1Heading .C1List .C1Pinner-C1Active
{
  background-position: -30px -90px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Toggler
{
  background-position: 0px -60px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Toggler-C1Hover
{
  background-position: -15px -60px;
}

.C1Window_ArcticFox .C1Heading .C1List .C1Toggler-C1Active
{
  background-position: -30px -60px;
}

.C1Window_ArcticFox .C1Closed .C1Heading .C1List .C1Toggler
{
  background-position: 0px -75px;
}

.C1Window_ArcticFox .C1Closed .C1Heading .C1List .C1Toggler-C1Hover
{
  background-position: -15px -75px;
}

.C1Window_ArcticFox .C1Closed .C1Heading .C1List .C1Toggler-C1Active
{
  background-position: -30px -75px;
}

/*Content*/
.C1Window_ArcticFox .C1ContentPanel .C1Outer
{
  background:transparent url('Images/Left-Right.gif') repeat-y scroll 0pt 0pt;
  padding-left:6px;
}

.C1Window_ArcticFox .C1ContentPanel .C1Inner
{
  background:transparent url('Images/Left-Right.gif') repeat-y scroll right 0pt;
  padding-right:6px;
}

.C1Window_ArcticFox .C1ContentPanel .C1Content
{
  background:white none repeat scroll 0% 0%;
}

.C1Window_ArcticFox .C1ContentPanel .C1StatusBar
{
  background:transparent url('Images/StatusBG.gif') repeat-x scroll 0pt bottom;
  height:23px;
}

.C1Window_ArcticFox .C1ContentPanel .C1Spinner
{
  height:16px;
  width:16px;
  background:url('Images/Loading.gif') no-repeat;
  float:left;
  margin:2px;
}

/*c1dlgfooter*/
.C1Window_ArcticFox .C1Footer .C1Outer
{
  background:transparent url('Images/FooterLeft.gif') no-repeat scroll 0pt bottom;
  padding-left:6px;
}

.C1Window_ArcticFox .C1Footer .C1Inner
{
  background:transparent url('Images/FooterRight.gif') no-repeat scroll right bottom;
  padding-right:6px;
}

.C1Window_ArcticFox .C1Footer .C1Content
{
  height: 6px;
  background:transparent url('Images/FooterCenter.gif') repeat-x scroll 0pt bottom;
  font-size:0px;
}

.C1Window_ArcticFox .C1DialogResizer-SE
{
  background:transparent url('Images/ResizeHandle-SE.gif');
  cursor:se-resize;
  width:10px;
  height:10px;
  position:absolute;
  font-size:0px;
  bottom:0px;
  right:0px;
}

.C1Window_ArcticFox .C1DialogResizer-SE-C1Hover
{
  background:transparent url('Images/ResizeHandle-SE-Hover.gif') right;
}

.C1Window_ArcticFox .C1AccesskeyAnchor
{
  -moz-outline:0 none;outline:0 none;width:0;height:0;overflow:hidden;position:absolute;top:0;left:0;
}