/*********************************************
  CPG Dragonflyâ„¢ CMS
  ********************************************
  Copyright © 2004 - 2007 by CPG-Nuke Dev Team
  http://dragonflycms.org

  Dragonfly is released under the terms and conditions
  of the GNU GPL version 2 or any later version

  $Source: /cvs/themes/reDesign/style/cpgmm.css,v $
  $Revision: 1.4 $
  $Author: estlane $
  $Date: 2007/10/23 19:53:09 $
**********************************************/

/*    ------  Basic style ------    */
#menu {
  font: bold 11px Arial, Tahoma, sans-serif;/*For horizontal menu*/
  height: 27px;
  display: inline;
  
}

#menu a {
  float: left;/* \*/float: none;/*  */
  display: block;
  text-decoration: none;
  text-align: center;
  color: #FFF;/*muudab kõik ära*/
}
#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: 20px;
  line-height: 27px;
  background-color: #808000;
}
/*horizontal menu item(be sure to change in submenu)*/
#menu li {
  float: left;
  position: relative;
  white-space: nowrap;
  min-width: 70px;
  display: block;
  border-left: 1px solid #C0C0FF;
  border-right: 1px solid #C0C0FF;
  margin-left: -1px;/*overlap borders*/
  padding: 0 5px 0 5px;
}

/*submenu*/
#menu li ul {
  line-height: normal;
  visibility: hidden;
  position: absolute;
  z-index: 10;
  /* width of the dropdown lists*/
  width: 140px;
  border: 0;
  background: transparent;
  padding: 0;
  margin-left: -6px;
}
/*submenu item*/
#menu li ul li {
  font: normal 11px Arial, Tahoma, sans-serif;
  width: 100%;
  position: static;
  padding: 2px 0 2px 0;/*top and bottom padding*/
  border: 1px solid #FFF;
  border-top: 0;
  background: #9eb2c1 url(http://diili.org/themes/soccer/images/menu_leftbg.gif) repeat-y top left;
  margin: 0;/*for no effect from horizontal menu*/
}


#menu li ul li.first {
  border-top: 1px solid #FFF;
}
/*current submenu item */
#menu li ul li.current {
  background-color: #F0AA64;
  background-image: none;
}

/*mainmenu link while hovering*/
#menu li:hover a {
}

/*mainmenu item while hovering*/
#menu li:hover {
  background: #95CCF5 url(../images/menu.jpg) repeat-x;
}

/*submenu item while hovering*/
#menu li ul li:hover {
  position: relative;
  background-color: #95CCF5;
  background-image: none;/*Don't use main menu's bg*/
  color: #FFF;
  border: 1px solid #FFF;
  border-top: 0;
}

#menu li ul li.first:hover {
  border-top: 1px solid #FFF;
}

#menu li ul li.current:hover {
  background-color: #F0AA64;
  background-image: none;
}

#menu li ul a {
  text-align: left;
}

#menu li:hover li a, #menu li li a, #menu li li:hover li a, #menu li li li a,
#menu li li:hover li:hover li a, #menu li li li li a {
  color: #293894;
}

#menu li li:hover a, #menu li li li:hover a, #menu li li:hover li:hover li:hover a {
  color: #FFF;
}

/*#menu li:hover li a                   {color: #293894;}
#menu li li a                         {color: #293894;}
#menu li li:hover a                   {color: #FFF;}
 #menu li li:hover li a                {color: #293894;}
 #menu li li li a                      {color: #293894;}
 #menu li li li:hover a                {color: #FFF;}
  #menu li li:hover li:hover li a       {color: #293894;}
  #menu li li li li a                   {color: #293894;}
  #menu li li:hover li:hover li:hover a {color: #FFF;}*/

/* this is for the triangular arrow on the end of a category link*/
#menu li ul a.submenu {
  background: url(../images/arrow.gif) no-repeat top right;
}
/* next 3 classes control the small images/symbols for categories, list links*/
#menu li span {
  float: left;
  width: 12px;/*same as adminicon*/
  height: 2px;/* if no content */
  margin: 0 4px 0 1px; /* 1px = (14-12)/2  4px = 1px+3px as text left padding*/
  text-align: center;
  font: bold 11px Tahoma, Arial, sans-serif;
}
/*main menu dot*/
#menu li b {
  font: bold 11px Tahoma, Arial, sans-serif;
  display: none;/*disable*/
}
#menu li img {
  float: left;
  height: 12px;
}

.sblack {
  color: #000000;
  font-weight: bolder;
  visibility: hidden;
}
.sgreen {
  color: #32CD32;
  font-weight: bolder;
  visibility: hidden;
}
.sred {
  color: #FF0000;
  font-weight: bolder;
}
.sgray {
  color: #C0C0C0;
  font-weight: bolder;
}

/* fix the position */
#menu li ul li ul {
  top: 0;
  left: 100%;
}

* html #menu li li a {
width: 96px;
w\idth: 86px;
}

/* simulate child selector for IE */
div#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul {
visibility: visible;
}

#menu li:hover li ul, #menu li:hover li:hover li ul, #menu li:hover li:hover li:hover li ul {
visibility: hidden;
}

/* do the normal show, with increased specificity */
#menu ul#menuList li:hover > ul {
visibility: visible;
}


#menu li.currentcategory, #menu li.currentcategory:hover {
  background: #95CCF5 url(http://diili.org/themes/soccer/images/backgrounds/menu.jpg) repeat-x 0 -54px;
}