/*
//originally for black strip JUST TO SHOW CSS WORKS in the caterory group box jph aug 2006
//updated for 1.3xx template sidebox general style
// $Id: stylesheet_sidebox_headers.css  $
*/
/*=======================================for the category_groups sidebox by jph
/* categories_group sidebox container*/
#categoriesgroup-table {
  background-color:
  white;
}
/* 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 {
font-size:11px;
}
/* (div class="groupblock_odd" or even, is here */
/*use for blocking group title and contained cats bg alternating colour */

div.groupblock_even {
background-color:
white;
}
div.groupblock_odd {
background-color:
white;
}
/*control text style/colour of all group headers texts */
span.groupheadingtext {
font-size:11px;
font-weight: bold;
color: #FFFFFF;
margin-left: 5px;
letter-spacing:1px;
}

/*  */
/* specific groups header background colour etc; adjust/add as required*/
Div.groupheading1{
background-color:
#808080;

}
Div.groupheading2{
background-color:
#3399FF; 

}
Div.groupheading3{
background-color:
#FF6666;
 
}
/* ************************* */

/* esoteric settings! here on
/* groups top category line spacing*/
Div.topcatline {
margin-left: 8px;
margin-bottom:2px;
margin-top:2px;	 
}

/* 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; 
padding: 0 0 0 24px;  
line-height: 1.2em; 
}

/* 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-image: url("../images/icons/subcat_prefix1.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
margin-left: 2px;
line-height: 1.2em;
}

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

/* 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: 0 0 0 12px;
}
span.subcat_separator2 {
background-image: url("../images/icons/subcat_prefix2.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
}
span.subcat_separator3 {
background-image: url("../images/icons/subcat_prefix3.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
}
span.subcat_separator4 {
background-image: url("../images/icons/subcat_prefix4.gif");
background-repeat: no-repeat; 
background-position: 4px 3px; 
padding: 0 0 0 12px;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* 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;
}