@charset "UTF-8";
/*	SCREEN IMPORT
$Revision: 1.5.16.1 $
*/
@import url(screen/icon.css);
@import url(screen/data.css);
@import url(screen/list.menu.css);
@import url(screen/star.css);
@import url(screen/common.css);
#content-header h1, /* useful until the SEO update is completed across all CS4 pages */
#brand-label 
{
position: relative;
top: 0;
left: 0;
font-weight: normal;
font-size: 30px;
line-height: normal;
color: #FFFFFF;
padding: 28px 24px 16px 16px;
margin: 0;
}

#accesslink {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	text-indent: -9999px;
	line-height:1;
}
/*-------------------------------------------------------------------	

	CLEARING

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

br.clear-both,
div.clear-both,
br.clear-left,
div.clear-left {
	font: 1px/1px monospace;
	display: block;
}

.clear-both { clear: both; }

.clear-left { clear: left; }

.clear-both:after,
.clear-after:after { /* IE 8 Beta */
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

/*.clear-after::after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}*/

.clear-after {	
	min-height: 1px;
}


.clip-top { margin-top: 0 }
.clip-bottom { margin-bottom: 0 }
.clip-sides { 
	margin-left: -16px;
	margin-right: -16px;
}
.clip-sides img {
	
}

.clip-left { margin-left: -16px; }
.clip-right { margin-right: -16px; }


.compact>* { float: left; }


.compact:after { /* IE8 Beta 1 */
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}

/*.compact::after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
}*/

.compact {	
	min-height: 1px;
}

.compact {
	 padding-bottom: 1px;	 
 }

.compact>p,
.compact>span {
	margin-right: 1ex;
	margin-bottom: 0;
	padding: 0;
}

dl.compact>dd { margin-left: 0; }



ul.compact li,
ol.compact li,
dl.compact dd,
div.compact p { }

dl.compact * dd ol.compact * li,
ul.compact * li,
div.compact * p { }

dl.compact dd {  }

div.compact p { }

h3.compact span,
h4.compact span {
	
}

h3.compact span span,
h4.compact span span {
	
}


a.max,
span.max {
	display: block;
}

.max {
	width: 100%;
	/*text-overflow: ellipsis;*/
	overflow: hidden;
}

input.max,
textarea.max {	
	width: 100%;	
}

textarea.max {
	overflow: auto;
}


select.max {
	width: 100%;
	
	/*behavior: url(/lib/com.adobe/remedy/revealOverflowX.htc);*/
	
}




pre, blockcode {
	display:block;
	padding: 1em 0 1.5em;
	margin:1em 0;
	white-space:pre;
	background-color:#F0F6FC;
	/*overflow-x:auto;*/
}
html>body pre, blockcode {
	overflow:auto;

}


pre strong, blockcode strong {
	font-weight: normal;
	background-color: #F9F9B7;
}


