body {
  background-color: #65a4eb;
  padding: 9px;
  padding-bottom: 50px;
  margin: 0;
  background-image: url(../images/swsoftpoweredby.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#navArea img {
  display: block;
  margin: 0;
}

#navArea .node img,
#navArea .nodeActive img {
  display: inline;
  vertical-align: middle;
  margin: 0px;
}

/* ACTIVE OPENED tab */

.navOpened {
  background: url(../images/nav_bg.jpg) repeat-y;
  background-color: #bec6fe;
  margin-bottom: 4px;
}

.navTitle, .navTitleOver {
cursor: pointer;
cursor: hand;
}

.navOpened .navTitle, .navOpened .navTitleOver {
	height: 22px;
}

.navOpened .navTitle .titleText {
color: #0056b6;
font-weight: bold;
vertical-align: middle;
}

.navOpened .navTitleOver .titleText {
color: #428eff;
font-weight: bold;
vertical-align: middle;
}

.navOpened .titleLeft {
  background-color: transparent;
  background-image: url(../images/topleft.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.navOpened .titleRight {
  background-color: transparent;
  background-image: url(../images/topright.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.navOpened .titleHandle {
  background-color: transparent;
  background-image: url(../images/navopened.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.navClosed {
  background: url(../images/nav_bg.jpg) repeat-y;
  background-color: #bec6fe;
  margin-bottom: 4px;
}

.navClosed .navTitle, .navClosed .navTitleOver {
	height: 22px;
}

.navClosed .navTitle .titleText {
color: #0056b6;
font-weight: bold;
vertical-align: middle;
}

.navClosed .navTitleOver .titleText {
color: #428eff;
font-weight: bold;
vertical-align: middle;
}

.navClosed .titleLeft {
  background-color: transparent;
  background-image: url(../images/topleft.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.navClosed .titleRight {
  background-color: transparent;
  background-image: url(../images/topright.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.navClosed .titleHandle {
  background-color: transparent;
  background-image: url(../images/navclosed.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

div.tree {
	background-color: #d6dff5; 
	margin-left: 1px;
	margin-right: 1px;
	padding: 2px;
	padding-top: 3px;
	padding-bottom: 10px;
}

.navOpened .tree {
display: block;
}

.navClosed .tree {
display: none;
}

fieldset.shortcuts {
border-color: #a5caf3;
border-style: solid;
border-width: 1px;
padding: 2px;
padding-top: 5px;
padding-bottom: 8px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 5px;
}

fieldset.shortcuts legend {
color: #f5f5ff;
}

.shortcuts .node {
background-position: left top;
background-repeat: no-repeat;
padding-left: 22px;
margin-left: 10px;
display: block;
color: white;
text-decoration: none;
}

.shortcuts a.node:active, .shortcuts a.node:link, .shortcuts a.node:hover, .shortcuts a.node:visited {
color: white;
text-decoration: underline;
}

.shortcuts a.node:hover {
color: white;
text-decoration: underline;
}

.node, .nodeActive {
margin-top: 4px;
padding: 2px 0px;
vertical-align: middle;
}

.node .name, .nodeActive .name {
padding: 2px 3px;
margin-left: 2px;
}

.nodeActive {
}
.nodeActive .name {
	background-color: #3878bf;
}
.nodeImage {
background-position: right; 
background-repeat: no-repeat;
padding-left: 11px;
width: 27px;
}
#navLayout .nodeActive .name a, #navLayout .nodeActive .name a:hover, #navLayout .nodeActive .name a:visited, #navLayout .nodeActive .name a:active {
color: white;
text-decoration: underline;
}

#navLayout .name a {
color: #0056b6;
text-decoration: underline;
}

#navLayout .name a:hover {
text-decoration: underline;
color: #428eff;
}

#logo {
text-align: center;
}

.navSpecial {
  background-color: #E5E5FF;
  margin-bottom: 4px;
  padding-left: 4px;
  vertical-align: middle;
  height: 22px;
}

.navSpecial a.node, .navSpecial a.node:link, .navSpecial a.node:visited, .navSpecial a.node:active {
background-position: left top;
background-repeat: no-repeat;
padding: 1px 0px 0px 22px;
margin-top: 3px;
margin-left: 10px;
display: block;
color: #0056b6;
text-decoration: underline;
height: 16px;
}

.navSpecial a.node:hover {
text-decoration: underline;
color: #428eff;
}