﻿/*----------------------------------------------------------
						TOOLBAR CSS
----------------------------------------------------------*/

/* CONTAINER */
.toolbar
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 22px;
	border-bottom: solid 1px #CCC9C6;
	background: url("Images/toolbar_back.gif") top right repeat;
	overflow: hidden;
}
	/* A en IMG */
	.toolbar a
	{
	}
		.toolbar a:hover
		{
			text-decoration: none;
		}
	
	.toolbar img
	{
		vertical-align: middle;
	}
	
	/* ALLE KNOPPEN EN SEPARATOR */
	.toolbar .toolbarItem,
	.toolbar .toolbarSeparator,
	.toolbar .toolbarItem_disabled
	{
		float: left;
		padding: 4px;
		padding-top: 2px;
		font-weight: bold;
		font-size: 10px;
		color: #303030;
	}
		.toolbar .toolbarItem:hover
		{
			background: url("Images/toolbaritem_back_hover.jpg") top right repeat;
			cursor: pointer;
			color: #000000;
		}
	
	/* DISABLED KNOP */
	.toolbar .toolbarItem_disabled
	{
		filter: alpha(opacity=30);
		opacity: .3;
		color: #FFFFFF;
	}
		.toolbar .toolbarItem_disabled:hover
		{
			cursor: default;
		}
	
	/* SEPERATOR */
	.toolbar .toolbarSeparator
	{
		background: url("Images/toolbar_separator.gif") top right no-repeat;
		width: 2px;
		padding: 0px;
		margin-left: 6px;
		margin-right: 6px;
		margin-top: 3px;
	}