/*
 Script name: support.css
 Description: css overrides for helppage
 LastUpdated: Sept 20 2012 by cmiqueo
*/

/* helppage.css overrides */

.pagetitle{
    margin-right: 12px;
}

.producttitle{
    float: left;
}


/* links */
#main a,  
#main a:visited,
#products-affected a,
#products-affected a:visited,
#left-custom-text a,  
#left-custom-text a:visited,
#MoreLinks  a,
#MoreLinks a:visited,
#contact-support a,
#contact-support a:visited,
#jive a,
#jive a:visited,
#creativecommons a,
#creativecommons a:visited{
    color: #3399CC;
}
#main a:hover,
#products-affected a:hover,
#MoreLinks  a:hover,
#contact-support a:hover,
#jive a:hover,
#creativecommons a:hover{
    color: #3ca7dd;
}



/* 
    **********************************
    Left colum
    **********************************
*/
#last-updated,
.products-affected{
    margin-bottom: 15px;
}
#last-updated p{
    margin-top: 3px;
}

#left-custom-text{
    margin-bottom: 15px;
    font-size:14px;
    line-height:150%;
}

.PanelFillDark {
    /* override for page tools title */
    background: #FFFFFF;
}

div.separator{
    height: 1px;
    background-color: #CCCCCC;
    margin-left:2px;
    margin-right:2px;
    
}

/* feedback badge */
.feedbackPodFixed{ 
    position: fixed; 
    top: 4px; 
}
.marginLeft226{
    margin-left:226px;
}

             
/* 
    **********************************
    Main colum
    **********************************
*/
#main{
    overflow-x: hidden;
	padding-top: 12px;
}
/* 
    MiniTOC 
*/
#main #panel-main-toc ul{
    list-style: none outside none;
    margin-left: 0 !important;
    margin-top: 4px;
    padding-left: 0;
}
#main #panel-main-toc li{
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin: 0;
}
#main #panel-main-toc li.tocH3{
    margin-left: 10px;
}

/*identify referenced content*/
#main div.docs-reference-mark {
    background-color: lightblue;
}

/*hide minitoc in reference*/
#main div.docs-reference-mark div#panel-main-toc {
    display: none;
}

.toggleButton{
    margin: 2px;
}
/* 
    Headings 
*/
#main h2{
    border-top: solid 1px #dddddd;
    padding-top: 12px;
    margin-bottom: 9px;
}
#main #panel-main-toc h2{
    border-top: medium none;
    margin-top: 0;
    padding-top: 12px;
}
.expert-article h2,
.expert-video h2{
    font-size: 18px;
    font-weight: bold;
}


.Semantic h1, .Semantic h2, 
.Semantic h3, .Semantic h4, 
.Semantic h5, .Semantic h6 {
    line-height: 1.3em;
    margin-bottom: 0px;
    padding-right: 100px;
}

.Semantic h4{
    margin-bottom: -16px;
    margin-bottom: 0px;
}
 
/* 
    Paragraphs 
*/
.Semantic p{
    margin-top: 2px;
    margin-bottom:8px;
}

/* right margin */
#main h3,
#main h4,
#main h5,
#main ul,
#main ol,
#main p{
    margin-right: 100px;
}   


/* 
    Lists 
*/
#main ol,
#main ul{
    margin-left: 1em !important;
    margin-bottom: 8px;
    margin-top: 2px;
}
#main ul{
    list-style-type:disc;
    padding-left: 10px;
}
#main ol{
    list-style-type:decimal;
    padding-left: 14px;
}
#main ol ol {
    list-style-type: lower-alpha;
}
#main ol ol ol{
    list-style-type: lower-roman;
}
#main li{
    margin-top:0;
}

/* 
    Lists: Show All/Less 
*/
li.hiddenList{
    display:none;
}
a.toggleButton{
    font-weight: bold;
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/showall.png") no-repeat scroll 0 3px transparent;  
    padding-left: 12px;
    font-size: 12px; 
}

/* 
    Tables 
*/
div.table {
   overflow:auto;
}
.Semantic table{
   border-collapse: collapse;
   width: 85%;
}
.Semantic table th,
.Semantic table td{
    border: 1px solid #ccc;
}
.Semantic th { 
    font-weight: bold;
    background-color: #eee;
}
.Semantic td {
    background-color: #fff;
}

.Semantic table p,
.Semantic table ol,
.Semantic table ul,
.Semantic ul ul,
.Semantic ul ol,
.Semantic ol ol,
.Semantic ol ul,
.Semantic li p,
.step *{
    margin-right: 0px !important;
}

/* Tables: no border */
.dntShowBorder table {
    border: none 0px;
    border-collapse: inherit;
}
.dntShowBorder table th,
.dntShowBorder table td {
    border: none 0px;
}



