/* This file contains only differences with standards.css. On that fine day when standards.css gets split up into 3 files (General layout, enterprise, and server products), some of these selectors, particularly those in the buckets, will be able to be simplified considerably. */
/*<agl.folder "Basic Elements">*/
h2 {
font-size:125%;
margin:10px 0
}
.product #intro h2 {
font-size:125%;
margin:0 0 10px;
padding:0
}
#layoutLogic ul {
margin:0 0 10px
}
#layoutLogic li ul {
margin:2px 0
}
/*</agl.folder>*/
/*<agl.folder "Global styles ">*/
.product #content {
padding-top:18px;
margin:0
}
.product #content #intro {
padding:0;
margin-bottom:20px;
float:left;
display:inline
}
/*</agl.folder>*/
/*<agl.folder "Bucket SSIs">*/
/* Left 'Column' SSIs */
#what.bucket,
#lfeatured.bucket,
#lfeatured2.bucket {
margin:0;
width:258px;
background:#fff url(/images/css/grad_line_side.gif) 0 0 repeat-y
}
/* Right 'Column' SSIs */
#highlights.bucket,
#llearnmore.bucket {
margin:0;
width:258px;
background:#fff url(/images/css/grad_line_side.gif) 0 0 repeat-y
}
/*</agl.folder>*/
/*<agl.folder "elements in buckets">*/
/* If standards.css gets split into 3 parts, these can be simplified to be .bucket h2, for ex#suample */
#what.bucket h2,
#llearnmore.bucket h2,
#lhighlights.bucket h2,
#lfeatured.bucket h2,
#lfeatured2.bucket h2,
#ltopiclearnmore.bucket h2,
#ldocservsgate #what.bucket h2, .product #what.bucket h2 {
color:#000;
background:#eaeaea url(/images/css/bucket_h2bg.jpg) 0 100% no-repeat;
padding:0 0 10px;
clear:left;
border-bottom:0;
width:258px
}
.bucket h2 b {
display:block;
background:url(/images/css/bucket_topbg.jpg) no-repeat;
padding:4px 10px 0
}
#what.bucket h3,
#llearnmore.bucket h3,
#lhighlights.bucket h3,
#lfeatured.bucket h3,
#lfeatured2.bucket h3 {
background:url(/images/css/bucket_h3bg.gif) 4px 0 no-repeat
}
#what.bucket h3.category,
#llearnmore.bucket h3.category,
#lhighlights.bucket h3.category,
#lfeatured.bucket h3.category,
#lfeatured2.bucket h3.category {
margin-bottom:5px
}
#highlights .item ul {
margin-left:62px;
margin-right:10px
}
.bucket .item {
background-color:transparent;
float:left;
width:100%;
margin:0;
padding:0
}
.bucket .item p, .bucket .item h3,
#lfeatured.bucket .item p,
#lfeatured.bucket .item h3 {
margin-left:0;
margin-right:0;
padding-left:70px;
padding-right:10px
}
.bucket h4 a {
font-weight:bold
}
.bucket p.linkonly {
margin-top:-7px !important
}
#content .bucket p.linkonly.last {
background:url(/images/css/grad_line_side_bot.gif) 0 100% no-repeat
}
#content .bucket .last {
margin:0;
padding-bottom:40px;
background:url(/images/css/grad_line_side_bot.gif) 0 100% no-repeat
}
/* elements in lists inside buckets */
#what.bucket li h3,
#llearnmore.bucket li h3,
#lhighlights.bucket li h3,
#lfeatured.bucket li h3,
#lfeatured2.bucket li h3,
#lwhat.bucket li h4,
#llearnmore.bucket li h4,
#lhighlights.bucket li h4,
#lfeatured.bucket li h4,
#lfeatured2.bucket li h4,
#lwhat.bucket li p,
#llearnmore.bucket li p,
#lhighlights.bucket li p,
#lfeatured.bucket li p,
#lfeatured2.bucket li p, .bucket li h3, .bucket li h4, .bucket li p {
padding-left:0
}
/* for featured bucket where we have heading and descriptive text that should flow in-line */
#featured.bucket p.runin,
#lfeatured.bucket p.runinlast {
background:url(/images/css/bucket_h3bg.gif) 4px 0 no-repeat;
padding:10px 10px 0
}
#featured.bucket p.runin a {
font-weight:bold
}
#featured.bucket p.runinlast {
padding-bottom:20px;
background:url(/images/css/grad_line_side_bot.gif) 0 100% no-repeat;
margin-bottom:0
}
/* more specific than the "last" class to override padding */
#content .bucket .more {
clear:both;
text-align:right;
padding-right:0
}
/*</agl.folder>*/
/*<agl.folder "Hobbyist Buckets (blue drop shadows)">*/
#what.bucket.hobbyist,
#lfeatured.bucket.hobbyist,
#lfeatured2.bucket.hobbyist,
#lhighlights.bucket.hobbyist,
#llearnmore.bucket.hobbyist {
background:#fff url(/images/css/grad_line_side_blue.gif) 0 0 repeat-y
}
#what.bucket.hobbyist h2,
#llearnmore.bucket.hobbyist h2,
#lhighlights.bucket.hobbyist h2,
#lfeatured.bucket.hobbyist h2,
#lfeatured2.bucket.hobbyist h2,
#ltopiclearnmore.bucket.hobbyist h2, .product #what.bucket.hobbyist h2 {
background:#bcc9e2 url(/images/css/bucket_blue_h2bg.jpg) 0 100% no-repeat
}
.bucket.hobbyist h2 b {
background:url(/images/css/grad_hd_top_blue.gif) no-repeat
}
#content .bucket.hobbyist p.linkonly.last {
background:url(/images/css/grad_line_side_bot_blue.gif) 0 100% no-repeat
}
#content .bucket.hobbyist .last {
background:url(/images/css/grad_line_side_bot_blue.gif) 0 100% no-repeat
}
#content .bucket.hobbyist .runinlast,#content .bucket.hobbyist p.runinlast {
background:url(/images/css/grad_line_side_bot_blue.gif) 0 100% no-repeat
}
/*</agl.folder>*/
/*<agl.folder "Buttons">*/
#buttons {
float:left;
margin:0;
background:url(/images/css/bucket_h3bg.gif) 4px 0 no-repeat;
width:100%
}
#buttons h3 {
padding:10px 10px 0
}
#buttons p {
padding:0 10px;
margin:0
}
#buttons .last {
float:left;
padding-bottom:40px
}
#highlights #buttons .last {
padding:0 0 40px
}
#highlights #buttons img {
float:left;
margin:10px 0 10px 10px;
padding-bottom:10px;;
padding-bottom /**/:0
}
/*</agl.folder>*/
/*<agl.folder "bucket special cases">*/
/* For customer quote GIFs */
#featured.bucket img.quote {
margin:0;
padding:10px;
float:none;
display:block
}
/* for showing company logos in featured customer buckets */
#featured.bucket .customer {
background:url(/images/css/bucket_h3bg.gif) 4px 0 no-repeat;
padding-top:10px;
width:100%
}
#featured.bucket .customer h3 {
background-image:none
}
#featured.bucket .customer img {
display:block;
float:none;
margin:0 0 0 10px
}
/*</agl.folder>*/
/*<agl.folder "consumer subnav">*/
.product #subnav ul  {
 list-style-type: none !important; 
}
#subnav.consumer {
background-color:transparent;
voice-family:"\"}\"";
voice-family:inherit;
background-color /**/:#fff
}
#subnav.consumer ul {
margin:0 0 10px;
padding:0 0 0 15px
}
#subnav.consumer ul ul {
margin:.5em 0
}
/* List Items */
.product #subnav.consumer li {
background-image:none;
margin:0 0 .5em;
padding:0
}
#subnav.consumer ul ul li {
padding:0
}
/* subsections */
#subnav.consumer ul ul.solutions {
margin-left:0;
padding-left:7px
}
#subnav ul.solutions li {
background-image:none;
padding-left:7px
}
#subnav.consumer #othernav ul {
font-weight:normal
}
/* Because IE/Mac can't handle original JavaScript for turning off links when there are nested lists */
#subnav .loc:link,
#lsubnav .loc:hover,
#lsubnav .loc:visited,
#lsubnav .loc:active {
text-decoration:none;
color:#000;
cursor:default
}
/*</agl.folder>*/
/*<agl.folder "order button">*/
.order {
position:absolute;
left:694px;
top:120px
}
#topicpage #content {
padding-top:7px
}
/*</agl.folder>*/
/*<agl.folder "More than 1 order button">*/
#intro #orderbuttons,
#lorderbuttons {
font-weight:bold;
margin:0 0 10px 20px;
position:absolute;
top:110px;
left:600px;
width:20em;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small;
width /*hide from IE/Win*/:auto;
left /*hide from IE/Win*/:585px
}
#intro #orderbuttons li,
#lorderbuttons li {
background:url(/images/css/1dot.gif) repeat-y;
list-style:none;
margin:0 0 0 10px;
padding:0 0 0 10px;
float:left
}
#intro #orderbuttons li.first,
#lorderbuttons li.first {
background:#fff;
padding:0;
margin:0
}
#intro #orderbuttons li img,
#lorderbuttons li img {
display:block;
margin:5px 0 0;
float:none
}
/*Opera and IE/Win need a width*/
@media all and (min-width:0px) {
#intro #orderbuttons,
#lorderbuttons{width:20em}
}
/*</agl.folder>*/
/*<agl.folder "Landing pages">*/
#landing #feature {
float:right;
width:360px;
margin:0 0 20px 20px
}
#landing #feature img {
margin:0 0 10px
}
#landing #feature a {
display:block;
margin:3px 0 0
}
#landing #content .img /* not a typo (class="img") */ {
margin:0 0 20px
}
#landing #content ul {
list-style-type:none;
margin:0 0 20px;
padding-right:0;
padding-left:0;
width:550px;
float:left
}
#landing #resources h3 {
margin-bottom:5px
}
#landing #content h4 a {
font-weight:bold
}
#landing #content ul li {
background-image:none;
list-style-type:none;
padding-right:0;
padding-left:0;
float:left
}
#landing #content li p {
margin:0
}
/* 2-column layout */
.two li {
width:265px
}
/* 3-column layout */
.three li {
margin:0 20px 0 0;
width:170px;
}
* html .three li {
margin: 0 !important;
}
#prodboxes.three li {
margin:0 20px 15px 0
}
/* 5-column layout */
.five li {
line-height:normal;
margin:0 10px 0 0;
width:102px;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
/*IE Mac needs this to be narrower*/
*>html .five li.last {
width:100px
}
#landing #content #quotes {
margin:0 0 20px
}
#landing #content #intro h2 {
background:transparent;
margin:10px 0
}
#landing #content h2 {
background:#dfdfdf url(/images/css/h2wide_bg.jpg) repeat-y;
margin:0 0 12px -10px;
width:560px;
clear:both
}
#landing #content h2 b {
background:url(/images/css/h2wide_b_bg.jpg) no-repeat;
display:block;
margin:0;
padding:4px 10px
}
#advantages li img {
display:block;
margin:5px 0 15px
}
#prodboxes li img {
display:block;
margin:10px 0 15px
}
.bigquote {
margin:0
}
#landing #content li.last {
margin-right:0;
float:right
}
#landing #content .last {
background-image:none;
padding-bottom:0
}
/*</agl.folder>*/
/*<agl.folder "mainpage and its contextual elements">*/
#mainpage #intro2 {
margin-bottom:10px;
float:left;
display:inline;
width:550px
}
#mainpage #intro2 #productimg {
margin-top:15px;
margin-bottom:15px
}
#mainpage #intro2 #product-id-img {
float:right
}
#mainpage #intro2 p {
margin:0;
padding:0
}
/* adobe store price caption */
#mainpage #intro2 h4#asp {
color:#666;
font-weight:normal;
margin:0;
padding:0
}
#mainpage #intro2 h2#price {
margin:0;
padding:0
}
#mainpage #intro2 a {
font-size:90%;
font-weight:bold
}
#mainpage #intro p {
margin-bottom:0
}
#mainpage #intro2 h2.head {
color:#666;
display:inline
}
#mainpage #intro2 p {
margin:.8em 0 0
}
/* stacked boxshots css assumes image is 85w x 94h */
#mainpage .boxshotproduct{background:url(/images/css/order_btn.gif)
no-repeat 95px 74px;
width:190px;
float:left;
line-height:1}
#mainpage .boxshotproduct a{color:#666;
font-weight:bold;
text-decoration:none;
display:block;
margin:60px 0
0;
padding:0 0 22px}
#mainpage .boxshot {
margin:0 10px 0 0;
float:left
}
#mainpage #boxshots {
float:left;
width:170px
}
#mainpage #boxshot2 {
margin-top:10px;
margin-bottom:10px;
margin-bottom /**/:0
}
html>body #stackedboxshotsrow {
margin-bottom:10px
}
#mainpage .nobg {
background-image:none
}
#mainpage #intro2 #dropdown {
margin:10px 0;
padding:0;
float /**/:left;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
/*Hide from IE Mac\*/
html>body#mainpage #intro2 #dropdown {
clear:left
}
/*IE Mac needs a width*/
*>html #mainpage #intro2 #dropdown {
width:50%
}
#mainpage #intro2 #dropdown select {
float:left;
margin:0
}
#mainpage #intro2 #dropdown input {
float:left;
clear:none;
margin:0 0 0 5px
}
#mainpage img.moreinfobuttons {
padding-right:5px
}
/*Opera*/
@media all and (min-width: 0px) {
#mainpage #intro2 #dropdown{display:table-cell;
white-space:nowrap;
vertical-align:middle;
margin:0;
padding:10px 0 0}
}
/*</agl.folder>*/
/*<agl.folder "Hobbyist Main page ('Elements' products)">*/
#hobbyistmain #content {
width:735px;
voice-family:"\"}\"";
voice-family:inherit;
width:535px
}
#hobbyistmain h2 {
font-size:114%
}
#hobbyistmain #content #intro {
margin:15px 0 0;
padding:0;
width:535px;
float:left
}
#hobbyistmain #intro img {
float:none;
display:block;
clear:left;
margin:0 10px 5px 0
}
#hobbyistmain #intro .boxshot {
margin:0 10px 10px 0;
float:left
}
#hobbyistmain #intro #productid {
float:right;
margin:0
}
#hobbyistmain #benefits {
float:left;
width:115px;
line-height:1.2;
margin:0;
padding:0;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
#hobbyistmain #benefits li {
margin-bottom:3px
}
#hobbyistmain #workflow,
#lmainpage #workflow {
margin:0 0 5px;
margin-top /**/:5px
}
/*</agl.folder>*/
/*<agl.folder "overviewpage and its contextual elements">*/
#overviewpage #content {
width:750px;
voice-family:"\"}\"";
voice-family:inherit;
width:550px
}
#overviewpage #content ol {
margin-left:1.5em
}
#overviewpage #content #intro {
margin-bottom:5px;
padding:0
}
/* margin for proper alignment of order button */
#overviewpage #intro h2,
#loverview2page #intro h2,
#lnewfeaturespage #intro h2,
#lnewfeatures2page #intro h2,
#lindepthpage #intro h2,
#lsysreqspage #intro h2,
#llanguagespage #intro h2,
#lreviewspage #intro h2,
#ltopic1page #intro h2 {
color:#000;
margin:0 0 10px 0
}
/* override the standards.css anchorlinks */
#overviewpage ul.anchorlinks,
#lnewfeatures2page ul.anchorlinks {
width:250px;
padding:0;
margin:0
}
#overviewpage ul.anchorlinks li,
#lnewfeaturespage ul.anchorlinks li,
#lnewfeatures2page ul.anchorlinks li {
background-position:0 0.4em;
text-indent:0;
margin:0;
padding-left:10px;
float:left;
width:255px;
voice-family:"\"}\"";
voice-family:inherit;
width:245px
}
/* indent for the content under the gradient heading */
#overviewpage .newsubjbody,
#loverview2page .newsubjbody,
#lnewfeaturespage .newsubjbody,
#lnewfeatures2page .newsubjbody {
padding:0 0 0 10px;
width:535px;
voice-family:"\"}\"";
voice-family:inherit;
width:525px
}
/* local changes for b2top */
#overviewpage img.b2top,
#lnewfeaturespage img.b2top,
#lnewfeatures2page img.b2top,
#loverview2page img.b2top {
margin-top:-3px;
margin-right:0
}
#overviewpage p.b2top,
#lnewfeaturespage p.b2top,
#lnewfeatures2page p.b2top,
#loverview2page p.b2top {
padding-right:0
}
.back2 {
text-align:right
}
#overviewpage #content #anchorlinksnewsubjbody,
#loverview2page #content #anchorlinksnewsubjbody,
#lnewfeatures2page #content #anchorlinksnewsubjbody {
padding-bottom:0;
padding-top:0
}
#anchorlinksnewsubjbody .anchorlinks {
margin-top:0
}
#overviewpage #content #rightanchorlinks,
#lnewfeatures2page #content #rightanchorlinks {
float:right
}
#overviewpage #content p.more,
#lnewfeaturespage #content p.more,
#lnewfeatures2page #content p.more {
clear:both;
text-align:right
}
/*Anchorlink fixes for IE/Mac*/
*>html #overviewpage #anchorlinksnewsubjbody, *>html #overview2page #anchorlinksnewsubjbody {
float:left;
margin-bottom:5px
}
/*</agl.folder>*/
/*<agl.folder "overview2page" and its contextual elements">*/
#overview2page #content #intro {
margin-bottom:10px
}
#overview2page #content #intro .newsubjbody {
margin-bottom:0;
padding-bottom:0
}
#overview2page #content .grdhdtopbig {
margin-top:0;
padding-top:0;
margin-bottom:0
}
#overview2page #content .newsubjbody {
margin-bottom:15px
}
#overview2page #content .grphead {
color:#666
}
#overview2page #content h2.newsubj {
font-size:115%;
clear:both;/* padding for IE5.2 */padding: 10px 0 0
}
#overview2page #content .nobgimg {
background-image:none
}
#overview2page #content p.b2top  {
padding-bottom:3px
}
/*</agl.folder>*/
/*<agl.folder "newfeaturespage and its contextual elements">*/
/*\*/
* html #newfeaturespage #content #intro {
margin-bottom:10px;
display:inline
}
/**/
#newfeaturespage #intro p {
padding:0;
margin:0
}
/* this 1px border necessary for IE/Win spacing issue */
#newfeaturespage #content #anchorlinkswrapper,
#lnewfeatures2page #content #anchorlinkswrapper {
border:1px solid white
}
#newfeaturespage #content #rightanchorlinks {
float:right
}
#newfeaturespage #content blockquote {
padding:0 0 8px .33em;
text-indent:-.33em
}
#newfeaturespage #content blockquote p {
padding-left:.33em;
text-indent:-.33em
}
#newfeaturespage #content cite {
display:block;
margin:0 0 15px .33em
}
#newfeaturespage ul.anchorlinks {
width:265px;
padding:0;
margin:0
}
#newfeaturespage ul.anchorlinks li {
width:245px
}
#newfeaturespage .grdhdtopbig {
margin-bottom:0
}
#newfeaturespage .newsubj {
clear:both;
margin-top:10px
}
/*</agl.folder>*/
/*<agl.folder "newfeatures2page and its contextual elements">*/
#newfeatures2page .grdhdtopbig {
margin-bottom:10px
}
#newfeatures2page #intro p {
padding:0;
margin:0
}
/* needed by IE/Mac */
#newfeatures2page #content #anchorlinksnewsubjbody {
clear:left
}
#newfeatures2page #content .b2top {
float:none;
display:block;
padding:0;
margin:10px 0 0 255px
}
/*</agl.folder>*/
/*<agl.folder "indepthpage" and its contextual elements">*/
#indepthlinks {
clear:left
}
#indepthpage a.indepthlink {
font-weight:bold
}
/*</agl.folder>*/
/*<agl.folder "sysreqspage" and its contextual elements">*/
#sysreqspage #intro {
margin-bottom:0
}
#sysreqspage #intro h2 {
padding-bottom:10px;
margin-bottom:0
}
#sysreqspage #content h3.systemreqs,
#lsummarymainpage #content h3.systemreqs {
padding-bottom:10px;
clear:both
}
#sysreqspage #content ul.systemreqs,
#lsummarymainpage #content ul.systemreqs {
padding:0
}
#sysreqspage #content ul.systemreqsline,
#lsummarymainpage #content ul.systemreqsline {
background:transparent url(/images/css/lastdot.gif) bottom left repeat-x;
margin:0 0 10px 0;
padding:0 0 10px 0
}
/*</agl.folder>*/
/*<agl.folder "languagespage" and its contextual elements">*/
#languagespage #intro {
margin-bottom:0
}
#languagespage #intro h2 {
padding-bottom:20px;
margin-bottom:0
}
#langTable{border:1px solid #ccc;
width:500px;
border-collapse:separate;
border-spacing:0;
 /* padding for mozilla & opera */ padding:0;
