.nestedsidemenu {font: normal 16px/24px Verdana, sans-serif; position:relative; width:160px;}
.nestedsidemenu ul {z-index:100; margin:0; padding:0; position:relative; list-style:none;}
.nestedsidemenu ul li {position:relative;}
.nestedsidemenu ul li a, .nestedsidemenu ul li span {display:block; position:relative; color:#000000; padding: 8px 8px; text-decoration:none;}
.nestedsidemenu ul li a:link, .nestedsidemenu ul li a:visited {color:#111111;}
.nestedsidemenu ul li:hover > a {background:#EEEEEE;}
.nestedsidemenu ul li a img {width:24px; height:24px; float:right;}
.nestedsidemenu ul li a code {float:left; font: normal 12px/24px tahoma;}
.nestedsidemenu ul li ul {position:absolute; left: -5000px; top:0; opacity:0; width:170px; visibility: hidden; box-shadow: 2px 2px 5px gray; -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s; transition: opacity .3s, visibility 0s .3s, left 0s .3s;}
.rtl .nestedsidemenu ul li ul {box-shadow: -2px 2px 5px gray;}
.nestedsidemenu ul li:hover > ul {visibility: visible; left: 100%; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s;}
.rtl .nestedsidemenu ul li:hover > ul {left: auto; right: 100%;}
.nestedsidemenu ul li ul li {display: list-item; float: none;}
.nestedsidemenu ul li ul li ul {top: 0; left: 100%;}
.nestedsidemenu ul ul li:hover > a {background:#FFFFFF;}
.nestedsidemenu ul ul li:hover > ul {left: 100%;}
.nestedsidemenu ul li ul li a {font: normal 16px/24px Verdana, sans-serif; padding:6px 10px; margin:0; background:#EEEEEE; border-right:none; border-top-width: 0;}
.nestedsidemenu ul li > a {padding-right: 25px;}
.rtl .nestedsidemenu ul li > a {padding-right: 0px; padding-left: 25px;}
.nestedsidemenu ul li > a:only-child {padding-right: 10px;}
.rtl .nestedsidemenu ul li > a:only-child {padding-right: 0px; padding-left: 10px;}
.nestedsidemenu ul li > a:after {content: ""; position: absolute; height: 0; width: 0; border: 5px solid transparent; border-left-color: #FFFFFF; top: 40%; right: 8px;}
.rtl .nestedsidemenu ul li > a:after {right: auto; left:8px; border-right-color: #FFFFFF; border-left-color: transparent; }
.nestedsidemenu ul li > a:only-child:after {display: none;}
@media (max-width: 923px) {
.nestedsidemenu ul li:nth-last-of-type(-n+1) ul li:hover > ul {left: -100%; }
}
@media (max-width: 500px) {
.nestedsidemenu{width: 100%; }
.nestedsidemenu ul li > a:after {content: ""; position: absolute; height: 0; width: 0; border: 5px solid transparent; border-left-color: transparent; border-top-color: #fff; top: 40%; right: 8px; }
.nestedsidemenu ul li {position: static; }
.nestedsidemenu ul li ul {width: 100%; border-top: 2px solid rgba(0,0,0,.6); display: none; }
.nestedsidemenu ul li:hover > ul {display: block; left: 0 !important; top: auto; box-shadow: 0 0 12px gray; }
.rtl .nestedsidemenu ul li:hover > ul {right: 0 !important;}
}
/* Nested Side Bar Menu
 Project URL: http://www.dynamicdrive.com/style/csslibrary/item/nested_side_bar_menu/
*/