/*
 Script name: support.css
 Description: css overrides for helppage
 LastUpdated: Jun 13 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,
#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;
}



.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;
}
/* 
    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/20120716172452oe_/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 
*/

.help-caution,
.help-note,
.help-important,
.help-glossary,
.help-variable,
.help-warning,
.help-tip{
    margin-bottom: 6px
}

.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/20120716172452oe_/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}



/*    
    Back to top
*/
.backtotop {
    background: url("/web/20120716172452oe_/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/20120716172452oe_/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/20120716172452oe_/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/20120716172452oe_/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-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/20120716172452oe_/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/20120716172452oe_/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/20120716172452oe_/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/20120716172452oe_/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.cslive{ background-position: 1px -439px !important }
#product-selector-container div.devicecentral{ background-position: 1px -479px !important }
#product-selector-container div.adep{ background-position: 1px -519px !important }
#product-selector-container div.digitalpublishingsuite{ background-position: 1px -559px !important }
#product-selector-container div.dreamweaver{ background-position: 1px -599px !important }
#product-selector-container div.encore{ background-position: 1px -639px !important }
#product-selector-container div.fireworks{ background-position: 1px -679px !important }
#product-selector-container div.flash{ background-position: 1px -719px !important }
#product-selector-container div.flashbuilder{ background-position: 1px -759px !important }
#product-selector-container div.flashlite{ background-position: 1px -799px !important }
#product-selector-container div.flashcatalyst{ background-position: 1px -839px !important }
#product-selector-container div.flex{ background-position: 1px -879px !important }
#product-selector-container div.framemaker{ background-position: 1px -919px !important }
#product-selector-container div.illustrator{ background-position: 1px -959px !important }
#product-selector-container div.incopy{ background-position: 1px -999px !important }
#product-selector-container div.indesign{ background-position: 1px -1039px !important }
#product-selector-container div.lightroom{ background-position: 1px -1079px !important } 
#product-selector-container div.livecycle{ background-position: 1px -1119px !important }
#product-selector-container div.livecycleds{ background-position: 1px -1159px !important }
#product-selector-container div.mediaencoder{ background-position: 1px -1199px !important }
#product-selector-container div.muse{ background-position: 1px -1239px !important }
#product-selector-container div.onlocation{ background-position: 1px -1279px !important }
#product-selector-container div.photoshop{ background-position: 1px -1319px !important }
#product-selector-container div.photoshopelements{ background-position: 1px -1359px !important }
#product-selector-container div.photoshopcom{ background-position: 1px -1399px !important }
#product-selector-container div.prelude{ background-position: 1px -1439px !important }
#product-selector-container div.premierepro{ background-position: 1px -1479px !important }
#product-selector-container div.premiereelements{ background-position: 1px -1519px !important }
#product-selector-container div.revel{ background-position: 1px -1559px !important }
#product-selector-container div.robohelp{ background-position: 1px -1599px !important }
#product-selector-container div.soundbooth{ background-position: 1px -1639px !important }
#product-selector-container div.speedgrade{ background-position: 1px -1679px !important }
#product-selector-container div.adobestory{ background-position: 1px -1719px !important }
#product-selector-container div.versioncue{ background-position: 1px -1759px !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.cslive{ background-position: 6px -435px !important }
#product-selector-container #product-list li.devicecentral{ background-position: 6px -475px !important }
#product-selector-container #product-list li.adep{ background-position: 6px -515px !important }
#product-selector-container #product-list li.digitalpublishingsuite{ background-position: 6px -555px !important } /* new4cs6 */
#product-selector-container #product-list li.dreamweaver{ background-position: 6px -595px !important }
#product-selector-container #product-list li.encore{ background-position: 6px -635px !important }
#product-selector-container #product-list li.fireworks{ background-position: 6px -675px !important }
#product-selector-container #product-list li.flash{ background-position: 6px -715px !important }
#product-selector-container #product-list li.flashbuilder{ background-position: 6px -755px !important }
#product-selector-container #product-list li.flashlite{ background-position: 6px -795px !important }
#product-selector-container #product-list li.flashcatalyst{ background-position: 6px -835px !important }
#product-selector-container #product-list li.flex{ background-position: 6px -875px !important }
#product-selector-container #product-list li.framemaker{ background-position: 6px -915px !important }
#product-selector-container #product-list li.illustrator{ background-position: 6px -955px !important }
#product-selector-container #product-list li.incopy{ background-position: 6px -995px !important }
#product-selector-container #product-list li.indesign{ background-position: 6px -1035px !important }
#product-selector-container #product-list li.lightroom{ background-position: 6px -1075px !important }
#product-selector-container #product-list li.livecycle{ background-position: 6px -1115px !important }
#product-selector-container #product-list li.livecycleds{ background-position: 6px -1155px !important }
#product-selector-container #product-list li.mediaencoder{ background-position: 6px -1195px !important } /* new4cs6 */
#product-selector-container #product-list li.muse{ background-position: 6px -1235px !important } /* new4cs6 */
#product-selector-container #product-list li.onlocation{ background-position: 6px -1275px !important }
#product-selector-container #product-list li.photoshop{ background-position: 6px -1315px !important }
#product-selector-container #product-list li.photoshopelements{ background-position: 6px -1355px !important }
#product-selector-container #product-list li.photoshopcom{ background-position: 6px -1395px !important }
#product-selector-container #product-list li.prelude{ background-position: 6px -1435px !important } /* new4cs6 */
#product-selector-container #product-list li.premierepro{ background-position: 6px -1475px !important }
#product-selector-container #product-list li.premiereelements{ background-position: 6px -1515px !important }
#product-selector-container #product-list li.revel{ background-position: 6px -1555px !important } /* new4cs6 */
#product-selector-container #product-list li.robohelp{ background-position: 6px -1595px !important }
#product-selector-container #product-list li.soundbooth{ background-position: 6px -1635px !important }
#product-selector-container #product-list li.speedgrade{ background-position: 6px -1675px !important } /* new4cs6 */
#product-selector-container #product-list li.adobestory{ background-position: 6px -1715px !important }
#product-selector-container #product-list li.versioncue{ background-position: 6px -1755px !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;
}
#helpful{
	display: inline-block;
    position: relative;
    left: -22px;
}
#fold{
    background: url("/web/20120716172452oe_/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 35px 10px 35px;
    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 */