html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  background: url("../images/background.jpg") no-repeat !important;
  background-size: cover !important;
  background-position: 50% 50%;
}

#overlaymenu{ /*DG non implementato dall'agenzia TODO*/
  width: 100%;
  position:fixed;
  left:0px;
  top:0px;
  bottom:30px;
  background-color:#000000;
  z-index:19000;
  display:none;
  
  
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;  
  
}


#wrapper {
  width: 100%;
  position:fixed;
  left:0px;
  top:0px;
  bottom:30px;
  margin-bottom: -30px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
}
/*
#wrapper {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -30px;
}*/
.dashboard {
	height: 520px;
	width: 1280px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;  
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -260px;
    margin-left: -640px;	
	vertical-align:middle;
	
}
.dashboard .nav-icons {
  position: absolute;
  left: 0;
  right: 0;
  margin: 60px auto 18px auto;
  width: 940px;
}
.dashboard .nav-icons li {
  position: relative;
  overflow: hidden;
  width: 220px;
  height: 220px;
  margin: 0 20px 20px 0;
  float: left;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
}
.dashboard .nav-icons li.fourth {
  margin-right: 0;
}
.dashboard .nav-icons li a {
  height: 100%;
  width: 100%;
  display: block;
  color: #fff;
  text-decoration: none;
  background-position: 0 0;
  background-repeat: none;
}
.dashboard .nav-icons li a:hover {
  color: #f69222;
  background-position: 0 -220px !important;
}
.dashboard .nav-icons li a span {
  position: absolute;
  bottom: 2px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  width:100%;
}
.dashboard .nav-icons li .halfsize {
  width: 110px;
  height: 110px;
  overflow: hidden;
  float: left;
  position: relative;
}
.dashboard .nav-icons li .halfsize a.halfsize:hover {
  background-position: 0 -110px !important;
}
.dashboard .nav-icons li .halfsize a.halfsize span {
  font-size: 11px;
  line-height: 11px;
}
.wrapper-inner {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.push {
  height: 30px;
}
/* 
    Document   : header
    Created on : 30.01.2014, 10:41:32
    Author     : pli
    Description:
        Purpose of the stylesheet follows.
*/
#header {
  padding: 23px 0 0 0;
  height: 50px;
  width: 100%;
  position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
}
#header .header-text {
  text-align: center;
  font-size: 13px;
  line-height: 13px;
  font-style: italic;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #f69222;
  padding: 18px 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
}
#menu {
  display: block;
  background: url("../images/menu-button.png") no-repeat 0px 14px;
  height: 50px;
  width: 36px;
  font-size: 0;
  top: 23px;
  text-decoration: none;
  position: fixed;
  left: 50px;
  z-index: 100;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
}
#close {
  position: absolute;
  top: 30px;
  left: 308px;
  background: url("../images/close.png") no-repeat;
  height: 36px;
  width: 36px;
  display: none;
  z-index: 100;
  text-decoration: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
}
#logo {
  top: 23px;
  display: block;
  right: 50px;
  position: fixed;
  z-index: 100;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
}
#lnkSystem {
  top: 60px;
  display: block;
  right: 90px;
  position: fixed;
  z-index: 100;
  line-height: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #f69222;
  text-decoration: none;
  text-align:left;
  width:120px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
 
}
#lnkVersion {
  top: 60px;
  display: block;
  right: 50px;
  position: fixed;
  z-index: 100;
  line-height: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #f69222;
  text-decoration: none;
  text-align:right;
  width:60px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
}

#lnkSystem {
  top: 60px;
  display: block;
  right: 90px;
  position: fixed;
  z-index: 100;
  line-height: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #f69222;
  text-decoration: none;
  text-align:left;
  width:120px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  

}
#CustomLogo {
  top: 73px;
  display: block;
  right: 50px;
  position: fixed;
  z-index: 100;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;  
}


