/* CSS for tab menu *//* Copyright 2009 Mainostoimisto Heinäkuu *//*********************************/


#tabmenu {	
	height: 30px;	
	position: absolute;	
	right: 10px;	
	top: 31px;
	}
	
#tabmenu .tab {	
	float: left;	
	position: relative;	
	margin-left: 20px;	
	cursor: pointer
	}
	
	
#tabmenu .tab span.left {	
	display: block;	
	width: 8px;	
	height: 30px;	
	background: url(images/tabmenu/tab_left.png) no-repeat;	
	position: absolute;	
	left: -8px;	
	top:0px;
	}
	
#tabmenu .tab span.right {	
	display: block;	
	width: 8px;	
	height: 30px;	
	background: url(images/tabmenu/tab_right.png) no-repeat;	
	position: absolute;	
	right: -8px;	
	top:0px;
	}
	
#tabmenu .tab span.center {	
	display: block;	
	height: 30px;	
	background: url(images/tabmenu/tab_center.png) repeat-x;	
	line-height: 30px;	
	font-family: Tahoma, Arial, Verdana;	
	font-size: 12px;	
	padding: -1px 3px;
	}
	
#tabmenu .selected {	
	float: left;	
	position: relative;
	margin-left: 20px;	
	cursor: pointer
	}

#tabmenu .selected span.left {	
	display: block;	
	width: 8px;	
	height: 30px;	
	background: url(images/tabmenu/tab_left_s.png) no-repeat;	
	position: absolute;	
	left: -8px;	
	top:0px;
	}
	
#tabmenu .selected span.right {	
	display: block;	
	width: 8px;	
	height: 30px;	
	background: url(images/tabmenu/tab_right_s.png) no-repeat;	
	position: absolute;	
	right: -8px;	
	top:0px;}
	
#tabmenu .selected span.center {	
	display: block;	height: 30px;	
	background: url(images/tabmenu/tab_center_s.png) repeat-x;	
	line-height: 30px;	
	font-family: Tahoma, Arial, Verdana;	
	font-size: 12px;	
	padding: -1px 3px;
	}

#tabmenu .tab:hover span.center {	
	display: block;	
	height: 30px;	
	background: url(images/tabmenu/tab_center_h.png) repeat-x;	
	line-height: 30px;	
	color: white;	
	font-family: Tahoma, Arial, Verdana;	
	font-size: 12px;	
	padding: -1px 3px;
	}
	
#tabmenu .tab:hover span.left {	
	display: block;	
	width: 8px;	
	height: 30px;	
	background: url(images/tabmenu/tab_left_h.png) no-repeat;	
	position: absolute;	
	left: -8px;	
	top:0px;
	}
	
#tabmenu .tab:hover span.right {	
	display: block;	
	width: 8px;
	height: 30px;	
	background: url(images/tabmenu/tab_right_h.png) no-repeat;	
	position: absolute;	
	right: -8px;	
	top:0px;}
	
#tabmenu .tab a {		
	color: black;	
	display: block;	
	font-weight: bold;
	}
	
#tabmenu .selected a {	
	color: #a68b00;	
	display: block;	
	font-weight: bold;
	}
	
#tabmenu .tab:hover a {	
	color: #ffffff;	
	font-weight: bold;
	}
	
#tabmenu .selected:hover a {	
	text-decoration: none;
	}
	
#tabmenu .tab a {	
	text-decoration: none;
	}