/* =THSiteMapMenu
-----------------------------------------------------------------------------*/

/* MainMenu EI OLE KÄYTÖSSÄ TÄSSÄ PROJEKTISSA! */
/*------------ THSiteMapMenu - MainMenu ------------*/

/* Päätygraffa */
.MainMenuLeftEnd
{
	/* Ei käytössä */
	display: none;
	
	position: absolute;
	width: 1px;
	height: 50px;
	background: #6e9fda;
	overflow: hidden;
}

/* Päätygraffa */
.MainMenuRightEnd
{
	/* Ei käytössä */
	display: none;
	
	float: right;
	width: 1px;
	height: 20px;
	position: relative;
	top: -1px;
	background: #fff url(../Images/Site/menu1-left.gif) no-repeat;
	overflow: hidden;
}

/* Wrapperi */
.MainMenuWrapper
{
	height: 50px;
	white-space: nowrap;
	/*background: #559eb8 url(../Images/Site/menu1-bg.gif);*/
	/*border-top: solid 1px #559eb8;*/
}

/* Jokainen taso */
.MainMenuWrapper ul 
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	/*background: #3367a6;*/
}

/* Jokainen taso */
.MainMenuWrapper li
{
	position: relative;
}

/* Jokainen taso */
.MainMenuWrapper a.menulink
{
	/* Tämä fiksaus vain IE6:lle (and below). */
	_float: left;

	display: block;
	font-weight: bold;
	color: #fff;
	height: 10px;
	/*margin-top: 3px;*/
	padding: 18px 10px 22px 10px;
	border-right: 1px solid #618abf;
}

/* 2. ja alemmat tasot */
.MainMenuWrapper ul li ul li a.menulink
{
	padding-top: 10px;
	padding-bottom: 15px;
	border: none;
	font-size: 90%;
}
/* 2. ja alemmat tasot, 1. item */
.MainMenuWrapper ul li ul li.first a.menulink {	padding-top: 15px }
/* 2. ja alemmat tasot, vika item */
.MainMenuWrapper ul li ul li.last a.menulink { padding-bottom: 22px }

/* Jokainen taso */
.MainMenuWrapper a.menulink:hover
{
	text-decoration: underline;
	cursor: pointer;
}

/* Jokainen taso - valittu itemi */
.MainMenuWrapper a.menulink.selected
{
	text-decoration: underline;
}

/* 1. taso */
/* Sama tyyli juurilinkille */
/*.MainMenuWrapper>ul>li,*/
.MainMenuWrapper ul li,
.MainMenuWrapper .RootLinkWrapper
{
	float: left;
	/*background: url(../Images/Site/menu1-separator.gif) no-repeat right top;*/
}

/* Juurilinkki - tarvitsee hieman erikoishuomiota. */
.MainMenuWrapper .RootLinkWrapper
{
	position: relative;
}

/* 2. ja alemmat tasot */
.MainMenuWrapper ul li ul li
{
	float: none;
	background: #3367a6;
}

/* 1. taso - valitun itemin lisägraffa */
/* Sama tyyli juurilinkille */
/*.MainMenuWrapper>ul>li>div.arrow,
.RootLinkWrapper>div.arrow*/
/*.MainMenuWrapper ul li div.arrow,
.RootLinkWrapper div.arrow
{
	position: absolute;
	top: 18px;
	width: 100%;
	height: 11px;
	background: transparent url(../Images/Site/menu1-arrow.gif) no-repeat center top;
}*/

/* 2. ja alemmat tasot */
/*.MainMenuWrapper ul li ul li div.arrow
{
	background: none;
	height: 0;
	width: 0;
}*/

/* 2. ja alemmat tasot */
/*.MainMenuWrapper>ul>li ul*/
.MainMenuWrapper ul li ul
{
	display: none;
	position: absolute;
	left: -1px;
	top: 50px;
	border: solid 1px #6e9fda;
}

/* 2. ja alemmat tasot */
/*.MainMenuWrapper ul li:hover >ul*/
.MainMenuWrapper ul li:hover >ul
{
	display: block;
	z-index: 100;
}

