#LeftPanel{position:relative;z-index:1;left:6px}
.sf-menu.sf-side-menu li ul{}
.sf-menu.sf-side-menu a {
  border: 1px solid #e7e7e7;
  color: #004b91 !important;
  cursor:pointer
}
.sf-navbar.sf-side-menu a {
  border: 0;
}
.sf-menu.sf-side-menu li,
.sf-navbar.sf-side-menu {
  background: #fff;
}
.sf-menu.sf-side-menu li li {
  background: #fff;
}
.sf-menu.sf-side-menu li ul{border:1px solid #e70200;left:171px}
.sf-menu.sf-side-menu li li li {
  background: #f5f5f5;
}
.sf-menu.sf-side-menu li:hover,
.sf-menu.sf-side-menu li.sfHover,
.sf-menu.sf-side-menu li.active a,
.sf-menu.sf-side-menu a:focus,
.sf-menu.sf-side-menu a:hover,
.sf-menu.sf-side-menu a:active,
.sf-navbar.sf-side-menu li li {
	text-decoration:none;
  background:#e70200;
  color:#fff !important;
}
.sf-navbar.sf-side-menu li ul {
  background-color: #e9e9e9;
  width: 100%;
}
.sf-navbar.sf-side-menu li ul li ul {
  background-color: transparent;
}
.sf-menu.sf-side-menu .sf-sub-indicator {
  background-image: url('../../Images/mos/arrows-777777.jpg');
}
.sf-menu.rtl.sf-side-menu .sf-sub-indicator {
  background-image: url('Images/arrows-777777-rtl.png');
}
.sf-menu.sf-side-menu li.sfHover{color:#fff !important}
.sf-menu.sf-side-menu li.sfHover a{text-decoration:none;color:#fff !important}
.sf-menu.sf-side-menu li.sfHover a span{display:none}
.sf-menu.sf-side-menu li.sfHover ul li a{color:#004B91 !important}
.sf-menu.sf-side-menu li.sfHover ul li a:hover{color:#fff !important}
.sf-menu.sf-side-menu li.sfHover ul{overflow:hidden}
.leftnavImg{width:13px;height:13px;margin:5px 3px 5px 5px;float:left;position:relative;z-index:999}
/*.ContentDiv{width:600px;float:left} this line cause the problem*/