/*	__nav
---------------------------------------------------------------------------- */

#mtvnNav {
	background: #ee762c;
	border-bottom: 3px solid #662b02;
	font-size: 10px;
	height: 95px;
	top: 0px;
	left: 0px;
	width: 100%;
	font: 10px arial,sans-serif;
}
#cmt-nav {
	margin: 0 auto;
	width: 980px;
}
#cmt-nav .column-left {
	float: left;
	margin-left: 5px;
	padding-top: 10px;
	text-align: center;
	width: 228px;
	z-index: 201;
}
#cmt-nav .column-right-top {
	background:url("/sitewide/assets/global-header/bg-top-bar.jpg") no-repeat scroll right top transparent;
	position: relative !important;
	margin-right: 5px;
	float: right;
	height: 50px;
	width: 735px;
}
#cmt-nav .column-right-bottom {
	position: relative;
	float: right;
	margin-right: 5px;
	height: 96px;
}


/*---  browse artists  ---*/

#cmt-nav-browse {
    float: left;
    padding-left: 23px;
    padding-top: 6px;
    /*width: 365px;*/
    z-index: 200;
}

#cmt-nav-browse a img {
	vertical-align: bottom;
}
#cmt-nav-browse a:link, #cmt-nav-browse a:visited {
	color: #ffffff;
	margin-right: 3px;
}
#cmt-nav-browse a:hover, #cmt-nav-browse a:active {
	color: #390300;
}

/*FLUX*/
#cmt-nav-browse .flux4 a,
.Flux .flux4 a,
.flux4 .link,
.flux4Widget,
.flux4 {
	color: #390300;
}

#cmt-nav-browse .flux4Widget .follow {
	z-index: 2000000;
}

#cmt-nav-browse .flux4Widget .follow,
.flux4Widget .follow span,
.flux4Widget .follow a {
    font-size: 11px;
}

#cmt-nav-browse .flux4Widget .follow .horizontalView .followedObject {
	color: #390300;
}

#cmt-nav-browse .flux4Widget .follow .horizontalView .objectTitle {
	color: #ffffff;
}

#cmt-nav-browse .flux4Widget .follow .horizontalView .facebookService .facebookLike {
	width: 43px;
	color: #390300;
}

#cmt-nav-browse .flux4Widget .follow .horizontalView .followService {
    float: left;
	/*width: 93px;*/
	color: #390300;
}





/*---  social / flux widget  ---*/

#cmt-nav-social {
	float: right;
	_z-index: 2000011; /* hack for explorer z-index bug */
	/*width:300px;*/
}
#cmt-nav-social .flux .widgetContainer {
	padding: 1px 0 0 0;
}
#cmt-nav-social .flux .widgetContainer .nonLoggedInView {
	padding: 5px 0 0;
}
#cmt-nav-social .flux, .flux .fbook, .flux .editorActivator  {
	color: #ffffff;
}
#cmt-nav-social .flux .fluxBtn {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	height: auto;
	line-height: normal;
	margin: 0;
	min-width: inherit;
	padding: 0;
	text-align: inherit;
	text-decoration: underline;
	white-space: normal;
}
#cmt-nav-social .flux .fluxBtn:hover, #cmt-nav-social .flux .fluxBtn:active {
	color: #000000;
}
#cmt-nav-social .fluxWidget .quickMenu .fluxBtn {
	display: inline;
	vertical-align: inherit;
}

html body #cmt-nav-social .flux4 a, html body .Flux .flux4 a, html body .flux4 .link, html body .flux4Widget, .flux4 {
	color: #ffffff;
}

#cmt-nav-social .flux4 a:link, #cmt-nav-social .flux4 a:visited, .Flux .flux4 a:link, .Flux .flux4 a:visited  {
	color: #390300;
}

#cmt-nav-social .flux4Widget .userBar .bar {
	color: #390300;
}

#cmt-nav-social .flux4Widget .userBar {
	color: #390300;
}
	
#cmt-nav-social .flux .fluxBtn.btnMedium {
	height: auto;
	line-height: normal;
	min-width: inherit;
}
#cmt-nav-social .flux .fluxBtn.btnMedium {
	height: 20px;
	line-height: 20px;
	min-width: 55px;
}
#cmt-nav-social .flux .fluxBtn.btnMedium, #cmt-nav-social .flux .nonUserWarning, #cmt-nav-social .flux .fbook, #cmt-nav-social .flux .container, #cmt-nav-social .flux .fluxDropDown, #cmt-nav-social .flux .fluxDropDown .fluxDDItem, #cmt-nav-social .flux .itemText, #cmt-nav-social .flux .cacSmall .itemText .txtCount, #cmt-nav-social .flux .contentAction .cacSmall .fluxBtn, #cmt-nav-social .flux .actions .active {
	font-size: 10px;
	z-index:2000000000;
}
#cmt-nav-social .flux .moduleContainer, #cmt-nav-social .flux .widgetContainer {
	background-color: transparent;
	border: 0 none;
}
#cmt-nav-social .flux span.profileLink.link, #cmt-nav-social .flux span.more.link, #cmt-nav-social .flux span.signOut.link {
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}
#cmt-nav-social .flux span.profileLink.link:hover, #cmt-nav-social .flux span.more.link:hover, #cmt-nav-social .flux span.signOut.link:hover {
	color: #000000;
}
html #cmt-nav-social .flux4Widget .userBar .barElement {
    margin: 0 0;
}

