.left{float: left;}
.right{float: right;}
div#eltoro_topbar {
  font-family: Aria, sans-serif;
  font-size: 14px;
  color: #7a7979;
}

div#eltoro_topbar a {
  color: #dedede;
  text-decoration: none;
}
div#eltoro_topbar a:hover {
  text-decoration: underline;
}

div#eltoro_topbar {
  width: 100%;
  height: 25px;
  background: #212121 url(image/topbar_background.png) repeat-x;
  position: fixed;
  top: 0;
  z-index: 90;
}

div#eltoro_topbar div.left {
  padding: 4px 0 0 3%;
}

div#eltoro_topbar div.right {
  padding: 0 3% 0 0;
}

div#eltoro_topbar div.right .btn {
  height: 25px;
  display: block;
  background: url(image/topbar_separator.png) no-repeat right top;
  float: right;
}  

div#eltoro_topbar div.right .btn:hover {
  background: #3e3e3e url(image/topbar_separator.png) no-repeat right top;
  cursor: pointer;
  text-decoration: none;
}

div#eltoro_topbar div.right span#btn_login {
  height: 21px;
  display: block;
  padding: 4px 10px 0 26px;
  background: url(image/topbar_user.png) no-repeat 5px center;  
  color: #e8e8e8;
  position: relative;
  z-index: 2;
}

div#eltoro_topbar div.right span#btn_logout {
  height: 21px;
  display: block;
  padding: 4px 10px 0 26px;
  background: url(image/topbar_logout.png) no-repeat center 2px;  
  color: #e8e8e8;
  position: relative;
  z-index: 2;
}

div#eltoro_topbar div.right span.btn.selected {
  border: 1px solid #a3a3a3;
  border-bottom: none;
}

div#eltoro_topbar div.right span.btn.selected span#btn_login {
  color: black;
  padding: 3px 9px 0 25px;
  background: #f0f0f0 url(image/topbar_user_selected.png) no-repeat 5px center;  
}

div#eltoro_topbar div.right span#help {
  width: 36px;
  height: 25px;
  display: block;
  background: url(image/topbar_help.png) no-repeat center center;
}

div#eltoro_topbar div.right span#admin {
  width: 36px;
  height: 25px;
  display: block;
  background: url(image/topbar_admin.png) no-repeat center center;
}

div#eltoro_topbar div.right span#web {
  width: 36px;
  height: 25px;
  display: block;
  background: url(image/topbar_web.png) no-repeat center center;
}

div#eltoro_topbar div.right div#user_login {
  display: none;
  position: absolute;
  width: 159px;
  height: 148px;
  background: url(image/topbar_user_background.png) no-repeat;
  top: 24px;
  right: 100px;
  padding: 11px 10px 10px 10px;
  z-index: 1;
  text-align: left;
}

div#eltoro_topbar div.right div#user_login span#user_name {
  color: black;
  font-weight: bold;
}

div#eltoro_topbar div.right div#user_login span#user_mail {
  color: #777777;
  width: 155px;
  display: block;
  overflow: hidden;
}

div#eltoro_topbar div.right div#user_login span#user_role {
  display: block;
  margin-top: 10px;
  color: #777777;
}

div#eltoro_topbar div.right div#user_login div.user_btns {
  border-top: 1px solid #acacac;
  margin: 13px 4px 0 0;
  padding-top: 5px;
  line-height: 18px;
}

div#eltoro_topbar div.right div#user_login div.user_btns a {
  color: black;
  text-decoration: underline;
}

div#eltoro_topbar div.right div#user_login div.user_btns a:hover {
  text-decoration: none;
}
div#eltoro_topbar div.right a span#web_edit,
div#eltoro_topbar div.right a span#web_editPage{
    padding-top: 4px;
    display: block;
    margin: 0 10px;
}

#heatmapArea{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1000;
        display: block;
        visibility: hidden;
}