/* simple css-based tooltip */ 
div.tooltip {
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 

    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

#demotip {
    display:none; 
    background:transparent url(../images/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;
}

/* compact mode */
ul.admin-menu-compact {
  padding: 0;
  margin: 0;
  float: left;
}

ul.admin-menu-compact li.leaf {
  background-color:#FFFFFF;
  border:1px solid silver;
  float: left;
  height: 85px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 5px;
  padding:0;
  text-align:center;
  width:110px;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}

ul.admin-menu-compact li.last {
  margin-right: 10px;
}

ul.admin-menu-compact a {
  display: block;
  height: 60px;
  padding: 18px 10px 5px;
  text-decoration: none;
  width: 90px;
}

ul.admin-menu-compact a:hover {
  background-color: #f4f4f4;
  border: 1px solid #c0c0c0;
  height: 60px;
  margin-left:-1px;
  margin-top:-1px;
  padding: 18px 10px 7px;
  width: 90px;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}