/* toolbar styles */

body
{
  background: #D8D8D8;
  font-family: Arial;
  font-size:12px;
  margin:0px;
}

.webtoolbar
{
  width:100%;
  display:inline-block;
  padding:0;
  margin:0;
  background:black;
  padding-top:2px;
  padding-bottom:2px;
  font-family: Arial;
  font-size:12px;
  border-bottom: #404040 1px solid;
}

.webtoolbar .workspace
{
  color: white;
}

.webtoolbar img
{
  vertical-align:middle;
  margin:0;
  border:0;
}

.webtoolbar .workspaceSelect
{
  vertical-align: middle;
  font-family: arial;
  font-size: 11px;
  margin-right: 2px;
}

.webtoolbar SPAN.block1
{
  display:inline-block;
  float:left;
  text-align:left;
  vertical-align:bottom;
}

.webtoolbar SPAN.block2
{
  display:inline-block;
  float:right;
  text-align:right;
}

.webtoolbar img.matrixLogo
{
  vertical-align: middle;
}

.webtoolbar .matrixVersion
{
  color:white;
  font-size:10px;
  margin-left:6px;
  margin-right:32px;
  vertical-align:middle;
}

.webtoolbar .selectedButton
{
  float:none;
  display:inline-block;
  font-family:Arial; 
  font-size:12px;
  color:white;
  text-decoration:none;
  border:#808080 1px solid;
  padding:2px;
  margin-right:2px;
  background:#E00000;
  vertical-align:middle;
  width:auto;
  overflow:visible;
}

.webtoolbar .unselectedButton
{
  float:none;
  display:inline-block;
  font-family:Arial;
  font-size:12px;
  color:white;
  text-decoration:none;
  border:#808080 1px solid;
  padding:2px;
  margin-right:2px;
  background:black;
  vertical-align:middle;
  width:auto;
  overflow:visible;
}

.webtoolbar .imageButton img
{
  vertical-align: middle;
  margin:2px;
  border:0px;
}