styles.css

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

}
.C1Window_Vista .C1wFocus .C1wFirstItem .C1wCloser
{
	background: url(Images/closesingle.png) no-repeat top left;
}
* html .C1Window_Vista .C1wFocus .C1wFirstItem .C1wCloser
{
	background: url(Images/closesingle.gif) no-repeat top left;
}
.C1Window_Vista .C1wFirstItem .C1wControlBox .C1wCloser-Hover
{
	background: url(Images/closesingle.png) no-repeat top right;
}
* html .C1Window_Vista .C1wFirstItem .C1wControlBox .C1wCloser-Hover
{
	background: url(Images/closesingle.gif) no-repeat top right;
}

.C1Window_Vista .C1wFirstItem .C1wControlBox .C1wCloser-Active
{
	background: url(Images/closesingle.png) no-repeat center left;
}
* html .C1Window_Vista .C1wFirstItem .C1wControlBox .C1wCloser-Active
{
	background: url(Images/closesingle.gif) no-repeat center left;
}


/*------------------------------------------------- END CLOSE SINGLE */





/*-----MINIMIZER------*/
 .C1Window_Vista .C1wMinimizer
{
  background: url(Images/minimizer.png) no-repeat bottom right;
  width:34px;
  margin:-6px -8px 0 8px;
}
* html .C1Window_Vista .C1wMinimizer
{
  background: url(Images/minimizer.gif) no-repeat bottom right;
  margin:-6px -8px 0 8px;
}

.C1Window_Vista .C1wFocus .C1wMinimizer
{
  background: url(Images/minimizer.png) no-repeat top left;
}
* html .C1Window_Vista .C1wFocus .C1wMinimizer
{
  background: url(Images/minimizer.gif) no-repeat top left;
}

 .C1Window_Vista .C1wMinimizer-Hover,
 .C1Window_Vista .C1wFocus .C1wMinimizer-Hover
{
  background: url(Images/minimizer.png) no-repeat top right;
}
* html .C1Window_Vista .C1wMinimizer-Hover,
* html .C1Window_Vista .C1wFocus .C1wMinimizer-Hover
{
  background: url(Images/minimizer.gif) no-repeat top right;
}

.C1Window_Vista .C1wMinimizer-Active,
.C1Window_Vista .C1wFocus .C1wMinimizer-Active
{
  background: url(Images/minimizer.png) no-repeat center left;
}
* html .C1Window_Vista .C1wMinimizer-Active,
* html .C1Window_Vista .C1wFocus .C1wMinimizer-Active
{
  background: url(Images/minimizer.gif) no-repeat center left;
}



    /*-----MINIMIZED------*/
 
    .C1Window_Vista .C1wMinimized .C1wMinimizer
    {
      background: url(Images/minormalize.png) no-repeat bottom right;
    }
    * html .C1Window_Vista .C1wMinimized .C1wMinimizer
    {
      background: url(Images/minormalize.gif) no-repeat bottom right;
      margin:-6px -8px 0 8px;
    }
    
    .C1Window_Vista C1wFocus-Minimized .C1wMinimizer
    {
      background: url(Images/minormalize.png) no-repeat top left;
    }
    * html .C1Window_Vista .C1wFocus-Minimized .C1wMinimizer
    {
      background: url(Images/minormalize.gif) no-repeat top left;
    }

    .C1Window_Vista .C1wMinimized .C1wMinimizer-Hover,
    .C1Window_Vista .C1wFocus-Minimized  .C1wMinimizer-Hover
    {
      background: url(Images/minormalize.png) no-repeat top right;
    }
    * html .C1Window_Vista .C1wMinimized .C1wMinimizer-Hover,
    * html .C1Window_Vista .C1wFocus-Minimized  .C1wMinimizer-Hover
    {
      background: url(Images/minormalize.gif) no-repeat top right;
    }
    
    .C1Window_Vista .C1wMinimized .C1wMinimizer-Active,
    .C1Window_Vista .C1wFocus-Minimized  .C1wMinimizer-Active
    {
      background: url(Images/minormalize.png) no-repeat center left;
    }
    * html .C1Window_Vista .C1wMinimized .C1wMinimizer-Active,
    * html .C1Window_Vista .C1wFocus-Minimized  .C1wMinimizer-Active
    {
      background: url(Images/minormalize.gif) no-repeat center left;
    }



