/*
 * Designmuseum Microsite Header
 * Version: 1.1
 */

/* structure */
body div#design-museum-header {
	height: 34px;
}
body div#design-museum-header div.return,
body div#design-museum-header div.quicklinks,
body div#design-museum-header div.search {
	position: absolute;
	top: 7px;
}
body div#design-museum-header div.return{
	top: 12px;
}
body div#design-museum-header div.quicklinks {
	right: 275px;
}
body div#design-museum-header div.quicklinks input{
	display: inline;
}
body div#design-museum-header div.search {
	right: 0px;
	min-width: 255px;
}
body div#design-museum-header div.search form#design-museum-header-search,
body div#design-museum-header div.quicklinks form#design-museum-header-quicklinks {

}
body div#design-museum-header div.search form#design-museum-header-search input,
body div#design-museum-header div.search form#design-museum-header-search p,
body div#design-museum-header div.search form#design-museum-header-search label,
body div#design-museum-header div.quicklinks form#design-museum-header-quicklinks select,
body div#design-museum-header div.quicklinks form#design-museum-header-quicklinks p {
	float: left;
	display: inline;
}
body div#design-museum-header div.search form#design-museum-header-search input {
	margin-left: 2px;
	margin-top: 2px;
}
body div#design-museum-header div.search form#design-museum-header-search input#design-museum-header-search-query {
	width: 120px;
	border: 1px solid #666666;
	padding: 2px;
	font-weight: bold;
	margin-top: 0px;
	color: #666666;
}
body div#design-museum-header div.search input{
	font-weight: normal;
}
body div#design-museum-header div.search form#design-museum-header-search label {
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
	color: #000000;
	margin-top: 2px;
}
body div#design-museum-header div.search form#design-museum-header-search input#design-museum-header-search-submit {
	margin-top: 0px;
}
/* colors+fonts */
body div#design-museum-header{
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
}
body div#design-museum-header p a {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}
body div#design-museum-header p a:hover {
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}
body div#design-museum-header div.search input {
	text-transform: none;
	font-family: Arial, sans-serif;
	font-size:  12px;
}

body div.design-museum-header p.submit-wrapper {
    width: 20px;
    height: 11px;
	margin: 4px 0 0 4px;
	display: inline;
    overflow: hidden;
    cursor: pointer;
}
body div.design-museum-header p.submit-wrapper:hover,
body div.design-museum-header p.submit-wrapper.hover {
	background-position: bottom left;
}
body div#design-museum-header p.submit-wrapper input {
    float: none;
	position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
