﻿
/* menu::base */
/*div#menu { height:26px; }*/

div#menu ul { margin: 0; padding: 0; list-style: none; float: left; }
div#menu ul.menu { padding-left: 5px;}

div#menu li { position: relative; margin: 0; padding: 0; display: block; float: left;  /*transition: 0.2s 1s;*/   transition-delay:0s;   }
div#menu li:hover>ul { left: 0px;}

div#menu a { position: relative; display: block; float: left; line-height: 15px; text-decoration: none; font-family: Roboto, Open Sans, sans-serif;font-size: 13px; font-weight:lighter; }
div#menu a:hover, div#menu a:hover span { color: #FFF; }/*This code is edited by priyanka*/
div#menu ul li:hover>a	{ background-color:#3498db; color:#FFF; } /*This code is edited by priyanka*/
div#menu ul ul li:hover>a	{ background-color:#3498db; color:#FFF;  box-shadow:0px 2px 2px 0px #535353;} /*This code is edited by priyanka*/

div#menu li.current a {}

div#menu span { display: block; cursor: pointer; background-repeat: no-repeat; background-position: 100% 0;  font-weight:lighter;}
div#menu ul ul a.parent span { background-position:95% 8px; background-image: url(../images/item-pointer2.png);}
div#menu ul ul a.parent:hover span { background-image: url(../images/item-pointer-mover.gif); }
div#menu ul ul a.parent:focus span { background-image: url(../images/item-pointer-mover.gif !important);}
/*div#menu ul li a.parent{ font-weight:bold; }*/
div#menu ul li ul li a.parent{ font-weight:normal; }

/* menu::level1 */
div#menu a { padding: 10px 12px;  color: #fff; }
/*div#menu span { margin-top: 5px;
}*/
/**@replace#1*/
div#menu li {  }
div#menu li.last {}

/* menu::level2 */
div#menu ul ul li {border-right:0px solid f2f2f2; box-shadow:0px 2px 2px 0px #535353; margin-left:0px; transition: 0; z-index: 5002; /* delay of 1 seconds on hover off */ }
div#menu ul ul { position: absolute; top: 29px; left: -999em; width: 195px; padding: 5px 0 0 0;margin-top:1px; margin-left:0px; transition-delay:0.3s;}
div#menu ul ul a { padding:2px 5px; height: auto; float: none; display: block; line-height: 24px; color: #404040;}/*This code is edited by priyanka*/
div#menu ul ul span { margin-top: 0; padding-right: 15px; _padding-right: 20px;} /*This code is edited by priyanka*/
div#menu ul ul a:hover span { color: white;}/*this code is edited by priyanka*/ 
div#menu ul ul li.last { background: none; }
div#menu ul ul li { width: 100%;} 

/* menu::level3 */
div#menu ul ul ul { padding: 0; margin: -26px 0 0 195px !important; margin-left:172px;}
div#menu ul ul ul li { padding-left:0px;}
div#menu ul ul ul li:nth-of-child(first) { margin-top:-1px;}

/* colors */
div#menu ul ul li {background: #f9f9f9; }  /*This code is edited by priyanka*/
div#menu ul ul ul { background: #f9f9f9;border:1px solid #e4e4e4; max-height:500px; overflow:auto;  } /*This code is edited by priyanka*/
div#menu ul ul ul ul { background: rgb(1,59,85); }
div#menu ul ul ul ul { background: rgb(35,35,35); }

/*::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-button {
    background:#e4e4e4;
} ::-webkit-scrollbar-track-piece {
    background:#f9f9f9;
}
::-webkit-scrollbar-thumb { background: #eee}​*/


/* lava lamp */
div#menu li.back { background: url(/JIBE/images/lava.png) no-repeat right -44px !important; background-image: url(/JIBE/images/lava.gif); width: 13px; height: 44px; z-index: 5002; position: absolute; margin: -1px 0 0 -5px;}
div#menu li.back .left { background: url(/JIBE/images/lava.png) no-repeat top left !important; background-image: url(/JIBE/images/lava.gif); height: 44px; margin-right: 8px;}


.dropbtn{ cursor:pointer; font-weight:bold; line-height:21px; color:#404040; font-size:12px;}
.dropbtn:hover{ cursor:pointer; font-weight:bold; line-height:21px; color:#3498db; font-size:12px;}
.dropbtn:focus{ cursor:pointer; font-weight:bold; line-height:21px; color:#3498db; font-size:12px;}
.dropdown {position:relative; display:inline-block;}
.dropdown-content {display:none; position:absolute; z-index:999; background:#f9f9f9; min-width:115px;  box-shadow:0px 1px 2px 0px #acacac; right:0px;}
.dropdown-content a{display:block; text-decoration:none; text-align:left; line-height:15px;padding:5px; border-bottom:1px dotted #d9d9d9; color:#404040 !important;}
.dropdown-content a:hover{background:#3498db; color:#fff !important;}
.dropdown:hover .dropdown-content{display:block;}

.breadcrum {font-size:11px;  border-bottom:0px solid #d9d9d9; line-height:20px; margin:5px 10px 5px 10px; color:#929292 !important;}
.lastString {color:#535353; }

.breadcrum2 {font-size:11px; color:#535353; border-bottom:0px solid #d9d9d9; line-height:20px; margin:10px 0px 0px;display:none; }
.breadcrum2 span { color:#929292 !important;}