/*------MAXIMIZER-----*/
.C1Window_Vista .C1wMaximizer
{
  background: url(Images/maximizer.png) no-repeat bottom right;
  width:34px;
  margin:-6px -8px 0 0;
}
* html .C1Window_Vista .C1wMaximizer
{
  background: url(Images/maximizer.gif) no-repeat bottom right;
  margin:-6px -8px 0 0;
}

.C1Window_Vista .C1wFocus .C1wMaximizer
{
  background: url(Images/maximizer.png) no-repeat top left;
}
* html .C1Window_Vista .C1wFocus .C1wMaximizer
{
  background: url(Images/maximizer.gif) no-repeat top left;
}

.C1Window_Vista .C1wMaximizer-Hover,
.C1Window_Vista .C1wFocus .C1wMaximizer-Hover
{
  background: url(Images/maximizer.png) no-repeat top right;
}
* html .C1Window_Vista .C1wMaximizer-Hover,
* html .C1Window_Vista .C1wFocus .C1wMaximizer-Hover
{
  background: url(Images/maximizer.gif) no-repeat top right;
}

.C1Window_Vista .C1wMaximizer-Active,
.C1Window_Vista .C1wFocus .C1wMaximizer-Active
{
  background: url(Images/maximizer.png) no-repeat center left;
}
* html .C1Window_Vista .C1wMaximizer-Active,
* html .C1Window_Vista .C1wFocus .C1wMaximizer-Active
{
  background: url(Images/maximizer.gif) no-repeat center left;
}

        /*----------------------------------------------------START MAXIMIZED NO IE6--------------------------------------- */

        /*------------NORMALIZE--------------*/

        .C1Window_Vista .C1wMaximized .C1wMaximizer
        {
          background: url(Images/normalize.png) no-repeat bottom right;
          width:34px;
          height:24px;
          margin: -5px -8px 0 0;
        }
        * html .C1Window_Vista .C1wMaximized .C1wMaximizer
        {
          background: url(Images/normalize.gif) no-repeat bottom right;
          margin: -5px -8px 0 0;
        }
        
         .C1Window_Vista .C1wFocus-Maximized .C1wMaximizer
        {
          background: url(Images/normalize.png) no-repeat bottom left;
        }
        * html .C1Window_Vista .C1wFocus-Maximized .C1wMaximizer
        {
          background: url(Images/normalize.gif) no-repeat bottom left;
        }
        
        .C1Window_Vista .C1wMaximized .C1wMaximizer-Hover,
        .C1Window_Vista .C1wFocus-Maximized .C1wMaximizer-Hover
        {
          background: url(Images/normalize.png) no-repeat top right;
        }
        * html .C1Window_Vista .C1wMaximized .C1wMaximizer-Hover,
        * html .C1Window_Vista .C1wFocus-Maximized .C1wMaximizer-Hover
        {
          background: url(Images/normalize.gif) no-repeat top right;
        }
        
         .C1Window_Vista .C1wMaximized .C1wMaximizer-Active,
         .C1Window_Vista .C1wFocus-Maximized .C1wMaximizer-Active
        {
          background: url(Images/normalize.png) no-repeat center left;
        }
        * html .C1Window_Vista .C1wMaximized .C1wMaximizer-Active,
        * html .C1Window_Vista .C1wFocus-Maximized .C1wMaximizer-Active
        {
          background: url(Images/normalize.gif) no-repeat center left;
        }




        /*------------MINIMIZER--------------*/

         .C1Window_Vista .C1wMaximized .C1wMinimizer
        {
          background: url(Images/minimizer.png) no-repeat bottom right;
          width:33px;
          height:26px;
          margin: -6px -9px 0 0;
        }
        * html .C1Window_Vista .C1wMaximized .C1wMinimizer
        {
          background: url(Images/minimizer.gif) no-repeat bottom right;
        }
        
         .C1Window_Vista .C1wFocus-Maximized .C1wMinimizer
        {
          background: url(Images/minimizer.png) no-repeat bottom left;
        }
        * html .C1Window_Vista .C1wFocus-Maximized .C1wMinimizer
        {
          background: url(Images/minimizer.gif) no-repeat bottom left;
        }
        
        .C1Window_Vista .C1wMaximized .C1wMinimizer-Hover,
        .C1Window_Vista .C1wFocus-Maximized .C1wMinimizer-Hover
        {
          background: url(Images/minimizer.png) no-repeat top right;
        }
        * html .C1Window_Vista .C1wMaximized .C1wControlBox .C1wMinimizer-Hover,
        * html .C1Window_Vista .C1wFocus-Maximized .C1wMinimizer-Hover
        {
          background: url(Images/minimizer.gif) no-repeat top right;
        }
        
         .C1Window_Vista .C1wMaximized .C1wMinimizer-Active,
         .C1Window_Vista .C1wFocus-Maximized .C1wMinimizer-Active
        {
          background: url(Images/minimizer.png) no-repeat center right;
        }
        * html .C1Window_Vista .C1wMaximized .C1wControlBox .C1wMinimizer-Active,
        * html .C1Window_Vista .C1wFocus-Maximized .C1wMinimizer-Active
        {
          background: url(Images/minimizer.gif) no-repeat center right;
        }        