#footer {
  height: 30px;
  position: relative;
  z-index: 100;
}
#footer .footer-nav {
  height: 30px;
  background: url("../images/footer-nav.jpg") repeat-x;
}
#footer .footer-nav .taskbar {
  width: 70%;
  float: left;
  list-style: none;
}
#footer .footer-nav .taskbar li {
  float: left;
  margin-right: 1px;
}
#footer .footer-nav .taskbar li.active a {
  background: #5cb6e3;
  color: #ffffff;
}
#footer .footer-nav .taskbar li a {
  display: block;
  padding: 8px 26px;
  line-height: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #889298;
  text-decoration: none;
  background: #e3e7e9;
}
#footer .footer-nav .taskbar li a:hover {
  color: #ffffff;
  background: #5cb6e3;
}
#footer .footer-nav .task-icons {
  float: right;
}
#footer .footer-nav .task-icons li {
  height: 16px;
  float: left;
  padding: 7px 14px;
  color: #fff;
  font-size: 11px;
  background: url("../images/seperator.jpg") no-repeat right center;
}
#footer .footer-nav .task-icons li:last-child {
  background: none;
}
#footer .footer-nav .task-icons li span {
  padding-top: 3px;
  display: block;
}
#footer .footer-nav .task-icons li a.download-icon,
#footer .footer-nav .task-icons li a.report-icon,
#footer .footer-nav .task-icons li a.window-icon {
  display: inline-block;
  text-decoration: none;
  height: 16px;
  width: 16px;
}
#footer .footer-nav .task-icons li a.download-icon {
  background: url("../images/download.png") no-repeat center center;
}
#footer .footer-nav .task-icons li a.report-icon {
  background: url("../images/report.png") no-repeat center center;
}
#footer .footer-nav .task-icons li a.window-icon {
  background: url("../images/open-windows.png") no-repeat center center;
  margin-left: 10px;
}
.logo-bar {
  right: 50px;
  height: 40px;
  margin-bottom: 10px;
  width: 100%;
  background: url("../images/footer-bar.png") no-repeat right center;
  position: absolute;
  bottom: 30px;
}
.logobar-text {
  position: absolute;
  bottom: 40px;
  left: 0px;
}
.logobar-text span {
  display: block;
  font-size: 9px;
  color: #fff;
  padding: 0 0 16px 60px;
  font-family: Arial, Helvetica, sans-serif;
}
#side-navigation {
  z-index: 201;
  width: 280px;
  height: 100%;
  position: absolute;
  left: -280px;
  bottom: 30px;
  background: url("../images/sidenav-background.jpg") repeat-y left;
  overflow: hidden;
}
#side-navigation .sidenav-container {
  margin: 48px 0 18px 0;
  padding: 20px 30px;
  float: left;
}

#side-navigation .sidenav-container.additional-nomargin {
  position: relative;
  margin: 0 0 0 0;
  background: rgba(0, 0, 0, 0.22);
}

#side-navigation .sidenav-container.additional-nomargin.favourites {
  padding: 3px 0;
  overflow-y: auto;
  /*overflow: hidden;*/
  width: 100%;
}

#side-navigation .sidenav-container.additional-nomargin.favourites .side-nav {
  padding: 0 30px;
  line-height: 200px;
  /*height: 290px;*/
}

#side-navigation .sidenav-container.additional-nomargin.favourites .sub-side-nav {
  padding: 0 20px;
  line-height: 200px;
  /*height: 290px;*/
}

#side-navigation .sidenav-container.additional-nomargin .jspPane .nav-close {
  right: 0px;
}
#side-navigation .sidenav-container.additional-nomargin .nav-close {
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  right: 11px;
  top: 10px;
  background: url("../images/00-close.png") no-repeat center center;
}

#side-navigation .sidenav-container.additional {
  position: relative;
  margin: 0 0 20px 0;
  background: rgba(0, 0, 0, 0.22);
}

#side-navigation .sidenav-container.additional.favourites {
  padding: 20px 0;
  overflow-x: hidden;
  width: 100%;
}
#side-navigation .sidenav-container.additional.favourites .side-nav {
  padding: 10px 30px;
  width: 100%;
  /*overflow: hidden;*/
  overflow-y: auto;
  max-height: 300px;
  /* margin-bottom: auto;*/
}

#side-navigation .sidenav-container.additional.favourites .sub-side-nav {
  padding: 0 30px;
  line-height: 200px;
}

