styles.css

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


/*--------------------------Vertical----------------------------*/
.C1Splitter_Vista-Vertical
{
	overflow:hidden; 
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Panel1
{
    float:left; 
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Panel1-Content
{
    border:solid 1px #828790; 
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Panel2
{
    float:left;
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Panel2-Content
{
    border:solid 1px #828790; 
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Bar
{
    float:left; font-size:1px; background-color:#f0f0f0;  
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Bar-Hover
{
	background-color:#f0f0f0;  
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Bar-Active
{
	background-color:#f0f0f0;  
}

.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander
{
	width:7px; height:49px; visibility:hidden; /**None**/
}

.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Arrow
{
	width:7px; height:49px;	cursor:pointer; position:relative; /**Arrow**/
	background-image:url('Images/Arrow/ArrowLeft.gif');	
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Arrow-Closed
{	
	background-image:url('Images/Arrow/ArrowRight.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Arrow-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Arrow-Closed-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Arrow-Hover
{
	background-image:url('Images/Arrow/ArrowLeftHover.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Arrow-Hover-Closed
{	
	background-image:url('Images/Arrow/ArrowRightHover.gif'); 
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Arrow-Active
{
	background-image:url('Images/Arrow/ArrowLeftActive.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Arrow-Active-Closed
{	
	background-image:url('Images/Arrow/ArrowRightActive.gif');
}



.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thick
{
	width:14px; height:49px; cursor:pointer; position:relative; /**Thick**/
	background-image:url('Images/Thick/ArrowLeft.gif');	
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thick-Closed
{	
	background-image:url('Images/Thick/ArrowRight.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thick-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thick-Closed-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thick-Hover
{
	background-image:url('Images/Thick/ArrowLeftHover.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thick-Hover-Closed
{	
	background-image:url('Images/Thick/ArrowRightHover.gif');  
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thick-Active
{
	background-image:url('Images/Thick/ArrowLeftActive.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thick-Active-Closed
{	
	background-image:url('Images/Thick/ArrowRightActive.gif'); 
}



.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thin
{
	width:7px; height:49px;	cursor:pointer; position:relative; /**Thin**/
	background-image:url('Images/Thin/ArrowLeft.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thin-Closed
{	
	background-image:url('Images/Thin/ArrowRight.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thin-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thin-Closed-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thin-Hover
{
	background-image:url('Images/Thin/ArrowLeftHover.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thin-Hover-Closed
{	
	background-image:url('Images/Thin/ArrowRightHover.gif'); 
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thin-Active
{
	background-image:url('Images/Thin/ArrowLeftActive.gif');
}
.C1Splitter_Vista-Vertical .C1sp-vista-v-Expander-Thin-Active-Closed
{	
	background-image:url('Images/Thin/ArrowRightActive.gif'); 
}

.C1Splitter_Vista-Vertical .C1sp-vista-v-resize-proxy
{
   border-right:dotted 1px black; overflow:hidden; border-bottom:dotted 0px black;
} 

/*--------------------------Horizontal----------------------------*/

.C1Splitter_Vista-Horizontal
{
	overflow:hidden;
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Panel1
{
   
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Panel1-Content
{
    border:solid 1px #828790; 
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Panel2
{
 
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Panel2-Content
{
     border:solid 1px #828790; 
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Bar
{
   font-size :1px;  background-color:#f0f0f0;  
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Bar-Hover
{
	background-color:#f0f0f0;  
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Bar-Active
{
	background-color:#f0f0f0;  
}

.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander
{
	width:49px; height:7px; visibility:hidden; /**None**/
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Arrow
{
	width:49px; height:7px;	cursor:pointer; position:relative; /**Arrow**/
	background-image:url('Images/Arrow/ArrowUp.gif');	
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Arrow-Closed
{	
	background-image:url('Images/Arrow/ArrowDown.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Arrow-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Arrow-Closed-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Arrow-Hover
{
	background-image:url('Images/Arrow/ArrowUpHover.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Arrow-Hover-Closed
{	
	background-image:url('Images/Arrow/ArrowDownHover.gif'); 
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Arrow-Active
{
	background-image:url('Images/Arrow/ArrowUpActive.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Arrow-Active-Closed
{	
	background-image:url('Images/Arrow/ArrowDownActive.gif');
}




.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thick
{
	width:49px; height:14px; cursor:pointer; position:relative; /**Thick**/
	background-image:url('Images/Thick/ArrowUp.gif');	
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thick-Closed
{	
	background-image:url('Images/Thick/ArrowDown.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thick-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thick-Closed-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thick-Hover
{
	background-image:url('Images/Thick/ArrowUpHover.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thick-Hover-Closed
{	
	background-image:url('Images/Thick/ArrowDownHover.gif');  
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thick-Active
{
	background-image:url('Images/Thick/ArrowUpActive.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thick-Active-Closed
{	
	background-image:url('Images/Thick/ArrowDownActive.gif'); 
}




.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thin
{
	width:49px; height:7px;	cursor:pointer; position:relative; /**Thin**/
	background-image:url('Images/Thin/ArrowUp.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thin-Closed
{	
	background-image:url('Images/Thin/ArrowDown.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thin-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thin-Closed-Disabled
{	
	 cursor:default;
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thin-Hover
{
	background-image:url('Images/Thin/ArrowUpHover.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thin-Hover-Closed
{	
	background-image:url('Images/Thin/ArrowDownHover.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thin-Active
{
	background-image:url('Images/Thin/ArrowUpActive.gif');
}
.C1Splitter_Vista-Horizontal .C1sp-vista-h-Expander-Thin-Active-Closed
{	
	background-image:url('Images/Thin/ArrowDownActive.gif');
}


.C1Splitter_Vista-Horizontal .C1sp-vista-h-resize-proxy
{
    border-bottom:dotted 1px black; overflow:hidden;border-right:dotted 0px black;
}