.outlined {  border: medium #CCCCCC outset}
.bgblue {  background-color: #00FFFF}
.bgblueoutset {  background-color: #00CCCC; border: medium outset; border-color: #00FFFF #006666 #006666 #00FFFF}


/* Set of styles used for nested expanding folders, along with some JS
 also includes styles to make "sidesearch" match style
 Usage:  <div class="nestedfolders">
    <ul><li class="openfolder">Item1
        <ul><li class="closedfolder">item1.1
            <ul><li>item1.1.1</li></ul></li></ul></li></ul></div>
*/
/* Trying inside so image is active when clicking */
.openfolder,.closedfolder{ cursor:pointer;cursor:hand; }
.openfolder UL{ cursor:default; }
.closedfolder { list-style-image:url(/images/fold.gif) }
.openfolder { list-style-image:url(/images/open.gif) }
/* overrides the fold.gif and open.gif for nested folders */
/* May not be wanted in all cases as also overrides lists inside hidden blocks*/
.nestedfolders UL,.openfolder UL{list-style-image:url(/images/list.gif); }

.openfolder UL,.openfolder OL, .openfolder DIV {display:block}
.nestedfolders UL, .nestedfolders OL { list-style-position: outside; } 
.closedfolder UL, .closedfolder OL, .closedfolder DIV {display:none}
/* This put here to override the default for lists inside divs inside nestedfolders see projectsandclients.htm*/
LI.openfolder, LI.closedfolder {clear:left;}

.content .nestedfolders DIV LI, .content .openfolder DIV UL { list-style-position:inside; list-style-type:square; list-style-image:none; text-indent: -1em; margin-left: 1em; }


/*** Now arrange items relative to each other within nestedfolders  
/* UL padding is in UL's color, margin is in nestedfolders or sidebar color */
/* First override any defaults in different browsers */
.nestedfolders, .nestedfolders UL, .nestedfolders OL, .nestedfolders LI {margin: 0px; border: 0px; padding: 0px; }
/* margin-right sets width of border in color of nestedfolders on right */
/* LI: margin-left is distance of text, including graphic from lhs of background, use
   fixed e.g. 24px because of fixed size of graphic (in bulleted list,
   would be best as 1.5em 
   text-indent is width of graphic+spacing, should be abs for graphic, 
    -1.5em for bulleted list, note effects second line
   note the margin-left also gives position for next sub-menu
   IE: padding-left (on UL or LI) would move item+graphic right
*/

/* Line height needs to be about 150% or more for IE */
.nestedfolders LI{margin-left: 16px; padding-left: 0.5em; line-height:120%; margin-top: 5px}
/* Needed padding else first level outside parent on Firefox */
.nestedfolders { padding: 10px }
.nestedfolders UL { padding-top: 5px; } /* Stop sub-lists crowding on IE*/
.nestedfolders LI, .nestedfolders A { vertical-align: top; }
.nestedfolders input { padding: 0px; } /* Else buttons bulk up */

#sidesearch {padding:3px;margin:0px;border:0px;} 
#sidesearch form {margin:0px; border:0px; padding:0px;}

/*** Now place it in context in the sidebar, (some of this integrated above :-( */
.nestedfolders { margin-top: 40px;} /* Otherwise input in sidesearch not selectable */

/*** Set the colors, can work this independently */
/* Set background-color at nestedfolders level, so margin on UL in that color
/* color: #788C02; background-color: #FFCCCC; border: 2px solid #ABC063; */
XXX .nestedfolders { border: 2px solid #ABC063; background-color: #FFCCCC; }
.content .nestedfolders { }
#sidesearch,#sidesearch input,.nestedfolders UL,.nestedfolders OL { color:RED; font-size: small; }
.nestedfolders A:visited,.nestedfolders A:link {color:RED;}
.openfolder UL A:visited,.openfolder UL A:link {color:RED;}
.nestedfolders UL A:active,.openfolder UL A:active {color: WHITE;}
/* Note hover must come after active and visited */
.nestedfolders UL A:hover,.openfolder UL A:hover {color: WHITE;}
.currentdoc {background-color: #DDDDDD;}
.openfolder UL,.openfolder OL {background-color:#FFCCCC; color:RED; }
/* Note sets smaller size INSIDE open folders, not at top level */
.openfolder UL,.openfolder OL {font-size: x-small;}
.openfolder,.closedfolder{ font-weight:bold ; }
#sidesearch {font-size:x-small;z-index:300;} 
#sidesearch input {	font: 8pt Arial; font-weight: bold; text-decoration: none; border: 1px solid; background-color:white; }
/****** End of nested folder section *******/
li.german{list-style-image:url(/images/flag_german.jpg); }
li.english{list-style-image:url(/images/flag_english.jpg); }
li.italian{list-style-image:url(/images/flag_italian.jpg); }
li.spanish{list-style-image:url(/images/flag_spanish.jpg); }
li.czech{list-style-image:url(/images/flag_czech.jpg); }
li.french{list-style-image:url(/images/flag_french.jpg); }
li.greek{list-style-image:url(/images/flag_greek.jpg); }
li.polish{list-style-image:url(/images/flag_polish.jpg); }
li.russian{list-style-image:url(/images/flag_russian.jpg); }
li.serbian{list-style-image:url(/images/flag_serbian.gif); }
li.turkish{list-style-image:url(/images/flag_turkish.jpg); }
li.farsi{list-style-image:url(/images/flag_farsi.jpg); }
li.netherlands{list-style-image:url(/images/flag_netherlands.gif); }