/*
	This style sheet includes styles for classes and id:s used in the site navigation parts (i.e. top menu, left menu, etc.)
*/

#domainNavigator {
	-moz-box-sizing: border-box;
	float: left;
	height: 30px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 8px;
	border-right: 1px solid White;
	font-size: 9px;
	color: #7c7c7c;
}

#domainNavigator select {
	-moz-box-sizing: border-box;
	width: 178px;
	font-size: 9px;
	color: #7c7c7c;
}

.languageSelector {
	-moz-box-sizing: border-box;
	float: left;
	width: 61px;
	height: 21px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}

/* English flag chosen */
#languageSelector_en {
	background-image: url(../graphics/languageSelectorFrame_en.gif);
}

/* Finnish flag chosen */
#languageSelector_fi {
	background-image: url(../graphics/languageSelectorFrame_fi.gif);
}

/* Swedish flag chosen */
#languageSelector_se {
	background-image: url(../graphics/languageSelectorFrame_se.gif);
}

#topNavigationFAQ {
	float: left;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 4px;
}

/* The rightmost part of the page head (Search field  and small logotype) */
#topNavigationRight {
	float: right;
}

#searchBox {
	-moz-box-sizing: border-box;
	float: left;
	background-image: url(../graphics/searchBoxFrame.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 193px;
	height: 30px;
	padding-top: 5px;
	padding-left: 8px;
}

#logotypeSmall {
	-moz-box-sizing: border-box;
	float: left;
	margin-top: 7px;
	margin-right: 10px;
	margin-left: 6px;
}

#topNavigationMenu {
}

/* The top menu */
#topNavigationMenu ul {
	-moz-box-sizing: border-box;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #494949;
}

/* A specific element in the top menu */
#topNavigationMenu li {
	float: left;
	margin: 0px;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
	border-right: 1px solid White;
}

#topNavigationMenu a {
	text-decoration: none;
	color: #494949;
}

#topNavigationMenu a:Hover {
	color: #a0a0a0;
}

#logotypeMain {
	float: left;
}

#taglineMain {
	float: left;
	margin-left: 17px;
	margin-top: 15px;
}

/* The left navigation menu */
#navigationLeftCanvas {
	-moz-box-sizing: border-box;
	font-size: 10px;
	padding-top: 18px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 18px;
}

#navigationLeftCanvas h3 {
	font-size: 11px;
	font-weight: bold;
	color: #83585a;
	margin-bottom: 8px;
	padding-left: 8px;
}

#navigationLeftCanvas ul {
	-moz-box-sizing: border-box;
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

/* A specific first level element in the left navigation menu */
#navigationLeftCanvas li {
	-moz-box-sizing: border-box;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-image: none;
	background-position: bottom;
	background-repeat: repeat-x;
}

#navigationLeftCanvas li.children {
	background-image: url(../graphics/icons/navigationChildNodes.gif);
	background-position: 0px right;
	background-repeat: no-repeat;
}

#navigationLeftCanvas li a {
	display: block;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	font-weight: bold;
	color: #696766;
	text-decoration: none;
	background-image: none;
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #f8f3f0;
}

#navigationLeftCanvas li ul {
	display: block;
	margin-top: 0px;
	background-color: White;
}

/* A specific second level element in the left navigation menu */
#navigationLeftCanvas li ul li {
	background-color: White;
}

#navigationLeftCanvas li ul li a {
	padding-left: 18px;
	font-weight: normal;
	color: #6c6c6c;
	background-image: url(../graphics/delimiterHorDotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: White;
}

#navigationLeftCanvas li ul li ul {
	display: none;
	margin-top: 0px;
	background-color: White;
}

/* A specific third level element in the left navigation menu */
#navigationLeftCanvas li ul li ul li {
	background-color: White;
}

#navigationLeftCanvas li ul li ul li a {
	padding-left: 28px;
	font-weight: normal;
	color: #6c6c6c;
	background-image: url(../graphics/delimiterHorDotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: White;
}

#navigationLeftCanvas li ul li ul li ul {
	display: none;
	margin-top: 0px;
	background-color: White;
}

/* A specific fourth level element in the left navigation menu */
#navigationLeftCanvas li ul li ul li ul li {
	background-color: White;
}

#navigationLeftCanvas li ul li ul li ul li a {
	padding-left: 38px;
	font-weight: normal;
	color: #6c6c6c;
	background-image: url(../graphics/delimiterHorDotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: White;
}

/* The bottom navigation menu */
#footerMenu {
	font-size: 10px;
	margin-bottom: 3px;
}

#footerMenu p {
	margin-bottom: 2px;
	color: #909090;
}

#footerMenu ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	list-style-type: none;
}

#footerMenu li {
	display: inline;
	color: #909090;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	border-left: 1px solid #909090;
}

#footerMenu span {
	color: #909090;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	border-left: 1px solid #909090;
}

/* The first element in the bottom navigation menu */
#footerMenu .firstElement {
	margin-left: 0px;
	border: none;
}

#footerMenu a {
	color: #909090;
	text-decoration: none;
}

/* The tagline in the page footer */
#footerLogo {
	clear: both;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* Sub-navigation in content area */
ul.fullListingNavigation {
	-moz-box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.fullListingNavigation li {
	margin: 0px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom: 1px solid #D7D7D7;
}

ul.fullListingNavigation li a {
	color: #494949;
	text-decoration: none;
}

ul.fullListingNavigation li a:hover {
	color: #a0a0a0;
	text-decoration: none;
}