styles.css

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

{
  background: url(Images/refresh.gif) no-repeat center left;
}

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

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

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

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

/*-----------ARROW UP------------*/
.C1Window_Vista .C1wToggler
{
  background: url(Images/arrowup.png) no-repeat bottom right;
  width:34px;
  margin:-5px -7px 0 2px;
}
* html .C1Window_Vista .C1wToggler
{
  background: url(Images/arrowup.gif) no-repeat bottom right;
  width:34px;
  height:25px;
  margin:-5px -7px 0 2px;
}

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

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

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

/*------------ARROW UP--------------*/
 .C1Window_Vista .C1wMaximized .C1wToggler
{
  background: url(Images/arrowup.png) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px 2px 0 0;
}
* html .C1Window_Vista .C1wMaximized .C1wToggler
{
  background: url(Images/arrowup.gif) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px 2px 0 0;
}

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

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

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


/*-----------ARROW DOWN------------*/
.C1Window_Vista .C1wClosed .C1wToggler
{
  background: url(Images/arrowdown.png) no-repeat bottom right;
  width:34px;
  height:25px;
  margin:-5px -7px 0 2px;
}
* html .C1Window_Vista .C1wClosed .C1wToggler
{
  background: url(Images/arrowdown.gif) no-repeat bottom right;
  width:34px;
  height:25px;
  margin:-5px -7px 0 2px;
}
.C1Window_Vista .C1wFocus-Closed .C1wToggler
{
  background: url(Images/arrowdown.png) no-repeat top left;
}
* html .C1Window_Vista .C1wFocus-Closed .C1wToggler
{
  background: url(Images/arrowdown.gif) no-repeat top left;
}

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

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

/*------------ARROW DOWN--------------*/
 .C1Window_Vista .C1wMaximized-Closed .C1wToggler
{
  background: url(Images/arrowdown.png) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px 2px 0 0px;
}
* html .C1Window_Vista .C1wMaximized-Closed .C1wToggler
{
  background: url(Images/arrowdown.gif) no-repeat bottom right;
  width:34px;
  height:24px;
  margin:-5px 2px 0 0px;
}

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

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

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

/*
.C1Window_Vista .C1wHeading .C1wOuter .C1wControlBox .C1wLastItem
{
  margin-right:-5px;
}
*/



/*--------------------------------------------------------------------------------------------------------------END CAPTION-------*/




/*---Unfocused Content---*/
.C1Window_Vista .C1wContentPanel .C1wOuter
{
  background:transparent url('Images/content_left_unfocused.png') repeat-y scroll left center;
  padding-left:20px;
}

* html .C1Window_Vista .C1wContentPanel .C1wOuter
{
  background-image:url('Images/content_left_unfocused.gif');
    padding-left:8px;
}

.C1Window_Vista .C1wContentPanel .C1wInner
{
  background:transparent url('Images/content_right_unfocused.png') repeat-y scroll right center;
  padding-right:20px;
}

* html .C1Window_Vista .C1wContentPanel .C1wInner
{
  background-image:url('Images/content_right_unfocused.gif');
  padding-right:8px;
}

.C1Window_Vista .C1wContentPanel .C1wContent
{
  /*background:#FFFFFF;*/
}

.C1Window_Vista .C1wContentPanel .C1wContentTemplate
{
  font-size:12px;
  background:#FFFFFF;
}

/*Focused Content*/
.C1Window_Vista .C1wFocus .C1wContentPanel .C1wOuter
{
  background:transparent url('Images/content_left.png') repeat-y scroll left top;
  padding-left:20px;
}

* html .C1Window_Vista .C1wFocus .C1wContentPanel .C1wOuter
{
  background-image:url('Images/content_left.gif');
  padding-left:8px;
}

.C1Window_Vista .C1wFocus .C1wContentPanel .C1wInner
{
  background:transparent url('Images/content_right.png') repeat-y scroll right top;
  padding-right:20px;
}

* html .C1Window_Vista .C1wFocus .C1wContentPanel .C1wInner
{
  background-image:url('Images/content_right.gif');
  padding-right:8px;
}

/*Maximized Content*/
.C1Window_Vista .C1wMaximized .C1wContentPanel .C1wOuter,
* html .C1Window_Vista .C1wMaximized .C1wContentPanel .C1wOuter
{
  background-image: none;
  padding-left:0px;
}

.C1Window_Vista .C1wMaximized .C1wContentPanel .C1wInner,
* html .C1Window_Vista .C1wMaximized .C1wContentPanel .C1wInner
{
  background-image: none;
  padding-right:0px;
}

