@charset "UTF-8";

/** 
 * MTV.com CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		MTV
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

@import "helper.css";


/*------------------------------------------------------------------------------------------------------/
	@section	Style Framework  */
	
	.align-right {float:right;}

	/* First-level expected directory tag - li */

	ul.dropdown li {
	 padding: 0px;
	}

	ul.dropdown *.dir {
	 font: bold 12px/normal Arial, Helvetica, sans-serif;
	 color:#333333;
	 padding-right: 0px;
	 padding-left: 0px;
	 padding-top:8px;
	 padding-bottom:2px;

	}
	
	ul.dropdown *.dir-r {
	 font: bold 12px/normal Arial, Helvetica, sans-serif;
	 color:#740000;
	 padding-right: 0px;
	 padding-left: 0px;
	 padding-top:8px;
	 padding-bottom:2px;

	}
	
	
		/* Non-first level */
		ul.dropdown ul *.dir {
		 padding-right: 0px;
		 padding-left: 0px;
		 background-position: 100% 50%;
		 background-repeat: no-repeat;
		}
		
		
		ul.dropdown ul ul *.dir {
		}


	/* Components override */

	ul.dropdown-vertical *.dir {
	}

	ul.dropdown-vertical-rtl *.dir {
	 padding-right: 15px;
	}


/*------------------------------------------------------------------------------------------------------/
	@section	Base Drop-Down Styling  */



	/* ALL LEVELS (incl. first) */

	ul.dropdown {
	position:absolute;
	left:5px;
	top:185px;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	color:#666666;
	width:900px;
	height:26px;
	 
	}

		ul.dropdown li {
		color: #666666;
		padding-top:0px;
		padding-bottom:2px;
		padding-left:0px;
		}

		ul.dropdown li.hover,
		ul.dropdown li:hover {
		 background:url(../images/bg_hover.png) repeat-x;
		 text-decoration:none;
		 color: #ffffff;
		}

		/* Links */

		ul.dropdown a:link { text-decoration: none;}
		ul.dropdown a:visited { text-decoration: none;}
		ul.dropdown a:hover {
		 border-top-color: #676767 !important;
		 border-left-color: #676767;
		 text-decoration: none;
		 background:#333333;
		 color: #ffffff;
		}

		ul.dropdown ul a.dir:hover { /* proposal */
		 background-image: url(../images/bg_hover.png) repeat-x;
		 color: #ffffff;
		}

		ul.dropdown a:active {
		 background: url(../images/bg_active.png) 0 0 repeat-x !important;
		 color: #ffffff;
		}

		
		/* NON-FIRST LEVEL */

		ul.dropdown ul {
		 left: auto;
		 right: 0;
		 color: #333333;
		 margin-top: -1px;
		 border-top: 1px solid #1a1a1a;
		 font: bold 10px/1em Tahoma, Geneva, Verdana, sans-serif;
		}

			ul.dropdown ul li {
			 background-image: url(../images/bg_hover.png) repeat-x;
			 color:#FFFFFF;
			}

		ul.dropdown ul ul {
		 left: 100%;
		 padding-left:0px;
		 font-weight: normal;
		}

			ul.dropdown ul ul li {
			 background-image: url(../images/bg_hover.png) repeat-x;
			 padding-left: 10px;
			}

/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
 
}

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

/* Custom elements */


#n-movies ul { left: 0; width: 170px; text-align: left; }
#n-movies ul ul { left: 165px; width: 170px; }
#n-movies ul a.dir { width: 160px; }