body div#design-museum-header p a {
	width: 268px;
	height: 10px;
	position: relative;
	font-size: 8px;
	line-height: 8px;
	text-decoration: none;
}
body div#design-museum-header p a span {
	width: 100%;
	height: 100%;
	position: absolute;
}
body div.design-museum-header ul.selectReplacement {
	margin: 0;
	padding: 0;
	height: 19px;
	width: 119px;
	position: relative;
	z-index: 1;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
/* green */
body div.design-museum-header.green {
	background: #6eb832;
	background-color: #6eb832;
}

body div#design-museum-header.green p a span {
	background-image: url(http://www.designmuseum.org/images/mheader_lbl_return-to-dm-website_green.gif);
	background-repeat: no-repeat;
}
body div#design-museum-header p a:hover span {
	background-position: bottom left;
} 
body div.design-museum-header.green p.submit-wrapper {
    background-image: url(http://www.designmuseum.org/images/mheader_lbl_go_green.gif);
	background-repeat: no-repeat;
}
body div.design-museum-header.green ul.selectReplacement {
	background: url(http://www.designmuseum.org/images/mheader_bg_quicklinks_arrows_green.gif) 107px 3px no-repeat;
}
body div.design-museum-header ul.selectReplacement li {
	background: #ffffff;
}

body div.design-museum-header.green ul.selectOpen li:hover,
body div.design-museum-header.green ul.selectOpen li.hover,
body div.design-museum-header.green ul.selectOpen li.selected:hover {
	background: #fff url(http://www.designmuseum.org/images/mheader_bg_quicklinks_arrows_green_hi.gif) 188px 4px no-repeat;
	color: #000;
}
body div.design-museum-header.green ul.selectOpen li.selected  {
	background: #fff;
}
body div.design-museum-header.green ul.selectReplacement li,
body div.design-museum-header ul.selectOpen li.selected {
	color: #6eb832;
}
/* pink */
body div.design-museum-header.pink {
	background: #ec008c;
	background-color: #ec008c;
}
body div.design-museum-header.pink p a span {
	background: url(http://www.designmuseum.org/images/mheader_lbl_return-to-dm-website_pink.gif) 0 0 no-repeat;
}
body div#design-museum-header p a:hover span {
	background-position: bottom left;
} 
body div.design-museum-header.pink p.submit-wrapper {
    background-image: url(http://www.designmuseum.org/images/mheader_lbl_go_pink.gif);
	background-repeat: no-repeat;
}
body div.design-museum-header.pink ul.selectReplacement {
	background: url(http://www.designmuseum.org/images/mheader_bg_quicklinks_arrows_pink.gif) 107px 3px no-repeat;
}
body div.design-museum-header ul.selectReplacement li {
	background: #ffffff;
}

body div.design-museum-header.pink ul.selectOpen li:hover,
body div.design-museum-header.pink ul.selectOpen li.hover,
body div.design-museum-header.pink ul.selectOpen li.selected:hover {
	background: #fff url(http://www.designmuseum.org/images/mheader_bg_quicklinks_arrows_pink_hi.gif) 188px 4px no-repeat;
	color: #000;
}
body div.design-museum-header.pink ul.selectOpen li.selected  {
	background: #fff;
}
body div.design-museum-header.pink ul.selectReplacement li,
body div.design-museum-header.pink ul.selectOpen li.selected {
	color: #ec008c;
}

/* gray */
body div.design-museum-header.gray {
	background: #97999c;
	background-color: #97999c;
}
body div.design-museum-header.gray p a span {
	background: url(http://www.designmuseum.org/images/mheader_lbl_return-to-dm-website_gray.gif) 0 0 no-repeat;
}
body div#design-museum-header p a:hover span {
	background-position: bottom left;
} 
body div.design-museum-header.gray p.submit-wrapper {
    background-image: url(http://www.designmuseum.org/images/mheader_lbl_go_gray.gif);
	background-repeat: no-repeat;
}
body div.design-museum-header.gray ul.selectReplacement {
	background: url(http://www.designmuseum.org/images/mheader_bg_quicklinks_arrows_gray.gif) 107px 3px no-repeat;
}
body div.design-museum-header ul.selectReplacement li {
	background: #ffffff;
}

body div.design-museum-header.gray ul.selectOpen li:hover,
body div.design-museum-header.gray ul.selectOpen li.hover,
body div.design-museum-header.gray ul.selectOpen li.selected:hover {
	background: #fff url(http://www.designmuseum.org/images/mheader_bg_quicklinks_arrows_gray_hi.gif) 188px 4px no-repeat;
	color: #000;
}
body div.design-museum-header.gray ul.selectOpen li.selected  {
	background: #fff;
}
body div.design-museum-header.gray ul.selectReplacement li,
body div.design-museum-header.gray ul.selectOpen li.selected {
	color: #97999c;
}




/* adjust for site */
body div#design-museum-header div.design-museum-header-wrapper{
	margin: 0 auto;
	width: 942px;
	position: relative;
}
/* replaced select box */
body div.design-museum-header select.replaced {
	display: block;
	width: 1px;
	position: absolute;
	left: -999em;
}


body div.design-museum-header ul.selectReplacement li {
	cursor: pointer;
	display: none;
	font-size: 13px;
	line-height: 18px;
	list-style: none;
	margin: -1px 0 0 -1px;
	padding: 0 0 0 2px;
	width: 118px;
	height: auto;
	text-transform: uppercase;
	font-weight: bold;
}
body div.design-museum-header ul.selectOpen li {
	overflow: visible;
	position: static;
	display: block;
	width: 200px;
	border-left: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
	margin: -1px 0 0 -1px;
}
body div.design-museum-header ul.selectOpen li.last{
	border-bottom: 1px solid #a5a5a5;
}
body div.design-museum-header ul.selectReplacement li.selected {
	background: transparent;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	line-height: 18px;
	margin: 0;
	padding-right: 10px;
	width: 108px;
	height: 18px;
	overflow: hidden;
}
body div.design-museum-header ul.selectOpen li.selected {
	display: block;
	border-top: 1px solid #a5a5a5;
	margin: -1px 0 0 -1px;
	padding-right: 0px;
	width: 200px;
	color: #000000;
}