/* anchor overrides necessary for legacy pages */
a:link, a:visited {
	color: #996633;
	}
a:hover, a:active {
	color: #ec660c;
	}
	
/* header */
div#header {
	margin: 0 auto;
	padding: 5px 10px 0px 10px;
	width: 940px;
	color: black; /* text color for "Browse Artists" */
	/* override the following definitions to remove the white box behind the header */
	background-color: white;
	border: 1px solid black;
	border-bottom: none;
	}
div#header div#searchbar {
	margin-bottom: 7px;
	padding: 5px 10px;
	border: 1px solid #c6b895;
	height: 22px;
	}
div#header div#header_search {
	float: left;
	white-space: nowrap;
	}
#searchcmt-select {
	font-size: 12px;
	line-height: 13px;
	margin: 0 2px;
	}
div#header div#header_search input#sitesearch {
	width: 220px;
	font: 12px/13px verdana, sans-serif;
	}
div#header div#header_search button {
	height:21px;
	padding: 1px 5px;
	color: white;
	background: #eb6002;
	font: bold 10px/10px verdana, sans-serif;
	cursor: pointer;
	}
div#header div#header_search button#searchcmt-btn {
	width: 112px;
	}
div#header div#header_search button#searchweb-btn {
	width: 42px;
	}
div#header div#header_browse {
	float: left;
	margin-left: 18px;
	font: 9px/10px verdana, sans-serif;
	cursor: default;
	}
div#header div#header_browse a.browselink {
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	}
div#header div#header_interact {
	float: right;
	margin: 9px 0px 0px 10px;
	font: bold 10px/13px verdana, sans-serif;
	color: #996633;
	}
div#header div#header_interact a {
	text-decoration: none;
	}

/* top menu */
/*
The header_menu_container corresponds to the entire menubar across the top of the 
page, including the drop-down menus and the quick hub links. Font-size is set here. 
Font color, which applies to the plus characters separating the quick hub links, 
is set to light brown. To remove the menubar's drop shadow change the height to 30px.
*/
div#header div#header_menu_container {
	background-image: url(menubar_bg.gif);
	background-repeat: repeat-x;
	height: 37px;
	font-size: 11px;
	line-height: 13px;
	color: #6a5332;
	position: relative;
	z-index: 111; /* 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(menuitem_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 18px 9px 18px;
	color: white;
	}
/*
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: 172px;
	}
/*
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: 110;
	display: none;
	background-color: rgb(246,241,232);
	}
	
#header_menu li div#shows-grid {
	position: absolute;
	z-index: 109;
	display: none;
	padding-left: 170px;
	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: 170px;
	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: 155px; /* 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;
	}
/*
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;
	}
	
/* breadcrumb trail */
h1#breadcrumb {
	margin: 0;
	padding: 2px 10px 8px 10px;
	color: #4a2f19;
	font-weight: bold;
	font-size: 12px;
	}
h1#breadcrumb a {
	color: #4a2f19;
	text-decoration: none;
	}
h1#breadcrumb span.first{
	font-weight: bold;
	font-size: 18px;
	}
	
	
/* flux login */
.FluxWidget .QuickMenu2_0 {
  height: 30px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

.FluxWidget .QuickMenu2_0 a, .FluxWidget .QuickMenu2_0 a.commonButton, .FluxWidget .QuickMenu2_0 a.commonButton span.btnCenter {
  color: #996633;
  font-weight: bold;
  text-decoration: underline;
  line-height: 16px;
}

.FluxWidget .QuickMenu2_0 a:hover {
  color: #EC660C;
  font-weight: bold;
  text-decoration: underline;
}

.FluxWidget .QuickMenu2_0 a.contentName {
  color: #EC660C;
  font-weight: bold;
  text-decoration: underline;
}

.FluxWidget .QuickMenu2_0 img {
  border: none;
}

div#header div#searchbar {
  border-width: 1px 0 0 0;
  border-style: dotted;
  padding: 5px 0;
}

.FluxWidget a.addToFavorites, .FluxWidget a.addToFavorites:visited {
	color:#996633;
}
.FluxWidget a.addToFavorites:hover, .FluxWidget a.addToFavorites:active {
	color:#EC660C;
}
.FluxWidget div.greetingArea a, .FluxWidget div.greetingArea a:visited {
	color:#996633;
}
.FluxWidget div.greetingArea a:hover, .FluxWidget div.greetingArea a:active {
	color:#EC660C;
}
.FluxWidget div.greetingArea div.buttonsArea a.button, .FluxWidget div.greetingArea div.buttonsArea a.button:visited, .FluxWidget div.greetingArea div.buttonsArea a.button:hover {
	color:white;
}
.FluxWidget div.greetingArea div.buttonsArea a.button:active {
	color:#ffe883;
}