#navi {
	width: 170px;
	margin-left: 5px;

}

/* voi poistaa kun kaikki sivut saadaan uudelle alustalle  */
.navi2 {
	width: 170px;

}

.tuoteryhmat {
	background: #FFFFFF url(../img/kapeahaive_bg.gif) no-repeat scroll center bottom;
	padding-bottom:25px;
	width:166px;
}

.naviheader {
	background: #FFFFFF url(../img/kapeahaive_top.gif) no-repeat scroll center bottom;
	height:29px;
}

.naviheader span {
	color: #999999;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	margin-left:25px;
	display:block;
	padding-top: 4px;
}

.navicontent {
	margin: 5px 10px;
}

.navicontentLogin {
	width: 140px;
	height:120px;
	margin-top: 5px;
	margin-left: 10px;	
}

#jataIlmoitus, #tuoteryhmat, #lukuaika, #apulinkit {
	width: 146px;
}

#apulinkit, #tuoteryhmat {
	border-bottom: none;
}

#apulinkit {
    height: 100%;
    border-collapse: collapse; 
    border-spacing: 0;
}

.apulinkit {
	width: 146px;
    height: 100%;
}

#jataIlmoitus IMG.naviHeading, #lukuaika IMG.naviHeading {
	border-bottom: none;
}

.naviBoxMargin {
	margin: 0;
	padding: 0;
	height: 5px;
	line-height: 5px;

}

.naviBoxMarginOma {
	margin: 0;
	padding: 0;
	height: 3px;
	line-height: 3px;

}

/*    PÄÄNAVIGAATIO  */

UL.mainNavi {
	padding: 0;
	margin: 0;
	line-height: 19px;
}

UL.mainNavi LI {
	list-style-type: disc;
	list-style-image: url(../img/bullet_arrow.gif);	
	list-style-position: outside;
	margin: 2px 0 0 28px;
}

ul.mainNavi li.inner {
	line-height:11px;
	color:#000099;
	margin:0 0 10px 0;
	padding:0;
	list-style-type: none;
	list-style-image: none;	
	list-style-position: outside;
}

ul.mainNavi a, ul.mainNavi a:visited {
	color: #666666;
	text-decoration:none;
}

ul.mainNavi a:hover {
	color: #000000;
	}

ul.mainNavi li.inner a:link, ul.mainNavi li.inner a:visited, ul.mainNavi li.inner a:active {
	color: #000099;
}

ul.mainNavi li.inner a:hover {
	color: #0000ff;
	}

/*
##############################
#
#	LINKIT & USER
#
##############################
*/

.linkContainer IMG {
	margin:3px 0;
}
INPUT.topSearchField {
	background: url("../img/header_search_bg.gif") top left repeat-x;
	border:1px solid #CCCCCC;
	width:250px;
	margin: 0 3px 0 0;
}

INPUT.inputField {
	border:1px solid #8ab;
	margin: 0 3px 0 0;
}

#username.markup {
	background: url("../img/markupUsername.gif") no-repeat 5px 6px;
}

#password.markup {
	background: url("../img/markupPassword.gif") no-repeat 5px 5px;
}

.linkContainer INPUT {
	display:block;
	width:125px;
	margin:5px 0 0 5px;
}

.linkContainer .links {
	margin:10px 0 0 0;
}

.linkContainer span {
	display:block;
	color: #666;
	font-size:11px;
	margin-left:15px;
}

.linkContainer a {
	color: #b22424;
	text-decoration: none;
	font-size:11px;
}
	
.linkContainer span.loginName {
	font-weight: bold;
}

.statusPersonal {
	float:left;
	width:150px;
	overflow: hidden;
		
}
.statusPersonal .textContainer {
	float:left;
	padding:10px 5px 0 5px;
	height:60px;
}

.statusPersonal .textContainer .loggedInText {
	font-weight: bold;
}
.statusPersonal .linkContainer {
	float:left;
	margin:0;
}

/*
##############################
#
#	Buttonit
#
##############################
*/

span.actionbutton {
		display: block;
		float: left;
		padding: 0 !important;
		background: url("../../images/afs/extras/kepo/button_left.gif") no-repeat 0 0;
		margin: 5px 0 0 5px;
		position: relative;
		
	}
	
span.actionbutton button { 
		display: block;
		color: #128 !important;
		padding: 3px 8px 3px 8px !important;
		background: transparent url("../../images/afs/extras/kepo/button_right.gif") no-repeat 100% 0 !important;
		border: 0;
		font-family:Arial,Verdana,Helvetica,sans-serif;
		font-size: 12px;
		font-weight: normal;
		height: 23px !important;
		margin-right: 0px !important;
	}
	
.actionbutton a { 
		display: block;
		color: #128 !important;
		padding: 5px 12px 5px 0 !important;
		background: transparent url("../../images/afs/extras/kepo/button_right.gif") no-repeat 100% 0 !important;
		border: 0;
		font-family:Arial,Verdana,Helvetica,sans-serif;
		font-size: 12px;
		font-weight: normal;
	}
	
.actionbutton button:hover {
		color: #000 !important;
		text-decoration: none;
		background: transparent url("../../images/afs/extras/kepo/button_strong_right.gif") no-repeat 100% 0 !important;
	}
	
.actionbutton a:hover {
		color: #000 !important;
		text-decoration: none;
		background: transparent url("../../images/afs/extras/kepo/button_strong_right.gif") no-repeat 100% 0 !important;
	}
	
.actionbutton:hover {
		color: #000 !important;
		text-decoration: none;
		background: url("../../images/afs/extras/kepo/button_strong_left.gif") no-repeat 0 0;
	}

.actionbuttonEnd {
		clear:both;
	}