/* 
    Search terms 
*/
#search-terms{
    border-top: 1px solid #DEDEDE;
    margin: 16px 0 0 0;
    padding: 10px 0;
}

/* 
    ION Comments 
*/
#ionCom {
    border-top: 1px solid #DEDEDE;
    margin: 30px 0;
    padding-top: 6px;
    width: auto !important;
}
.textcomment .comment{
    background-color: #FFFFCC;
    border: 1px solid #CCCC99;
    /* border-top: 1px solid #AAAA66; */
    padding: 1px 6px;
}
.textcomment .comment:before{
    color: #aaa;
    font-weight: bold;
    font-style: italic;
    content: "Internal Comment"; 
    width:100%;
}

/* Text styles in Text component */
span.bold {
    font-weight: bold;
}
span.italic {
    font-style: italic;
}
span.under {
    text-decoration: underline;
}
span.kbd {
    font-family: Courier New;
    font-weight: bold;
}
span.code {
    font-family: Courier New;
}
span.achtung {
    font-weight: bold;
    color: red;
}
span.cps-highlight {
    background-color: #ff66cc;
}
span.comment-inline {
    background-color: #ffffcc;
}

/* 
    Components from Day team 
*/

/* added by krs for Day KB */ 
pre {
    font-family: Courier New;
    overflow-x: scroll;
}

.help-caution,
.help-note,
.help-important,
.help-glossary,
.help-variable,
.help-warning,
.help-tip{
    margin-bottom: 6px
}
.help-caution{
    border-left: 3px solid red;   
    padding-left: 1em;
}

.help-caution p,
.help-note p,
.help-important p,
.help-warning p{
    font-style: italic; 
}

.help-caution p,
.help-important p,
.help-warning p,
.variable-text p{
    margin-right: 0 !important;
}

.help-caution-title,
.help-note-title,
.help-important-title,
.help-glossary-title,
.help-variable-title,
.help-warning-title{ 
    font-weight: bold;
    padding-right:8px;
    float:left;
}  
.help-tip{
    background: url("https://webarchive.library.unt.edu/web/20130104094320oe_/http://help.adobe.com/en_US/photoshop/cs/using/images/tip_help.png") no-repeat scroll 0px -3px transparent;
    padding-left: 20px;
    font-style: italic;
}
 
/*
    Draft
*/  
.docs-draft{
    border-right: 2px solid #3a3;
}

/*
    Remark
*/
.docs-remark{
    background-color: #FFFFCC;
    border: 1px solid #CCCC99;
    padding: 1px 6px;
}

/* 
    Image caption 
*/
div.image small{
    font-style: italic;
}