.C1Window_Vista .C1wContentPanel .C1wStatusBar
{
	background: #F3FBFE url(Images/StatusBG.png) repeat-x top left;
	border-top: solid 1px #9CB6C5;
	min-height: 24px;
	line-height: 24px;
	vertical-align: middle;
	padding: 0 5px;
}

* html .C1Window_Vista .C1wContentPanel .C1wStatusBar
{
  background-image:url('Images/status.gif');
}

.C1Window_Vista .C1wContentPanel .C1wSpinner
{
  height:16px;
  width:16px;
  background:url('Images/loading.gif') no-repeat;
  margin: 4px 0 0 5px;
}

.C1Window_Vista .C1wContentPanel .C1wSpinnerContainer
{
  float:left;
}

* html .C1Window_Vista .C1wContentPanel .C1wSpinnerContainer
{
  background-image:url('Images/status_separator.gif');
}

.C1Window_Vista .C1wContentPanel .C1wStatusTemplate
{
  color: #000000;
  font-size:12px;
  font-family : Segoe UI;
  line-height:22px;
}


/*c1dlgfooter*/

.C1Window_Vista .C1wFooter
{
	background: url(Images/FooterLeft_unfocused.png) no-repeat bottom left;
	padding: 0 0 0 20px;
}
* html .C1Window_Vista .C1wFooter
{
	background: url(Images/FooterLeft_unfocused.gif) no-repeat bottom left;
	padding: 0 0 0 8px;
}
.C1Window_Vista .C1wFocus .C1wFooter
{
	background: url(Images/FooterLeft.png) no-repeat bottom left;
}
* html .C1Window_Vista .C1wFocus .C1wFooter
{
	background: url(Images/FooterLeft.gif) no-repeat bottom left;
}

.C1Window_Vista .C1wMaximized .C1wFooter
{
	background: none;
	padding:0;
	display:none;
}
* html .C1Window_Vista .C1wMaximized .C1wFooter
{
	background: none;
	padding:0;
	display:none;
}

.C1Window_Vista .C1wFooter .C1wOuter
{
	background: url(Images/FooterRight_unfocused.png) no-repeat bottom right;
	padding: 0 20px 0 0;
}
* html .C1Window_Vista .C1wFooter .C1wOuter
{
	background: url(Images/FooterRight_unfocused.gif) no-repeat bottom right;
	padding: 0 8px 0 0;
}

.C1Window_Vista .C1wFocus .C1wFooter .C1wOuter
{
	background: url(Images/FooterRight.png) no-repeat bottom right;
}
* html .C1Window_Vista .C1wFocus .C1wFooter .C1wOuter
{
	background: url(Images/FooterRight.gif) no-repeat bottom right;
}

.C1Window_Vista .C1wMaximized .C1wFooter .C1wOuter
{
	background: none;
	padding:0;
}
* html .C1Window_Vista .C1wMaximized .C1wFooter .C1wOuter
{
	background: none;
	padding:0;
}
.C1Window_Vista .C1wFooter .C1wInner
{
	background: url(Images/FooterCenter_unfocused.png) repeat-x bottom left;
	height: 24px;
}
* html .C1Window_Vista .C1wFooter .C1wInner
{
	background: url(Images/FooterCenter_unfocused.gif) repeat-x bottom left;
	height: 8px;
}

.C1Window_Vista .C1wFocus .C1wFooter .C1wInner
{
	background: url(Images/FooterCenter.png) repeat-x bottom left;
}
* html .C1Window_Vista .C1wFocus .C1wFooter .C1wInner
{
	background: url(Images/FooterCenter.gif) repeat-x bottom left;
}

.C1Window_Vista .C1wMaximized .C1wFooter .C1wInner
{
	background: none;
	padding:0;
}
* html .C1Window_Vista .C1wMaximized .C1wFooter .C1wInner
{
	background: none;
	padding:0;
}

.C1Window_Vista .C1wClosed .C1wFooter .C1wInner, 
.C1Window_Vista .C1wMinimized .C1wHeading .C1wContent
{
	height: 22px;
}

.C1Window_Vista .C1wClosed .C1wFooter .C1wInner, 
.C1Window_Vista .C1wMinimized .C1wFooter .C1wInner
{
	height: 22px;
}

* html .C1Window_Vista .C1wClosed .C1wFooter .C1wInner, 
* html .C1Window_Vista .C1wMinimized .C1wFooter .C1wInner
{
	height: 2px;
}

/*Maximized footer*/
.C1Window_Vista .C1wFocus-C1Maximized .C1wFooter .C1wOuter
{
  display:none;
}

.C1Window_Vista .C1wAccesskeyAnchor
{
  -moz-outline:0 none;outline:0 none;width:0;height:0;overflow:hidden;top:0;left:0;
}