/*	GLOBAL NAV
	$Id: gnav.css,v 1.3 2008/12/19 22:36:46 btapley Exp $
	@author btapley
	@edits mok, jisutton
*/

/*-------------------------------------------------------------------

			Nav Shell

-------------------------------------------------------------------*/

#globalnav-search {
	margin: 0px;
	padding: 0px;
}

#globalnav {
	position: relative; /*--- dont set this in #globalnav-search to prevent sub menu clipping in IE due to filters and layout mode ---*/
	top: 0px;
	left: 0px;
	z-index:100;
	display: block;
	_height: 1em;
	height: 10px;
	padding: 0px 80px 0px 0px;
	margin: 0px;	
}

#globalnav-noscript {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -331px;
	width: 350px;
	z-index: 100;
	padding: 5px 5px 5px 27px;
	display: none; /*--- removing the display per dhatch until further notice ---*/
	font-size: .917em;
}

/*-------------------------------------------------------------------

			Logo

-------------------------------------------------------------------*/

#globalnav #adobe-logo {
	position: absolute;
	top: 0px;
	left: 100%;
	z-index: 9;
	margin:0;
	padding:0;
	margin-left: -43px;
}

#adobe-logo {
	width: 43px;
	height: 52px;
}

#adobe-logo-lq { display: block; }

#adobe-logo-hq { display: none; }

/*-------------------------------------------------------------------

			Cart

-------------------------------------------------------------------*/

#globalnav-cart .cart {
	background-image: url(gnav/cart_dark.gif);
	background-position: center 0;
	display: inline; /*--- really old? ---*/
	display: inline-block; /*--- modern ---*/
	display: -moz-inline-box; /*--- mozilla ---*/
	_display: inline; /*--- IE doesnt support inline-block for natural block elements like <li> ---*/
	color: transparent;
	height: 11px;
	min-height: 11px;
}

#globalnav-cart > a.cart { display: block; }

#globalnav-cart .cart:hover {
	background-position: center -11px;
	color: transparent;
}

/*-------------------------------------------------------------------

			User Menu

-------------------------------------------------------------------*/

#globalnav #user-menu {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	font-size: .917em;
}

#user-menu ul {
	color:#000;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

#user-menu li {
	padding: 3px 10px;
	margin: 0;
}

#user-menu a {
	color:#000;
	font-weight: bold;
	-moz-opacity:.5;
	-khtml-opacity:.5;
	opacity: .5;
	_font-weight: normal;
	padding: 0;
	display: inline;
}

#user-menu a:hover {
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 100%;
	color:#047;
	text-decoration: underline;
}

#user-menu [className~=pipe] a { font-weight: normal }

/*-------------------------------------------------------------------

			Site Menu

-------------------------------------------------------------------*/
#site-menu {
	position: relative;
	z-index: 2;
	padding: 0px;
	padding-top: 4px;
	margin: 0px;
	width: 570px;
}

/*-------------------------------------------------------------------

			Site Menu . Dropdown

-------------------------------------------------------------------*/
#globalnav #site-menu-dropdown {
	margin-top: 0px;
	padding: 0px;
	position:relative;
	display:block;
	z-index: 3;
	_behavior: url(/lib/com.adobe/hover.htc);
}

#site-menu-dropdown li {
	position:relative;
	z-index: 4;
	margin: 0;
	padding:0;
}

#site-menu-dropdown li:hover,
#site-menu-dropdown li.hover { z-index: 5; }

/*-------------------------------------------------------------------

			Site Menu . Menu Title

-------------------------------------------------------------------*/

#site-menu-dropdown .dropdown-tab {
	position:relative;
	z-index: 6;
	font-family: Trebuchet MS;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #111111;
	padding: 5px 12px; /*--- only 2 pixels on the bottom to accomodate larger labels for cck ---*/
 *white-space: nowrap;
	_white-space: nowrap;
}

#site-menu-dropdown > li:hover .dropdown-tab {
	color: #FFFFFF;
	background-color: #111111;
	text-decoration: underline;
}

#site-menu li.hover .dropdown-tab,
#site-menu li.hover .dropdown-tab:hover { color: #fff; }

#site-menu li.hover .dropdown-tab { background-color: #222; }

/*-------------------------------------------------------------------

			Site Menu . Dropdown . Sub menu

-------------------------------------------------------------------*/

#site-menu li .dropdown-pane { display: none; }

#site-menu-dropdown>li:hover .dropdown-pane { display: block; }

#site-menu li.hover .dropdown-pane { display: block; }

