styles

1 coolmenu.css

@import url(global.css);


/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; 
           clip:rect(0,100%,100%,0); left:0; top:0;}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
.clBar {
    position: absolute; 
    width: 100%; 
    height: 40px; 
    background-color: #eee;
    color: black;
    margin-right: auto;
    margin-left: auto;
    visibility: hidden;
}


.cmMenu, .cmItem {
    position: absolute; 
    font-family: Arial, Helvetica, San-serif;
    background-color: transparent; 
    border: 1px solid #eee;
    color: #0000ff; 
    padding: 2px; 
}


.cmMenu, .cmMenuOver {
    text-align: center;
    font-size: 12px;
}


.cmMenuOver, .cmItemOver {  
    font-family: Arial, Helvetica, San-serif;
    position: absolute; 
    border: 1px solid silver;
    background: transparent;
    color: #0000ff;
    padding: 3px; 
    cursor: pointer; 
    cursor: hand; /* IE 5.5 non-compliant workaround */ 
}


.cmMenuBorder, .cmItemBorder {
    position: absolute; 
    visibility: hidden; 
}


.cmItem, .cmItemOver {
    background-color: #eee; 
    color: #000000; 
    text-align: left;
}


.cmItemOver {
    background-color: #c0c0c0; 
    color: red; 
}
 
.cmItem, .cmItemOver {
    font-size: 12px;
}


.cmItemBorder {
    background: #000;
}


.menuArrows {
    vertical-align: middle;
    margin-left: 0px;
}

2 global.css

body {
  background: #fff;
  font: 12px/1.5em Georgia,Serif;
}


ul.glassList {
    list-style: url(../images/aquadot.jpg) disc outside;
    margin-right: 50px;
}


div#content {
    margin:0;
    padding: 1em;
    clear:both;
width: 400px;
}


div#header {
    margin-bottom: 0px;
}


div#source {
    padding: 3px;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    position: absolute;
    width: 120px;
    top: 0px;
    right: 0px;
    z-index: 1000;
    border-left: 1px solid silver;
    border-bottom: 1px solid silver;
    background: #eee;
}


div#pageSource {
position: absolute;
top: 0px;
right: 133px;
width: 200px;
border: 1px solid silver;
border-top: 0;
background: #ffd;
padding: 3px;
z-index: 1000;
}


img.download {
vertical-align: middle;
border: 0;
}


body#index div#source {
    background: none;
    border: none;
}


div#source a {
    color: green;
}


div#footer {
    border-top: 1px solid #eee;
    padding: 3px;
    text-align: center;
    font-size: 11px;
}


div#footer a {
    font-family: tahoma, arial, sans-serif;
    text-decoration: none;
    color: #999;
}


pre {
    background: #ffffdd;
    border: 1px solid #999999;
    color: #000000;
    padding: 5px 5px 5px 7px;
    font-size: 12px;
    line-height: normal;
}


div.dynamicMenu {
    position: relative;
    left: 0;
}


div.tree {
    padding: 10px;
}

3 menuDropdown.css

/*
*  Navigation Menu Styles
*  Original work:  Dave Lindquist (http://www.gazingus.org)
*
*  Modified to support sub menus 2/27/2004 by Ryan Tyer
*
*/


@import url(global.css);


body {
  margin: 0px;
  padding: 0px
}


#topMenu {
  background-color: #EEE;
  border: 1px solid #CCC;
  color: #000;
  margin: 0px;
  padding: 0px 0px 2px 20px;
  margin-bottom: 20px;
}


.menuList {
  margin: 0px;
  padding: 0px;
}


.menuList ul {
  margin: 0px;
  padding: 0px;
}


.menuList li {
  display: inline;
  list-style: none;
}
/* actuators are what trigger the menu display, in conjunction with js */
a.actuator {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  margin: 0px;
  padding: 3px 6px;
  text-decoration: none;
}


a.actuator:hover {
  background-color: #009;
  color: #EEE;
}
/* for submenu */
a.subactuator {
  font-weight: bold;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: 100% 0px;
}
/* The width on the menu's is used in the submenu class.  If you change it here, it must be changed in further down */
.menu {
  color: #fff;
  background-color: #eee;
  border: 1px solid #999;
  position: absolute;
  visibility: hidden;
  z-index:5;
  width: 140px;
}


.menu li a {
  background-color: transparent;
  color: #000;
  display: block;
  font-size: 12px;
  line-height: 1.75em;
  margin: 0px;
  padding: 0px 10px;
  text-decoration: underline;
}


.menu li a:hover {
  background-color: #009;
  color: #fff;
}


/*
This is what modifies the display position of the submenu.
*/
.submenu {
  color: #fff;
  background-color: #eee;
  border: 1px solid #999;
  position: absolute;
  visibility: hidden;
  left: 140px;
  width: 110px;
  text-decoration: none;
}


span.key {
  text-decoration: underline;
}




#productsMenu { width: 165px; }
#plansMenu { width: 160px; }
#coverageMenu { width: 160px; }
#companyInfoMenu { width: 165px; }
#helpMenu { width: 150px; }



4 menuExpandable.css

@import url(global.css);


.menuList {
  margin: 0px;
  padding: 10px 0px 10px 15px;
}


