/* Työkalupalkin wrappaava elementti. 
	Piilotetaan aluksi, ja näytetään ohjelmallisesti kun data on valmis. */
.toolbar{
	
	}
	.toolbar ul,
	.toolbar li{
		margin:0;
}

.navigation-title{
	float:            left;
	margin-right:     5px;
	top:              -2px;
	position:         relative;
	}
	.navigation-title img{
		margin-right: 5px;
		top:          3px;
		position:     relative;
		border:       0;
	}
.navigation{
	list-style: none;
	color:      #c3c3c3;
	float:      left;
	padding:    0;
	margin:     0;
	}
	.navigation ul {
	    position:                   absolute;
	    overflow:                   visible;
	    left:                       -9999px;
	    background-color:           white;
	    margin-left:                -1px;
	    width:                      15em;
	    padding:                    5px;
	    border:                     1px solid #c3c3c3;
	    border-right-color:         #777777;
	    border-bottom-color:        #777777;
	    border-bottom-left-radius:  5px;
	    border-bottom-right-radius: 5px;
	    box-shadow:                 5px 5px 10px #888;
	}

	/* ykköstaso, ja perusarvot muille tasoille */
	.navigation li { 
	    position:         relative; 
	    float:            left;
	    display:          block;
		margin-right:     3px;
		text-align:       left;
		background-color: #fff;
	    border:           1px solid  #c3c3c3;
	    font-size:        14px;
	}
		/* Navigaation kuvake */
		.navigation li img{
			float:        left;
			border:       0;
		}
		.navigation ul li img{
			margin-left:  -22px;
		}

		/* iconsprite */
		.navigation li .icon{
			background:  url(../img/icons/icon_sprite.gif) 0 0 no-repeat;
			height:      16px;
			width:       16px;
			display:     block;
			float:       left;
			margin-left: -18px;
		}

	/* kakkostaso */
	.navigation ul li{
		background-color: white;
		padding:          0;
		border-width:     0;
		width:            100%;
		font-size:        12px;
	}

	/* muut tasot */
	.navigation ul ul li{}

/* Linkkien tyylit */
.navigation li.no-link .button{
	cursor: default;
	color:  #999;
}
.navigation li.no-link li .button{
	cursor: pointer;
	color:  #222;
}
.navigation li .button,
.navigation-title {
	padding:         2px 5px;
	display:         block;
	text-decoration: none;
	color:           #222;
}
.navigation li li .button {
	padding:    0.5em 0.2em 0.5em 2.3em;
	overflow-x: hidden;
}
.navigation li.selected{
	background-color: #eee !important;
}

/* Mouseover efektit */
.navigation li.hover{
	background-color: #eee !important;
	z-index:          100;
	color:            #555555 ;
}

.navigation li.hover a:hover{
	color: black;
}

.navigation li.hover ul ul, 
.navigation li.hover ul ul ul, 
.navigation li.hover ul ul ul ul, 
.navigation li.hover ul ul ul ul ul{
    display:                 none;
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
}

.navigation li.hover ul, 
.navigation ul li.hover ul, 
.navigation ul ul li.hover ul, 
.navigation ul ul ul li.hover ul, 
.navigation ul ul ul ul li.hover ul{
    display: block;
    left:    auto;
}

/* Alamenuindikaattori. Ensimmäisellä tasolla kokonaan piiloon */
.navigation li .toolbar-submenu-indicator{
	display: none;
}
.navigation ul li .toolbar-submenu-indicator{
	float:       right;
	display:     block;
	background:  url(../img/menu/dropdown/submenuindicator.gif) right no-repeat;
	position:    absolute;
	right:       5px;
}
.left ul li .toolbar-submenu-indicator{
	float:       left;
	margin-left: -20px;
	display:     block;
	background:  url(../img/menu/dropdown/submenuindicator-left.gif) left no-repeat;
}

/* Näppäinoikopolku piilotetaan ensimmäiseltä tasolta */
.navigation .toolbar-shortcut{
	float:        right;
	display:      none;
	margin-right: 10px;
}
.navigation ul li .toolbar-shortcut{
	display:      block;
}

/* Navigaation jakoviiva. Ensimmäisellä tasolla pystysuuntaan. */
.navigation li.toolbar-navigationseparator{
	border:        0;
	background:    none !important;
	padding-right: 4px;
	padding-left:  3px;
	height:        1.6em;
	}
	.navigation li.toolbar-navigationseparator span.hr{
		display:      block;
		border-right: 1px solid #c3c3c3;
		width:        1px;
		height:       100%;
	}
.navigation ul li.toolbar-navigationseparator{
	padding:     0;
	padding-top: 4px;
	height:      7px;
	}
	.navigation ul li.toolbar-navigationseparator span.hr{
		border:        0;
		display:       block;
		height:        1px;
		width:         auto;
		margin-left:   -5px;
		margin-right:  -5px;
		border-bottom: 1px solid #c3c3c3;
	}