body, body#gatewaypage, body#indexpage, body#topicpage, body#reviews, body#docservsgate, body#docservs2 /*Will only style body attributes that have one of these IDs. Add more as neeeded*/{color:black;font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;/*IE/Win needs this 'base' font-size*/font-size:100.01%;background-color:#fff;margin:0;padding:80px 0 0}
/*upgrade your browser message*/
#ahem{display:none}

/*<agl.folder "Basic Elements">*/
p{margin-top:0;margin-bottom:10px}
td{font-family:Verdana, Arial, Helvetica, Geneva, sans-serif}
h1{font-size:185%;margin:10px 0 10px 0;line-height:1.2;/*IE/Mac needs width. Also, keep headlines from going under contact a rep button.*/width:415px}
/*Hide from IE/Mac\*/
h1{margin-top:0}
/*Recover*/
h2{font-size:110%;margin:10px 0 2px 0}
h3{font-size:100%;margin:0}
h4{color:#333;font-size:100%;margin:0 0 5px}
h4 a{font-weight:normal}
h5{color:#333;font-size:90%;margin:0 0 2px}
cite{font-style:normal}
blockquote{margin:0;padding:0}
ul{margin:-5px 0 10px}
a:link{color:#c00}
a:visited{color:#ac4e4e}
a:hover{color:red;text-decoration:none}
dt{font-weight:bold;margin:0}
dd{margin:0 0 5px}
/*for bulleted lists nested inside numbered lists*/
ol ul{margin:5px 0 0 2px}
ol ul li{margin:0 0 5px;background:url(/images/css/ul_bullet.gif) no-repeat 0 0;padding:0 0 0 7px}
/*</agl.folder>*/

/*<agl.folder "Elements with class attributes">*/
ul.introlinks{margin-bottom:10px}
ul.introlinks li{width:245px;float:left;margin:0 20px 5px 0}
ul.anchorlinks /*IE5/Win needs this*/{background-image:none}
ul.anchorlinks li{background-image:url(/images/css/anchlink.gif);background-repeat:no-repeat;background-position:0 0.5em;margin-bottom:0;padding-bottom:5px;/*IE5/Win needs these*/text-indent:-12px;padding-left:5px;voice-family:"\"}\"";voice-family:inherit;text-indent:0;padding-left:12px}
html>body ul.anchorlinks li{text-indent:0;padding-left:12px}
/*class="first"*/
p.first, #topicpage #content #topiclearnmore p.first{padding-top:10px}
#maincontent h2.first, #sidebar h2.first{background-image:none;padding:4px 10px}
#topicpage blockquote.first{background-image:none;margin:0;padding:0}
/*class="last"*/
#content .last, #maincontent p.last{background:transparent url(/images/css/lastdot.gif) bottom left repeat-x;margin:0;padding:0 10px 10px}
#maincontent ul, #maincontent ul.last{padding:10px}
#indexpage #intro #featured p.last, #indexpage #intro #featured2 p.last{margin-bottom:0}
#reviews #maincontent div.last{background:transparent url(/images/css/lastdot.gif) bottom left repeat-x;margin:0;padding:0 0 10px}
/*</agl.folder>*/

/*<agl.folder "Global Enterprise pages ">*/
#calltoaction, #gatewaypage.product #calltoaction{display:block;position:relative;top:0;height:20px}
#gatewaypage #calltoaction, #docservsgate #calltoaction{top:10px}
#calltoaction img{margin:0 0 0 20px;float:right}
#intro{margin:0 0 5px;/*IE/Mac needs a width. Whatever.*/width:550px}
#intro h2{color:gray;font-size:115%;margin:10px 0 0 0}
#intro img{float:right;margin:0 0 20px 20px}
#content select{margin:0 5px 0 0}
/*content*/
#content{font-size:70%;line-height:135%;background:transparent url(/images/css/graybgstrip.gif) top left repeat-y;margin:0;padding:0 0 20px 200px;border:none;/*IE/Win needs this*/float:none;/*IE5/Win Box model hack*/width:750px;voice-family:"\"}\"";voice-family:inherit;width:550px}
/*IE/Win messes up the generated sidenav when viewport is narrow if #content is floated.*/
html>body #content{float:left}
/*</agl.folder>*/

/*<agl.folder "indexpage maincontent and its contextual elements">*/
#maincontent{background:transparent url(/images/css/maincontentbg.gif) 0 0 repeat-y;margin:0;padding:0;/*IE/Mac needs a float. Whatever.*/float:left;width:550px}
#maincontent h2, #sidebar h2{color:#fff;font-size:100%;line-height:1;background:#999 url(/images/css/h2bg.gif) repeat-x;position:relative;z-index:10;margin:0 0 -1px;padding:15px 10px 4px;border-bottom:1px solid #000}
#maincontent h3{background:transparent url(/images/css/1dot.gif) top left repeat-x;padding:10px}
#maincontent p{background-color:transparent;margin:0 10px 10px;padding:0}
.runinhead{color:#333;font-weight:bold}
/*</agl.folder>*/

/*<agl.folder "indexpage with side bar ('two-thirds, one-third' layout)">*/
#mainsidewrap{background:transparent url(/images/css/mainsidewrap_550.gif) 0 0 repeat-y;margin:10px 0 0;padding:0;float:left;width:550px}
#mainsidewrap #maincontent{background-image:none;margin:0;padding:0 0 10px;float:left;width:384px}
#mainsidewrap #maincontent h3{background-image:none;padding:10px 10px 0}
#sidebar{float:right;width:166px;margin:0}
#sidebar p, #sidebar ul, #sidebar h3{padding-left:10px;padding-right:10px;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
#sidebar li{line-height:1.2}
#content #mainsidewrap div.last{background:#ccc url(/images/css/lastdot.gif) 0 0 repeat-x;margin:1px 0 0;padding:0;height:1px;width:550px;float:left}
/*</agl.folder>*/

/*<agl.folder "Position bucket SSIs">*/
/*Left 'Column' SSIs*/
#what, #featured, #featured2, .anchorlinks{background:transparent url(/images/css/ssibg_266.gif) 0 0 repeat-y;margin:10px 0;padding:0;float:left;width:266px}
#what, #featured, #featured2{line-height:1.25;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
/*Right 'Column' SSIs*/
#highlights, #learnmore, #indexpage #featured{background:transparent url(/images/css/ssibg_265.gif) 0 0 repeat-y;margin:10px 0;padding:0;width:265px;float:right;line-height:1.25;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
#indexpage #featured{margin-left:15px}
/*</agl.folder>*/

/*<agl.folder "elements in bucket SSIs ">*/
#what h2, #learnmore h2, #highlights h2, #featured h2, #featured2 h2, #topiclearnmore h2, #docservsgate #what h2, .product #what h2{color:#fff;font-size:110%;background-color:#999;position:relative;z-index:10;margin:-1px 0;padding:3px 10px;border-bottom:1px solid black}
#what p, #learnmore p, #highlights p, #featured p, #featured2 p, #topiclearnmore p{margin:0 0 10px;padding-left:10px;padding-right:10px}
#what h3, #learnmore h3, #highlights h3, #featured h3, #featured2 h3, #topiclearnmore h3{background:transparent url(/images/css/1dot.gif) top left repeat-x;padding:10px 10px 0}
#what h4, #learnmore h4, #highlights h4, #featured h4, #featured2 h4, #topiclearnmore h4{font-size:100%;margin:0;padding:0 10px}
#what p.linkonly, #featured p.linkonly, #featured2 p.linkonly, #indexpage #featured p.linkonly, #content #featured p.linkonly, #featured p.linkonly, #highlights p.linkonly, #learnmore p.linkonly{margin-top:-7px}
#mainsidewrap #maincontent p.linkonly{margin-top:-10px}
#what h3.linkonly, #learnmore h3.linkonly, #highlights h3.linkonly, #featured h3.linkonly, #featured2 h3.linkonly, #featured2 h3.linkonly, #topicpage #content #topiclearnmore h3.linkonly, h3.linkonly{padding-bottom:10px}
/*if the h3 is the last thing and not followed by a paragraph*/
#what h3.linkonly.last, #learnmore h3.linkonly.last, #highlights h3.linkonly.last, #featured h3.linkonly.last, #featured2 h3.linkonly.last, #featured2 h3.linkonly.last, #topicpage #content #topiclearnmore h3.linkonly.last, h3.linkonly.last{padding-top:10px}
#what ul, #learnmore ul, #highlights ul, #featured ul, #featured2 ul, #topiclearnmore ul{padding-left:10px;padding-right:10px;margin-top:0}
/*</agl.folder>*/

/*<agl.folder "'third-level' topic pages">*/
#topicpage #intro h2{font-size:1em}
#topicpage h2, #topicpage h3{margin:0 0 5px;color:#000}
#topicpage blockquote{width:350px}
#topicpage blockquote p{width:350px}
#topicpage #content h2.newsubj{width:350px;padding:10px 0 0;margin:20px 0 0}
/*topicpage content*/
#topicpage #content{position:relative;z-index:1;/*Box model hack*/width:750px;voice-family:"\"}\"";voice-family:inherit;width:550px}
#topicpage #content #intro{width:350px;float:left}
#topicpage #content p, #topicpage #content h2, #topicpage #content h3, #topicpage #content h4, #topicpage #content ul, #topicpage #content ol{width:350px}
#topicpage #content ul li{width:343px}
#topicpage #content li p, #topicpage #content li h2, #topicpage #content li h3{width:330px}
/*For IE/Mac*/
html>body#topicpage #content h2, html>body#topicpage #content h3, html>body#topicpage #content h4{margin-right:0;clear:left}
#topicpage #content ul li h3{margin-bottom:0}
#topicpage #content p.diagram, p.diagram{width:550px;margin:5px 0 10px;/*For IE/Mac*/clear:left}
/*topicpage intro*/
#topicpage #content #intro p, #topicpage #content #intro h2, #topicpage #content #intro h3, #topicpage #content #intro ul, #topicpage #content #intro ol, #topicpage #content #intro li p, #topicpage #content #intro li h2, #topicpage #content #intro li h3{width:auto}
/*topiclearnmore*/
#topicpage #content #topiclearnmore{float:right;clear:none;width:165px;background:transparent url(/images/css/ssibg_165.gif) 0 100% repeat-y;padding:0 0 5px;margin:0 0 10px 0;line-height:1.25;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
/*elements within topiclearnmore*/
#topicpage #content #topiclearnmore p, #topicpage #content #topiclearnmore h2, #topicpage #content #topiclearnmore h3, #topicpage #content #topiclearnmore ul, #topicpage #content #topiclearnmore li{padding-left:10px;padding-right:10px;margin-right:0;/*Box model hack*/width:165px;voice-family:"\"}\"";voice-family:inherit;width:145px}
#topicpage #content #topiclearnmore li{/*Box model hack*/width:158px;voice-family:"\"}\"";voice-family:inherit;width:138px}
#topicpage #content #topiclearnmore h3{background:#fff url(/images/css/1dot.gif) 0 0 repeat-x;margin:0 2px 0 3px;padding:10px 8px 0 7px;/*Box model hack*/width:165px;voice-family:"\"}\"";voice-family:inherit;width:145px}
#topicpage #content #topiclearnmore p{margin:0 1px;padding:0 9px 10px;background:#fff;/*Box model hack*/width:165px;voice-family:"\"}\"";voice-family:inherit;width:145px}
#topicpage #content #topiclearnmore h2{margin:-1px 0;color:#fff}
#topicpage blockquote, h2.newsubj, h3.newsubj{background:url(/images/css/1dot.gif) top left repeat-x;padding:10px 0 0;margin:20px 0 0}
/*</agl.folder>*/

/*<agl.folder "Document Services 'features' pages (no subnav)">*/
#docservsgate #content, #docservs2 #content{float:left;width:655px;background-image:none;padding:0 0 20px;height:auto;margin:0}
#docservsgate #intro{margin:0 0 0 22px;float:left;width:610px}
/*IE/Win doubles margins*/
html>body#docservsgate #intro{margin-left:45px}
#docservsgate #content #what{margin-left:22px}
/*IE/Win doubles margins*/
html>body#docservsgate #content #what{margin-left:45px}
#docservsgate h1, #docservs2 h1{margin:10px 0 0 15px}
#docservsgate #content select{margin:0 5px 15px 45px}
#docservsgate .menu{display:block;margin:10px 0 -10px;padding:0;clear:both;vertical-align:top}
html>body#docservsgate .menu{padding-top:10px}
.menu input{border:0;margin:0;padding:0;height:20px;width:21px;line-height:1;vertical-align:top}
.menu img{vertical-align:top}
#docservs2 #content h2, #docservs2 #content h3, #docservs2 #content p, #docservs2 #content ul{width:425px;display:block;margin-left:45px}
#docservs2 #content h2{font-size:125%;margin:0 0 20px 45px}
noscript ul{margin:5px 0 0 5px}
/*</agl.folder>*/

/*<agl.folder "Document Services Product pages (with subnav)">*/
.product h1#h1img.replace{margin-left:-185px;position:relative;z-index:100}
.product .replace em{z-index:5}
.product #subnav, #gatewaypage.product #subnav{margin-top:100px;padding-top:0;background-color:transparent}
/*hide from IE5/Win, but show to IE5.5 and better*/
.product #subnav/**/, #gatewaypage.product #subnav/**/{top:72px;/*box model hack*/height:562px;voice-family:"\"}\"";voice-family:inherit;height:472px;margin-top:0;background-position:0 90px;padding-top:90px}
/*Safari needs this*/
html>body.product #subnav, html>body#gatewaypage.product #subnav{background-color:#fff}
.product #content{background:transparent url(/images/css/graybgstrip_10kh.gif) 0 90px no-repeat}
#topicpage.product #content{position:static;width:750px;/*box model hack*/voice-family:"\"}\"";voice-family:inherit;width:550px}
#topicpage.product h1#h1img.replace{margin-bottom:10px}
.product h2, .product #intro h2, #topicpage.product h2{font-size:125%;line-height:1.2;margin:-.1em 0 6px}
#topicpage.product #content h2, #topicpage.product #content h3, #topicpage.product #content p, #topicpage.product #content ul, #topicpage.product #content ol{width:350px;display:block;margin-left:0;padding-left:0}
#topicpage.product #content ul li{text-indent:0;width:350px;voice-family:"\"}\"";voice-family:inherit;width:343px;margin-left:0}
#topicpage.product #content ol li{margin:0 0 8px 2.25em}
#topicpage.product #content ol li ul, #topicpage.product #content ol li ul li{width:320px;margin-left:0}
#topicpage.product #content ul li h3, #topicpage.product #content ul li h4, #topicpage.product #content ul li p{text-indent:0;width:350px;voice-family:"\"}\"";voice-family:inherit;width:343px;margin-bottom:2px}
/*</agl.folder>*/

/*<agl.folder "Image Replacement for header GIFs">*/
/*Image replacement for h1 header GIFs. Links to the actual images should be in the pages themselves (using the #h1img em selector) so that users with slow connections don't download them with this stylesheet. Technique adapted from www.ryznardesign.com/web_coding/image_replacement/*/
.replace{position:relative;/*Hide from IE/Mac\*/overflow:hidden;/*Recover*/margin:0;padding:0}
.replace em{display:block;position:absolute;top:0;left:0;z-index:30;/*for Opera 5 and 6*/}
.replace a{text-decoration:none;/*ie5.0-5.1.x/mac must have this value or the underline shows through the image.*/ /*Hide from IE/Mac\*/text-decoration:underline/*Recover*/} 
#h1img, #h1img em{width:535px;height:40px}
#h1img em{background:top left no-repeat}
/*this will be visible for CSS on/images off situations*/
/*IE5/Win needs a physical type size and breaks the background-image so we hide it in the internal CSS in each page*/
#h1img{color:#999;line-height:1;font-size:24pt;width:auto;height:auto;voice-family:"\"}\"";voice-family:inherit;width:535px;height:40px;font-size:1.7em}
/*Special additional IR code for IE5.1mac and IE5.0mac*/
*>html #h1img{font-size:14px;/*For IE5mac only. Overflow:hidden doesn't work with IE5/Mac, therefore, choose a font-size here that will keep the headline small enough to fit completely under the span.*/}
*>html .replace{/*for IE5mac only*/position:static}
*>html .replace em{/*for IE5mac only*/position:static}
*>html .replace a{/*for IE5mac only*/text-decoration:none;/*IE5.0mac and IE5.1mac must have this value of none or the underline shows through image.*/}
*>html #h1img em{/*for IE5mac only*/margin-bottom:-40px;/*Required to bring text underneath image. Use the height of the image here.*/}
/*</agl.folder>*/

/*<agl.folder "Document Services product 'bucket' SSIs">*/
/*Document Services product Left 'Column' SSIs*/
#docservsgate #what{background:transparent url(/images/css/ssibg_295.gif) 0 100% repeat-y;padding:0 0 5px;float:left;width:295px;margin:10px 20px 0 15px}
/*IE/Win doubles margins*/
html>body#docservsgate #what{margin:10px 20px 0 30px}
/*Document Services product Right 'Column' SSIs*/
#docservsgate #learnmore{background:transparent url(/images/css/ssibg_295.gif) 0 100% repeat-y;padding:0 0 5px;float:right;width:295px}
/*</agl.folder>*/

/*<agl.folder "Highlight SSIs with thumbnails">*/
/*take into account thumbnail images*/
#highlights img, #indexpage #featured img, #docservsgate .item img, #featured img, #featured2 img, #learnmore img{margin:10px;float:left}
#highlights p, #highlights p.last, #highlights h3, #learnmore .item p, #learnmore .item h3, #docservsgate .item p, #docservsgate .item h3{margin-left:0;margin-right:0;padding-left:70px;padding-right:10px}
/*need to float .item in highlights to contain floated images with little text*/
#highlights .item, #featured .item, #reviews #maincontent .item, #learnmore .item, #docservsgate .item{background-color:transparent;float:left;width:100%;margin:0;padding:0}
/*</agl.folder>*/

/*<agl.folder "highlight items without thumbnails">*/
#highlights .nopic p, #highlights .nopic h3, #learnmore .nopic p, #learnmore .nopic h3{padding-left:10px}
/*for thumbnails that are too big to float and come before the h3. You'll need to adjust the padding-right with an inline style, depending on the width of the image and the width of the containing div*/
#highlights img.bigthumb, #indexpage #featured img.bigthumb, #docservsgate #featured img.bigthumb, #featured img.bigthumb, #featured2 img.bigthumb, #learnmore img.bigthumb{margin:0 2px -1px;padding:10px 10px 0 8px;float:none;position:relative;display:block;background:#fff url(/images/css/1dot.gif) top left repeat-x}
/*</agl.folder>*/

/*<agl.folder "Analyst reports">*/
#reviews #maincontent p, #reviews #maincontent h3, #reviews #maincontent h4, #reviews #maincontent h5, #reviews #maincontent ul, #reviews #maincontent dl, #reviews #maincontent p.last{margin-left:0;padding-left:180px}
#reviews #maincontent h3{margin-bottom:0;padding-bottom:0}
#reviews cite{font-style:normal}
#reviews #maincontent img{margin:10px;float:left}
/*</agl.folder>*/

/*<agl.folder "Main navigation">*/
/*Position top nav bar*/
#mainnavigation{display:block;position:absolute;top:0;left:0;width:100%;z-index:500}
/*</agl.folder>*/

/*<agl.folder "Subnavigation">*/
#subnav{background:#f1f1f1 url(/images/css/grad_grey.jpg) no-repeat;padding:4.5em 0 0;position:absolute;top:82px;left:0;width:180px;height:472px;visibility:visible;display:block;z-index:25}
#gatewaypage #subnav{top:60px}
html>body#gatewaypage #subnav{top:70px}
#subnav a:link, #subnav a:visited{text-decoration:none}
#subnav a:hover, #subnav a:active{text-decoration:underline}
#subnav h3{font-size:70%;margin:0;padding:5px 10px 5px 15px}
html>body #subnav h3{font-size:70%;margin:0;padding:0 10px 10px 15px}
#subnav ul{margin:-7px 0 2px;padding:0 10px 5px 15px;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
/*Enterprise page subnav*/
#subnav li{margin:0;background-image:none;padding:0}
#subnav li.toplevel{background:url(/images/css/toplevel_arrow.gif) no-repeat 0 .8em;margin-left:-8px;padding:0 0 0 8px}
#subnav li.toplevelopen{background:url(/images/css/toplevel_open_arrow.gif) no-repeat 0 .8em;margin-left:-8px;padding:0 0 0 8px}
#subnav li.toplevelopen ul{margin:0 0 0 7px;padding:0}
html>body #subnav li.toplevelopen, html>body #subnav li.toplevel{background-position:0 .4em}
/*product page subnav*/
.product #subnav ul{margin:-7px 0 2px;padding:0 10px 5px 15px;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
.product #subnav li{background:url(/images/css/ul_bullet.gif) no-repeat 0 .4em;padding:0 0 0 7px;margin:0}
html>body #subnav li, html>body.product #subnav li{margin-bottom:4px;background-position:0 0}
/*CONSUMER product page subnav*/
.product #subnav.consumer li{background-image:none;padding:0;margin:0}
html>body.product #subnav.consumer li{background-image:none;margin-bottom:4px}
#subnav h3#sectionhead{font-size:80%;margin-bottom:10px}
#othernav{margin:0 0 0;padding:10px 0 0;background:transparent url(/images/css/1dot.gif) top left repeat-x}
.product #subnav #othernav ul{margin-top:0}
.sidenav{visibility:visible;display:block}
.dottednav{margin:0 0 -10px;padding:0 0 0;background:transparent url(/images/css/1dot.gif) top left repeat-x}
/*</agl.folder>*/

/*<agl.folder "Crumbs">*/
#crumbs{position:relative;top:10px;left:15px;z-index:200;line-height:1;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
#crumbs ul, ul#crumbs{margin:0;padding:0}
#crumbs li{color:#999;display:inline;margin:0 1em 0 0;/*IE5/Win messes up the background-image*/background-image:none;voice-family:"\"}\"";voice-family:inherit;background:#fff url(/images/css/crumb.gif) left no-repeat}
html>body #crumbs li{background-position:0 .25em}
/*Hide from IE/Mac\*/
html>body #crumbs li{background-image:none;padding-left:0}
html>body #crumbs li:before{content:"< "}
/*Recover*/
#crumbs a{text-decoration:none}
#crumbs a:link, #crumbs a:visited{color:#999}
#crumbs a:hover{color:#c00;text-decoration:underline}
/*</agl.folder>*/

/*<agl.folder "Tabular data">*/
/*for tables with lists of vendors, etc, rather than rows and columns of data*/
table.list{width:100%;border:0}
table.list td{vertical-align:top;line-height:1.2;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
#maincontent table.list h3, #maincontent table.list h3{padding-bottom:0;background-image:none}
/*for tables with rows and columns of data*/
table.data{width:100%;border-bottom:1px solid #eee;border-left:1px solid #eee}
table.data td{padding:10px;vertical-align:top;border-top:1px solid #eee;border-right:1px solid #eee}
table.data th{background-color:#bbb;text-align:left;margin:0;padding:3px 10px;vertical-align:top;border-right:1px solid #eee}
table.data tr.even td{background-color:#ddd}
#topicpage #content table.data p{width:auto;margin:0 0 10px}
#topicpage #content table.data h2, #topicpage #content table.data h3, #topicpage #content table.data h4, #topicpage #content table.data ul, #topicpage #content table.data ol, #topicpage #content table.data li{width:auto}
/*Section 508 VPAT tables*/
table.vpat{margin:0 0 20px;width:800px;border-top:1px solid #000;border-left:1px solid #000}
.vpat td,.vpat th{color:#000;background-color:#fff;text-align:left;margin:0;padding:10px;vertical-align:top;border-right:1px solid #000;border-bottom:1px solid #000}
.vpat th{background-color:#ccc;margin:0}
.vpat th.trow{background-color:#fff;text-align:left;font-weight:normal}
.vpat caption{font-size:120%;font-weight:bold;background-color:#999;text-align:center;margin:0;padding:10px;border-style:solid;border-width:1px 1px 0;border-color:#000}
h3.vpat{font-size:120%;font-weight:bold;background-color:#999;text-align:center;margin:20px 0 0;padding:10px;width:779px;border-style:solid;border-width:1px 1px 0;border-color:#000}
/*Hide from IE/Mac\*/
h3.vpat{width:778px}
/*Recover*/
/*</agl.folder>*/

/*<agl.folder "back to top">*/
img.b2top, #reviews #maincontent img.b2top{float:right;margin:-21px 10px 0}
#mainsidewrap #maincontent img.b2top{margin-top:-11px}
/*Use this for wide paragraphs before the back to top button. The image comes after this paragraph*/
p.b2top, #maincontent p.b2top{padding-right:40px}
table img.b2top{text-align:right;display:block;margin:10px 0 -10px;position:relative;float:none}
div.b2top{text-align:right;margin:10px 0 20px;padding:0;position:relative;z-index:20;width:790px;height:21px}
div.b2top img.b2top{margin:0;float:none}
/*</agl.folder>*/

/*<agl.folder "Miscellaneous">*/
/*markup hack to start a visual row. (No content other than comments.)*/
.row{height:1px;clear:both}
/*</agl.folder>*/

/*<agl.folder "FAQ pages">*/
#faq #content{width:700px;voice-family:"\"}\"";voice-family:inherit;width:500px}
#faq .anchorlinks{margin-bottom:20px;width:500px;float:none}
#faq dt{background:url(/images/css/1dot.gif) repeat-x;margin:15px 0 5px;padding:10px 0 0;width:500px}
#faq .b2top{margin:.5em 0 0 489px;clear:both;display:block;float:none}
#faq dl ol{margin:5px 0 0 1.5em}
/*</agl.folder>*/

/*<agl.folder "Footer">*/
/*IE/Win needs this clear:none;otherwise the subnav won't show up*/
#footerrow{clear:none}
html>body #footerrow{clear:both}
/*Hide from IE/Mac\*/
#footerrow{margin-top:25px}
/*Recover*/
#footer ul{width:50em}
/*quirks mode fix*/
#footer{border-top:0;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
/*</agl.folder>*/

/*<agl.folder "Quirks mode fixes">*/
/*for main nav dropdowns*/
#dropdowns div{/*IE 5 WIN HACK*/width:98px;voice-family:"\"}\"";voice-family:inherit;/*IE 6 WIN HACK*/width:88px !important}
/*BETTER BROWSERS*/
html>body #dropdowns div{width:96px !important}
#dropdowns li{font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
#mainnav{font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
/*fix for subnav font-size until XLST is fixed to output clean code*/
.smallbody{font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
/*</agl.folder>*/

/*<agl.folder "headings with gradient image">*/
#intro h2.grdhdtopbig, #content h2.grdhdtopbig, #content h2.grdhdtopbigHobbyist{ color:#000;background:#f1f1f1 url(/images/css/grad_hd_top_big.gif) no-repeat;height:20px;line-height:20px;padding-left:10px;font-size:110%;font-weight:bold;width:535px;left:-10px;margin-top:20px;clear:both}
#content h2.grdhdtopbigHobbyist{background:#f1f1f1 url(/images/css/grad_hd_top_big_blue.gif) no-repeat}