#site-menu-dropdown .dropdown-pane {
	z-index: 7; /*--- zero seems to be synonymous with auto in IE, using one instead ---*/
	top: 21px;
	_top: 24px; /*--- add padding for IE6 ---*/
	margin-left: -6px;
	font-size: .917em;
}

#globalnav #site-menu-dropdown .dropdown-pane {
	margin-top: 9px;
	padding: 14px 16px 14px;
	_margin-top: 0;
	width: 140px;
	background-image: url(dropdown_pane.png);
	_background-image: url(gnav/dropdown_pane_8bit.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-top-style: none;
}

#adcnav #site-menu-dropdown .dropdown-pane {
	margin-top: 12px;
	padding: 5px 16px 14px;
	_margin-top: 0;
	width: 140px;
	_width: 170px;
	background-image: url(gnav/dropdown_pane.png);
	_background-image: url(gnav/dropdown_pane_8bit.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-top-style: none;
}

#globalnav #site-menu-dropdown [className~=dropdown-pane] {
	margin-top: 4px;
	padding-top: 8px;
}

#site-menu-dropdown .dropdown-pane::before {
	display: block;
	margin-left: -16px;
	margin-top: -18px;
	content: url(gnav/dropdown_pane_cap.png);
}

#site-menu-dropdown .dropdown-pane li,
#site-menu-dropdown .dropdown-pane dt,
#site-menu-dropdown .dropdown-pane dd {
	display: block;
	padding: 0;
	margin: 2px 0 6px;
}

#site-menu-dropdown .dropdown-pane dt {
	text-transform: uppercase;
	color:#111111;
	font-family: Trebuchet MS;
	font-size: 11px;
	font-weight: normal;
}

#site-menu-dropdown .dropdown-pane .divide { padding-top: 8px; }

#site-menu-dropdown .dropdown-pane .last-title {
	font-weight: normal;
	text-transform: none;
}

#site-menu-dropdown .dropdown-pane a {
	display:block;
	_width: 100%;
	margin: 0;
	padding: 0;
	line-height: 14px;
	color:#333333;
	text-decoration: none;
	font-family: Trebuchet MS;
	font-size: 11px;
}

#site-menu-dropdown .dropdown-pane a:hover {
	color:#c00000;
	text-decoration: underline;
	font-family: Trebuchet MS;
	font-size: 11px;
}

ul.dropdown-pane li { _list-style-position: outside; }

/*-------------------------------------------------------------------
			Site & ADC Search
-------------------------------------------------------------------*/

#globalnav #site-search {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1;
	padding: 0;
	margin: 0 0 0 -300px;
	width: 300px;
	height: 63px;
	background-image: url(gnav/search_box.png);
	_background-image: url(gnav/search_box_8bit.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#adcnav {
	position: relative;
	top: 0;
	left: 0;
	z-index:100;
	display: block;
	_height: 1em;
	margin: 0;
	padding: 0px 0px 25px 0px;
}

#adcnav #adc-search {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1;
	padding: 0;
	margin: -25px 0 0 -225px;
	_margin: -25px 0 0 -226px;
	width: 300px;
	height: 63px;
}

#globalnav #site-search.devnet-site-search { _margin: 0 0 0 -256px; }

#search-input {
	margin-left: 16px;
	margin-top: 16px;
	width: 198px;
	_width: 204px;
	padding: 2px 2px 0 2px;
	_padding-right: 18px;
	height: 14px;
	_height: 18px;
	line-height: 1;
	background-color: transparent;
	border: 1px solid #CCCCCC;
	-moz-box-sizing: content-box;
	float: left; /*--- #76013 ---*/
}

#devnet-search-input {
	margin-left: 16px;
	margin-top: 16px;
	width: 172px;
	_width: 177px;
	padding: 2px 2px 0 2px;
	height: 14px;
	_height: 18px;
	line-height: 1;
	background-color: transparent;
	border: 1px solid #CCCCCC;
	-moz-box-sizing: content-box;
	float: left;
}

#search-input:focus,
#devnet-search-input:focus,
#search-input:hover,
#devnet-search-input:hover { border-color: #adadad; }

body:first-of-type #search-input {
	width: 188px;
	padding-right: 16px;
}

#site-search .search {
	background-image: url(gnav/search_button_18x18.png);
	top: 16px;
	left: 219px;
	position: absolute;
	width: 18px;
	height: 18px;
	cursor: pointer;
	_cursor: hand;
}

#adc-search .search {
	background-image: url(gnav/search_button_18x18.png);
	top: 16px;
	left: 192px;
	position: absolute;
	width: 18px;
	height: 18px;
	cursor: pointer;
	_cursor: hand;
}

body:first-of-type #site-search .search {
	top: 17px;
	left: 208px;
	width: 16px;
	height: 16px;
}