#side-navigation .sidenav-container.additional .jspPane .nav-close {
  right: 0px;
}
#side-navigation .sidenav-container.additional .nav-close {
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  right: 11px;
  top: 10px;
  background: url("../images/00-close.png") no-repeat center center;
}
#side-navigation .side-nav {
  list-style: none;
}
#side-navigation .side-nav li {
  float: left;
  margin-top: 10px;
  width: 100%;
  margin-bottom: 13px;
}
#side-navigation .side-nav li:last-child {
  margin-bottom: 0;
}
#side-navigation .side-nav li a {
  padding-left: 22px;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  text-decoration: none;
  display: block;
}
#side-navigation .side-nav li a.help {
  background: url("../images/01-user.png") no-repeat left center;
  max-height: none;
}
#side-navigation .side-nav li a.settings2 {
  background: url("../images/02-user.png") no-repeat left center;
}
#side-navigation .side-nav li a.panel {
  background: url("../images/03-user.png") no-repeat left center;
}
#side-navigation .side-nav li a.loggin {
  background: url("../images/04-user.png") no-repeat left center;
}
#side-navigation .side-nav li a.config {
  background: url("../images/05-user.png") no-repeat left center;
}
#side-navigation .side-nav li a.logout2 {
  background: url("../images/06-user.png") no-repeat left center;
}
#side-navigation .side-nav li a.recent {
  background: url("../images/07-openrecent.png") no-repeat left center;
}
#side-navigation .side-nav li a.example {
  background: url("../images/09-example.png") no-repeat left center;
  cursor: pointer;
}

#side-navigation .side-nav li a.custom-image {
  cursor: pointer;
}

#side-navigation .side-nav li a.favourites {
  background: url("../images/08-favourites.png") no-repeat left center;
  cursor: pointer;
}

#side-navigation .side-nav li a.omniamodules {
  background: url("../images/tabs.gif") no-repeat left center;
  cursor: pointer;
}

#side-navigation .side-nav li a:hover {
  color: #f69222;
}
#side-navigation .side-nav li a .location {
  font-size: 11px;
}

#side-navigation .side-nav li div.favourites {
  background: url("../images/08-favourites.png") no-repeat left center;
  cursor: pointer;
}

#side-navigation .side-nav li div.recents {
  background: url("../images/07-openrecent.png") no-repeat left center;
  cursor: pointer;
}

#side-navigation .side-nav li div.modules {
  background: url("../images/open-windows.png") no-repeat left center;
  cursor: pointer;
}

#side-navigation .side-nav li div:hover {
  color: #f69222;
}

#side-navigation .side-nav li div {
  padding-left: 22px;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  text-decoration: none;
  display: block;
}

#side-navigation .side-nav li div .under {
  padding: 10px 10px !important;
}

/* must be initially hidden */
.overlay-view {
  display: none;
  /* place overlay on top of other elements */

  z-index: 10000;
  /* styling */

  background-color: #5cb6e3;
  width: 720px;
  min-height: 420px;
  /* CSS3 styling for latest browsers */

  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}
