/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/menus.css);


/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/
#menubar {
    background:none;
}
#menubar #menu{
  width:100%;
  background:url(../images/menu-item-green.png) repeat-x 0 0;
}
.menu-dropdown li.level1{
  background: url(../images/menubar.png) repeat-x 0 0;
}
#menubar ul.menu-dropdown:last-child{
  /*float:right;*/
  background:url(../images/menu-item-green.png) repeat-x 0 50%;
}
/* Level 1 */
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
  color: #fff;
  font-size:13px;
  text-shadow: 1px 0 0 #4B8EBC;
}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span { padding:2px 13px 2px 13px; background:url(../images/menu_separator.png) no-repeat 0 50%;}

.menu-dropdown li:last-child a.level1 > span,
.menu-dropdown li:last-child span.level1 > span,
.menu-dropdown li:first-child a.level1 > span,
.menu-dropdown li:first-child span.level1 > span{ background:none;}

#menu li:last-child a.level1,#menu li:last-child span.level1{background:url(../images/menu-item-green.png) repeat-x 0 50%;}
#menu li:last-child a.level1 span,#menu li:last-child span.level1 span{}

.sidebar-a-left .menu-dropdown:first-child li.level1:first-child .level1, 
.sidebar-b-left .menu-dropdown:first-child li.level1:first-child .level1 { border-top-left-radius: 0; }

/* Set Active */
.menu-dropdown a.level1.active { 
  color: #fff;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
  /*margin-left: -1px;
  border-left: 1px solid #bfc1c2;
  border-right: 1px solid #bfc1c2;
  background: #fff;
  background: -o-linear-gradient(top, #F6F6F6 0%, #fff 90%);
  background: -moz-linear-gradient(top, #F6F6F6 0%, #fff 90%);
  background: -webkit-linear-gradient(top, #F6F6F6 0%, #fff 90%);
  background: linear-gradient(to bottom, #F6F6F6 0%, #fff 90%);
  box-shadow: inset 0 1px 8px rgba(20,20,25,0.2);*/
}

.menu-dropdown:first-child li.level1:first-child:hover .level1,
.menu-dropdown:first-child li.remain:first-child .level1 {
  margin-left: 0;
  border-left: none;
}

.menu-dropdown li.level1.parent:hover .level1,
.menu-dropdown li.remain.parent .level1 { /*box-shadow: inset 0 4px 6px -2px rgba(0,20,50, 0.26); */}
.menu-dropdown li.level1.parent:hover .level1 > span,
.menu-dropdown li.remain.parent .level1 > span { height:28px; }

.sidebar-a-left .menu-dropdown:first-child li.level1:first-child:hover .level1,
.sidebar-a-left .menu-dropdown:first-child li.remain:first-child .level1,
.sidebar-b-left .menu-dropdown:first-child li.level1:first-child:hover .level1,
.sidebar-b-left .menu-dropdown:first-child li.remain:first-child .level1 { border-top-left-radius: 0; }

.menu-dropdown li span.separator{ cursor:pointer;}

/* Set OnClick */
.menu-dropdown li.level1:active .level1 { 

}

/* Drop-Down */
.menu-dropdown .dropdown {
  top: 32px;
  left: -7px;
}

.menu-dropdown li:hover .dropdown.flip,
.menu-dropdown li.remain .dropdown.flip { right: -5px; }

