/* (C) Copyright Hewlett-Packard Company, L.P. All Rights Reserved. */

/*
   HTML 4.01 and CSS2 compliant
*/

/* PURE CSS options menu 3 levels deep.
   IE does not support some basic standards and requires the use of MS Behaviors
*/

.optionTitle{
  color:#000099;
  font-weight:bold;
  background-color:#E0E0E0;
  padding:0px;
}

#cwc_optionsMenu_img {
 	border:solid #949AAA 0px; 
  	background: #FFFFFF url(../images/buttons/option.gif);
  	background-repeat: no-repeat;
  	margin:0px 0px 0px 4px;
  	padding:0px 0px 0px 0px;
}

#cwc_optionsMenu_img:hover {
 	border:solid #949AAA 0px; 
  	background: #FFFFFF url(../images/buttons/option_hover.gif);
  	background-repeat: no-repeat;
  	margin:0px 0px 0px 4px;
  	padding:0px 0px 0px 0px;
  }
  
#cwc_optionsMenu_btn { 
	height:16px; 
	width:16px; 
	padding:0px; 
}

/* THIS CONTROLS THE VISIBILITY TOGGELING OF THE DIVS THEMSELVES */

#cwc_optionsMenu {position:absolute; right:8px; display:none; }
#cwc_optionsMenu_list {position:absolute; right:8px; display:none; }
#cwc_optionsMenu_detail {position:absolute; right:8px; display:none; }


/*  LIST RENDERING SETTINGS  */

ul.cwc_oM, ul.cwc_oM ul {
  border-left:solid 1px #CFCFCF;
  border-right:solid 1px #CFCFCF;
  border-top:solid 1px #CFCFCF;
  border-bottom:solid 0px #CFCFCF;  /* puts a grey border around the menu blocks */
  background-color:#FFFFFF;  /* a bg-color MUST be included for IE to work properly! */
  padding:0px; 
  margin:1px;
}
/*   hovers applied to style belowwith border-bottom:solid 1px #CFCFCF; */
ul.cwc_oM li {
  list-style-type: none;     /* removes the bullet points */
  padding:2px;               /* Opera 7 puts large spacings between li elements */
  line-height: 1.25em;
  border-bottom:solid 1px #CFCFCF;
  position: relative;        /* makes the menu blocks be positioned relative to their parent menu item
                               the lack of offset makes these appear normal, but it will make a difference
                                to the absolutely positioned child blocks */
}

ul.cwc_oM li a:hover {
  background-color:#FFCC66;
  color:#000000;
}

ul.cwc_oM li:hover {
  background-color: #FFCC66;
  color:#000000; 
} 

ul.cwc_oM li a  {
  text-decoration:none;      /* kill the link underlines */
  color:#000000;              /* make sure all link text color is white */
  display: block;
  width: 180px;
}

.cwc_oM_a_hover { 
  z-index:5;
}

ul.cwc_oM li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;             /* hides child menu blocks - one of the most important declarations */
  position: absolute;        /* make child blocks hover without leaving space for them */
  z-index:5;
  top:0px;                  /* position slightly lower than the parent menu item */
  right:99%;                 /* this must not be more than the width of the parent block, or the mouse will
                                have to move off the element to move between blocks, and the menu will close */
}

ul.cwc_oM ul {  /* IE SPECIFIC copy of above declaration without the > selector */
  display:none; 
  position:absolute; 
  top:0px;                  /* position slightly lower than the parent menu item */
  right:98%; 
  z-index:5;
}

ul.cwc_oM li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements                               the > targets only the child ul, not any child uls of that child ul */
  display: block;            /* makes the child block visible - one of the most important declarations */
  width:100%;
  
}

/* END CSS Options Menu */