.overlay-content {
  margin: 0 10px 10px 10px;
  height: 410px;
  position: relative;
  overflow: hidden;
  z-index: 200;
  
}
.overlay-content span.subline {
  color: #828c91;
  font-size: 11px;
  line-height: 11px;
}
.overlay-content .overlay-header {
  height: 25px;
  text-align: center;
  padding-top: 10px;
}
.overlay-content .overlay-header span {
  color: #ffffff;
  font-size: 13px;
}
.overlay-content .overlay-header .close {
  background: url("../images/04-close.png") no-repeat;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  height: 24px;
  width: 48px;
  display: block;
}
.overlay-content .overlay-header .window-icons {
  position: absolute;
  right: 60px;
  top: 0;
}
.overlay-content .overlay-header .logo {
  position: absolute;
  left: 10px;
  top: 10px;
}
.overlay-content ul.tabs {
  float: left;
  position: relative;
  z-index: 200;
  height: 375px;
  width: 54px;
  background: #5cb6e3;
}
.overlay-content ul.tabs li {
  width: 54px;
}
.overlay-content ul.tabs li a {
  width: 100%;
  height: 44px;
  display: block;
  cursor: pointer;
}
.overlay-content ul.tabs li a:hover {
  background-position: 0 -44px !important;
}
.overlay-content ul.tabs li a.current {
  background-position: 0 -88px !important;
}
.overlay-content ul.tabs li a.tab1 {
  background: url("../images/tab01.png") top center;
}
.overlay-content ul.tabs li a.tab2 {
  background: url("../images/tab02.png") top center;
}
.overlay-content ul.tabs li a.tab3 {
  background: url("../images/tab03.png") top center;
}
.overlay-content ul.tabs li a.tab4 {
  background: url("../images/tab04.png") top center;
}
.overlay-content ul.tabs li a.tab5 {
  background: url("../images/tab05.png") top center;
}
.overlay-content .panes .pane {
  width: 185px;
  height: 355px;
  background: #ffffff;
  position: absolute;
  z-index: 100;
  left: -185px;
  margin-left: 54px;
  display: none;
}
.overlay-content .panes .pane .close-arrow {
  background: url("../images/arrow-left-grey.png") no-repeat center center;
  display: block;
  border-left: 1px solid #828c91;
  width: 20px;
  height: 355px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.overlay-content .panes .pane .pane-content {
  width: 165px;
  height: 355px;
  padding: 10px;
  overflow-y: scroll;
}
.overlay-content .panes .pane .pane-content h1 {
  line-height: 16px;
  font-size: 15px;
  color: #1b8fc9;
  margin: 4px 0 10px 0;
}
.overlay-content .panes .pane .pane-content ul.tree {
  margin: 7px 0 46px 0;
  width: 146px;
}
.overlay-content .panes .pane .pane-content ul.tree li {
  margin-bottom: 5px;
}
.overlay-content .panes .pane .pane-content ul.tree li.folder.closed > a {
  color: #828c91;
}
.overlay-content .panes .pane .pane-content ul.tree li.folder.closed a.folder-icon {
  background: url("../images/09-file-open.png") no-repeat 0 0;
  background-position: 0 -16px;
}
.overlay-content .panes .pane .pane-content ul.tree li.folder.closed a.world-icon {
  background: url("../images/08-earth-open.png") no-repeat 0 0;
  background-position: 0 -16px;
}
.overlay-content .panes .pane .pane-content ul.tree li.folder .headline-world {
  color: #828c91;
}
.overlay-content .panes .pane .pane-content ul.tree li.folder a {
  text-decoration: none;
  padding-left: 36px;
  font-size: 11px;
  color: #1a88be;
  display: block;
  height: 16px;
  line-height: 16px;
}
.overlay-content .panes .pane .pane-content ul.tree li.folder a.headline-world {
  background: url("../images/01-world-hover.png") no-repeat 0 0;
}
.overlay-content .panes .pane .pane-content ul.tree li.folder a.world-icon {
  background: url("../images/08-earth-open.png") no-repeat 0 0;
}
.overlay-content .panes .pane .pane-content ul.tree li.folder a.folder-icon {
  background: url("../images/09-file-open.png") no-repeat 0 0;
}
.overlay-content .panes .pane .pane-content ul.tree li.folder ul {
  margin: 5px 0 0 10px;
}
.overlay-content .panes .pane .pane-content .jspPane {
  min-height: 335px;
}
.overlay-content .panes .pane .pane-content .jspVerticalBar {
  right: 21px;
}
.overlay-content .panes .pane .pane-content .jspVerticalBar .jspDrag {
  background: #828c91;
}
.overlay-content .panes .pane .pane-content .refresh-selection {
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/06-refresh-selectiontree.png") no-repeat center center;
  text-decoration: none;
}
.overlay-content .panes .pane .pane-content #search {
  position: absolute;
  bottom: 0;
  left: 0;
}
.overlay-content .panes .pane .pane-content #search .search {
  padding: 10px;
  background: #e3e7e9;
}
.overlay-content .panes .pane .pane-content #search .search input {
  height: 22px;
  width: 142px;
  border: 1px solid #eae9e9;
  font-size: 15px;
  color: #828c91;
}
.overlay-content .panes .pane .pane-content #search .search input.form-submit {
  background: url("../images/06-lupe.png") #ffffff no-repeat center center;
  border: 0 none;
  cursor: pointer;
  font-size: 0;
  height: 18px;
  text-indent: -9999px;
  width: 18px;
  z-index: 100;
  position: absolute;
  right: 13px;
  top: 13px;
}
.overlay-content .icon-bar {
  background: #ffffff;
  opacity: 0.8;
  width: 617px;
  height: 27px;
  position: absolute;
  top: 35px;
  left: 54px;
  padding-left: 10px;
}
.overlay-content .icon-bar .map-nav {
  position: relative;
}
.overlay-content .icon-bar .map-nav p {
  color: #11507b;
  font-size: 11px;
  padding: 8px;
  float: left;
}
.overlay-content .icon-bar .map-nav .toolbar {
  float: left;
  margin-top: 4px;
}
.overlay-content .icon-bar .map-nav .map-icon {
  background: url("../images/01-world-hover.png") no-repeat;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  margin: 5px 8px 0 0;
  text-decoration: none;
}
.overlay-content .icon-bar .map-nav .map-icon:hover {
  background-position: 0 -16px !important;
}
.overlay-content .icon-bar .refresh {
  float: right;
  position: relative;
  margin: 5px 16px 0 0;
}
.overlay-content #area-right {
  position: absolute;
  top: 35px;
  right: -210px;
  background: #ffffff;
  width: 211px;
  height: 335px;
  padding: 10px 0 10px 19px;
  overflow: hidden;
}
.overlay-content #area-right .area-content {
  padding: 0 0 0 10px;
  width: 191px;
  height: 335px;
}
.overlay-content #area-right .area-content .tab-nav {
  margin-top: 14px;
  float: left;
  width: 200px;
  border-bottom: 1px solid #1b8dc6;
  overflow: hidden;
  list-style: none;
  height: 21px;
}
.overlay-content #area-right .area-content .tab-nav li {
  float: left;
  height: 21px;
}
.overlay-content #area-right .area-content .tab-nav li a {
  padding: 6px 12px;
  color: #828c91;
  text-decoration: none;
  font-size: 11px;
  line-height: 12px;
  background: #ffffff;
}
.overlay-content #area-right .area-content .tab-nav li a.current {
  background: #1b8dc6;
  color: #ffffff;
}
.overlay-content #area-right .area-content .tabs {
  float: left;
  width: 200px;
}
.overlay-content #area-right .area-content .tabs .tab-content {
  overflow-y: scroll;
  display: none;
  width: 180px;
  padding: 10px;
  height: 298px;
}
.overlay-content #area-right .area-content .tabs .tab-content .jspVerticalBar {
  right: 0px;
}
.overlay-content #area-right .area-content .tabs .tab-content .jspVerticalBar .jspDrag {
  background: #828c91;
}
.overlay-content #area-right .area-content .tabs .tab-content .tree li {
  margin-bottom: 3px;
}
.overlay-content #area-right .area-content .tabs .tab-content .tree li.bulb {
  background: url("../images/07-lightbulb-orange.png") no-repeat 0 0;
  padding-left: 25px;
}
.overlay-content #area-right .area-content .tabs .tab-content .tree li.bulb.grey {
  background: url("../images/07-lightbulb-grey.png") no-repeat 0 0;
}
.overlay-content #area-right .area-content .tabs .tab-content .tree li a {
  color: #828c91;
  font-size: 11px;
  line-height: 12px;
  text-decoration: none;
  height: 13px;
  display: block;
  padding-top: 3px;
}
.overlay-content #area-right .area-content .tabs .tab-content .tree li.folder > a.world-icon {
  background: url("../images/08-earth-config-open.png") no-repeat 0 -16px;
  padding-left: 34px;
}
.overlay-content #area-right .area-content .tabs .tab-content .tree li.folder.closed > a.world-icon {
  background: url("../images/08-earth-config-open.png") no-repeat 0 0;
}
.overlay-content #area-right .area-content .tabs .tab-content .tree li.folder ul {
  margin: 3px 0 0 -25px;
}
.overlay-content #area-right .area-content .tabs .tab-content .tree li.folder ul li {
  padding-left: 50px;
}
.overlay-content #area-right .area-content .tabs .tab-content .tree li.folder ul li ul {
  margin: 3px 0 0 -50px;
}
.overlay-content #area-right.closed .close-area {
  background: url("../images/arrow-right-white.png") #5cb6e3 no-repeat center center;
  border: 1px solid #ffffff;
}
.overlay-content #area-right .close-area {
  background: url("../images/arrow-right-grey.png") no-repeat center center;
  display: block;
  border-right: 1px solid #828c91;
  width: 18px;
  height: 355px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.overlay-content #area-bottom {
  position: absolute;
  height: 175px;
  background: #ffffff;
  left: 0;
  bottom: -155px;
  width: 700px;
  z-index: 300;
}
.overlay-content #area-bottom.closed .close-area {
  background: url("../images/arrow-bottom-white.png") #5cb6e3 no-repeat center center;
  border: 1px solid #ffffff;
}
.overlay-content #area-bottom .close-area {
  background: url("../images/arrow-bottom-grey.png") no-repeat center center;
  display: block;
  border-bottom: 1px solid #828c91;
  border-top: 1px solid #ffffff;
  width: 698px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.overlay-content #area-bottom .table-content {
  padding-top: 30px;
  height: 145px;
}
.overlay-content #area-bottom .table-content .table-container {
  overflow-y: scroll;
  height: 110px;
}
.overlay-content #area-bottom .table-content .table-container .jspVerticalBar {
  right: 0px;
}
.overlay-content #area-bottom .table-content .table-container .jspVerticalBar .jspDrag {
  background: #828c91;
}
.overlay-content #area-bottom .table-content .subline {
  margin-left: 10px;
}
.overlay-content #area-bottom .table-content #event-table {
  margin-top: 10px;
  width: 700px;
  font-size: 11px;
  line-height: 11px;
  text-align: left;
  color: #828c91;
}
.overlay-content #area-bottom .table-content #event-table tr.first-row {
  background: #e3e7e9;
}
.overlay-content #area-bottom .table-content #event-table tr.first-row th {
  vertical-align: middle;
}
.overlay-content #area-bottom .table-content #event-table tr {
  height: 20px;
}
.overlay-content #area-bottom .table-content #event-table tr.even {
  background-color: rgba(234, 238, 240, 0.4);
}
.overlay-content #area-bottom .table-content #event-table tr.odd {
  background-color: rgba(234, 238, 240, 0.6);
}
.overlay-content #area-bottom .table-content #event-table tr td {
  vertical-align: middle;
}
.overlay-content #area-bottom .table-content #event-table .type {
  width: 45px;
  padding-left: 15px;
}
.overlay-content #area-bottom .table-content #event-table .time {
  width: 143px;
}
.overlay-content #area-bottom .table-content #event-table .device {
  width: 107px;
}
.overlay-content #area-bottom .table-content #event-table .code {
  width: 107px;
}
.overlay-content #area-bottom .table-content #event-table .message {
  width: 218px;
}
.overlay-content #area-bottom .table-content #event-table .note {
  width: 80px;
}
.overlay-content #area-bottom .table-content .bottom-bar {
  width: 700px;
  height: 25px;
}