html #cmt-nav-social .flux4Widget .userBar .dropdownIndent{
	height:2px;
}

html #cmt-nav-social .flux4Widget .userBar .dropdownContent, html #cmt-nav-social .flux4Widget .userBar .hoverElement, html #cmt-nav-social .flux4Widget .dropdownIndent {
    background-color: #F6F1E8;
}

html #cmt-nav-social .flux4Widget .userBar .dropdownContent a {
    color: #996633;
}

html #cmt-nav-social .flux4Widget .displayName{
	color:#FFF;
}

html #cmt-nav-social .flux4Widget .userBar .dropdownContent{
	border-top:0px none transparent;
}

html #cmt-nav-social .openedElement .displayName, html #cmt-nav-social .openedElement .pointerDown{
	color: #996633;
}

/*---  main nav menu  ---*/

/* top menu */
/*
The header_menu_container corresponds to the entire menubar across the top of the
page, including the drop-down menus. Font-size is set here.
*/
#cmt-nav-menu {
	/*background-image: url(/sitewide/includes/headerfooter/img/menubar_bg.gif);*/
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 33px;
	font-size: 20px;
	line-height: 13px;
	width: 455px;
	z-index: 1000;
	_z-index: 989011; /* hack for explorer z-index bug */
}

/*
header_menu is the root UL and header_menu ul applies to all the sub-menu ULs.
We set padding and margin to zero to eliminate all indentation, turn bullets off,
and optionally set a font-family different from the global font-family declared for the
header_menu_container above. This will set the font for just the menus.
*/
#header_menu, #header_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
/*
Root-Level Links.  Do not change the first two properties.
Adjust padding values to make the root links taller and to offset them
from the left and right edges of the link box. Font color is set to white.
*/
#header_menu a {
	display: block;
	background-image: url('/sitewide/assets/global-header/bg-nav-button.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	font-weight: bold;
	padding: 9px 18px 11px 16px;
	color: #390300;
	}
#header_menu a.last {
	background-position: top left;
	padding: 9px 16px 11px 16px;
}
#header_menu a.top {
	margin-top:0;
}
/*
The Root-Level list items. Floating left allows them to appear horizontally.
*/
#header_menu li {
	float: left;
	}
/*
Set width for Sub-Menu box. Should be equal to the width of a Sub-Menu List Item
plus its right and left borders.
*/
#header_menu li ul {
	width: 189px;
	}
/*
Sub-Menu Unordered Lists describes each dropdown sub-menu grouping.
Positioned Absolutely to allow them to appear below their root trigger.
Set to display none to hide them until trigger is moused over.
Background Color must be set or problems will be encountered in MSIE.
Right and bottom borders can be set to simulate a raised look.
A gradient background image can be assigned.
*/
#header_menu li ul {
	position: absolute;
	z-index: 1000010;
	display: none;
	background-color: rgb(246,241,232);
	}

#header_menu li div#shows-grid {
	position: absolute;
	z-index: 1000009;
	display: none;
	padding-left: 188px;
	width: 400px;
	background-color: rgb(246,241,232);
	border: solid 1px rgb(184,162,126);
	border-top: none;
	font-size: 10px;
	}
#header_menu li div#shows-grid div#shows-container {
	padding: 4px;
	border-left: solid 1px rgb(184,162,126);
	}
#header_menu li div#shows-grid div#cmtshows {
	font-weight: bold;
	background-color: #5c381f;
	padding: 4px;
	color: white;
	}
#header_menu li div#shows-grid a {
	color: #996633;
	background-image: none;
	font-weight: normal;
	padding: 4px;
	}
#header_menu li div#shows-grid a:hover, #header_menu li div#shows-grid a:active {
	background-color: #ebdfc8;
	}
/*
Set width, borders, and font size for Sub-Menu List Items.
*/
#header_menu ul li {
	width: 188px;
	border-bottom: solid 1px rgb(184,162,126);
	border-right: solid 1px rgb(184,162,126);
	border-left: solid 1px rgb(184,162,126);
	font-size: 10px;
	line-height: 13px;
	}