/*-----------PINOFF------------*/
.C1Window_Vista .C1wPinner
{
  background: url(Images/pinoff.png) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px -7px 0 2px;
}
* html .C1Window_Vista .C1wPinner
{
  background: url(Images/pinoff.gif) no-repeat bottom right;
}

.C1Window_Vista .C1wFocus .C1wPinner
{
  background: url(Images/pinoff.png) no-repeat top left;
}
* html .C1Window_Vista .C1wFocus .C1wPinner
{
  background: url(Images/pinoff.gif) no-repeat top left;
}

.C1Window_Vista .C1wPinner-Hover,
.C1Window_Vista .C1wFocus .C1wPinner-Hover
{
  background: url(Images/pinoff.png) no-repeat top right;
}
* html .C1Window_Vista .C1wPinner-Hover,
* html .C1Window_Vista .C1wFocus .C1wPinner-Hover
{
  background: url(Images/pinoff.gif) no-repeat top right;
}

.C1Window_Vista .C1wPinner-Active,
.C1Window_Vista .C1wFocus .C1wPinner-Active
{
  background: url(Images/pinoff.png) no-repeat center left;
}
* html .C1Window_Vista .C1wPinner-Active,
* html .C1Window_Vista .C1wFocus .C1wPinner-Active
{
  background: url(Images/pinoff.gif) no-repeat center left;
}

/*------------PINOFF--------------*/
.C1Window_Vista .C1wMaximized .C1wPinner
{
  background: url(Images/pinoff.png) no-repeat bottom right;
  width:34px;
  height:24px;
  margin: -5px 0px 0 0;
}
* html .C1Window_Vista .C1wMaximized .C1wPinner
{
  background: url(Images/pinoff.gif) no-repeat bottom right;

}

 .C1Window_Vista .C1wFocus-Maximized .C1wPinner
{
  background: url(Images/pinoff.png) no-repeat bottom left;
}
* html  .C1Window_Vista .C1wFocus-Maximized .C1wPinner
{
  background: url(Images/pinoff.gif) no-repeat bottom left;
}

 .C1Window_Vista .C1wMaximized .C1wPinner-Hover,
 .C1Window_Vista .C1wFocus-Maximized .C1wPinner-Hover
{
  background: url(Images/pinoff.png) no-repeat top right;
}
* html .C1Window_Vista .C1wMaximized .C1wPinner-Hover,
* html .C1Window_Vista .C1wFocus-Maximized .C1wPinner-Hover
{
  background: url(Images/pinoff.gif) no-repeat top right;
}

 .C1Window_Vista .C1wMaximized .C1wPinner-Active,
 .C1Window_Vista .C1wFocus-Maximized .C1wPinner-Active
{
  background: url(Images/pinoff.png) no-repeat center left;
}

* html .C1Window_Vista .C1wMaximized .C1wPinner-Active,
* html .C1Window_Vista .C1wFocus-Maximized .C1wPinner-Active
{
  background: url(Images/pinoff.gif) no-repeat center left;
}


/*-----------PINON Base------------*/
.C1Window_Vista .C1wPinned .C1wPinner
{
  background: url(Images/pinon.png) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px -7px 0 2px;
}
* html .C1Window_Vista .C1wPinnned .C1wPinner
{
  background: url(Images/pinon.gif) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px -7px 0 2px;
}