/* 3. ja alemmat tasot */
/*.MainMenuWrapper>ul>li>ul>li ul*/
.MainMenuWrapper ul li ul li ul
{
	left: 40px;
}

/*------------ THSiteMapMenu - FooterMenu ------------*/

.FooterMenuWrapper
{
	margin-top: 20px;
}
	
.FooterMenuWrapper ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Jokainen taso */
.FooterMenuWrapper ul li a
{
	display: block;
	color: #fff;
	margin-bottom: 5px;
}
.FooterMenuWrapper ul li a:hover
{
	text-decoration: underline;
}

/* Jokainen taso - valittu itemi */
.FooterMenuWrapper ul li a.selected
{
	/*font-weight: bold;*/
}

/* Tasokohtainen sisennys / tyyli */
.FooterMenuWrapper ul a { display: none; }
.FooterMenuWrapper ul ul a { display: none; }
.FooterMenuWrapper ul ul ul a { display: none; }
.FooterMenuWrapper ul ul ul ul a { display: none; }

/*------------ THSiteMapMenu - SideMenu ------------*/

/* Sivuvalikon otsikkolinkit */
.side-menu-title
{
	/*background: #EFEFEF;*/
	/*padding: 5px;*/
	padding-bottom: 17px;
	border-bottom: 1px solid #306bb7;
}
.side-menu-title,
.side-menu-title a
{
	font-size: 14px;
	font-weight: bold;
	color: #306bb7 !important;
}

/* Wrapperi */
.SideMenuWrapper
{
	width: 100%;
	padding-bottom: 10px;
	/*background: #fff url(../Images/Site/header-bg.jpg) repeat-x;*/
	white-space: nowrap;
	/*border: solid 1px #E8E8E8;*/
	margin-bottom: 10px;
	overflow: hidden;
}

/* Jokainen taso */
.SideMenuWrapper ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Jokainen taso */
.SideMenuWrapper ul li a
{
	display: block;
	color: #333;
	height: 17px;
	padding: 5px 5px 5px 0px;
	border-bottom: solid 1px #efefef;
}

/* Jokainen taso */
.SideMenuWrapper ul li a:hover
{
	/*background: #e9e9e9;
	text-decoration: none;*/
}

/* Jokainen taso - valittu itemi */
.SideMenuWrapper ul li a.selected
{
	font-weight: bold;
}

/* Piilotetaan kaikki alitasot */
/*.SideMenuWrapper ul li ul
{
	display: none;
}*/

/* Tasokohtainen tyyli */
.SideMenuWrapper ul a { padding-left: 0px; }
.SideMenuWrapper ul ul a { padding-left: 10px; }
.SideMenuWrapper ul ul ul a { padding-left: 20px; }
.SideMenuWrapper ul ul ul ul a { padding-left: 30px; }
.SideMenuWrapper ul ul ul ul ul a { padding-left: 40px; }

/* SiteMapTree
-----------------------------------------------------------------------------*/

/*responsiivinen stailaus*/

.SiteMapTreeHiddenLevel { display: none; }

.SiteMapTreeNodeLevel0 a,
.SiteMapTreeNodeLevel1 a,
.SiteMapTreeNodeLevel2 a,
.SiteMapTreeNodeLevel3 a,
.SiteMapTreeNodeLevel4 a,
.SiteMapTreeNodeLevel5 a
{
	white-space: normal;
	line-height: 1;
}

td.SiteMapTreeNodeLevel0,
td.SiteMapTreeNodeLevel1,
td.SiteMapTreeNodeLevel2,
td.SiteMapTreeNodeLevel3,
td.SiteMapTreeNodeLevel4,
td.SiteMapTreeNodeLevel5
{
	padding-bottom: 10px;
}

/* Tasokohtainen sisennys */
td.SiteMapTreeNodeLevel0 { padding-left: 0px; }
td.SiteMapTreeNodeLevel1 { padding-left: 10px; }
td.SiteMapTreeNodeLevel2 { padding-left: 20px; }
td.SiteMapTreeNodeLevel3 { padding-left: 30px; }
td.SiteMapTreeNodeLevel4 { padding-left: 40px; }
td.SiteMapTreeNodeLevel5 { padding-left: 50px; }