.menu-dropdown .dropdown-bg > div {
  margin: 5px;
  margin-top: 0px;
  padding: 5px;
  border: 1px solid #bfc1c2;
  border: 1px solid rgba(20,20,25,0.2);
  border-top: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #fff;
  background: -o-linear-gradient(top, #fff 0%, #f0f1f1 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #f0f1f1 100%);
  background: -moz-linear-gradient(top, #fff 0%, #f0f1f1 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f1f1 100%);
  box-shadow: 0 2px 5px rgba(20,20,25,0.2), 
        inset 0 0 0 1px #fff;
  background-clip: padding-box;
}

/* Level 2 */
.menu-dropdown a.level2 { color: #545454; }
.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span { padding: 5px 10px; }

/* Set Hover */
.menu-dropdown a.level2:hover,
.menu-dropdown a.current.level2:hover { 
  border-radius: 5px;
  color: #fff;
}

/* Set Current */
.menu-dropdown a.current.level2 { color: #545454; }

/* Level 3 */
.menu-dropdown a.level3 {
  margin-left: 10px; 
  padding-left: 15px;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #545454;
}
 
/* Set Hover */
.menu-dropdown a.current.level3:hover,
.menu-dropdown a.level3:hover { background-position: 0 -30px; }

/* Set Current */
.menu-dropdown a.current.level3 { 
  background-position: 0 -60px; 
  color: #797E85;
} 


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

.module.mod-box .menu-sidebar {
  margin: -20px -15px -13px;
  border-radius: 3px;
  overflow: hidden;
}

.mod-box .module-title + .menu-sidebar {
  margin-top: 0;
  padding-top: 4px;
  background: url(../images/module_box_dark_sidebar_header.png) 0 0 repeat-x;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Link */
.menu-sidebar a,
.menu-sidebar li > span { color: #545454; }

/* Level 1 */

.menu-sidebar li.level1 { background: url(../images/menu_sidebar_level1.png) 0 0 repeat-x; }
.menu-sidebar li.level1:first-child { background: none; }

.menu-sidebar li.level1 .level1 > span { padding: 7px 15px; }

/* Hover */
.menu-sidebar li.level1 .level1:hover {
  color: #fff;
  text-shadow: none;
}

/* Parent */
.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }

.menu-sidebar li.parent .level1 > span:hover,
.mod-box-dark .menu-sidebar li.parent .level1 > span { background-position: 100% -60px; }

.menu-sidebar li.parent.active .level1 > span { background-position: 100% -30px; }
.menu-sidebar li.parent.active .level1 > span:hover,
.mod-box-dark .menu-sidebar li.parent.active .level1 > span { background-position: 100% -90px; }


/* Current */
.menu-sidebar li.current .level1 { 
  background: #E5E5E5;
  background: -o-linear-gradient(top, #fff 10%, #E5E5E5 100%);
  background: -webkit-linear-gradient(top, #fff 10%, #E5E5E5 100%);
  background: -moz-linear-gradient(top, #fff 10%, #E5E5E5 100%);
  background: linear-gradient(to bottom, #fff 10%, #E5E5E5 100%);
  box-shadow: 0 -1px 0 rgba(20,20,25,0.1);
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
  color: #92979E;
}

/* Level 2-4 */
.module ul.level2 { margin: 0px 25px 0px 15px; }
.menu-sidebar ul.level2 ul { padding-left: 15px; }
.menu-sidebar ul.level2 a { 
  padding-left: 15px;
  background-position: 0 0;
  background-repeat: no-repeat; 
}

.menu-dropdown li.level3 { 
  font-size: 12px;
  line-height: 18px; 
}

.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 15px; }

/* Hover */
.menu-sidebar ul.level2 a:hover { background-position: 0 -30px; }

/* current */
.menu-sidebar .level2 a.current {
  background-position: 0 -60px;
  color: #6F6F70;
}


/* Module Box Dark */
.mod-box-dark .menu-sidebar a,
.mod-box-dark .menu-sidebar li > span { color: #DCE3EA;}

.mod-box-dark .menu-sidebar .level2 a:hover { text-shadow: 0 1px 0 rgba(20,20,25,0.5); }

.mod-box-dark .menu-sidebar .level2 a.current { 
  color: #44474C; 
  text-shadow: 0 1px 0 rgba(255,255,255,0.1);
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

#footer .menu-line { margin-bottom: 15px; }

.menu-line li {
  margin-left: 12px;
  padding-left: 14px;
  background: url(../images/menu_line_item.png) 0 50% no-repeat;
}

.menu-line li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}

.menu-line li a { text-shadow: 0 1px 0 rgba(255,255,255,0.4); }