/*
    Product branding
*/
.mnemonic{border-top: 4px solid #ddd;}
.acrobat-color{border-top: 4px solid #E50B0A} 
.connect-color{border-top: 4px solid #688F7D}  
.adobereader-color{border-top: 4px solid #E50B0A}   
.aftereffects-color {border-top: 4px solid #61678f}
.dreamweaver-color{border-top: 4px solid #79941b}
.flash-color{border-top: 4px solid #ce2738}
.flashplayer-color{border-top: 4px solid #E8E8E8}
.flex-color{border-top: 4px solid #605758} 
.framemaker-color{border-top: 4px solid #FB940B} 
.indesign-color{border-top: 4px solid #b82b72}
.photoshop-color{border-top: 4px solid #1775d5}
.photoshopcom-color{border-top: 4px solid #008CDA}
.illustrator-color{border-top: 4px solid #e77000}   
.lightroom-color{border-top: 4px solid #4f5a65}
.livecycle-color{border-top: 4px solid #0C90C7}  
.photoshopelements-color{border-top: 4px solid #1775D5}   
.premiere-color{border-top: 4px solid #916A97}
.premierepro-color{border-top: 4px solid #916A97}
.premiereelements-color {border-top: 4px solid #916A97}  
.acrobatconnect-color{border-top: 4px solid #DDD}   

.robohelp-color{border-top: 4px solid #27747b}
.captivate-color{border-top: 4px solid #729e68}
.fireworks-color{border-top: 4px solid #daaa18}
.di-color{border-top: 4px solid #d24600}
.bridge-color{border-top: 4px solid #ad4e1b}
.incopy-color{border-top: 4px solid #6d458f}
.contribute-color{border-top: 4px solid #353490}
.audition-color{border-top: 4px solid #4b96a4}
.onlocation-color{border-top: 4px solid #557997}
.encore-color{border-top: 4px solid #838b99}
.aftereffects-color{border-top: 4px solid #61678f}
.fc-color{border-top: 4px solid #aaaaaa} 
.flashbuilder-color{border-top: 4px solid #605758}  
.catalyst-color{border-top: 4px solid #aaaaaa} 
.soundbooth-color{border-top: 4px solid #9b9183}

.carousel-color{border-top: 4px solid #2D107A}
.revel-color{border-top: 4px solid #2D107A}
.flashmedialiveencoder-color{border-top: 4px solid #ce2738} 
.digitalpublishingsuite-color{border-top: 4px solid #9D6E8A} 
.flashmediaplayback-color{border-top: 4px solid #ce2738}
.flashmediaplayback-color{border-top: 4px solid #CE2738}
.flashplatformservices-color{border-top: 4px solid #CE2738}   
.fontfolio-color{border-top: 4px solid #5A5A5A}
.kuler-color{border-top: 4px solid #70C3EB}  
.livecyclecollaborationservice-color{border-top: 4px solid #0C90C7}
.livecyclees-color{border-top: 4px solid #0C90C7}

/* bug #3122283 */
.air-color{border-top: 4px solid #ce2738}              /* /products/air.html */
.coldfusion-color{border-top: 4px solid #2697b9}       /* from icon */
.digitaleditions-color{}
.director-color{}
.els-color{border-top: 4px solid #E50B0A}              /* /products/elearningsuite.html */
.extensionmanager-color{border-top: 4px solid #ab8655} /* /products/elearningsuite.html */
.flashaccess-color{}
.flashcatalyst-color{border-top: 4px solid #928285}    /* /products/flashcatalyst.html */
.flashmediaserver-color{}
.presenter-color{border-top: 4px solid #95b4a6}        /* /products/presenter background */  
.revel-color{border-top: 4px solid #2D107A}            /* same as carousel */
.shockwaveplayer-color{border-top: 4px solid #d97d31} 
.adobestory-color{border-top: 4px solid #E5C541}       /* story.adobe.com/en-us/ */
.techcommsuite-color{border-top: 4px solid #E50B0A}    /* /products/technicalcommunicationsuite.html */

/* bug #3045677 */
.creativesuite-color{border-top: 4px solid #4d4e4e}   
.mediaencoder-color{border-top: 4px solid #838B99}

.muse-color{border-top: 4px solid #ddffa0}
.businesscatalyst-color{border-top: 4px solid #605758}
.prelude-color{border-top: 4px solid #54bae5}
.speedgrade-color{border-top: 4px solid #3bebd7}

.edge-color{border-top: 4px solid #1bf38b}

.adobecq-color{border-top: 4px solid #ddd}
.sitecatalyst-color{border-top: 4px solid #ddd}

.edgeanimate-color{border-top: 4px solid #251c61}


/*    
    Back to top
*/
.backtotop {
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/tothetop.png") no-repeat scroll right 5px transparent;    
    padding-right: 14px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    float: right;
    margin-top: 12px;
}



/* 
    Support legacy sttyles 
*/
span.bold  { font-weight: bold; }
span.italic{ font-style: italic; }


/*
    remove callout and captions from images in expert compoents
*/
.article-image .image *{  
    display: none;
}
.article-image .image img{
    display: block;
}
.expert-author .image *{  
    display: none;
}
.expert-author .image img{
    display: block;
}

/*
Definition Entry with Level 2 indent
*/
div.indent_2 {
    padding-left: 50px;
}

/* internal pod */
.agenttext{
    margin-top: 22px;
}

#internal-confidential {
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/internal-watermark.png") repeat scroll 20px -20px #EAEAEA;
    margin-bottom: 20px;
    margin-top: 4px;
    padding-bottom: 10px;
    padding: 6px 2px;
}
#internal-confidential p { 
    margin-bottom: 6px;
    margin-top: 0;
    padding-left: 6px;
    margin-right: 0;
    line-height: 1.462;
    overflow-x: hidden;
}

#internal-confidential h3 {
    background-color: #606060;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    padding: 6px;
    margin: 4px 0 6px;
    line-height: 1.25;
}

#internal-label{
    color: #EE0000;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0px;
}


/* Bug 3089364: fix for dotcom build of jan 2012 */
html {
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/include/style/theme/adobe-light/tile.png") repeat-y scroll center top #F5F5F5;
    color: #000000;
}
.ArticleGrid{
    background: #fff;
}

/* Bug #: 3092318 */
.JiveContainer{
    border-top: 2px dotted #AAA;
    padding-top: 16px;
    margin-top: 16px;
}

span.byline{
    color: #999;
}

#jive-body-main h1 {
    font-size: 1.4em !important;
    font-weight: bold !important;
}

.communityeverywhere{
    font-size:80%; 
}

.Semantic em, 
.SemanticPhrase em {
    font-weight: inherit;
}


/* Start: Search component */
#searchform-container {
    background: none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #D9D9D9;
    height: 50px;
    margin-bottom: 18px;
    padding: 10px;
}
#searchform .SearchBox {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #AAAAAA -moz-use-text-color #AAAAAA #AAAAAA;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    float: left;
    line-height: 20px;
    margin: 10px 0 0 0;
    padding: 0;
    width: auto;
}
#searchform .SearchBox .SearchInputBox {
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/search_button.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
}
.pocket-search {
    background-image: none;
    border: 0 none;
    color: #333333;
    /*font-family: "myriad-pro-1","myriad-pro-2","Helvetica","Arial",sans-serif;*/
	font-family: "Helvetica","Arial",sans-serif;
    font-size: 100%;
    height: 19px;
    line-height: 19px;
    margin: 0;
    padding: 0 4px 0 0;
}
#product-selector-container{
    left: 0px; 
    z-index: 99;
    margin: 10px 0 4px 0;
}
#product-selector{
    background:url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/arrow_down.png") no-repeat scroll 80% center #E0E0E0;
    display:block;
    color:#333333;
    overflow:hidden;
    border-left: 1px solid #aaa;
    border: 1px solid #aaa;
    width:40px;
    height:20px;
}
#product-selector:hover{
    cursor: pointer;
}
#product-selected{
    width:auto;
    width:auto;
    overflow:hidden;
    height:20px;
}
#search-all-products{
    border-bottom: 2px solid #bbb;
    font-weight: 600;
    height: 20px;
    padding: 6px;
}
#search-all-products:hover{
    color:#fff;
    cursor: pointer;
}
#product-list{
    background: none repeat scroll 0 0 #999999;
    border: 1px solid #999999;
    display: none;
    height: 268px;
    left: 152px;
    margin-top: 0;
    max-height: 276px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 200px;
    z-index: 99;    
}
#product-list ul {
    border-bottom: 2px solid #BBBBBB;
    height: 196px;
    overflow-y: auto;
}
#product-list li{
    background-color:#BBBBBB;
    /* background-position:6px 4px !important; */
    background-position: -20px 4px !important;
    color:#333333;
    cursor:pointer;
    list-style:none outside none;
    margin-left:0px;
    min-height:20px;
    padding-bottom:2px !important;
    padding-left:32px !important;
    padding-top:8px !important;
    vertical-align:middle;
}
#product-list li:hover{
    background-color:#CCCCCC;
}
/*
.icon{
    padding-left:25px;
}
*/
.selected{
    background-color:#999999 !important;
}
/* MSIE overrides */
#product-list.product-list-ie{
    width:220px;
    margin-left:0;
}
#product-list.product-list-ie li{
    margin-left:0px;
}
#product-selector-container #product-selected,
#product-selector-container #product-list li{ 
    background-image: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/chicklets-cs6.png");
    background-repeat:no-repeat;
    background-position: -20px 0px;     
    padding-top: 6px !important;
}
.expanded-product{
    display:none;
}
#product-list-toggle {
    text-align: right;
    background: none repeat scroll 0 0 #999999;
    height:20px;
    padding: 8px 6px 0;
    font-weight: 600;
}
#product-list-toggle:hover {
    color:#fff;
    cursor: pointer;
}
.loading{
    background:url(/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/loading.gif) 1px 2px no-repeat;
}    

/* styles for selected product */
#product-selector-container div.businesscatalyst,
#product-selector-container div.digitalpublishingsuite,
#product-selector-container div.mediaencoder,
#product-selector-container div.muse,
#product-selector-container div.prelude,
#product-selector-container div.revel,
#product-selector-container div.speedgrade {
    background-image: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/chicklets-cs6.png") !important;
}

#product-selector-container div.acrobat{ background-position: 0px 1px !important}
#product-selector-container div.acrobatcom{ background-position: 1px -39px !important}
#product-selector-container div.aftereffects{ background-position: 1px -79px !important } 
#product-selector-container div.air{ background-position: 1px -119px !important }
#product-selector-container div.audition{ background-position: 1px -159px !important }
#product-selector-container div.bridge{ background-position: 1px -199px !important }
#product-selector-container div.businesscatalyst{ background-position: 1px -239px !important }
#product-selector-container div.captivate{ background-position: 1px -279px !important }
#product-selector-container div.coldfusion{ background-position: 1px -319px !important }
#product-selector-container div.connect{ background-position: 1px -359px !important }
#product-selector-container div.contribute{ background-position: 1px -399px !important }

#product-selector-container div.adobecq{ background-position: 1px -439px !important }
#product-selector-container div.cslive{ background-position: 1px -479px !important }
#product-selector-container div.devicecentral{ background-position: 1px -519px !important }
#product-selector-container div.adep{ background-position: 1px -559px !important }
#product-selector-container div.digitalpublishingsuite{ background-position: 1px -599px !important }
#product-selector-container div.dreamweaver{ background-position: 1px -639px !important }
#product-selector-container div.edgeanimate{ background-position: 1px -679px !important }
#product-selector-container div.encore{ background-position: 1px -719px !important }
#product-selector-container div.fireworks{ background-position: 1px -759px !important }
#product-selector-container div.flash{ background-position: 1px -799px !important }
#product-selector-container div.flashbuilder{ background-position: 1px -839px !important }
#product-selector-container div.flashlite{ background-position: 1px -879px !important }
#product-selector-container div.flashcatalyst{ background-position: 1px -919px !important }
#product-selector-container div.flex{ background-position: 1px -959px !important }
#product-selector-container div.framemaker{ background-position: 1px -999px !important }
#product-selector-container div.illustrator{ background-position: 1px -1039px !important }
#product-selector-container div.incopy{ background-position: 1px -1079px !important }
#product-selector-container div.indesign{ background-position: 1px -1119px !important }
#product-selector-container div.lightroom{ background-position: 1px -1159px !important } 
#product-selector-container div.livecycle{ background-position: 1px -1199px !important }
#product-selector-container div.livecycleds{ background-position: 1px -1239px !important }
#product-selector-container div.mediaencoder{ background-position: 1px -1279px !important }
#product-selector-container div.muse{ background-position: 1px -1319px !important }
#product-selector-container div.onlocation{ background-position: 1px -1359px !important }
#product-selector-container div.photoshop{ background-position: 1px -1399px !important }
#product-selector-container div.photoshopelements{ background-position: 1px -1439px !important }
#product-selector-container div.photoshopcom{ background-position: 1px -1479px !important }
#product-selector-container div.prelude{ background-position: 1px -1519px !important }
#product-selector-container div.premierepro{ background-position: 1px -1559px !important }
#product-selector-container div.premiereelements{ background-position: 1px -1599px !important }
#product-selector-container div.revel{ background-position: 1px -1639px !important }
#product-selector-container div.robohelp{ background-position: 1px -1679px !important }
#product-selector-container div.sitecatalyst{ background-position: 1px -1719px !important }
#product-selector-container div.soundbooth{ background-position: 1px -1759px !important }
#product-selector-container div.speedgrade{ background-position: 1px -1799px !important }
#product-selector-container div.adobestory{ background-position: 1px -1839px !important }
#product-selector-container div.versioncue{ background-position: 1px -1879px !important }

/* styles for drop down list */
#product-selector-container #product-list li.acrobat{ background-position: 6px 5px !important}
#product-selector-container #product-list li.acrobatcom{ background-position: 6px -35px !important}
#product-selector-container #product-list li.adobereader{ background-position: 6px 5px !important}
#product-selector-container #product-list li.aftereffects{ background-position: 6px -75px !important }
#product-selector-container #product-list li.air{ background-position: 6px -115px !important }
#product-selector-container #product-list li.audition{ background-position: 6px -155px !important }
#product-selector-container #product-list li.bridge{ background-position: 6px -195px !important }
#product-selector-container #product-list li.businesscatalyst{ background-position: 6px -235px !important }
#product-selector-container #product-list li.captivate{ background-position: 6px -275px !important } 
#product-selector-container #product-list li.coldfusion{ background-position: 6px -315px !important }
#product-selector-container #product-list li.connect{ background-position: 6px -355px !important }
#product-selector-container #product-list li.contribute{ background-position: 6px -395px !important }

#product-selector-container #product-list li.adobecq{ background-position: 6px -435px !important }
#product-selector-container #product-list li.cslive{ background-position: 6px -475px !important }
#product-selector-container #product-list li.devicecentral{ background-position: 6px -515px !important }
#product-selector-container #product-list li.adep{ background-position: 6px -555px !important }
#product-selector-container #product-list li.digitalpublishingsuite{ background-position: 6px -595px !important } /* new4cs6 */
#product-selector-container #product-list li.dreamweaver{ background-position: 6px -635px !important }
#product-selector-container #product-list li.edgeanimate{ background-position: 6px -675px !important }

#product-selector-container #product-list li.encore{ background-position: 6px -715px !important }
#product-selector-container #product-list li.fireworks{ background-position: 6px -755px !important }
#product-selector-container #product-list li.flash{ background-position: 6px -795px !important }
#product-selector-container #product-list li.flashbuilder{ background-position: 6px -835px !important }
#product-selector-container #product-list li.flashlite{ background-position: 6px -875px !important }
#product-selector-container #product-list li.flashcatalyst{ background-position: 6px -915px !important }
#product-selector-container #product-list li.flex{ background-position: 6px -955px !important }
#product-selector-container #product-list li.framemaker{ background-position: 6px -995px !important }
#product-selector-container #product-list li.illustrator{ background-position: 6px -1035px !important }
#product-selector-container #product-list li.incopy{ background-position: 6px -1075px !important }
#product-selector-container #product-list li.indesign{ background-position: 6px -1115px !important }
#product-selector-container #product-list li.lightroom{ background-position: 6px -1155px !important }
#product-selector-container #product-list li.livecycle{ background-position: 6px -1195px !important }
#product-selector-container #product-list li.livecycleds{ background-position: 6px -1235px !important }
#product-selector-container #product-list li.mediaencoder{ background-position: 6px -1275px !important } /* new4cs6 */
#product-selector-container #product-list li.muse{ background-position: 6px -1315px !important } /* new4cs6 */
#product-selector-container #product-list li.onlocation{ background-position: 6px -1355px !important }
#product-selector-container #product-list li.photoshop{ background-position: 6px -1395px !important }
#product-selector-container #product-list li.photoshopelements{ background-position: 6px -1435px !important }
#product-selector-container #product-list li.photoshopcom{ background-position: 6px -1475px !important }
#product-selector-container #product-list li.prelude{ background-position: 6px -1515px !important } /* new4cs6 */
#product-selector-container #product-list li.premierepro{ background-position: 6px -1555px !important }
#product-selector-container #product-list li.premiereelements{ background-position: 6px -1595px !important }
#product-selector-container #product-list li.revel{ background-position: 6px -1635px !important } /* new4cs6 */
#product-selector-container #product-list li.robohelp{ background-position: 6px -1675px !important }

#product-selector-container #product-list li.sitecatalyst{ background-position: 6px -1715px !important }
#product-selector-container #product-list li.soundbooth{ background-position: 6px -1755px !important }
#product-selector-container #product-list li.speedgrade{ background-position: 6px -1795px !important } /* new4cs6 */
#product-selector-container #product-list li.adobestory{ background-position: 6px -1835px !important }
#product-selector-container #product-list li.versioncue{ background-position: 6px -1875px !important }

/* End: Search component */


/* Start: LivePerson chat component */
#lpChatPod{
    margin-top:12px;
    margin-bottom:12px;
}
#lpChatPod h3{
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
}
#lpChatPod p{    
    margin-top:12px;
}
/* End: LivePerson chat component */



/* Start: creative commons */
#creativecommons{
    border-top: 1px solid #DDDDDD;
    margin: 20px 0px;
}
#creativecommons p{
    margin: 20px 0;
}
#creativecommons img {
    vertical-align: -2px;
}       
/* End: creative commons */









/* Start: from an expert */
.FromExpert{
    margin-top:5px; 
}
.FromExpert p{
    margin-right: 0 !important;
 }  
.expert-author-name p{
    margin-top: 0px !important;
    margin-right: 0 !important;
}
.expert-author-bio p{
    margin-top: 0px !important;
    line-height:120%;
}  
.expert-author{
    border-left: 1px solid #DDDDDD;
    float: left;
    font-size: 12px;
    margin: 10px 0 10px 0;
    overflow: hidden;
    padding-left: 10px;
    width: 225px;
}
.expert-author-name{
    float:left;
    width:225px;
    margin-bottom:5px;
}
.expert-author img{
    float: left;
    height: 40px !important;;
    margin-right: 10px;
    overflow: hidden;
    width: 40px !important;
}


/* expert article */
.FromExpert .article-image{
    float: left;
    height: 160px;
    width: 150px;
    margin: 6px 10px 10px 0;
    overflow: hidden;
}
.FromExpert .article-image img{
    height: 150px;
    width: 150px;
}           
.FromExpert .article-info{
    float: left;
    margin: 0 10px 10px 0;
    overflow: hidden;
    width: 280px;
}
       
.FromExpert p.article-url{
     font-size:12px;
     white-space:nowrap;
     overflow:hidden;
}   
          
/* expert video */
.FromExpertVideo{
    margin-top:10px; 
}
.FromExpertVideo .video{
    float: left;
    width: 450px;
    margin-top: 5px;
 }  
 FromExpertVideo .video-player{
    background: #333;
    width:430px;
    height: 265px;
 }  
.FromExpertVideo p.article-url{
     font-size:12px;
     white-space:nowrap;
     overflow:hidden;
}   

.FromExpertVideo  p{
    margin-top: 0px !important;
    margin-right: 10px !important;
            
}

div.experts h3
{
    font-size: 24px; 
    font-weight: 200;   
    color: #426e9f; 
    margin: 28px 0 17px;
    line-height: 110%;
}


/* contact support */
#contact-support {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}


/* start: ratings badge */
#helpful-pod{
    display: none;
    position: relative; 
    opacity: 0.1;
    filter:alpha(opacity=10); /* For IE8 and earlier */
    overflow: visible;
	width: 500px;
	width:  190px;
}
#helpful{
    display: inline-block;
    position: relative;
    left: -22px;
}
#fold{
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/fold-orange.png") no-repeat scroll 0 0 transparent; 
    height: 12px;
    left: -22px;
    top:0;
    position: relative;
    width: 12px; 
}
.collapsed{
    /* background: none repeat scroll 0 0 #7cbe54; */
    border: 1px solid #FFAB00;
    font-family: myriad-pro-1,myriad-pro-2,Helvetica,Arial,sans-serif;
    font-weight: bold;    
    /* display: inline-block; */
    line-height: 125%;
    min-height: 36px;
    padding: 10px 25px 10px 30px;
    width: auto;
    font-size: 14px;
    color: #333333;
        
    background: #ffc700; /* Old browsers */
    background: -moz-linear-gradient(top, #ffc700 0%, #ffab00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc700), color-stop(100%,#ffab00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffc700 0%,#ffab00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffc700 0%,#ffab00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffc700 0%,#ffab00 100%); /* IE10+ */
    background: linear-gradient(top, #ffc700 0%,#ffab00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc700', endColorstr='#ffab00',GradientType=0 ); /* IE6-9 */            
    
}
.expanded{
    background: none repeat scroll 0 0 #444849 !important;
    border: 1px solid #333333 !important;
    margin-bottom: 0;
    padding: 12px;
    height: 185px;
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
    *filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=130, Strength=5);
}
.thankyou{
    display: none;
    background: transparent;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #F88E00 !important;
    margin: 30px 0 0 12px;
}
#feedbacktext{
    color: #7E7E7E;
    float: right;
    font-size: 12px;
    margin: 10px 5px 5px;
    width: 405px;
}
.radio-option{
    /* vertical-align: middle; */
    /* padding-bottom: 4px; */
    font-size: 14px;
    font-weight: normal;
}
#submitButton,
#noCommentButton{
    background-color: #FFC700 ;
    border: 1px solid #FFAB00 ;
    color: #333333;
    float: right;
    font-size: 15px;
    margin: 6px 5px 12px;
    padding: 2px 4px;
    font-weight: normal;
}
#submitButton{
    width: 100px;
}
#noCommentButton{
    padding: 2px 10px;
}
#submitButton:hover,
#noCommentButton:hover{
    border: 1px solid #FFC700;
    cursor: pointer;
    color: #505050;
}
#termsofuse{
    display:none;
    font-size: 12px;
    font-weight: normal;
    color: #CCCCCC;    
    float: right;
    margin-right: 5px;
}

#termsofuse a{
    color: #44A1DF; 
}

/* end: ratings badge */

/* multi-column */  

.column-width-100{
    width: 689px;
}

.column-width-50{
    float: left;
    width: 340px;
    margin-left: 8px;
}

.column-width-33{ 
    float: left;
    width: 222px;
    margin-left: 8px;
}

.column-width-66{
    float: left;
    width: 450px;
    margin-left: 8px;
}



.column-width-25{
    float: left;
    width: 165px;
    margin-left: 8px;
}  


.column-width-75{ 
    float: left;
    width: 515px;
    margin-left: 8px;
}  


.column-last{
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.column-first{
    margin-left: 0px !important;
    padding-left: 0px !important;
}


.multi-column-parsys p{
    margin-right: 0px !important;
    padding-right: 5px !important;
}
/* end multi-column */  


/* column Control */
.col-width-2-50-50-c0,
.col-width-2-50-50-c1{
    float: left;
    width: 340px;
    padding-right: 8px;
}
.col-width-2-50-50-c1{
    padding-right: 0;
}

.ArticleGrid-1-4 .Column{ 
    padding-left: 10px;
    padding-right: 10px;
    width: 920px;
}


/* No left column */
.ArticleGrid-1-4 .column-width-100{
    width: 920px;
}
.ArticleGrid-1-4 .column-width-75{ 
    width: 678px;
}  
.ArticleGrid-1-4 .column-width-66{
    width: 448px;
}
.ArticleGrid-1-4 .column-width-50{
    width: 456px;
}
.ArticleGrid-1-4 .column-width-33{ 
    width: 224px;
}
.ArticleGrid-1-4 .column-width-25{
    width: 224px;
}  

.show-rule-right{
    border-right: 1px solid #ccc; 
}

/* Image and Text */
.imageandtext{margin-bottom: 15px}
.imageandtext-image-16 img{width:16px;height:16px;padding-top:3px;float:left; }
.imageandtext-image-32 img {width:32px;height:32px;padding-top:3px;float:left; }
.imageandtext-image-48 img{width:48px;height:48px;padding-top:3px;float:left; }
.imageandtext-image-128 img{width:128px;height:128px;padding-top:3px;float:left; }
.imageandtext-text-16 {padding-left:26px}
.imageandtext-text-32 {padding-left:42px}
.imageandtext-text-48 {padding-left:58px}
.imageandtext-text-128 {padding-left:138px}

/* Divider */
.divider-horizontal-container{
	margin: 15px 0 15px 0;
	overflow: hidden;
}
.divider-horizontal{
    /* Strong */
    /* border-bottom: 1px solid #717171; */
    /* border-top: 1px solid #222222; */
    /* weak */
    /* border-top: 1px solid #737373;   */
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 0 auto;
}


/* for IE8 */
.RouterMore {
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/include/style/default/Router/RouterArrowLight.png") no-repeat scroll 0 50% #A0A0A0;    
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/include/style/default/Router/RouterArrowLight.png") no-repeat scroll 0 50%, -moz-linear-gradient(center top , #ACACAC 0px, #B3B3B3 33%, #8D8D8D 100%) repeat scroll 0 0 #AAA;    
}

.RouterMoreHover {
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/include/style/default/Router/RouterArrowLight.png") no-repeat scroll 0 50% #ACACAC;    
    background: url("/web/20130104094320oe_/http://helpx.adobe.com/include/style/default/Router/RouterArrowLight.png") no-repeat scroll 0 50%, -moz-linear-gradient(center top , #B7B7B7 0px, #BABABA 33%, #999999 100%) repeat scroll 0 0 #AAA;    
}

h2 p, h3, h3 p, h4, h4 p{
	margin-right: 0 !important
}

/* heading with gray background */
.grayBackground {
	background:#d9d9d9;
	padding:4px 11px 4px 11px;
	margin-top: 9px;
	margin-bottom: 9px;
}
.grayBackground h2, .grayBackground h3, .grayBackground h4 {
	padding:0;
	margin:0;
}
.grayBackground h4 {
    font-size: 12px;
    line-height: 16px;
}

/* for wem-bulletin */
.wem-bulletin h2, .wem-bulletin h3, .wem-bulletin h4  {
	color: #92B6D8;
}
.wem-bulletin h2 {
    font-size: 21px;
    font-weight: bold;
    line-height: 33px;
    margin-top: 20px;
}
.bulletin-text {
	margin-left: 13px;
}

.video-tutorials {
	padding-bottom: 10px; 
	padding-top: 10px; 
	border-bottom: 1px solid #DDD; 
	height: auto; 
	min-height:110px;
}

/* for cascading toc */
.cascading-toc {
    margin-bottom: 9px;
}
.cascading-toc p {
    font-weight: bold;
    line-height: 22px;
    margin: 0;
}

/* for Hidden Section component */
.hidden-section-btn {
	font-size: 16px;
	color: #000;
	line-height: 26px;
	text-align: center;
	border:1px solid #EEEEEE;
	padding: 0 20px;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#DDDDDD',endcolorstr='#AAAAAA');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#DDDDDD',endcolorstr='#AAAAAA');/*IE8*/
	background: #CCCCCC;
	background: -moz-linear-gradient(top, #DDDDDD, #AAAAAA);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DDDDDD), to(#AAAAAA));
}
.hidden-section-btn-outborder {
	border: 1px solid #666666;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
}
.hidden-section-btn:hover {
	opacity: .7;
	cursor: pointer;
}
.hidden-section-btn-container {
	text-align: center;
	margin-top: 20px;
}

/* for "Ask our Experts," "Chat with an Agent" and "Phone" */
.optionsSupportItem {
    text-align: center;
    width: 207px;
}
.optionsSupportItem img {
    padding-bottom: 20px;
}
.supportSubtitle {
    color: #7F7F7F;
}
.supportTitle {
    color: #2C2C2C;
    font-size: 150%;
    margin-bottom: 2px;
}
.optionsSupportItemImage {
    height: 65px;
}
.iconForum {
	background: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/iconForum.png") center no-repeat;
}
.iconChat {
	background: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/iconChat.png") center no-repeat;
}
.iconCall {
	background: url("/web/20130104094320oe_/http://helpx.adobe.com/etc/designs/help/images/iconCall.png") center no-repeat;
}

/* for "Chat with an Agent" */
.chatSupport .button,
.chatSupport .button:hover:visited,
.chatSupport .button:hover,
.chatSupport .button:visited{
	background: url("https://webarchive.library.unt.edu/web/20130104094320oe_/http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/adobe/screen/form/calloutbutton_bg.png") repeat-x scroll left top #FFB11A;
	border: 1px solid #CF8700;
	color: #202020 !important;
	cursor: pointer;
	display: inline-block;
	margin: 10px 0 0;
	padding: 0.2em 1.6ex;
	text-align: center;
	text-decoration: none;
	width: 90px;
}
.chat-available {
	background: url("https://webarchive.library.unt.edu/web/20130104094320oe_/http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/adobe/screen/icon/chat_available.png") no-repeat;
	padding-left: 25px;
}
.chat-busy{
	background: url("https://webarchive.library.unt.edu/web/20130104094320oe_/http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/adobe/screen/icon/chat_busy.png") no-repeat;
	padding-left: 25px;
}
.chatSupport p, .chatSupport h3 {
	margin-right: 0 !important;
}