body{
  font-family:helvetica, arial, sans-serif;
  font-size:12px;
}

.on-the-right{
  width:0px;
  position:absolute;
  top:0;
  overflow:visible;
  margin-left:100%;
}

.toolbar{
  background-image:url(../images/toolbarBody.png);
  padding-left:4px;
  border:1px solid #cccccc;
  border-bottom:1px solid #ffffff;
  position:relative;
}

.toolbar>div>.button{
  width:29px;
  height:24px;
  float:left;
  margin-right:4px;
  margin-top:0px;
  cursor:pointer;
}

#toolbar-down{
  font-size:18px;
  font-weight:bold;
  color:#333333;
  text-align:center;
  font-family:helvetica, arial, sans-serif;
  text-shadow: #ffffff 0px 1px 1px;
}

#url{
  height:20px;
  float:left;
  border:1px solid #b9b9b9;
  padding-right:4%;
  width:80%;
}

#left-field{
  float:left;
}

#right-field{
  float:right;
}

#center-field{
  display:block-inline;
  position:relative;
}

#center-field.min{
  margin-right:6px;
}

#center-field.full{
  margin-right:78px;
  margin-left:65px;
}

#web-canevas { 
    width:100%;
    position:relative;
}

#web-browser { 
    border:1px solid #cccccc;
    position:relative;
    width:100%;
}

.toolbar-body {
  display: table;
  width: 100%;
  height: 37px;

  /* IE hacks */
  position: relative !ie7;
}
.toolbar-body>div {
  display: table-cell;
  vertical-align: middle;

  /* IE hacks */
  position: absolute !ie7;
  top: 50% !ie7;
}

#toolbar-button-back{ background-image:url(../images/toolbarButtonBack.png) }
#toolbar-button-forward{ background-image:url(../images/toolbarButtonForward.png) }
#toolbar-button-home{ background-image:url(../images/toolbarButtonHome.png) }
#toolbar-button-languages{ background-image:url(../images/toolbarButtonLanguages.png) }

#toolbar-button-search{
  width:22px;
  height:22px;
  position:relative;
  margin-left:-22px;
  background-image:url(../images/toolbarButtonSearch.png);
  background-repeat:no-repeat;
  background-position:center center;
}

#toolbar-button-languages{
  width:66px;
}

#toolbar-button-back{
  margin-right:0px;
}