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

#tabmenu {
	height: 30px;
	position: absolute;
	left: 5px;
	bottom: 9px;
}

#tabmenu .tab {
	float: left;
	position: relative;
	margin-left: 15px;
	cursor: pointer;
	width: auto;
}

#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: Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 5px;
}

#tabmenu .selected {
	float: left;
	position: relative;
	margin-left: 13px;
	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: Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 5px;
}

#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: Arial, Verdana;
	font-size: 13px;
	padding: 0px 5px;
}

#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;
}

.selected a {
	color: black;
	display: block;
}

#tabmenu .tab:hover a {
	color: white;
}

#tabmenu .selected:hover a {
	text-decoration: none;
}

#tabmenu .tab a {
	text-decoration: none;
}

#tabmenu .tab span.center img, .tab_selected span.center img {
	vertical-align: middle;
}