/**
 * @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 {
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
  position: absolute;
  top: -37px;
  z-index: 20;
  /* margin-left: 10px;
  background: url(/themes/soccerphile/images/p7exp_mbar.jpg) repeat-x;
  border-top: 1px solid rgb(51, 51, 51);
  border-bottom: 1px solid rgb(51, 51, 51);
  height: 27px; */
}

#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; /* LTR */
  list-style-type: none;
  list-style-image: none;
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#main-menu {
}

#main-menu li a {
	font-size: 11px;
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: none !important;
}

#secondary-menu {
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

#secondary-menu ul.links li {
	padding: 0;
}

#secondary-menu ul.links li a {
	font-size: 10px;
	color: #ffc000;
	padding: 0 0 0 6px;
	background: url(../images/menu_separator.gif) 0 3px no-repeat;
}

#secondary-menu ul.links li.first a {
	padding: 0 0 0 3px;
	background: false;
}

/*
 * 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 {
}

/*
* Navigation menu appears in id=block-system-navigation
*/

#block-system-navigation > ul > li {
	position: relative;
}

#block-system-navigation > ul > li ul li {
	position: absolute;
}

/* Menu styles from Eric London
* http://ericlondon.com/posts/136-suckerfish-css-drop-down-menus-in-drupal-made-simple
*/
/* remove any previously set margins and paddings */
#block-system-main-menu * { margin: 0; padding: 0; }

#block-system-main-menu a, #block-system-main-menu a:hover {
	border-bottom: 0;
}

block-system-main-menu ul.menu { margin: 0 !important; padding: 0 !important; }

/* set width/height on <li>, <a>, <li><ul> */
#block-system-main-menu li ul, #block-system-main-menu li, #block-system-main-menu a {
	/* min-height: 18px; */
	font-size: 11px;
	text-decoration: none;
}

/* remove <li> list styling off */
#block-system-main-menu li { list-style: none; }

/* display <a> as block */
#block-system-main-menu a {
	display: block;
	color: #fff;
}

#block-system-main-menu a:hover {
	display: block;
	color: rgb(0, 0, 0);
}

/* set <li> position */
#block-system-main-menu li { float: left; position: relative; !important; }

#block-system-main-menu > ul.menu > li {
	position: relative;
	line-height: 13px;
	color: #fff;
}

#block-system-main-menu > ul.menu > li > a {
	display: block;
	height: 32px;
	font-size: 12px;
	line-height: 29px;
	padding: 7px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

#block-system-main-menu > ul.menu > li:first-of-type > a {
	width: 50px;
	text-align: left;
}

#block-system-main-menu > ul.menu > li:nth-of-type(2) > a {
	width: 87px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(3) > a {
	width: 82px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(4) > a {
	width: 118px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(5) > a {
	width: 105px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(6) > a {
	width: 74px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(7) > a {
	width: 76px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(8) > a {
	width: 78px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(9) > a {
	width: 69px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(10) > a {
	width: 82px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(11) > a {
	width: 67px;
}

#block-system-main-menu > ul.menu > li:nth-of-type(12) > a {
	width: 73px;
}

#block-system-main-menu > ul.menu > li:last-of-type > a {
	width: 63px;
	text-align: right;
}

#block-system-main-menu > ul.menu > li:hover > a {
	color: #fff;
}

#block-system-main-menu li li {
	width: 128px;
	background-color: transparent !important;
}

#block-system-main-menu li li a {
	text-align: left !important;
}
/* set position of <ul> in <li> */
#block-system-main-menu li ul {
	top: 37px;
	left: 4px;
	position: absolute;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background-color: #fff;
	border-right: 1px #2a2f32 solid;
	border-bottom: 1px #2a2f32 solid;
	border-left: 1px #2a2f32 solid;
}

/* position child <ul> */
#block-system-main-menu li ul ul {
	margin: 0 0 0 -6px !important;
}

/* set visibility of <ul> in <li> */
#block-system-main-menu li ul { display: none; }

#main-menu {
	display: none;
}

.expanded ul.menu {
	z-index: 5000;
	position: relative;
	left: 0px !important;
}

.expanded ul.menu li {
	padding: 0 !important;
	background-color: #fff !important;
}

.expanded ul.menu li:hover {
}

.expanded ul.menu li a {
	padding: 5px 22px 5px 17px !important;
	color: #2a2f32 !important;
	margin-bottom: 0 !important;
}

.expanded ul.menu li a:hover {
	color: #fff !important;
	background: #2a2f32 url(../images/submenu_triangle.png) 5px 7px no-repeat;
}

.expanded ul.menu > li > ul.menu {
	position: absolute !important;
	left: 102px !important;
	top: 20px !important;
}

/*
 * Intrapage menus
 */

#content.column .block-menu h2.block-title {
	display: none;
	margin-bottom: 0;
}

#content.column .block-menu ul.menu {
	list-style: none;
	padding-left: 0 !important;
	height: 32px;
	clear: both;
	margin-top: 0;
}

#content.column .block-menu li {
	float: left;
	list-style-image: none !important;
	list-style-type: none !important;
	padding-right: 6px;
	border-right: 1px solid #4f2a87;
	margin: 0 6px 3px 0;
}

#content.column .block-menu li.last {
	padding-right: 0;
	border-right: 0;
	margin-right: 0;
}

#content.column .block-menu li a {
	display: block;
}

/*
 * Specific to intrapage menus
 */

#block-menu-menu-whats-new ul.menu {
	/* padding-right: 140px;
	background: url(/assets/Uploads/icons/whats-new-down.jpg) top right no-repeat; */
}

#block-menu-menu-2014-editorials h2.block-title, #block-menu-menu-2013-editorials h2.block-title, #block-menu-menu-2012-editorials h2.block-title, #block-menu-menu-previous-editorials h2.block-title {
	display: block !important;
}

#block-menu-menu-2014-editorials li, #block-menu-menu-2013-editorials li, #block-menu-menu-2012-editorials li, #block-menu-menu-previous-editorials li {
	font-size: 11px;
	line-height: 13px;
}