/*
The sub-menu links. We set the color of the links to gold. We set top and
bottom padding less than the root items.
*/
#header_menu ul li a {
	color: #996633;
	padding: 4px 3px 5px 12px;
	width: 173px; /* necessary to trigger "hasLayout" in Explorer 6 */
	}
/*
Changes the Text color and background color when the Root-Level
menu items are moused over. The second selector is assigned to IE5 and
IE6 Windows via the menus.js script. Note that IE7 supports hover on
elements other than links and so behaves like Firefox, Opera, and Safari -
making the menu operable even if JavaScript is not enabled.
*/
#header_menu li:hover a, #header_menu li.p7hvr a {
	background-position: bottom right;
	color: #ffffff;
	}
#header_menu li:hover a.last, #header_menu li.p7hvr a.last {
	background-position: bottom left;
	color: #ffffff;
	}
/*
Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is
assigned to IE5 and IE6 via the menus.js script.
*/
#header_menu li:hover ul, #header_menu li.p7hvr ul {
	display: block;
	}

#header_menu li:hover div#shows-grid, #header_menu li.p7hvr div#shows-grid {
	display: block;
	}
/*
Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is
assigned to IE5 and IE6 via the menus.js script.
The color set should match the normal Sub-Level link color
in the rule: #header_menu ul li a. The background color must be
transparent to allow an underlying gradient background on the UL
to show through. We set the background-image to none so that it doesn't
inherit the background image of the Root-Level menu item.
*/
#header_menu li:hover ul a, #header_menu li.p7hvr ul a {
	color: #996633;
	background-color: transparent;
	background-image: none;
	}
/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color to orange.
*/
#header_menu li:hover ul a:hover, #header_menu li.p7hvr ul a:hover {
	background-color: white !important;
	color: #ec660c;
	}

div#menu_links {
	float: right;
	padding: 8px 12px 9px 12px;
	}
div#menu_links a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	}
	
/*---  music browse a-z module in main nav  ---*/

#cmt-nav-menu #artistsaz {
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin-top: -2px;
	width: 190px;
}
#cmt-nav-menu #artistsaz ol.alpha_list {
	width: 190px;
	height: 65px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	background-color: #b8a27e;
	padding: 0px;
	margin: 0;
}
#cmt-nav-menu #artistsaz li.gridMainBrowseAll {
	margin: 0px 0px 1px 1px;
	padding: 0px;
	background-color: #b8a27e;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: auto;
	float: none;
}
#cmt-nav-menu #artistsaz li.gridMainBrowseAll a {
	font: bold 10px arial;
	color: #a96651;
	text-decoration: none;
	display: block;
	background-color: #f6f1e8;
	width: 20px;
	line-height: 20px;
	float: left;
	margin: 1px 1px 0px 0px;
	text-align: center;
	padding: 0;
	background-image: none;
	
}
#cmt-nav-menu #artistsaz li.gridMainBrowseAll a:hover {
	color: #EC660C;
	background-color: #ffffff;
}
	
/*---  search  ---*/

#cmt-nav #cmt-search {
    bottom: 0;
    float: right;
    height: 29px;
    left: 468px;
    position: absolute;
    width: 273px;
}

#cmt-search .search-input {
	background: url('/sitewide/assets/global-header/header-search-bg.gif') no-repeat #ffffff;
	float: left;
	height: 24px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 200px;
}
#cmt-search .search-input input {
	background: none transparent;
	border: 0 none;
	color: #b1b3b6;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	height: 18px;
	margin: 0;
	padding: 0 0 0 22px;
	position: relative;
	top: 3px;
	width: 178px;
}
#cmt-search .search-btn {
	color: #ffffff;
	cursor: pointer;
	float: left;
	font-weight: bold;
	font-size:10px;
	height: 22px;
	margin: 0;
	padding: 5px 0 0 7px;
	position: relative;
	text-decoration: none;
	width: 29px;
}
#cmt-search .search-btn-cmt {
	background: url('/sitewide/assets/global-header/header-search-btn-cmt.gif') no-repeat transparent;
}
#cmt-search .search-btn-web {
	background: url('/sitewide/assets/global-header/header-search-btn-web.gif') no-repeat transparent;
}


/*	__header (promo/banner ad/opa area)
---------------------------------------------------------------------------- */

#mtvnHeader {
	background: #ded9cd;
	/*background: #ee762c; */
	padding: 0 !important;
	margin: 0 auto !important;
	width: 980px;
}
#mtvnHeader #headerPromo {
	display: none;
	float: left;
	height: 90px;
	margin: 5px 0 0 5px;
	width: 237px;
}
#mtvnHeader .mtvn-mdl-ad {
	display: table;
	margin: 0;
	padding: 5px 5px 0 0;
	float: right;
}