@charset "UTF-8";

/** 
 * MTV.com Ultimate Horizontal CSS Drop-Down Menu Theme
 *
 * @file		default.ultimate.css
 * @name		MTV.com
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE7+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net
 *
 */

/*
@import "dropdown.css"; 
@import "default.css"; 
*/
@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.8
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net, http://www.lwis.net
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 min-height: 1px;
 line-height: 1.3em;
 vertical-align: middle;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}@charset "UTF-8";

/** 
 * MTV.com CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		MTV
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE6+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net
 *
 */


/* -- Base drop-down styling -- */

ul.dropdown { /* Font for menu bar */
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

ul.dropdown li {
	padding: 5px; /* Unclear what this does */
	background-color:#455876; /*  background for menu bar */
 	color: #CFD7E3; /* Not clear what this does */ 
	border-top: 1px solid #CFD7E3;	/* dlk */
 	}

/* Set width of top level items on bar */
ul.dropdown > li.top { 	/* Usage: <li class="top"><a class="dir" href="#">About Us</a> ... */
	width: 151px;
	border-right: solid 1px #CFD7E3;
	border-bottom: solid 1px #CFD7E3;
	}
/* Note: This gives each item the same width. Each menu item could be a different width by defining a class for each item; i.e. top_1, top_2 ... */

ul.dropdown a:link,
	ul.dropdown a:visited { color: #CFD7E3; text-decoration: none; } 
	ul.dropdown a:hover {
		/* What does this do?
		border-top-color: #5db1e0 !important;
		border-left-color: #5db1e0;
		*/
		background-color: #5A797B; 
	 	color: #CFD7E3; 
		}

ul.dropdown ul a.dir:hover {
	background-color: #4698ca;  /* ??? */
/*	background:#5A797B url('images/grey_arrow.png') no-repeat 92% 50%; */
	background:#5A797B url('images/grey_arrow.png') no-repeat right center;
 	color: #CFD7E3;
	}

ul.dropdown a:active { /* Needed? */
	background: #5A797B;
 	color: #CFD7E3;
	}

	/* -- level mark -- */

ul.dropdown ul {
	 left: auto;
	 right: 0;
	 width: 151px;
/*	 margin-top: -1px;  dlk */ 
/*	 border-top: 1px solid #1a1a1a;  dlk */
	border-left: solid 1px #CFD7E3;
	font: bold 14px/1em Tahoma, Geneva, Verdana, sans-serif;  /* drop-downs and push-outs */
	font-weight: bold;
	}

		ul.dropdown ul li { /* Drop-down color (not arrow area) */
		background-color: #455876;
		}

		/* -- level mark -- */

		ul.dropdown ul ul {
		 top: 0;
		 right: auto;
		 left: 100%;
		 margin-top: 0;
		 border-top: none;
		 border-left: none;
		 font-weight: normal;
		}

			ul.dropdown ul ul li {
			 background-color: #4c4c4c;  /* push-out background */
			 /* background-color: #455876; */ /* Works, but default grey is probably a better choice */
			}

			/* -- level mark -- */

				ul.dropdown ul ul ul li {
				 background-color: #595959;
				}


/* -- Supporting class `dir` -- */

ul.dropdown *.dir {
 padding-right: 30px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

	/* -- level mark -- */

	ul.dropdown ul *.dir { /* drop-down with push-out default */
	 padding-right: 15px; 
	 background-image: url('images/grey_arrow.png'); 
	 background-repeat: no-repeat;
/*	 background-position: 92% 50%; */
	 background-position: right center;
	}
	
/* ???
	ul.dropdown ul ul *.dir { 
	background-image: url(images/nav-arrow-right2.png);
	}
*/

/* -- Components override -- */
/*
ul.dropdown-vertical *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}
*/

/* -- Mixed -- */
/*
ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 1px;
 border-color: #404040 #1a1a1a #1a1a1a #505050;
}

ul.dropdown ul li a,
ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }
*/
/* -- Base style extension -- */

ul.dropdown a,
ul.dropdown span {
 display: block;
 /*padding: 5px 30px; */
 padding: 5px 15px;
}


/* -- Base style override -- */

ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI: override abstract a, span */
 padding: 8px;
}


/* -- Base style reinitiate: post-override activities -- */

ul.dropdown *.dir { /* POI */
 /*padding: 5px 30px; */
 padding: 5px 15px;
}

ul.dropdown ul *.dir {
/* padding: 8px 30px 8px 8px;*/
 padding: 8px 15px 8px 8px;
}


/* -- Custom -- */

ul.dropdown ul a {
/* width: 133px;  */
 /* 17 = 150 - 133 */
 width: 134px;
 }

ul.dropdown ul a.dir {
 /* width: 111px;  */
 /* 39 = 150 - 111 */
 width: 112px;
}


/* -- Drop-down open -- */

ul.dropdown li:hover > *.dir {
 background-color: #5A797B;
}

ul.dropdown li:hover > a.dir:hover {
 background-color: #5A797B; /* Primary hover color */
 color: #CFD7E3;
}

	ul.dropdown ul li:hover > *.dir {
/*	 background:#5A797B url('images/grey_arrow.png') no-repeat 92% 50%; */
	 background:#5A797B url('images/grey_arrow.png') no-repeat right center;
	}

	ul.dropdown ul li:hover > a.dir:hover {
	 background-image: url('images/grey_arrow.png'); 
	 background-repeat: no-repeat;
/*	 background-position: 92% 50%; */
	 background-position: right center;
	 color: #CFD7E3; 
	}

		ul.dropdown ul ul li:hover > *.dir {
		 background-color: #5A797B;
		 background-image: url(images/comnav-arrowover2.png); /* ??? */
		 color: #CFD7E3;
		}