#bottom_div{
width: 100%;
background-color: #000000;
clear:both;
}

#vista_toolbar {
float:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:0;
padding:0;
width:100%;
background-image:url(back_black.png);
background-color:#ffffff;
background-repeat:repeat-x;
}

#vista_toolbar ul {

float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;

}

#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{
/*background: url(left.png) no-repeat left center;*/
background:url(/images/hover.png) repeat-x left bottom;
/*background-color:#A9A9A9;*/
}

#vista_toolbar a:hover span {
/*background:url(right.png) no-repeat right center;*/
background:url(../images/hov.png) repeat-x left center;
/*background-color:#A9A9A9;*/
}
#vista_toolbar a.selected {
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;
background: url(left_selected_original.png) no-repeat left center;
}

#vista_toolbar a.selected span {
display:block;
float:none;
padding:0 10px 0 7px;
background:url(right_selected_original.png) no-repeat right center;
}
#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

#vista_toolbar_original {
float:left;
font:normal 11px 'Trebuchet MS','Arial';
margin:0;
padding:0;
width:100%;
background-image:url(back_black.png);
background-repeat:repeat-x;
}

#vista_toolbar_original ul {

float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;

}

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

#vista_toolbar_original 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_original a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar_original a.selected {
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;
background: url(left_selected_original.png) no-repeat left center;
}

#vista_toolbar_original a.selected span {
display:block;
float:none;
padding:0 10px 0 7px;
background:url(right_selected_original.png) no-repeat right center;
}

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

/* show picture when mouse over link */
#vista_toolbar_original a:hover{
background: url(left_original.png) no-repeat left center;
}

#vista_toolbar_original a:hover span {
background:url(right_original.png) no-repeat right center;
}

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



#vista_toolbar_transparent40 {
float:left;
font:bold 13px 'Arial';
margin:0;
padding:0;
width:100%;
background: url(back_black.png) repeat-x;
}

#vista_toolbar_transparent40 ul {

float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;

}

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

#vista_toolbar_transparent40 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_transparent40 a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar_transparent40 a.selected {
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;
background: url(left_selected20.png) no-repeat left center;
}

#vista_toolbar_transparent40 a.selected span {
display:block;
float:none;
padding:0 10px 0 7px;
background:url(right_selected20.png) no-repeat right center;
}

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

/* show picture when mouse over link */
#vista_toolbar_transparent40 a:hover{
background: url(left_transparent20.png) no-repeat left center;
}

#vista_toolbar_transparent40 a:hover span {
background:url(right_transparent20.png) no-repeat right center;
}

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

#vista_toolbar_transparent40b {
float:left;
font:normal 11px 'Trebuchet MS','Arial';
margin:0;
padding:0;
width:100%;
background:#000000 url(/images/vista_black_grad.png) repeat-x left bottom;

border-top:0px solid #CCCCCC;
}

#vista_toolbar_transparent40b ul {

float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;

}

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

#vista_toolbar_transparent40b 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_transparent40b a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar_transparent40b a.selected {
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;
background: url(left_selected20.png) no-repeat left center;
}

#vista_toolbar_transparent40b a.selected span {
display:block;
float:none;
padding:0 10px 0 7px;
background:url(right_selected20.png) no-repeat right center;
}

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

/* show picture when mouse over link */
#vista_toolbar_transparent40b a:hover{
background: url(left_transparent40b.png) no-repeat left center;
}

#vista_toolbar_transparent40b a:hover span {
background:url(right_transparent40b.png) no-repeat right center;
}

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

#vista_toolbar_transparent20 {
float:left;
font:normal 13px 'Arial';
margin:0;
padding:0;
width:100%;
background:#000000 url(/images/vista_black_grad.png) repeat-x left bottom;

border-top:0px solid #CCCCCC;
}

#vista_toolbar_transparent20 ul {

float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;

}

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

#vista_toolbar_transparent20 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_transparent20 a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar_transparent20 a.selected {
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;
background: url(left_selected20.png) no-repeat left center;
}

#vista_toolbar_transparent20 a.selected span {
display:block;
float:none;
padding:0 10px 0 7px;
background:url(right_selected20.png) no-repeat right center;
}

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

/* show picture when mouse over link */
#vista_toolbar_transparent20 a:hover{
background: url(left_transparent20.png) no-repeat left center;
}

#vista_toolbar_transparent20 a:hover span {
background:url(right_transparent20.png) no-repeat right center;
}

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