li.menubar {
  background: url(../images/plus.gif) no-repeat 0em 0.3em;
  font-size: 12px;
  line-height: 1.5em;
  list-style: none outside;
}


.menu, .submenu {
  display: none;
  margin-left: 15px;
  padding: 0px;
}


.menu li, .submenu li  {
  background: url(../images/square.gif) no-repeat 0em 0.3em;
  list-style: none outside;
}


li.menubar a.standalone {
  background: url(../images/square.gif) no-repeat 0em 0.2em !important;
}


a.actuator, a.standalone {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  padding-left: 15px;
  text-decoration: none;
}


.menu li a, .submenu li a {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  padding-left: 15px;
  text-decoration: none;
}


a.actuator:hover, .menu li a:hover, submenu li a:hover, li a.standalone:hover {
  text-decoration: underline;
}


/* styles to allow for base links */
li a.base, li a.base:visited {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  padding-left: 0px;
  text-decoration: none;
}


li a.base:hover {
  color: #CC0000;
  text-decoration: none;
}


span.key {
  text-decoration: underline;
}


a.highlight {
    color: red !important;
    font-weight: bold;
}

5 nicetabs.css

body {
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.5em Georgia,Serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
} 


body#nicetabs #content { padding-top: 20px !important}


html>body {font-size:small;}


#header {
  float:left;
  width:100%;
  background:#DAE0D2 url(../images/bg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;
  margin-bottom: 5px;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url(../images/left_both.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  white-space: nowrap;
}
  
#header a {
  float:left;
  display:block;
  width:.1em;
  background:url(../images/right_both.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
}


#header > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#header li.selected {
  background-position:0 -150px;
  border-width:0;
  }
#header li.selected a {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#333;
  }
#header li:hover a {
  background-position:100% -150px;
  }


/* copied from tabs.css */
.menuList li.selected ul.submenu {
    background: none;
    display: inline;
    left: -20px;
    position: absolute;
    top: 27px;
}


.menuList li.selected ul.submenu a {
    background: none !important;
    border-left: 1px solid #cccccc;
    color: #999999 !important;
    font-size: .98em;
    font-weight: bold;
    line-height: 12px;
    margin: 0 !important;
    text-decoration: none;
    padding-left: 15px !important;
    padding-right: 5px !important;
    width: auto !important;
}


.menuList li.selected ul.submenu a.selected {
    background: none;
    color: #333 !important;
}


.menuList li.selected ul.submenu a:hover {
    color: #333 !important;
}


.menuList ul.submenu {
    display: none;
    width: 90%;
}


.menuList li.selected ul.submenu li {
background: none !important;
border-bottom: 0 !important;
white-space: nowrap;
padding: 0;
}

6 tabs.css

body {
    background: #ffffff;
    font-family: Verdana, Helvetica, Arial;
    font-size: 80%;
    margin: 10px;
    padding: 0px;
}


#content {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-top: 0;
    clear: both;
    margin: 0px;
    padding: 15px;
}


/* IE doesn't read the padding from content */
#content h2 {
    margin-top: 30px;
}


/* Override margin for Mozilla to set to default */
body>#content h2 {
    margin-top: 15px;
}


.menuList {
    border-bottom: 1px solid #cccccc;
    margin: 0;
    padding-bottom: 19px;
    padding-left: 10px;
}


.menuList a:link, .menuList a:visited {
    background: #e8ebf0;
    border: 1px solid #cccccc;
    color: #666666;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}


.menuList a:link.active, .menuList a:visited.active{
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #000000;
}


.menuList a:hover {
    color: #ff0000;
}


.menuList li.selected a {
    background: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    color: #000000 !important;
    font-weight: bold !important;
}


.menuList li.selected ul.submenu {
    display: inline;
    left: 10px;
    position: absolute;
    top: 35px;
}


.menuList li.selected ul.submenu a {
    background: #ffffff;
    border: none;
    border-left: 1px solid #cccccc;
    color: #999999 !important;
    font-size: .98em;
    font-weight: bold;
    line-height: 12px;
    margin-right: 4px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}


.menuList li.selected ul.submenu a.selected {
    background: transparent;
    color: #000 !important;
}


.menuList ul a:hover, .menuList ul.submenu a:hover {
    color: #ff0000 !important;
}


.menuList ul, .menuList li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.menuList ul.submenu {
    display: none;
    width: 90%;
}



7 xtree.css

.webfx-tree-container {
margin: 0px;
padding: 0px;
font: icon;
white-space: nowrap;
}


.webfx-tree-item {
padding: 0px;
margin: 0px;
font: icon;
color: black;
white-space: nowrap;
}


.webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover {
margin-left: 3px;
padding: 1px 2px 1px 2px;
}


.webfx-tree-item a {
color: black;
text-decoration: none;
}


.webfx-tree-item a:hover {
color: blue;
text-decoration: underline;
}


.webfx-tree-item a:active {
background: highlight;
color: highlighttext;
text-decoration: none;
}


.webfx-tree-item img {
vertical-align: middle;
border: 0px;
}


.webfx-tree-icon {
width: 16px;
height: 16px;
}
.webfx-tree-item a.selected {
color: selectedtext;
background: selected;
}


.webfx-tree-item a.selected-inactive {
color: windowtext;
background: buttonface;
}