/*********************************
** CSS-Vista-Look
** c2008 R.Kuczinski
*********************************/

#sidetitle_div {
	text-align: text-top;
	font:normal 20px 'Trebuchet MS','Verdana','Arial';
	letter-spacing: 0.05em;
	color:#fefefe;
	height: 26px;
	background:url(../img/grayscaleRK.gif) no-repeat right;
	padding:6 0 5 220;
}

.navbar_breadcrumbs {
	text-align: left;
	font:normal 11px 'Trebuchet MS','Tahoma','Verdana','Arial';
	color:#f0f0ff;
	height: 16px;
	line-height:16px;
	padding:0 0 0 10;
	text-decoration: none;
}
.navbar_breadcrumbs_pager {
	text-align: left;
	font:normal 11px 'Trebuchet MS','Tahoma','Verdana','Arial';
	color:#f0f0ff;
	height: 28px;
	line-height:18px;
	padding:0 0 2 10;
}

#vista_toolbar {
	font:normal 12px 'Trebuchet MS','Arial';
	margin:0;
	height: 32px;
	padding:4 0 10 0;
}

#vista_toolbar ul {
	background-image:url(../img/back_black.gif);
	background-repeat:repeat-x;
	float:left;
	line-height:32px;
	list-style:none;
	margin:0;
	padding:0 10px 0 10px;
	width:980px;
}

#vista_toolbar li {
	display:inline;
	padding:0;
}

#vista_toolbar a {
	color:#FFF; /* need because it will use default link color */
	float:left;
	padding:0 3px 0 3px; /* left 3 px because of left.png image */
	text-decoration:none;
}

#vista_toolbar a span {
	display:block;
	float:none;
	padding:0 10px 0 7px;
}

#vista_toolbar a span img {
	border:none;
	margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
	color:#FFF; /* need because it will use default link color */
	background: url(../img/left_hov_yellow.png) no-repeat left center;
}

#vista_toolbar a:hover span {
	background:url(../img/right_hov_yellow.png) no-repeat right center;
}

/* show picture when mouse over link */
#vista_toolbar_act {
	background: url(../img/left_act_red.png) no-repeat left center;
}

#vista_toolbar_act span {
background:url(../img/right_act_red.png) no-repeat right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}


#vista_pagebar {
	float:left;
	font:normal 11px 'Trebuchet MS','Arial';
	margin:0;
	padding:0;
}

#vista_pagebar ul {
	float:left;
	line-height:26px;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

#vista_pagebar li {
	/* width:54px; IE10 ERR */
	display:inline;
	margin:0;
	padding:0;
}

#vista_pagebar a {
	background: url(../img/left_hovtc_grey.png) no-repeat left center;
	color:#FFF; /* need because it will use default link color */
	float:left;
	padding:0 3px 0 3px; 	/* left 3 px because of left.png image */
	text-decoration:none;
}

#vista_pagebar a span {
	background: url(../img/right_hovtc_grey.png) no-repeat right center;
	display:block;
	float:none;
	padding:0 10px 0 7px;
}

#vista_pagebar a span img {
	border:none;
	margin:5px 4px 0 0;
}

/* show picture when mouse over link */
#vista_pagebar a:hover{
	color:#FFF; /* need because it will use default link color */
	background: url(../img/left_hovtc_yellow.png) no-repeat left center;
}

#vista_pagebar a:hover span {
	background: url(../img/right_hovtc_yellow.png) no-repeat right center;
}

a.vistabuttons {
	background: transparent url(../img/left_hovtc_grey.png) no-repeat left center;
	display: block;
	float: left;
	font:normal 11px 'Trebuchet MS','Arial';
	line-height: 26px;
	height: 26px;
	text-decoration: none;
}

a:link.vistabuttons, a:visited.vistabuttons, a:hover.vistabuttons, a:active.vistabuttons {
	padding:0 3px 0 3px; 	/* left 3 px because of left.png image */
	color: white; 			/* button text color */
}

a.vistabuttons span {
	background: transparent url(../img/right_hovtc_grey.png) no-repeat right center;
	display: block;
	padding: 0px 10px 0px 7px; /*Set 10px to be equal or greater than'padding-left' value above */
}

a:hover.vistabuttons { /* Hover state CSS */
	color:#FFF; 	/* need because it will use default link color */
	background: url(../img/left_hovtc_yellow.png) no-repeat left center;
}
a:hover.vistabuttons span { /* Hover state CSS */
	background: url(../img/right_hovtc_yellow.png) no-repeat right center;
}

/*------------------------------------------------------------------------*/

.buttonwrapper{ 	/* Container optional to surround a CSS button to clear float */
	overflow: hidden;
	width: 100%;
}
.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color: white;
	font:normal 11px 'Trebuchet MS','Arial';
	padding: 2 4 2 4;
	margin:0;
	background:url(../img/blockdefault.gif) left center;	/* s.a. blockdefault.gif blockactive.gif */
}
.formbutton:hover{
	color: yellow;
	font:normal 11px 'Trebuchet MS','Arial';
	padding: 2 4 2 4;
	background:url(../img/blockdefault.gif) left center;
}
.formbutton_s{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color: white;
	font:normal 9px 'Trebuchet MS','Arial';
	padding: 0 4 0 4;
	margin:0;
	background:url(../img/blockdefault_s.gif) left center;	/* s.a. blockdefault.gif blockactive.gif */
}
.formbutton_s:hover{
	color: yellow;
	font:normal 9px 'Trebuchet MS','Arial';
	padding: 0 4 0 4;
	background:url(../img/blockdefault_s.gif) left center;
}