/*	DEVCENTER LAYOUT
$Id: //depot/projects/dylan/releases/rc_16_11_1/docroot/lib/com.adobe/template/devcenter/layout.css#1 $
@author mok
@author jisutton
*/
html,
html body
{
background: #4f4f4f;
}
body
{
padding: 0;
margin: 0;
_text-align: center
}
body div,
#adobe-logo
{
_text-align: left;
}
body#popup #adc-adobe-link,
body#popup #adc-globalnav-utilities,
body#popup #adc-site-search
{
display: none;
}
body#popup #layoutLogic
{
margin-top: 1em
}
#PageContent ul,
#PageContent ol,
#PageContent dl { 
word-spacing: 0; 
letter-spacing: 0; 
line-height: 1;
}
/* Layout */
#layoutLogic
{
width: 983px;
min-height: 1em !important;
margin: 0 auto 1px;
min-height: 450px;
position: relative;
background-color: transparent;
background-image: none;
padding: 0;
}
#layoutLogic a
{
color: #0066CC;
}
#layoutLogic a:hover
{
color: #1e6a00;
text-decoration: none;
}
#layoutLogic.L6 pre,
#layoutLogic.L6 code,
#layoutLogic.L6 kbd
{
font-size: 1em !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#layoutLogic.L6 pre,
#layoutLogic.L6 code,
#layoutLogic.L6 kbd
{
font-size: 1.1em !important;
}
}
/* Globalfooter */
#globalfooter
{
width: 945px;
_width: 983px;
margin: 0 auto -20px;
background-image: none;
background-color: #222;
}
#globalfooter
{
color:#818181;
}
#globalfooter a
{
color: #bbb;
}
/* Columns */
.columns-1-A-A,
#L6C1.columns-2-Abb-A
{
padding: 8px 20px;
background: #fff;
margin-bottom: 1px;
}
#L6C1.columns-2-Abb-A
{
width: 698px;
_width: 738px;
height: 100%;
_height: auto;
}
#L6C2.columns-2-Abb-bb
{
width: 244px;
}
.columns-1-A-A
{
min-height: 1em;
_height: 1em;
}
/* Headers and DepthPath */
h1,
#depthpath 
{ 
background-color: #d6d6d6; 
}
h1,
#depthpath,
#depthpath li,
#depthpath a 
{ 
color: #666; 
}
h1 
{
margin: 0 -20px 1em;
padding: 0 0 1em 16px;
border-bottom: 1px solid #4f4f4f;
font-size: 1.75em;
height: auto;
background-image : none;
_zoom: 1
}
#article_title h1
{
font-weight: normal;
margin: -7px 0 0.5em 0;
color:#111111;
font-family:Georgia,"Times New Roman",Times,serif;
padding: 0 0 .5em 0;
border-bottom: 0px;
_zoom: 0;
background-color: #fff;
}
#article-depthpath #depthpath 
{ 
background-color: #fff; 
padding-bottom: 2.4em;
}
#article-depthpath #depthpath li:last-child
{ 
font-weight: bold; 
}
#article-depthpath #depthpath li::last-child
{ 
font-weight: bold; 
}
#article-depthpath #depthpath
{
htc-method: "$getLastChild >$getDirectChild >$addStyleToNode[fontWeight bold,runtime]"; 
behavior: url(/lib/com.adobe/evaluateCss.htc);
}
.columns-1-A-A #depthpath,
.columns-1-A-A h1
{
_position: relative;
}
#depthpath
{
padding: 8px 8px 8px 16px;
margin: -8px -20px 0;
}
#depthpath,
#depthpath li,
#depthpath a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
 .path>li::after {
color: #666;
}
#L6C2 #promo
{
_position: relative;
_width: 244px;
_height: 143px;
margin-bottom: 1px;
}
#L6C2 #promo img
{
_position: absolute;
}
#L6C2 form
{
margin-bottom: 0;
}
/* CONTENT STYLING */
 
