/*
//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
/*Category Group border*/
#categoriesgroup { border: 1px solid #ffffff; }
/*Category Group heading*/
#categoriesgroupHeading { height: 10px; background-color:#ffffff; }

/* categories_group sidebox container*/
#categoriesgroup-table {
  background-color:
  #CCFF99
}
/* 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:
#FFFFFF;
}
div.groupblock_odd {
background-color:
#FFFFFF;
}
/*control text style/colour of all group headers texts */
span.groupheadingtext {
font-size:11px;
font-weight: bold;
color: #336699;
margin-left: 0px;
letter-spacing:1px;
}

/*  */
/* specific groups header background colour etc; adjust/add as required*/
Div.groupheading1{
/*background-color: #808080;*/
	margin: 0em;
	/*background-color: #abbbd3;
	background-image: url(../images/tile_back-ltblue.gif);*/
	padding: 0.5em 0.2em;
	border-bottom: 2px solid #006699;

}
Div.groupheading2{
/*background-color: #3399FF; */
	margin: 0em;
	/*background-color: #abbbd3;
	background-image: url(../images/tile_back-ltblue.gif);*/
	padding: 0.5em 0.2em;
	padding-top: 30px;
	border-bottom: 2px solid #006699;

}
Div.groupheading3{
/*background-color: #FF6666;*/
	margin: 0em;
	/*background-color: #abbbd3;
	background-image: url(../images/tile_back-ltblue.gif);*/
	padding: 0.5em 0.2em;
	padding-top: 30px;
	border-bottom: 2px solid #006699;
 
}
/* ************************* */

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

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

/**************Used for CTA sideboxes******************/
/* categories_group sidebox container*/
#leftctabox-merchacct {
  padding: 5px;
  height: 75px;
  background-color: #CCFF99;
  text-align: center;
  font-size: 14;
  font-weight: bold;
  border: 1px solid #669966;
}
#leftctabox-lrnctr {
  padding: 5px;
  height: 75px;
  background-color: #FFFF99;
  text-align: center;
  font-size: 14;
  font-weight: bold;
  border: 1px solid #CCCC33;
}