.css-comment{color:#999}
.css-import {color:#099}
.css-important {color:#F00}
.css-media {color:#900}
.css-property {color:#009}
.css-selector {color:#F0F}
.css-string {color:#060}
.css-value {color:#00F}
.css-display {color:#990099}
.css-image {color:#906}

p.pullout-item img { margin-right: 0; }


.pullout-left,
.pullout-right { 
	
}

.pullout-left {
	
}


.pullout-left:after, /* IE 8 Beta */
.pullout-right:after /* IE 8 Beta */ {
	content: "\0020";
	clear: both;
	display: block;
	height: 0;
}

/*.pullout-left::after, 
.pullout-right::after {
	content: "\0020";
	clear: both;
	display: block;
	height: 0;
}*/

.pullout-item {
	
}

.pullout-left .pullout-item {
	float: left;
	margin-left: 0 !important;
	
}

.left-wrap .pullout-item,
.right-wrap .pullout-item { 
	
}

.right-wrap .pullout-item { clear: right; }

.left-wrap .pullout-item { clear: left; }

.pullout-left .compact {
	display: table;
}

/*.pullout-left .compact::after {
	display: none;
}*/


.pullout-right .pullout-item {
	float: right;
	margin-right: 0 !important;
	
}

div.left-wrap>.pullout-item { margin-right: 10px; }

.pullout-left>span { display: block; }

/*--- These 2 IE workarounds below for direct child support look insane, but the override rules are VERY tricky when it comes to properties like 
display (other properties like border work fine without all this). Here I'm Adding the '*' before the className to negate it's importance-- 
allowing me style the display of all spans within another element differently ---*/

*.pullout-left span,
*.pullout-left *.pullout-left span {  }

*.pullout-left *.pullout-left * span,
*.pullout-left * span {  }

div.right-wrap>.pullout-item { margin-left: 10px; }

a.pullout-left,
a.pullout-right {
	display: block;
	
}

div.pullout-wrap>* { margin-left: 0; }

div.left-wrap>.pullout-item { margin-right: 10px; }

div.right-wrap>.pullout-item { margin-left: 10px; }

.left-180 .pullout-item,
.right-180 .pullout-item { width: 180px; }

.left-155 .pullout-item,
.right-155 .pullout-item { width: 155px; }

.left-140 .pullout-item,
.right-140 .pullout-item { width: 140px; }

.left-125 .pullout-item,
.right-125 .pullout-item { width: 125px; }

.left-112 .pullout-item,
.right-112 .pullout-item { width: 112px; }

.left-100 .pullout-item,
.right-100 .pullout-item { width: 100px; }

.left-90 .pullout-item,
.right-90 .pullout-item { width: 90px; }

.left-80 .pullout-item,
.right-80 .pullout-item { width: 80px; }

.left-72 .pullout-item,
.right-72 .pullout-item { width: 72px; }

.left-71 .pullout-item,
.right-71 .pullout-item { width: 71px; }

.left-51 .pullout-item,
.right-51 .pullout-item { width: 51px; }

.left-60 .pullout-item,
.right-60 .pullout-item { width: 60px; }

.left-50 .pullout-item,
.right-50 .pullout-item { width: 50px; }

.left-40 .pullout-item,
.right-40 .pullout-item { width: 40px; }

.left-20 .pullout-item,
.right-20 .pullout-item { width: 20px; }

.left-16 .pullout-item,
.right-16 .pullout-item { width: 16px; }

.left-16 .pullout-item { margin-right: 0; /*---TODO: 4px seems to be the munged value added to IE, why? ---*/ }

.right-16 .pullout-item { margin-left: 0; /*---TODO: 4px seems to be the munged value added to IE, why? ---*/ }

.left-180>* { margin-left: 190px !important; }

.right-180>* { margin-right: 190px !important; }

.left-155>* { margin-left: 165px !important; }

.right-155>* { margin-right: 165px !important; }

.left-140>* { margin-left: 150px !important; }

.right-140>* { margin-right: 150px !important; }

.left-125>* { margin-left: 135px !important; }

.right-125>* { margin-right: 135px !important; }

.left-112>* { margin-left: 122px !important; }

.right-112>* { margin-right: 122px !important; }

.left-100>* { margin-left: 110px !important; }

.right-100>* { margin-right: 110px !important; }

.left-90>* { margin-left: 100px !important; }

.right-90>* { margin-right: 100px !important; }

.left-80>* { margin-left: 90px !important; }

.right-80>* { margin-right: 90px !important; }

.left-72>* { margin-left: 82px !important; }

.right-72>* { margin-right: 82px !important; }

.left-71>* { margin-left: 81px !important; }

.right-71>* { margin-right: 81px !important; }

.left-60>* { margin-left: 70px !important; }

.right-60>* { margin-right: 70px !important; }

.left-50>* { margin-left: 60px !important; }

.right-50>* { margin-right: 60px !important; }

.left-51>* { margin-left: 61px !important; }

.right-51>* { margin-right: 61px !important; }

.left-40>* { margin-left: 50px !important; }

.right-40>* { margin-right: 50px !important; }

.left-20>* { margin-left: 28px !important; }

.right-20>* { margin-right: 28px !important; }

.left-16>* { margin-left: 20px !important; }

.right-16>* { margin-right: 20px !important; }

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

	FORM 
	$Id: form.css,v 1.4.2.1 2009/09/17 17:29:24 mok Exp $
	@author btapley
	
-------------------------------------------------------------------*/

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

	LAYOUT

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

.formBlock {
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 0;
	margin-bottom: 0;
}

.inputBlock {
	margin-top: 0;
	margin-bottom: 0;
}

.inputBlock p {
	margin-bottom: 6px;
}

.inputBlock dt {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 6px;
}

.inputBlock dd {
	margin-left: 0;
	margin-bottom: 6px;
}

.inputBlock .inputGroup {
	margin-left: 0;
}

.inputGroup {
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 6px;
}

.inputGroup li {
	margin-bottom: 0;
	padding-bottom: 0; /*override default glue*/
	padding-right: 1ex; /* Mac IE freaks on margin-right, use padding instead */
}

.inputGroup .left {
	font-weight: normal;
}

.inputGroup .caption {
	margin-top: .25em;
	margin-bottom: 0;
}

.pullout-left > * > .inputGroup { /* Hack non-IE to correctly position lists in a dd in forms */
	display: table;
	margin-bottom: 0;
}

.buttonBlock {
	display:block;
}

div.buttonBlock {
	margin-top: 2em;
	margin-bottom: 0;
}

span.buttonBlock {
	margin-top: 1em;
}

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

	BASE

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

input,
button,
select {
	/*\*/ vertical-align: middle; /**/
}

label.top {
	display: block;
	margin-bottom: 6px;
	font-weight: bold;
}
label.left {
	display: inline-block;	
	margin-right: 1ex;
	vertical-align: middle;
	font-weight: bold;
}

form {
	margin: 0 0 1em;
	padding: 0;
	font-size: 100%; 
	font-family: inherit;
}

.disabled {
	/*filter: alpha(opacity=50);	
	opacity: 0.5;	*/
}

.required {
	color: #C00;
}

/*-------------------------------------------------------------------
	
	BUTTON
	
----------------------------------------------------------------------*/
.button {
	font-family: inherit;
	font-weight: bold;
	text-align: center;
	background: #fbfbfb url(form/element_bg.png) bottom left repeat-x;
	border: 1px solid;
	border-color: #b3b3b3 #aeaeae #a5a5a5 #ababab;
	padding: .2em 1.6ex;	
	overflow: visible; /* fix button width for IE 5.5 to 7 */
	cursor: pointer;	
	vertical-align: middle;	
}
.button,
.button:hover:visited,
.button:hover,
.button:visited { color: #202020; }

.button {	 }

*+.button {	margin-left: 1ex; }

.button-70,
.button-90,
.button-100,
.button-120,
.button-150,
.button-180 { display: inline-block; top: -1px; position: relative; margin-right: 5px; }

.button-70 { width: 70px }
.button-90 { width: 90px }
.button-100 { width: 100px }
.button-120 { width: 120px }
.button-150 { width: 150px }
.button-180 { width: 180px }


input.button {
	padding: .15em 1.6ex 0.1em;	
}

button.button {
	padding: .1em 1.6ex;	
}

/* \*/
/*::root input.button { font-size: inherit; }*/
/* */



a.button {
	white-space: nowrap;
	text-decoration: none;
}

.inputBlock .caption {
	display: block;			/*--- clear: both causing breaking issues in IE6 ---*/
	margin-top: .2em;
}


input,
select,
textarea,
button {
	font-family: inherit;
	font-size: 100%;
	line-height: inherit;
}

.textfield,
textarea,
select[size] {
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #f7f7f7;
	border-width: thin;
	border-style: solid;
	border-color: #999 #aab3b3 #d5dddd #aab3b3;
}

select {
	line-height: 1.15em;
	background-color: #fefefe;
	border-width: thin;
	border-style: solid;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}

select option { 
	padding: 1px;
}

select[size] {
	background-color: #fff !important
}

/*-------------------------------------------------------------------
	
	STATES
	
-------------------------------------------------------------------*/
.textfield:hover,
.textfield:focus,
select[size]:hover,
select[size]:focus,
textarea:hover,
textarea:focus {
	border-color: #459455 #5b5 #6d5 #5b5;
}

select:hover,
select:focus {
	border-color: #6d5 #5b5 #459455 #5b5;
	
}

/* search form */

.search-form {
	background-color: #E0E0E0; 
	position: relative;	
}

#content-body .search-form fieldset { width: 90%; margin-bottom: 1em; }

#content-body .pod-body .search-form {
	margin: 0 -8px;
	padding: 8px;
}

.search-form fieldset,
.search-form .textfield {	
	background: #fff;
	outline: none;
	float: left;
	margin: 0;
	padding: 0;
}

.search-form fieldset {	
	border: 1px solid #939393;
	width: 99%;
	height: 30px;
	position: relative;
	z-index: 99;	
}

.search-form .textfield {
	border: none !important;
	height: 100%;
	width: 94%;	
	font-size: 2em;	
}

.search-form button {
	background: url(form/search.png) top left no-repeat;
	/*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0);*/
	border: none;
	height: 32px;
	width: 32px;
	font-size: 1px;
	float: right;
	margin-top: -1px;
	margin-right: -1px;	
}

/**:first-child+html #search-for a:active,
*:first-child+html #search-for a:focus {	
	position: relative;
}*/

.pseudo-input:focus,
.pseudo-input:hover,
.pseudo-input:focus,
.pseudo-input:hover,
.search-button:focus,
.search-button:hover {
	border-color: #459455 #5b5 #6d5 #5b5;
	background-color: #FFF;
	outline: #D6FFC9 solid 1px;
}

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

	ERROR MESSAGES

-------------------------------------------------------------------*/
.error { color: #CC0001; }

.error-block {
	background-color: #ffffcb;
	color: #f00;
	padding: 6px 8px;
	margin-bottom: 1em;
	border: 1px solid #CCC;	
}

.error-block * {
	
}

.error-block a,
.error-block a:visited,
.error-block a:hover { color: #f00; }

.error-block .alert { font-weight: bold; }

.error-block p,
.error-block ul {
	margin-top: 6px;
	margin-bottom: 6px;
	margin: 0;
}

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

	PRICE

-------------------------------------------------------------------*/
.price,
.price:link,
.price:visited,
.price:hover,
.price:visited:hover,
.price a,
.price a:link,
.price a:visited,
.price a:hover,
.price a:visited:hover { color: #992222 }

.price {
	/*\*/white-space: nowrap; /**/	
	min-height: 1em;
}

/*a .price { cursor: hand; }*/


span[className~=price],
a[className~=price] { display: inline-block; }

.price-lrg {
	font-size: 1.41em;
	font-weight: bold;
}

.feature-price,
.feature-price:link,
.feature-price:visited,
.feature-price:hover,
.feature-price:visited:hover,
.feature-price a,
.feature-price a:link,
.feature-price a:visited,
.feature-price a:hover,
.feature-price a:visited:hover { color: #333 }


.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-aa,
.columns-3-aaBC-B,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-B,
.columns-2-aaB-aa,
.columns-2-aaBB-aa,
.columns-2-AAbb-AA,
.columns-2-Abb-A,
.columns-2-AB-A {
	margin-bottom: 0.5em;
	float: left;
}

.columns-4-ABCD-D,
.columns-3-ABC-C,
.columns-3-ABcc-cc,
.columns-3-aaBcc-cc,
.columns-3-aaBC-C,
.columns-2-Abb-bb,
.columns-2-aaBB-BB,
.columns-2-AAbb-bb,
.columns-2-aaB-B,
.columns-2-AB-B {
	margin-bottom: 0.5em;
	float: right;
}



.columns-2-AB-A,
.columns-2-AB-B { width: 48%; }

.columns-2-Abb-A,
.columns-2-aaB-B { width: 64%; }

.columns-2-Abb-bb,
.columns-2-aaB-aa { width: 32%; }



.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABC-C { width: 30%; }

.columns-3-ABC-B { margin-left: 5%; }
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBC-C { width: 34%; }

.columns-3-ABcc-cc,
.columns-3-aaBC-aa,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-cc { width: 26%; }

.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBcc-B { margin-left: 3%; }

.columns-3-aaBcc-B { width: 42%; }



.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-4-ABCD-D { width: 22%; }

.columns-4-ABCD-B,
.columns-4-ABCD-C { margin-left: 4%; }




.columns {
	
}



dt,
dd,
li {
	line-height: 1.25;
}

ol,
li,
li ol,
li ul { font-size: 1em; }

ul {
	list-style-type: disc;
	margin-left: 1ex;
}

ul,
ol {
	padding-left: 2.5ex;
	margin-top: 1em;
	margin-bottom: 1.35em;
}

li {
	line-height: 1.25em;
	padding-bottom: 0.5em;
}

ol {
	list-style-type: decimal;
	overflow: visible;
	margin-left: 3ex;
	
}

ol ol {
	list-style-type: lower-alpha;
	margin-left: .5ex;	
}

ol ol ol { list-style-type: lower-roman; }

li ol,
li ul {
	margin-top: 0;
	margin-bottom: .3ex;
}

li p { margin-bottom: 0.5em; }

dt,
dd { line-height: 1.5em; }

dt {
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 0.5em;
}

dl,
dd { margin-bottom: 1.5em; }
dd { margin-left: 16px; }

.link-list {
	text-align: left;
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
}

.link-list>* {
	margin: 1px 1.5ex 1px 0;
	line-height: 1.333em;
}

.link-list>li,
.link-list>dt { padding: 2px 0; }

.link-list>dd { padding-left: 1.25ex; }

.link-list li,
.link-list dt { }

.link-list dd { }

.link-list li,
.link-list dt,
.link-list dd {
	
}

.button-list > li { margin: 4px 1.5ex 4px 0; padding-top: 0px; line-height: 1.5em; font-size:1.083em }
.tags li { margin-right: 10px; }
.tag { margin-bottom: 0.5em; }
.nomarker {
	list-style-image: none;
	list-style-type: none; 
}


.tag-group {
	white-space: nowrap;
}



.tag-box {
	position: relative; 
	padding: 0 3px;
	background-color: #888;
	color: #FFF;
	margin-left: 1px;
}

.tag-text {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}


.tag-button,
.tag-button:link,
.tag-button:visited,
.tag-button:visited:hover {
	background-color: #468;
	position: relative; /* IE 6 clips the border sometimes */
	padding: 0 3px;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
}

.tag-button:hover {
	background-color: #69B;
	padding: 0 3px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}

.discover {  }

.discover .pullout-left h3 { 
	text-transform: none !important; 
	border-bottom: none !important; 
	font-size: 116.7% !important; 
	font-weight: normal;
	line-height: 1.13em;
	margin-bottom: 0 !important;
	margin-top: 0;
}
.discover .pullout-left:hover h3 a:hover { text-decoration: none !important; }
.discover .pullout-left.hover h3 a:hover { text-decoration: none !important; }

.discover .pullout-left > * { margin-bottom: 0; }

.discover .pullout-left h3,
.discover .pullout-left ul {  }

.discover .note { display: block }

.discover .menu { 
	padding-left: 0; 
	/*--- margin-left: 64px !important;  ---*/
	margin-top: 0.35em;
	visibility: hidden;
}

.discover .menu li:first-child { padding-left: 0; }

.discover .pullout-left {
	margin-left: -6px;
	margin-bottom: 0.35em;
	padding: 6px;
	
}

.discover .hover,
.discover .pullout-left:hover {
	background-color: #EEE;
	cursor: pointer;
}

.discover .pullout-left li { padding: 0 5px 0; }

.discover .hover .menu,
.discover .pullout-left:hover .menu { visibility: visible; }

.discover ul {
	 
}

.discover .pullout-left .menu a { 
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.pod {
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
	margin-bottom: 1em;
	
}

.pod-title {
	margin: 0 0 0;
	padding: 6px 8px;
	font-size: .917em;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	color: #111111;
	background-color: #DDDDDD;
}

.pod-body .pod-title {
	background-color: transparent;
	padding: 0 0 6px;
	margin-bottom: .5em;
}

.pod-body {
	padding: 10px 8px;
}

html[lang=ja] .pod-title,
html[lang=zh] .pod-title,
html[lang=ko] .pod-title {
	font-size: 100%;
}

.ja .pod-title,
.zh .pod-title,
.ko .pod-title {
	font-size: 100%;
}

.pod .pod-button,
.pod .pod-button:link,
.pod .pod-button:visited {
	background-color: #EEEEEE;
}

.pod .pod-button:hover,
.pod .pod-button:visited:hover {
	background-color: #FFFFFF;
}

.d-dropdown {
	position: relative;
	z-index: 2;
}

.d-dropdown>li {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}

.d-dropdown li {
	list-style-type: none;
	
}

.d-dropdown li li {  }

.d-dropdown .dropdown-pane {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 2;
	display: none;
	margin-top: 0;
}

.d-dropdown li.hover .dropdown-pane,
.d-dropdown li.focus .dropdown-pane { 
	display: block;
}

.d-dropdown>li:hover .dropdown-pane { display: block; }

.d-dropdown .dropdown-tab { 

	display: block;	
}

.d-dropdown .dropdown-pane>* {
	margin: 0;
}

.d-dropdown .dropdown-pane dt,
.d-dropdown .dropdown-pane dd,
.d-dropdown .dropdown-pane li {
	
}

.d-dropdown .dropdown-pane a {
	margin: 0 1px;
	
}

.d-dropdown .dropdown-tab { 
	min-height: 16px;
	
}

#depthpath {
	padding: 16px 0 0 16px;
	margin: 0 0 -24px;
	min-height: 1em;
	position: relative;
	z-index: 1;
}

#depthpath li {
	font-size: .917em;
}

html[lang=zh] #depthpath li {
	font-size: 1em;
}

#depthpath * {
	line-height: 1.3;
}

#depthpath a,
#depthpath a:link,
#depthpath a:visited {
	text-decoration: none;
}

#depthpath,
#depthpath a,
#depthpath a:link,
#depthpath a:visited {
	color: #999;
}

#depthpath a:hover { 
	background-color: #000;
	color: #ddd;
}
.dyn-clipmask {
	visibility: hidden;
	overflow: hidden;
	height: 0;
}