/* categories_group sidebox container*/
#categoriesgroup-table {
  background-color: #F0F0F0;
}
/* table row for main title header */
#categoriesgroup-heading-tr {

}
/* td containing text, within the above*/
#categoriesgroup-heading-td {
 
}
/* **********sidebox CONTENT */
/*td containing all content , id only, class="leftboxcontent"/ETC */
#categoriesgroup-content{

}
/* div container inside the above td, id only, class="sideBoxContent" */
#categoriesgroupContent {
padding-top: 5px;
padding-bottom: 0px;
}
/* (div class="groupblock_odd" or even, is here */
/*use for blocking group title and contained cats bg alternating colour */

div.groupblock_even {
background-color:
#F0F0F0;
}
div.groupblock_odd {
background-color:
#F0F0F0;
}
/*control text style/colour of all group headers texts */

h3.groupheading {
font-size: 1em;
font-weight: bold;
color: #FFFFFF;
text-align: left;
margin-left: 20px;
}

/*  */
/* specific groups header background colour etc; adjust/add as required*/

Div.groupheading1{
background-color: #C0C0C0;
height: 18px; 
padding-top: 6px;
padding-left: 10px;
font-size: 1.1em;
font-weight: bold;
border-bottom: 1px solid #CECE0D;
border-top: 1px solid #CECE0D;

}
Div.groupheading2{
background-color: #C0C0C0;
height: 18px; 
padding-top: 6px;
padding-left: 10px;
font-size: 1.1em;
font-weight: bold;
border-bottom: 1px solid #CECE0D;

}
Div.groupheading3{
background-image: url('../images/sideboxm2.jpg');
height: 26px;
 
}

Div.groupheading4{
background-image: url('../images/sideboxm2.jpg');
height: 26px;
 
}

/* ************************* */

/* esoteric settings! here on
/* groups top category line spacing*/
Div.topcatline {
display: block;
background-color: #f0f0f0;
padding-top: 4px;
padding-right: 4px;
padding-bottom:4px;
padding-left: 0px;
border-bottom: 1px solid #CECE0D;	 
}

Div.topcatline:hover {
background-color: #D1D1D1;
}

/* groups category line  */
Div.subcatline {
/*with subcategory arrow spacer/prefix set in admin use..
margin-left: 12px;
margin-bottom:2px;
margin-top:2px;	
or use...(borrowed from news/articles css) */

/* .............OR!
USES AN IMAGE BELOW, INSTEAD AS THE SEPARATOR 
*/
background-image: url('../images/icons/subcat_link.gif');
background-repeat: no-repeat; 
background-position: 11px 4px; 
line-height: 1.2em; padding-left:24px; padding-right:0; padding-top:0; padding-bottom:0 
}

/* groups subcategory line, look/feel line spacing/ look etc 
IF USING the background-image: url("../images/icons/subcat_prefix.gif"
lines, SET separator to nothing
i.e 
Categories Separator between the Category Name and Sub Categories = ''

you might also play with
Categories SubCategories Indent in layout in admin

IN either of these two sections, add extra levels if you need more that
four, see the 1/2/3/4 and adjust the background-position value
*/
/*
Div.subcatline {
background-image: url("../images/icons/subcat_prefix.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
margin-left: 4px;
line-height: 1.2em;
}
*/
div.subcatline1 {
background-color: #f0f0f0;
padding-top: 4px;
padding-right: 4px;
padding-bottom:4px;
padding-left: 0px;
border-bottom: 1px solid #CECE0D;
}

div.subcatline1:hover {
background-color: #D1D1D1;
}


div.subcatline2 {
background-color: #f0f0f0;
padding-top: 4px;
padding-right: 4px;
padding-bottom:4px;
padding-left: 0px;
border-bottom: 1px solid #CECE0D;
}

div.subcatline2:hover {
background-color: #D1D1D1;
}


Div.subcatline3 {
background-image: url('../images/icons/subcat_prefix3.gif');
background-repeat: no-repeat; 
background-position: 14px 3px; 
margin-left: 2px;
line-height: 1.2em; padding-left:22px; padding-right:0; padding-top:0; padding-bottom:0
}
Div.subcatline4 {
background-image: url('../images/icons/subcat_prefix4.gif');
background-repeat: no-repeat; 
background-position: 19px 3px; 
margin-left: 2px;
line-height: 1.2em; padding-left:27px; padding-right:0; padding-top:0; padding-bottom:0
}

/* SET ADMIN SEPARATOR 
'Categories Separator between the Category Name and Count'
TO 'icon' TO GET THE ICON(s) AS SEPARATOR !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
span.subcat_separator1 {
background-image: url('../images/icons/subcat_prefix1.gif');
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}
span.subcat_separator2 {
background-image: url('../images/icons/subcat_prefix2.gif');
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}
span.subcat_separator3 {
background-image: url('../images/icons/subcat_prefix3.gif');
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}
span.subcat_separator4 {
background-image: url('../images/icons/subcat_prefix4.gif');
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* header sidebox texts bg color */
div.boxheadcolor {
background-color:#808080;
}
/*=========================== in other use, not used here...
for special left common sidebox individual colours etc 
header book sidebox colour */
td.boxheadcolor_booktypesjph1box {
background-color:#808080;
}
/* header document sidebox colour */
td.boxheadcolor_documentcategories {
background-color:#808080;
}
/* header news sidebox colour */
td.boxheadcolor_news1box {
background-color:#808080;
}
td.boxheadcolor_categoriesgroup {
background-color:#808080;
}
td.boxheadcolor_search {
background-color:#808080;
}