/* 
    Document   : login
    Created on : 05.03.2014, 15:07:17
    Author     : pli
    Description:
        Purpose of the stylesheet follows.
*/
.login {
  left: 0;
  right: 0;
  width: 328px;
  position: absolute;
  margin: 0 auto;
  margin-top: 145px;
}
.login h2 {
  font-style: italic;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #f69222;
  margin-bottom: 25px;
  text-align: center;
}
.login #login-form .form-control {
  margin-bottom: 14px;
  overflow: hidden;
  padding-left: 37px;
}
.login #login-form .form-control.error {
  background: url(../images/error.png) no-repeat 4px 27px;
}
.login #login-form .error-message {
  margin-top: 6px;
  float: left;
}
.login #login-form .error-message span {
  color: #ff001d;
  font-size: 13px;
  font-weight: bold;
}
.login #login-form input[type="text"],
.login #login-form input[type="password"] {
  height: 24px;
  width: 231px;
  border-radius: 5px;
  float: left;
  clear: left;
  border: 3px solid #fff;
  padding: 5px;
}
.login #login-form input[type="text"].error,
.login #login-form input[type="password"].error {
  border: 3px solid #ff001d;
}
.login #login-form input[type="submit"] {
  border: 0;
  width: 130px;
  height: 30px;
  color: #fff;
  background: #5cb6e3;
  margin-top: 15px;
  margin-left: 37px;
  cursor: pointer;
}
.login #login-form label {
  float: left;
  clear: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  margin-bottom: 4px;
}
.login #login-form select {
  width: 247px;
  border-radius: 5px;
  float: left;
  clear: left;
  padding: 5px;
  border: 3px solid #FFFFFF;
  height: 40px;
  line-height: 24px;
}