/**

 *********************************************

 * Prototype of styles for horizontal CSS-menu

 * @data 30.06.2009

 *********************************************

 * (X)HTML-scheme:

 *  <div id="menu">

 *      <ul class="menu">

 *          <li><a href="#" class="parent"><span>level 1</span></a>

 *              <ul>

 *                  <li><a href="#" class="parent"><span>level 2</span></a>

 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>

 *                  </li>

 *              </ul>

 *          </li>

 *          <li class="last"><a href="#"><span>level 1</span></a></li>

 *      </ul>

 *  </div>

 *********************************************

 */



/* menu::base */

div#menu {

    height:25px;

	padding-left:0;

}



div#menu ul {

    margin: 0;

    padding: 0;

    list-style: none;

    float: left;

}





div#menu li {

    position: relative;

    z-index: 9;

    margin:0 1px;

    padding:0 5px 0 0;

    display: block;

    float: left;

}

div#menu li:hover>ul {

    left: -1px;

}



div#menu a {

    position: relative;

    z-index: 10;

    height:25px;

    display: block;

    float: left;

    line-height:25px;

    text-decoration: none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	text-transform:uppercase;

	font-weight: bold

	}

	

div#menu a:hover, div#menu a:hover span { color:#fff;}

div#menu a:hover { color:#fff; }

div#menu li.current a {}





div#menu span {

    display: block;

    cursor: pointer;

    background-repeat: no-repeat;

    background-position: 95% 0;

}

div#menu ul ul a.parent span {

    background-position:96% 4px;

    background-image: url(../images/item-pointer.gif);

}

div#menu ul ul a.parent:hover span {

    background-image:url(../images/item-pointer-mover.gif);

}



/* menu::top level */

div#menu a {

	padding:0 4px;

    line-height: 25px;

    color:#1f546c;

	}

	

div#menu span {

    margin-top:0;

	color:#1f546c;

	}

	

div#menu ul a:hover span {

    color:#1f546c;

	}

	

div#menu ul ul ul span {

	color:#1f546c;

	}

	

div#menu ul ul ul a:hover span {

	color:#1f546c;

	}





div#menu li { background:none/* url(../images/main-delimiter.png) 98% 4px no-repeat;*/ }

div#menu li.last { background: none; }



/* menu::level1 */

div#menu ul ul li { background: none; }

div#menu ul ul {

    position: absolute;

    top: 24px;

    left: -999em;

    width:170px;

    padding: 5px 0;

    background:#bcd7dd;

    margin-top:1px;

	margin-left:-3px;



}

div#menu ul ul a {

    padding: 5px 0 5px 8px;

    height: auto;

    float: none;

    display: block;

    line-height:1.4em;



}

div#menu ul ul span {

    margin-top: 0;

    padding-right:5px;

	text-transform:none;

	font-weight:normal;

 }



div#menu ul ul a:hover span {

/*	background-color:#666*/

color:#FFF

}



div#menu ul ul li.last { background: none; }

div#menu ul ul li {

    width: 100%;

}



/* menu::level2 */

div#menu ul ul ul {

    padding: 5px 0;

    margin: -29px 0 0 170px !important;

	width:185px;

}



/* menu::level3 */

div#menu ul ul ul ul {

    padding: 5px 0;

    margin: -29px 0 0 185px !important;

	width:170px;

}



/* colors

div#menu ul ul ul {     color:#1f546c; }

div#menu ul ul ul ul {     color:#1f546c; }

div#menu ul ul ul ul {     color:#1f546c; }*/





/* lava lamp */

div#menu li.back {

    background: url(../images/lava.png) no-repeat right -25px !important;

    background-image: url(../images/lava.gif);

    width: 46px;

    height: 25px;

    z-index: 8;

    position: absolute;

   	margin: 0 0 0 -5px;

}

div#menu li.back .left {

    background: url(../images/lava.png) no-repeat top left !important;

    background-image: url(../images/lava.gif);

    height: 25px;

    margin-right: 8px;

}