margin:0 0 10px;
clear:both}
#langTable thead {
background-color:#ccc
}
#langTable th,
#llangTable td {
padding:5px;
text-align:left;
font-size:70%;
voice-family:"\"}\"";
voice-family:inherit;
font-size:100%
}
#langTable th {
padding-left:10px
}
#langTable tbody th {
font-weight:normal
}
#langTable td.checkmark {
padding-left:10px
}
/*</agl.folder>*/
/*<agl.folder "summarymainpage" and its contextual elements">*/
/*set background image to none otherwise image in left sidenav area appears*/
#summarymainpage #content {
background-image:none
}
#summarymainpage #content h2.head {
color:#666
}
/*set background image to none otherwise image in subnav area appears*/
#summarymainpage #subnav {
background-image:none
}
#summarymainpage #subnav .sidenav {
padding-top:20px
}
/* space under the product image */
#summarymainpage #subnav img {
margin:0 0 5px 0
}
#summarymainpage .separator {
padding-bottom:20px
}
/* tighten up <p> */
#summarymainpage #prodinfo p {
margin-bottom:2px
}
/*</agl.folder>*/
/*<agl.folder "Partners pages">*/
#partners #content {
background:url(/images/css/graybgstrip_10kh.gif) 0 100px no-repeat;
width:735px;
voice-family:"\"}\"";
voice-family:inherit;
width:535px
}
#partners #content h2 {
color:#000
}
#partners #content h3,
#lpartners #content h4 {
margin:0 0 5px
}
#partners #content h3.industry {
margin:20px 0;
padding:10px 0 0;
background:url(/images/css/1dot.gif) 0 0 repeat-x;
clear:both
}
#partners h4 a {
font-weight:bold
}
#partners #content p {
width:385px
}
#partners blockquote {
margin:0 0 0.8em;
padding:0 0 0 .33em;
text-indent:-0.33em
}
#partners blockquote p {
width:auto
}
#partners cite {
margin:-0.7em 0 0.8em 0.33em;
display:block
}
#partners .partner {
position:relative;
margin:0 0 15px;
padding:0 140px 0 0
}
#partners .partner img {
position:absolute;
top:0;
left:415px
}
/*target IE5.0Win only\*/
#partners .partner img {
left:615px;
left/* */:415px
}
/**/
/*</agl.folder>*/
/*<agl.folder "Awards pages">*/
#awards #content {
width:535px;
background:url(/images/css/graybgstrip_10kh.gif) 0 100px no-repeat
}
.award {
margin:0 0 20px;
padding:0;
width:535px;
float:left;
line-height:1.3;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
.award dl {
margin:0;
padding:0;
width:295px;
float:left
}
.award dt {
margin:0 20px 5px 0;
padding:0;
width:100px;
float:left;
font-weight:normal
}
.award dd {
margin:0 0 5px;
padding:0;
width:155px;
float:left
}
.award img {
margin:0;
padding:0;
float:left
}
#awards h4 {
color:#000;
margin:10px 0
}
#awards h5 {
color:#000;
margin:0
}
.award dd p {
margin:0 0 3px
}
#awards #content .b2top {
float:none;
clear:both;
display:block;
margin:5px 0 -5px 524px;
padding:0
}
/*</agl.folder>*/
/*<agl.folder "Reviews pages">*/
#reviews #content {
background:url(/images/css/graybgstrip_10kh.gif) no-repeat 0 100px;
width:550px
}
.review {
margin:0 0 20px -.33em;
width:100%;
float:left
}
.rave {
width:310px;
float:left;
padding:0 0 0 .33em
}
.review blockquote {
text-indent:-.33em
}
.review img {
margin:0 0 10px 20px;
float:left
}
.review p.linkonly {
margin:0
}
h3.version, h3.year {
font-size:110%;
background:url(/images/css/1dot.gif) repeat-x 0 100%;
margin:20px 0;
padding:0 0 10px;
width:535px;
clear:both
}
/*</agl.folder>*/
/*<agl.folder "Customer stories pages">*/
#customerstories h1 {
margin-bottom:15px;
margin-bottom:0
}
#customerstories #content {
background:url(/images/css/graybgstrip_10kh.gif) 0 100px no-repeat
}
#customerstories #featured {
float:right
}
#customerstories a.pdf {
display:block;
margin:0 0 10px
}
#customerstories .anchorlinks li {
margin:0 10px 2px 0;
float:left;
text-indent:0;
padding-left:10px;
width:120px;
voice-family:"\"}\"";
voice-family:inherit;
width:110px
}
#customerstories .row {
margin:20px 0 5px;
background:url(/images/css/1dot.gif) 0 0 repeat-x;
height:1px
}
#customerstories #stories {
float:left;
width:100%;
background:url(/images/css/1dot.gif) 285px 0 repeat-y
}
#customerstories .bucket,
#lcustomerstories .bucket2 {
margin:0;
padding:0;
width:250px;
float:left
}
#customerstories .bucket2 {
float:right
}
#customerstories .industry {
margin:0 0 25px 0;
line-height:normal;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
#customerstories .industry h3 {
margin:0 0 15px 0;
font-size:144%
}
#customerstories .industry h4 {
margin:0;
color:#000
}
/*</agl.folder>*/
/*<agl.folder "Family Customer stories (e.g. Photoshop and motion)">*/
#familycustomers #intro img,
#lfamilycustomers #maincontent h3 img,
#lfamilycustomers #featured h3 img {
float:none;
margin:0 5px 0 0
}
#familycustomers a.pdf,
#lfamilycustomers a.movie {
display:block
}
#familycustomers #featured {
float:right;
margin:0 0 20px 20px
}
#familycustomers #featured h2 {
font-size:100%;
margin-bottom:-1px
}
#familycustomers #featured h3 {
margin-bottom:5px
}
#familycustomers #featured img {
float:left;
margin:0 10px
}
#familycustomers #featured p {
padding-left:70px
}
#familycustomers #maincontent {
background:url(/images/css/grad_line_side.gif) repeat-y
}
#familycustomers #maincontent img {
float:right;
margin:-1em 15px 0 0
}
#familycustomers #maincontent h2 {
font-size:100%;
color:#000;
background:#eaeaea url(/images/css/bucket_h2bg_550.jpg) 0 100% no-repeat;
margin:0 0 -11px;
padding:0 0 8px;
border:0;
clear:both
}
#familycustomers #maincontent h2 b {
display:block;
background:url(/images/css/bucket_topbg_550.jpg) no-repeat;
padding:4px 15px 0
}
#familycustomers #maincontent h3 {
margin:10px 0 0 4px;
padding:10px 200px 0 11px;
float:left;
display:inline;
width:541px;
voice-family:"\"}\"";
voice-family:inherit;
width:326px
}
#familycustomers #maincontent p {
padding-left:15px;
margin-left:0;
float:left;
width:345px;
voice-family:"\"}\"";
voice-family:inherit;
width:330px
}
#familycustomers #maincontent .b2top {
float:right;
clear:both;
display:inline;
margin:10px 15px
}
/*Opera needs this*/
@media all and (min-width:0px) {
#familycustomers #maincontent .b2top{margin-bottom:20px}
}
/*</agl.folder>*/
/*<agl.folder "Featured Customer pages">*/
#customerfeature #content {
padding-top:18px;
width:735px;
voice-family:"\"}\"";
voice-family:inherit;
width:535px
}
#customerfeature .synopsis {
color:#828282;
font-size:125%;
line-height:normal;
width: 550px;
}
#customerfeature #feature {
background:url(/images/css/1dot.gif) repeat-y 360px 0;
margin:10px 0;
width:535px;
float:left
}
#customerfeature #feature img {
margin:0 20px 0 0;
float:left
}
#customerfeature #feature .links {
width:165px;
float:left;
line-height:1.25;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
#customerfeature #feature .links img {
float:none;
margin:0 0 5px
}
#customerfeature #feature .links li {
margin:0 0 5px;
padding:0;
background-image:none
}
#customerfeature #feature div.caption {
margin:0 0 -10px;
width:350px;
float:left;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
#customerfeature div.caption cite {
color:#000;
font-style:italic;
display:block
}
#customerfeature .smallpic {
display:inline;
margin:0 0 20px 17px;
width:165px;
float:right;
clear:right
}
#customerfeature .caption {
color:#666;
margin:10px 0;
line-height:normal;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
#customerfeature .bigpic {
margin:0 0 20px;
width:535px;
float:left
}
#customerfeature .bigpic .caption {
display:inline;
margin:0 0 10px;
width:165px;
float:right
}
#customerfeature .pullquote {
margin:10px 20px 10px 0;
float:left
}
#customerfeature .pullquote2 {
margin:0 0 10px 20px;
float:right
}
#customerfeature .captions {
float:left;
width:535px;
color:#666;
margin:10px 0
}
#customerfeature .captions .caption {
float:left;
width:260px;
margin:0 10px 10px 0
}
#customerfeature .captions .caption2 {
float:left;
width:260px;
margin:0 0 10px;
line-height:normal;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
/*fixes for IE/Mac*/
*>html #customerfeature #feature .links img {
float:left
}
*>html #customerfeature #feature .links ul {
float:left;
clear:left
}
/*</agl.folder>*/
/*<agl.folder "Featured Customer pages (with sidebar)" "Basically the same as Featured Customer pages but allowing for a sidebar">*/
#customerfeature #feature.withsidebar {
background:#fff;
width:350px;
float:left
}
#customerfeature #feature.withsidebar img {
margin:0
}
#customerfeature #content p.first {
clear:left
}
#customerfeature #content img.pullquote.tightfit {
margin:10px 0;
padding:0
}
#customerfeature .sidebar {
position:relative;
background:url(/images/css/1dot.gif) repeat-y;
float:right;
padding:0 10px 5px;
margin:10px -10px 10px 10px;
width:165px;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small;
width:155px;
margin-right:0
}
* html #customerfeature .sidebar {
clear: left;
}
#customerfeature .sidebar .links {
width:155px
}
#customerfeature .sidebar a.movie {
display:block
}
#customerfeature .sidebar li {
margin-bottom:2px
}
* html #customerfeature .sidebar ul, * html #customerfeature .sidebar ul li {
background:url(/images/css/ul_bullet.gif) no-repeat 0 0.1em
}
/*Fix for long lists and nested lists IE/Mac*/
*>html #customerfeature #content .sidebar li {
width:140px
}
#customerfeature .sidebarbot {
position:absolute;
bottom:0;
left:0;
height:1px;
background:url(/images/css/lastdot.gif) repeat-x;
width:165px;
voice-family:"\"}\"";
voice-family:inherit;
width:175px
}
/*</agl.folder>*/
/*<agl.folder "Pop up windows for video, artwork, etc.">*/
body#popup {
font-size:63%;
background:#eeeded;
padding:0
}
#popup h1 {
font-size:120%;
color:#999;
line-height:1;
margin:20px 25px
}
*>html #popup h1 {
margin:60px 25px 20px;
clear:both
}
#popup img,
#lpopup object {
display:block;
margin:0 25px 20px
}
#popup #top {
background:#fff url(/images/css/topgradient.gif) no-repeat right top;
height:40px;
margin:0;
padding:0
}
#popup #top img {
margin:0;
float:left
}
#popup .close {
float:right;
clear:both;
display:inline;
margin:20px 27px 0;
text-decoration:none
}
#popup .close:hover {
text-decoration:underline
}
/*</agl.folder>*/
/*<agl.folder "topic1 pages, e.g. Adobe Bridge">*/
#topic1page #content #intro {
margin-bottom:0;
background:url(/images/css/v_dot.gif) 364px 0 repeat-y
}
#topic1page #intro p {
padding:0 10px 0 0
}
#topic1page #intro #tour {
float:right;
padding-left:0;
width:175px
}
#topic1page #intro #introtext {
width:364px;
float:left;
margin:0
}
#topic1page #intro #tour p {
padding:0
}
#topic1page #intro #tour img {
margin:0 0 5px 0;
float:none
}
#topic1page #content p.more {
padding:0 0 3px 0;
margin-top:-10px
}
#topic1page .movie {
display:block;
text-decoration:underline
}
/*</agl.folder>*/
/*<agl.folder "Services (stock photos, etc.) Home page">*/
#servicehome #content {
width:550px;
padding-right:0
}
#servicehome #content #intro {
background:#dee2e4 url(/images/css/svc_intro_bg.gif) no-repeat 0 100%;
margin:0 0 20px;
padding:5px 10px;
width:550px;
voice-family:"\"}\"";
voice-family:inherit;
width:530px
}
#servicehome #intro .text {
padding:5px 10px 5px 0;
background:url(/images/css/1dot.gif) 100% 0 repeat-y;
width:360px;
voice-family:"\"}\"";
voice-family:inherit;
width:350px
}
#servicehome #demo {
font-weight:bold;
float:right;
width:165px;
line-height:1.33;
margin:5px 0 0;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
#servicehome #demo img {
float:left;
margin:0 10px 0 0
}
#servicehome #demo a {
display:block;
font-weight:normal
}
#servicehome #content #intro.nodemo .text {
background-image:none;
padding:5px 0;
width:530px
}
#features {
float:left;
width:535px;
margin:0 0 20px;
padding:0;
background:url(/images/css/1dot.gif) 0 100% repeat-x;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
.feature.odd {
float:left;
width:255px;
margin:0 30px 20px 0;
padding:0
}
.feature.even {
float:right;
width:250px;
margin:0 0 20px 0;
padding:0
}
#features img {
float:left;
margin:0 10px 0 0
}
#features h3,
#lfeatures p {
font-weight:normal;
margin:0 0 0 60px;
padding:0
}
#features h3 strong {
font-weight:bold;
color:#f30;
font-size:140%
}
#features a.more {
float:right;
margin:-10px 0 10px;
clear:both;
clear:both;
white-space:nowrap
}
/*Opera needs this*/
@media all and (min-width:0px) {
#features a.more:after{content:".";
display:block;
height:0;
clear:both;
margin-bottom:20px;
visibility:hidden}
}
#servicehome #highlights {
margin:0 -183px 0 0;
voice-family:"\"}\"";
voice-family:inherit;
margin:0 15px 0 0;
display:inline
}
#servicehome .misc {
float:left;
width:255px
}
#servicehome .misc img {
margin-bottom:20px
}
/*</agl.folder>*/
/*<agl.folder "Services subpages">*/
#servicemore #content {
width:550px
}
#servicemore #main {
float:left;
background:url(/images/css/1dot.gif) 100% 0 repeat-y;
padding:0 10px 0 0;
width:350px
}
#servicemore #main img {
margin:0 0 5px;
padding:0
}
#servicemore .anchorlinks {
width:350px;
float:left;
margin:0 0 10px
}
#servicemore .anchorlinks li {
float:left;
margin:0 10px 0 0;
text-indent:0;
padding-left:10px;
width:165px;
voice-family:"\"}\"";
voice-family:inherit;
width:155px
}
#servicemore .anchorlinks li.even {
float:right;
margin:0
}
#servicemore h3 {
background:url(/images/css/1dot.gif) repeat-x;
margin:10px 0 0;
padding:10px 0 0
}
#servicemore ul h3 {
background-image:none;
margin:0;
padding:0
}
#servicemore #main h3 {
clear:left
}
#servicemore #learnmore {
width:175px;
float:left;
background:#fff;
margin:0 -175px 20px 0;
voice-family:"\"}\"";
voice-family:inherit;
margin:0 0 20px
}
#servicemore #learnmore h2 {
color:#666;
font-size:150%;
background:url(/images/css/1dot.gif) repeat-x 0 100%;
margin:-.2em 0 5px 0;
padding:0 10px 8px;
border-style:none
}
#servicemore #learnmore h3 {
margin:0;
padding:0
}
#servicemore #learnmore h3,
#lservicemore #learnmore h4,
#lservicemore #learnmore p,
#lservicemore #learnmore ul {
background:#fff;
padding-left:10px;
color:#000;/*IE5.5 needs these*/position:relative;
z-index:20
}
#servicemore #learnmore ul {
margin:2px 0 10px
}
#servicemore table.data,
#lservicemore table.data td {
border-color:#f0f0f0;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
#servicemore table.data td {
padding:2px 10px
}
#servicemore table.data th {
background:#f0f0f0;
border-right:1px solid #999
}
#servicemore table.data th.final {
border-right:1px #f0f0f0 solid
}
#servicemore #main .b2top {
float:none;
display:block;
margin:5px 0 -5px 339px;
padding:0
}
#servicemore .footnote {
background:url(/images/css/1dot.gif) repeat-x;
margin:10px 0 0;
padding:10px 0 0;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
/*IE/Win needs this*/
#servicemore #subnav h3 {
margin:0;
padding:0 15px 2px
}
/*IE/Mac messes up learnmore paragraphs without these*/
*>html #servicemore #learnmore p {
margin:10px 0 0
}
*>html #servicemore #learnmore h3 {
margin-top:10px
}
*>html #servicemore #learnmore h3+p {
margin-top:0
}
/*</agl.folder>*/
/*<agl.folder "Product Matrix tables">*/
#matrix #intro img {
float:none;
display:block;
margin:0 0 10px
}
table.matrix {
border-collapse:collapse;
width:535px;
border-top:1px solid #999;
border-right:1px solid #999;
clear:left;
margin:10px 0
}
.matrix td, .matrix th {
padding:7px 10px;
border-bottom:1px solid #999;
border-left:1px solid #999;
font-size:xx-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small
}
.matrix thead th {
color:#fff;
background:#666;
vertical-align:bottom
}
.matrix tbody th {
font-weight:normal;
text-align:left
}
.matrix th.sub {
font-weight:normal
}
.matrix tbody td {
text-align:center
}
.matrix .even td, .matrix .even th {
background:#fff
}
.matrix .odd td, .matrix .odd th {
background:#ccc
}
/*Rule for nested scope=rowgroup TH elements*/
.matrix tbody th.super {
font-weight:bold;
background:#fff;
vertical-align:top
}
/*</agl.folder>*/
/*<agl.folder "Vertical Marketing pages">*/
#vertical h4 {
margin-bottom:0;
color:#000
}
#vertical h4 cite {
display:block
}
#vertical h4 a {
font-weight:bold
}
#vertical #content {
padding-left:190px;
width:560px
}
#vertical #content #h1img {
margin-left:-175px
}
#vertical #content #intro {
margin:0 0 0 10px
}
#vertical #content #intro h2 {
color:#000
}
#vertical #content #intro img {
margin:0 0 5px;
float:none;
display:block
}
#vertical #content .anchorlinks,
#lverticalfeatures #content .anchorlinks {
margin:0 0 10px;
padding:0;
clear:both;
float:none;
width:100%
}
/*Opera needs this*/
@media all and (min-width:0px) {
#vertical #content .anchorlinks:after{content:".";
display:block;
height:0;
clear:both;
margin-bottom:10px;
visibility:hidden}
}
#vertical .movie,
#lvertical .pdf {
display:block
}
#vertical #intro .movie,
#lvertical #intro .pdf {
text-align:right;
margin:.33em 0 .8em
}
/*main content divs and general rules*/
#vertical #main h2 {
background:#dfdfdf url(/images/css/h2wide_bg.jpg) repeat-y;
margin:0 0 15px 0;
width:560px;
clear:both
}
#vertical #main h2 b {
background:url(/images/css/h2wide_b_bg.jpg) no-repeat;
display:block;
margin:0;
padding:4px 10px
}
#vertical #main {
float:left;
width:560px;
margin:0
}
#vertical #softsols,
#lvertical #success,
#lvertical #resources {
float:left;
margin:0;
padding:0;
width:560px
}
/*software and solutions*/
#vertical #softsols div {
float:left;
margin:0 0 10px 20px;
padding:0;
width:265px
}
#vertical #softsols #product {
margin-left:10px;
display:inline
}
#vertical #softsols .item {
float:left;
margin:10px 0 0;
padding-left:60px;
width:265px;
voice-family:"\"}\"";
voice-family:inherit;
width:200px
}
#vertical #softsols .item img {
float:left;
margin-left:-60px
}
/*success stories*/
#vertical #success.one .item {
padding-left:370px;
margin-left:10px;
float:left;
display:inline;
width:560px;
voice-family:"\"}\"";
voice-family:inherit;
width:190px
}
#vertical #success.one .item img {
float:left;
margin-left:-370px
}
#vertical #success.three .item {
float:left;
width:165px;
margin:0 10px 10px;
display:inline
}
#vertical #success.three .item img {
display:block;
margin:0 0 5px
}
/*Resources*/
#vertical #resources.three h2 {
border-bottom:15px solid #fff;
margin-bottom:0
}
#vertical #resources.three {
float:left;
background:url(/images/css/resources3bg.gif) 10px 0 repeat-y
}
#vertical #resources.three div {
float:left;
width:165px;
margin:0 10px 10px;
display:inline
}
#vertical #resources.three .final,
#lvertical #resources.two .final {
margin-right:0
}
#vertical #resources.two {
float:left;
background:url(/images/css/1dot.gif) 50% 0 repeat-y
}
#vertical #resources.two div {
float:left;
display:inline;
width:260px;
margin:0 10px
}
/*</agl.folder>*/
/*<agl.folder "Vertical Marketing Feature pages">*/
#verticalfeatures ol {
font-weight:bold;
padding:0;
text-indent:0;
margin:1em 0 0 2em;
voice-family:"\"}\"";
voice-family:inherit;
margin:1em 0 0;
list-style-position:inside
}
#verticalfeatures ol li {
margin:0 0 .8em;
padding:0
}
#verticalfeatures ol li span {
font-weight:normal
}
#verticalfeatures .newsubj {
margin-top:20px;
padding-top:15px
}
/*</agl.folder>*/
/*<agl.folder "Compatibility with Third-party products">*/
#compatibility #content,
#lcompatibility #content #intro {
width:500px
}
#compatibility .thirdpartyequip {
margin:0;
padding:0 0 0 30px;
float:left;
width:250px;
voice-family:"\"}\"";
voice-family:inherit;
width:220px
}
#compatibility .thirdpartyequip li {
font-weight:bold;
background-image:none;
margin-left:-30px;
padding-left:30px
}
#compatibility .thirdpartyequip li li {
font-weight:normal;
margin-left:-30px
}
#compatibility .thirdpartyequip li.new {
background:url(/images/newflag.gif) no-repeat 0 0.2em;
margin-left:-30px;
padding-left:30px
}
/*Text Download links (e.g.,Win and Mac)*/
#compatibility .downloadlinks {
margin:0 0 10px 20px;
float:right
}
#compatibility .downloadlinks li {
background:url(/images/css/1dot.gif) 100% 0 repeat-y;
list-style:none;
margin:0 10px 0 0;
padding:0 10px 0 0;
display:inline
}
html>#compatibility .downloadlinks li {
margin-right:5px;
padding-right:13px
}
#compatibility .downloadlinks li.last {
background:transparent;
padding:0;
margin:0
}
/*</agl.folder>*/
/*<agl.folder "Customer quote pages">*/
#quotes #content h2 {
margin:0 0 30px
}
#quotes #content blockquote {
text-indent:-0.33em;
margin:0;
padding:0 0 0 0.33em
}
#quotes #content cite {
display:block;
margin:0.8em 0 10px;
padding:0 0 1.6em 0.33em;
text-align:right;
background:url(/images/css/lastdot.gif) repeat-x 0 100%
}
#quotes #content cite.last {
margin:0;
padding:0 0 0 0.33em;
background:#fff
}
/*</agl.folder>*/
/*<agl.folder "Demo launch pages">*/
#demos.product #intro {
margin-bottom:0
}
#demos .demo {
float:left;
width:550px;
background: url(/images/css/1dot.gif) repeat-x;
margin:10px 0 0;
padding:10px 0 0
}
#demos .demo .text {
float:left;
width:300px
}
#demos .demo .popper {
float:right;
width:230px;
text-align:center;
margin:0;
padding:0
}
#demos .demo .popper a {
display:block;
margin:0 0 5px
}
/*</agl.folder>*/
* html #content {
font-size: 12px !important;
}
* html .sidebar {
font-size: 10px !important;
}