#L6C1.columns-1-A-A h3,
#L6C1.columns-2-Abb-A h3
{
border-bottom: 1px solid #bdbdbd;
border-top: 1px solid #bdbdbd;
margin: 2em -8px 1em;
padding: 0.15em 8px;
text-transform: uppercase;
}
*:first-child+html h3
{
zoom: 1 
}
.p1-top h3
{
border-top: none !important;
margin: 0 -8px 1em !important;
padding: 0.35em 8px !important;
}
h2
{
color: #4f4f4f;
font-size: 1.835em;
line-height: 1em;
font-weight: normal;
margin-top: 1em;
}
h4 a
{
font-size: 1.25em;
font-weight: normal;
margin: 0 0 0.5em;
}
.content-panel dt,
.content-panel dd
{
margin: 0;
}
h4 a,
.author,
.stamp-date,
.carousel-feature-links a,
.carousel-feature h3,
.carousel-container .author,
.carousel-container .stamp-date
{
font-family: Georgia, "Times New Roman", Times, serif;
}
*:first-child+html .new
{
display: inline;
height: 1em;
position: static;
}
/*
DEVCENTER ACCORDIONS
$Id: //depot/projects/dylan/releases/rc_16_11_1/docroot/lib/com.adobe/template/devcenter/accordion.css#1 $
*/
#adc-accordion {
width: 983px;
position: relative;
}
#products-technologies-teaser.collapsed,
#resources-teaser.collapsed { height: 0; }
body:last-child:not(:root:root) .collapsed { display: none; }
body:last-child:not(:root:root) .closed, body:last-child:not(:root:root) .teaser { margin-bottom: 1px !important }
body:last-child:not(:root:root) #adc-accordion .closed { margin-bottom: 0 !important; }
#adc-accordion a { color: #2D5DA5 }
#adc-accordion a:hover {
background-color: #FBEBB8 !important;
color: #0084FF;
text-decoration: none !important;
}
.accordion-controller[class~=opened] { background-color: #eee !important; }
.accordion-controller:hover,
.accordion-controller:hover .accordion-handle { background-color: #9e9e9e; color: #fff;}
.accordion-controller { background-color: #bbb !important }
.accordion-controller[class~=opened]:hover,
.accordion-controller[class~=opened]:hover .accordion-handle { background-color: #bbb !important; color: #fff; }
.accordion-controller[class~=closed]:hover,
.accordion-controller[class~=closed]:hover .accordion-handle { background-color: #9e9e9e !important; }
.opened { _background-color: #eee !important; _color: #fff !important; border-bottom: 1px solid #c2c2c2; }
.opened.hover,
.opened.hover .accordion-handle { _background-color: #bbb !important; _color: #fff !important;}
.closed.hover,
.closed.hover .accordion-handle { _background-color: #9e9e9e !important; _color: #fff !important;}
.accordion-controller .accordion-handle {
font-size: 0.817em;
color: #666;
font-weight: bold;
text-transform: uppercase;
padding: 4px 8px 5px 16px;
margin: 0;
line-height: 1em;
background-repeat: no-repeat;
background-position:  5px center;
}
#products-technologies .accordion-handle {
width: 467px;
_width: 491px;
float: left;
}
#getstarted h3,
#products-technologies-accordion h3,
#resources-accordion h3 {
font-size: 1em;
font-weight: bold;
margin-top: 0.35em;
margin-bottom:0;
}
#all-products { border-right: 1px solid #c2c2c2 }
.teaser .accordion-content { padding-top: 0.15em !important; }
#products-technologies-teaser li,
#resources-teaser li {
width: 119px;
float: left;
display: list-item;
_display: inline;
_float: none;
_vertical-align: top;
margin: 0;
}
#products-technologies-teaser li a,
#resources-teaser li a { display: block; }
.collapsed a { display: none !important; }
#all-technologies .columns-2-AB-A,
#all-technologies .columns-2-AB-B,
#resources-accordion .accordion-column .columns-2-AB-A,
#resources-accordion .accordion-column .columns-2-AB-B { width: 50%; }
#all-technologies .columns-2-AB-A,
#resources-accordion .accordion-column .columns-2-AB-A { _width: 48%; }
#all-technologies .columns-2-AB-B,
#resources-accordion .accordion-column .columns-2-AB-B { _width: 52%; }
#products-technologies-accordion .accordion-column,
#resources-accordion .accordion-column { _padding-left: 16px; }
html>body #all-products,
html>body #resources-accordion .accordion-column {
padding-left: 16px;
margin-right: -1px;
}
.accordion-content { background: #eee; }	
#adc-accordion .accordion-content { padding: 0 0 7px; }
#products-technologies-accordion.expanded,
#resources-accordion.expanded { min-height:3em; 
height: auto !important;  
height:3em;
} 
/* teaser accordion-column (inside panels) */
.accordion-column {
display: inline;
width: 476px;
_width: 491px;
padding: 4px 0 4px 15px;
_padding: 0;
_margin-top: 0;
_top: 0;
_float: left;
}
.teaser .accordion-content { 
position: inherit;
background-color: #bbb !important;
padding: 0;
}
.teaser .accordion-content .accordion-column { _padding-left: 15px; }
.teaser ul { margin: 0 }
.teaser li { margin-top: 0; margin-bottom: 0; padding: 0; }
/* non-teaser (inside panels) */
.content-panel {
padding: 10px 15px !important;
width: 953px !important;
_width: 983px;
_height: 3em;
}
.content-panel h2,
.content-panel h3 { color: #4f4f4f !important }
#L6C1.columns-0-A .content-panel h3,
#L6C1.columns-1-A-A .content-panel h3 {
background-color: transparent;
border-bottom: none;
font-size:1.4em;
font-weight:normal;
margin: 0 0 0.25em;
min-height:1em;
padding: 0;
}
.content-panel h3 { _left: 0 !important }
.accordion-controller .down { background-image: url(/lib/com.adobe/template/devcenter/backgrounds/expand_arrow.gif) !important; }
.accordion-controller:hover .down { background-image: url(/lib/com.adobe/template/devcenter/backgrounds/expand_arrow_hover.gif) !important; }
.accordion-controller.hover .down { background-image: url(/lib/com.adobe/template/devcenter/backgrounds/expand_arrow_hover.gif) !important; }
.accordion-controller .up { background-image: url(/lib/com.adobe/template/devcenter/backgrounds/collapse_arrow.gif) !important; }
.accordion-controller:hover .up { background-image: url(/lib/com.adobe/template/devcenter/backgrounds/collapse_arrow_hover.gif) !important; }
.accordion-controller.hover .up { background-image: url(/lib/com.adobe/template/devcenter/backgrounds/collapse_arrow_hover.gif) !important; }

/*	DEVCENTER CAROUSEL
$Id: //depot/projects/dylan/releases/rc_16_11_1/docroot/lib/com.adobe/template/devcenter/carousel.css#1 $
*/
#features,
#features .accordion-content { width: 1033px !important;}
#features {   left: -25px; }
#layoutLogic {_position: relative; _left: 25px }
#ADC-Carousel.carousel-component .carousel-clip-region { left: 25px; width: 983px !important; }
/* Safari 2 and 3 not adjusting carousel width well */
body:last-child:not(:root:root) .carousel-component { padding-right: 0px !important; }
body:first-of-type .carousel-component { padding-right: 0px !important; }
#features { _overflow: hidden; }
#features .accordion-content {
background-color: transparent;
padding: 0;
}
#ADC-Carousel.carousel-component { 
border: none; 
margin-bottom: 0; 
background-color: transparent; 
width: 1033px !important;
}
#ADC-Carousel.carousel-component .carousel-list .carousel-container { 
width:229px; 
_width: 246px;
height: 30.167em;
padding: 0 8px;
border-color: #c2c2c2;
}
.carousel-component .carousel-list .carousel-feature:hover { background-color: #fff; }
.carousel-container .hover { background: #fff; }	
.carousel-component .carousel-list .carousel-feature-links:hover { background-color: #f8f8f8; }
.carousel-container .hover h4 { color: #000; }
.carousel-container .hover * { color: #666; }
.carousel-feature {
margin: 0 -8px 0;
padding: 11px 8px 11px 14px;
height: 20.58em;
_height: 22.500em;
_overflow: hidden;
background-color: #eee;
}
.carousel-feature p.txtcenter { margin-left: -7px }
.carousel-feature-links {
margin: 0px -11px  0px -11px;
padding: 10px 8px 0px 14px;
background: #e5e5e5;
height: 7.667em;
_height: 8.500em;
}
.carousel-feature-links li { _white-space: nowrap; }
.expanded { _height: auto !important; _overflow: visible !important; }
#ADC-Carousel.carousel-component .carousel-prev,
#ADC-Carousel.carousel-component .carousel-next { height: 30.167em; width: 20px; }
#ADC-Carousel.carousel-component .carousel-next { right: 0px;} 
body:last-child:not(:root:root) #ADC-Carousel.carousel-component .carousel-next  { right: -1px; }	
body:first-of-type #ADC-Carousel.carousel-component .carousel-next  { right: -1px; }	
#ADC-Carousel.carousel-component .carousel-prev { 	background-image: url(carousel/prev.gif); }
#ADC-Carousel.carousel-component .carousel-prev:hover { background-image: url(carousel/prev_hover.gif); }
#ADC-Carousel.carousel-component .prev-null,
#ADC-Carousel.carousel-component .prev-null:hover { 	background-image: url(carousel/prev_null.gif); }
#ADC-Carousel.carousel-component .carousel-next { 	background-image: url(carousel/next.gif); }
#ADC-Carousel.carousel-component .carousel-next:hover { background-image: url(carousel/next_hover.gif); }
#ADC-Carousel.carousel-component .next-null,
#ADC-Carousel.carousel-component .next-null:hover { 	background-image: url(carousel/next_null.gif); }
#ADC-Carousel.carousel-component  .carousel-prev:hover,
#ADC-Carousel.carousel-component  .carousel-next:hover   { background-color: transparent }
/* IE 6 Hover Arrows */
#ADC-Carousel.carousel-component  .carousel-next,
#ADC-Carousel.carousel-component  .carousel-prev,
#ADC-Carousel.carousel-component  .prev-null:hover,
#ADC-Carousel.carousel-component  .next-null:hover,
#ADC-Carousel.carousel-component #prev-arrow.carousel-prev.prev-hover,
#ADC-Carousel.carousel-component #next-arrow.carousel-next.next-hover { background-color: #4f4f4f !important; }
#ADC-Carousel.carousel-component #prev-arrow.carousel-prev.prev-hover  {	background-image: url(carousel/prev_hover.gif); }
#ADC-Carousel.carousel-component #next-arrow.carousel-next.next-hover {  background-image: url(carousel/next_hover.gif); }
.carousel-feature, 
.carousel-feature h2 a { color: #666 !important; }
.carousel-feature h2 a:hover { background-color: transparent; color: #1e6a00 !important;}
.carousel-feature h3,
.carousel-container .author, 
.carousel-container .stamp-date { color: #666;}
.carousel-container .author, 
.carousel-container .stamp-date { font-size: 0.93em }
.carousel-feature h2 {
font-size: 1.5em;
margin-top: 0;
}
.carousel-feature h3 { 
font-size: 1.5em;
font-weight: normal;
line-height: 1.1em;
margin: 0.5em 0 0.5em;
}
.carousel-container h4 {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;	
margin: 0 0 0.25em;
font-weight: bold;
}
.carousel-feature-links ul li  { line-height: 1em; }
.carousel-feature .static-messaging {
padding: 2px;
margin: 0 0 -1em;
font-size: 0.85em;
}

.standout p {
font-size: 1.25em
}
.searchUserGroups p
{
margin-bottom: 0.5em
}
.content-panel ul.noindent
{
padding-left:0.5em;
}
.content-panel form
{
margin-bottom: 1.2em;
}
.content-panel .pullout-item
{
margin-bottom: 0.5em
}
.content-panel .link-more
{
margin-top: 0.35em;
display: block;
}
.content-panel .columns-2-AB-A,
.content-panel .columns-2-AB-B
{
margin-bottom: 0;
width:49.2%;
margin-top: -1.5em;
}
.content-panel .columns-2-AB-A .columns-2-AB-A,
.content-panel .columns-2-AB-A .columns-2-AB-B,
.content-panel .columns-2-AB-B .columns-2-AB-A,
.content-panel .columns-2-AB-B .columns-2-AB-B
{
margin-top: 0;
width: 48%;
}
.content-panel .columns-2-AB-A .columns-2-AB-A,
.content-panel .columns-2-AB-A .columns-2-AB-B,
.content-panel .columns-2-AB-B .columns-2-AB-A,
.content-panel .columns-2-AB-B .columns-2-AB-B
{
padding: 0;
margin-bottom: 1em;
}
.p2 h3,
.p2-top .pod-body > *:first-child,
.p2 dt
{
color: #656565 !important;
border-top: none !Important;
}
.p2 dt
{
border-top: none !important;
_margin-top: 1.5em !important;
}
.p2 h3
{
_text-transform: uppercase;
}
.p2-top h3,
.p2-top-first-child
{
_padding-bottom: 0 !important;
_margin-top: 1em !important;
_margin-bottom: 0 !important;
}
.p2 .side-menu dd a,
.p2 .side-menu p
{
font-size: 1.09em;
}
.pod .side-menu p
{
min-height: 1em;
letter-spacing: 0;
word-spacing: normal;
}
.top-acc
{
background-color:#DDDDDD;
margin: 0;
padding: 10px 8px;
border-bottom: 1px solid #4f4f4f;
}
.top-acc h3
{
padding: 0;
margin: 0 0 0.5em;
}
#L6C2 .side-menu
{
margin-top: -0.8em;
}
#L6C2,
.p2
{
background-color: #f3f3f3;
}
#L6C2,
.p2
{
margin-bottom: 0;
padding-bottom: 0
}
.tabZen,
.tabZen li,
.tabZen li a,
.tabZen li.on a,
.tabZen li.on a:hover,
.tabZen li:hover,
.tabZen li:hover a
{
background-image: none !important;
background-color: #e4e4e4;
}
.tabZen
{
padding: 0px 0 0 8px !important;
margin: -1.85em -20px 20px !important;
border-top: 1px solid #4f4f4f;
border-bottom: none !important;
}
.tabZen li
{
border-bottom: none !important;
border-left: 1px solid #888;
border-right: 1px solid #888;
margin-right: -1px;
}
.tabZen li a,
.tabZen li.on a,
.tabZen li.on a:hover,
.tabZen li:hover,
.tabZen li:hover a
{
-moz-outline: none;
background-color: transparent !important;
}
.tabZen li:hover,
.tabZen li:hover a,
.tabZen li a:hover
{
background-color: #9e9e9e !important;
color: #fff !important;
text-decoration: none !important;
}
.tabZen li.on,
.tabZen li.on:hover
{
background-color: #fff !important;
}
.tabZen li.on,
.tabZen li.on a:hover,
.tabZen a:hover,
.tabZen li a:visited
{
color: #666 !important;
}
.tabZen li a
{
padding: 6px 10px !important;
margin-left: 0 !important;
font-size: 10px;
text-transform: uppercase;
color: #555 !important;
}
.search-pod input.textfield
{
width: 100% !important;
_width: 97% !important;
}
.clip-sides {
margin-left: -20px;
margin-right: -20px;
}