.C1Window_Vista .C1wFocus-Pinned .C1wPinner
{
  background: url(Images/pinon.png) no-repeat top left;
}
* html .C1Window_Vista .C1wFocus-Pinned .C1wPinner
{
  background: url(Images/pinon.gif) no-repeat top left;
}
.C1Window_Vista .C1wPinned .C1wPinner-Hover,
.C1Window_Vista .C1wFocus-Pinned .C1wPinner-Hover
{
  background: url(Images/pinon.png) no-repeat top right;
}
* html .C1Window_Vista .C1wPinned .C1wPinner-Hover,
* html .C1Window_Vista .C1wFocus-Pinned .C1wPinner-Hover
{
  background: url(Images/pinon.gif) no-repeat top right;
}

.C1Window_Vista .C1wPinned .C1wPinner-Active,
.C1Window_Vista .C1wFocus-Pinned .C1wPinner-Active
{
  background: url(Images/pinon.png) no-repeat center left;
}
* html .C1Window_Vista .C1wPinned .C1wControlBox .C1wPinner-Active,
* html .C1Window_Vista .C1wFocus-Pinned .C1wPinner-Active
{
  background: url(Images/pinon.gif) no-repeat center left;
}

/*------------PINON--------------*/
 .C1Window_Vista .C1wMaximized-Pinned .C1wPinner
{
  background: url(Images/pinon.png) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px 0px 0 0px;
}
* html .C1Window_Vista .C1wMaximized-Pinned .C1wPinner
{
  background: url(Images/pinon.gif) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px 0px 0 0px;
}

 .C1Window_Vista .C1wFocus-Maximized-Pinned .C1wPinner
{
  background: url(Images/pinon.png) no-repeat bottom left;
}
* html  .C1Window_Vista .C1wFocus-Maximized-Pinned .C1wPinner
{
  background: url(Images/pinon.gif) no-repeat bottom left;
}

 .C1Window_Vista .C1wMaximized-Pinned .C1wPinner-Hover,
 .C1Window_Vista .C1wFocus-Maximized-Pinned .C1wPinner-Hover
{
  background: url(Images/pinon.png) no-repeat top right;
}
* html .C1Window_Vista .C1wMaximized-Pinned .C1wControlBox .C1wPinner-Hover,
* html .C1Window_Vista .C1wFocus-Maximized-Pinned .C1wControlBox .C1wPinner-Hover
{
  background: url(Images/pinon.gif) no-repeat top right;
}

 .C1Window_Vista .C1wMaximized-Pinned .C1wPinner-Active,
 .C1Window_Vista .C1wFocus-Maximized-Pinned .C1wPinner-Active
{
  background: url(Images/pinon.png) no-repeat center left;
}
* html  .C1Window_Vista .C1wMaximized-Pinned .C1wPinner-Active,
* html .C1Window_Vista .C1wFocus-Maximized-Pinned .C1wControlBox .C1wPinner-Active
{
  background: url(Images/pinon.gif) no-repeat center left;
}


/*-----------REFRESH------------*/
.C1Window_Vista .C1wReloader
{
  background: url(Images/refresh.png) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px -7px 0 2px;
}
* html .C1Window_Vista .C1wReloader
{
  background: url(Images/refresh.gif) no-repeat bottom right;
}

.C1Window_Vista .C1wFocus .C1wReloader
{
  background: url(Images/refresh.png) no-repeat top left;
}
* html .C1Window_Vista .C1wFocus .C1wReloader
{
  background: url(Images/refresh.gif) no-repeat top left;
}

.C1Window_Vista .C1wReloader-Hover,
.C1Window_Vista .C1wFocus .C1wReloader-Hover
{
  background: url(Images/refresh.png) no-repeat top right;
}
* html .C1Window_Vista .C1wReloader-Hover,
* html .C1Window_Vista .C1wFocus .C1wReloader-Hover
{
  background: url(Images/refresh.gif) no-repeat top right;
}

.C1Window_Vista .C1wReloader-Active,
.C1Window_Vista .C1wFocus .C1wReloader-Active
{
  background: url(Images/refresh.png) no-repeat center left;
}
* html .C1Window_Vista .C1wReloader-Active,
* html .C1Window_Vista .C1wFocus .C1wReloader-Active