/**
 * @file
 * Navigation Styling
 */


/*
 * Markup generated by theme_menu_tree().
 */

ul li.expanded {
  *list-style-image: url(../images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(../images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  color: #000;
}

/*
 * Navigation bar
 */

#navigation {
  display: none;
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
}

#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation ul.menu { /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li,
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#main-menu {
}

#secondary-menu {
  float: right; /* LTR */
}

/*
 * Menu blocks
 */

.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}

/*
 *
 * Simplemenu customization
 *
 */
.simplemenu-block, ul#simplemenu {
  height: 38px;
  }
ul#simplemenu {
  width: 1000px;
  border-top: 0;
  background: #666 url(../images/simplemenu-bkgd.png) 0 0 repeat-x scroll;
  }
ul#simplemenu>li,
ul#simplemenu>li:hover,
ul#simplemenu>li.sfHover {
  background: #666 url(../images/simplemenu-bkgd.png) 0 0 repeat-x scroll;
  height: 19px;
  padding-top: 19px;
  }
ul#simplemenu>li>a {
  margin-top: -1em;
  font-weight: bold;
  text-shadow: 0 1px black;
  }
ul#simplemenu ul.menu li.expanded.sfHover>a,
ul#simplemenu ul.menu li.sfHover,
ul#simplemenu ul.menu li:hover,
ul#simplemenu ul.menu a:hover {
  background-color: #DDD;
  color: #FFF;
  }
ul#simplemenu a:hover, ul#simplemenu a:active {
  background-color: transparent;
  }
ul#simplemenu>li:hover>a,
ul#simplemenu>li.sfHover>a { color: #9FF; }

ul#simplemenu li:hover ul,
ul#simplemenu li.sfHover ul { top: 38px; }

#simplemenu li ul a {
  background-color: #CCC;
  font-weight: bold;
  }
ul#simplemenu ul.menu li.expanded > a {
  background-color: #CCC;
  }

/*
 *
 * User Menu - in the Above section
 *
 */
.region-above {
  font-size: 90%;
  background: #F2F2F2;
  padding: 0.4em;
  text-align: right;
  height: 1.25em;
  }
#above, #above .region, #above .block { }
#above .block, #above .item-list { display: inline; }
#above .block ul {
  margin: 0;
  padding: 0;
  display: inline;
  }
#above ul.inline li { padding: 0; }
#above .block li { display: inline; }
#above .block li:after { content: " | "; }
#above .block li.last:after { content: ""; }

ul.menu { margin: 0 0 1em; }

#csr-blogs-menu+ul li a, #csr-blogs-menu+ul li a:hover { background: #FFF; color: #000; }
#csr-blogs-menu+ul li { display: inline; }
#csr-blogs-menu+ul { width: 40em; }

ul#simplemenu #csr-blogs-menu+ul.menu li.expanded.sfHover>a,
ul#simplemenu #csr-blogs-menu+ul.menu a:hover {
  background: #AFF;
  color: #000;
  }
ul#simplemenu #csr-blogs-menu+ul.menu li:hover,
ul#simplemenu #csr-blogs-menu+ul.menu li.sfHover {
  background-color: transparent;
  }

ul#simplemenu #csr-blogs-menu+ul.menu li {
  display: inline;
  width: 48%;
  padding: 0;
  }
ul#simplemenu #csr-blogs-menu+ul.menu li a {
  float: left;
  width: 100%;
  padding: 3px 0 5px 4%;
  }
  
  #admin-menu, #admin-menu .dropdown{
  z-index: 10001;
  }