* { margin: 0; padding: 0; }
/* base styles */
body, p, td, th, input, textarea, select, a, h1, h2, h3, h4, h5, h6 { font-family: Segoe UI, Arial,Helvetica,sans-serif;  }
body, p, td, th, input, textarea, select, a { font-size: 12px; }
table { font-size: 100%; }
h1 { font-size: 140%; font-weight: bold; margin-bottom: 0.5em; }
h2 { font-size: 110%; font-weight: bold; margin-bottom: 0.5em; }
h3 { font-size: 90%; font-weight: bold; margin-bottom: 0.5em; }
p { margin-bottom: 0.5em; }
img { border: none; }

a { text-decoration: none; color:#ff9100; }
a:hover  { text-decoration: underline; }

/* color scheme */
.orange { color: #ff9100; }
.tcyellow { color: #ffcc00; }
.lightyellow { color: #fff3c2; }
.lighteryellow { color: #fff9de; }
.yellowgray { color: #baaa6c; }
.darkblue { color: #00315e; }
.blue { color: #356793; }
.lightblue { color: #d7f0ff; }
.gray { color: #aaaaaa; }
.lightgray { color: #e0e0e0; }

/* page structure */
body { background-color: #ffcc00; }
#container { width: 1000px; margin: 0px auto 10px auto; }
#top { height: 80px; position: relative; z-index:10;}
#main { min-height: 500px; background-color: White; padding: 7px 15px 10px; position: relative;}
.clear-all { clear: both; }
#siteinfo { background-color: #aaaaaa; color: White; padding: 7px 15px; }
#footer { background-color: Black; color: #AAAAAA; font-size: 10px; padding: 7px 15px; position: relative;}
#footer a { color: White; }

#main .corner { background-image:url(../img/corner-white.gif); }
#footer .corner { background-image:url(../img/corner-black.gif); }

/* Common styles */
#main ul { list-style-position: inside; }
#main #body .overview ul {margin-left:1em; text-indent:-1em; }

/* top area */
#tabs { position: absolute; bottom:0px; left:200px; }
#addthis { position: absolute; top: 0px; right: 300px; width: 228px; height: 31px; }
#login { position: absolute; bottom: 3px; right: 7px; color: black; font-size: 12px; }
#login a { color: #356793; }
#search { position: absolute; top: 0px; right: 0px; width: 228px; height: 31px; }

/* rounded corners */
/* corner radius is 7px */
.corner { position: absolute; width: 7px; height: 7px; }
.topleft { top:0; left:0; background-position:0px 0px; }
.topright {top:0; right:0; background-position:-7px 0px;}
.bottomleft {bottom:0; left:0; background-position:-0px -7px;}
.bottomright {bottom:0; right:0; background-position:-7px -7px;}
/* search */
#search input[type=text] { display: block; float: left; border: none; background: transparent url(../img/search.png) no-repeat scroll top left; height: 18px; width:186px; padding: 9px 3px 4px 7px; margin: 0px; font-size: 12px; color: #e0e0e0;}
#search input[type=text]:hover, #search input[type=text]:focus { color: Black; background-position: left -32px; }
#search a { display: block; float: left; border: none; background: transparent url(../img/search.png) no-repeat scroll top right; width: 32px; height: 31px; outline-style: none; cursor: pointer; padding: 0px; margin: 0px; }
#search a:focus, #search a.hover { background-position: right -32px; outline: none;}
#search a:active { outline: none; }
#search div.search, #search div.query { display: inline; }

/* tabs */
#tabs { font-weight: bold; font-size: 12px; }
#tabs ul.tabs { list-style: none none outside; }
#tabs ul.tabs li { float: left; min-width: 90px; height: 25px; padding-left: 5px; background: #e0e0e0 url(../img/tabs.png) no-repeat scroll top left; margin-right: 12px; position: relative; }
#tabs ul.tabs li:hover { background-color: Black; background-position: left -27px !important; }
#tabs ul.tabs a { display: block; background: #e0e0e0 url(../img/tabs.png) no-repeat scroll right top; padding: 5px 5px 5px 0px; text-align: center; color: Black; outline-style: none; }
#tabs ul.tabs a:hover { text-decoration: none; }
#tabs ul.tabs li a.dropdown { display: block; background-image: url(../img/tabs-dropdown.png); padding: 5px 32px 5px 0px; }
#tabs ul.tabs li:hover a { background-position: right -27px !important; color: White; }
#tabs ul.tabs li.active { background-position: left -54px; background-color: white; }
#tabs ul.tabs li.active a { background-position: right -54px; background-color: white; }

/* menu */
#tabs div.submenu { position: absolute; top: 25px; left: 0px; }
#tabs ul.submenu { list-style: none none outside; display:block; background: #ffcc00; border-left: solid 1px black; border-right: solid 1px black; margin: 0px; padding:0px;  }
#tabs ul.submenu li { float:none; display: block; min-width: 90px; background: transparent; white-space: nowrap; margin: 0px; padding:0px; height: auto;}
#tabs ul.tabs ul.submenu a { background: transparent; color: Black; text-align: left; padding: 4px 10px 4px 10px; }
#tabs ul.submenu li:hover a { background: #fff3c2; color: black; }
#tabs .menu { background: transparent url(../img/menu.png) no-repeat scroll right bottom; }
#tabs .submenu .topleft { padding-top: 5px; background-position: left top; margin-right: 6px; display: block; }
#tabs .submenu .topright { padding-top: 5px; background-position: top right; margin-left: 6px;  margin-top: -5px; display: block;}
#tabs .submenu .bottomleft { padding-top: 5px; background-position: left bottom; left: auto; right: auto; top: auto; bottom: auto; margin-right: 6px; margin-top: -5px;}
#tabs .submenu .bottomright { padding-top: 5px; background-position: bottom right; left: auto; right: auto; top: auto; bottom: auto; margin-left: 6px;  }

/* common page layout */
#panel_left { width: 175px; float: left; margin-top: 10px; }
#panel_main { width: 750px; margin-left: 185px; }

div.orange2_left { background: #fff3c2 url(../img/area-orange2-left.png) no-repeat scroll right top; width: 175px; margin-left: -15px; margin-bottom: 10px;}
div.orange2_left .stub { background: #fff3c2 url(../img/area-orange2-left.png) no-repeat scroll right bottom; padding-top: 5px; }
div.orange2_right { background: #fff3c2 url(../img/area-orange2-right.png) no-repeat scroll left top; width: 175px; margin-right: 0px; margin-bottom: 10px;}
div.orange2_right .stub { background: #fff3c2 url(../img/area-orange2-right.png) no-repeat scroll left bottom; padding-top: 5px; }

div#panel_main h2 { margin-bottom: 0px; }
div#panel_main p { margin-bottom: 20px; }

/* min-height settings is a workaround for IE 7 */
div.box { background-color: #fff3c2; margin: 0px -50px 20px -200px; position: relative; padding: 10px 20px 10px 200px; min-height: 0px; }
div.box .column { display: block; float: left; width: 300px; }
div.box h2 { color: #BAAA6C; font-size: 18px; padding-bottom: 5px; }
div.box>h2 { position: absolute; left: 10px; top: 10px; }
div.box h3 { font-weight: bold; font-size: 12px; }
div.box div.list label { display: block; height: 20px; font-size: 12px; }
div.box td { padding-bottom: 3px; }
div.box>img { position: absolute; left: 10px; top: 10px; }
div.transparent { background-color: inherit !important; }

#subnav { position: absolute; top: 10px; right:0px; }
#subnav h2 { padding: 5px 0px 8px 10px; font-size: 14px; }
#subnav ul {  list-style: none none outside; }
#subnav li { display: block; }
#subnav li a { display: block; padding: 3px 0px 3px 10px; color: Black; margin: 0px 0px; font-size: 13px; }
#subnav li a:hover, #subnav li a.current { background-color: #ffcc00; }

#panel_main .page-intro { width: 600px; min-height: 175px; }

ul.pager { list-style: none none outside; }
ul.pager>li { float: left; text-align: center; font-size: 12px; margin-right: 3px; }
ul.pager a.current { background-color: White; border: solid 1px #aaaaaa; color: #aaaaaa; }
ul.pager a.next, ul.pager a.previous { padding-left: 3px; padding-right: 3px; }
ul.pager a { border: 1px solid #ff9100; background-color: #fff3c2; min-width: 20px; height: 18px; display: block; padding: 2px 0px 0px 0px; }
ul.pager a:hover { border: 1px solid #ff9100; background-color: #ff9100; color: white; text-decoration: none; }

/* forms */
input[type=text].datepicker { margin-right: 2px; width: 100px; }

/* tables */
table { border-collapse: collapse; border-spacing: 0px; }
th { text-align: left; font-weight: bold; }
td { vertical-align: top; }

table.list th { background-color: #ffcc00; padding: 2px; border-bottom: solid 1px white; }
table.list tr { background-color: #fff3c2;  }
table.list tr.alt { background-color: white; }
table.list td { padding: 2px; }

/* Standard buttons */
a.tcbutton { color: black; font-size: 12px; outline-style: none; margin-right: 8px; }
a.tcbutton span { padding-left: 25px; background: transparent url('../img/buttons.png') no-repeat; height: 23px; display:inline-block; }
a.next span { background-position: 0 0px !important; }
a.prev span { background-position: 0 -25px !important; }
a.check span { background-position: 0 -50px !important; }
a.cross span { background-position: 0 -75px !important; }
a.plus span { background-position: 0 -100px !important; }
a.right span { background-position: 0 -125px !important; }
a.more span { background-position: 0 -150px !important; }
a.dollar span { background-position: 0 -175px !important; }
a.cart span { background-position: 0 -200px !important; }
a.key span { background-position: 0 -225px !important; }
a.edit span { background-position: 0 -250px !important; }
a.update span { background-position: 0 -275px !important; }
a.note span { background-position: 0 -300px !important; }
a.comment span { background-position: 0 -325px !important; }
a.tcbutton span span { background-position: top right !important; padding: 3px 12px 0 0; margin: 0 -6px 0px 0px; height: 20px; }
a.tcbutton span span span { background-image: none !important; }
a.pdfbutton { background: transparent url('../img/pdf-24x24.png') no-repeat; width: 24px; height: 24px; outline-style: none; text-indent: -9999px; display: inline-block; }

/* sitemap */
ul#sitemap { font-size: 10px; margin: 4px 10px 4px 10px; display: block; }
ul#sitemap>li.section { display: block; list-style: none none outside; float: left; width: 235px; }
ul#sitemap a { color: White; }
ul#sitemap>li.section ul { list-style: none none outside; }

/* home */
body.home #main .corner { background-image:url(../img/corner-light-yellow.gif); }
.home-banner { height: 210px; background-color: #fff3c2; margin: -7px -15px 10px -15px; width: 1000px; position: relative; }
.home-banner img.logo { position: absolute; left: -165px; top: 0px; }
.home-banner .banner { position: absolute; left: 0px; top:0px; width: 1000px; height:188px; text-indent: -9999;}
#pdfa1-banner { background: transparent url(../img/banners/pdfa1.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#pdfcontrols2-banner { background: transparent url(../img/banners/pdfcontrols2.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#pdfkit1-banner { background: transparent url(../img/banners/pdfkit1.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#pdfkit2-banner { background: transparent url(../img/banners/pdfkit2.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#pdfkit3-banner { background: transparent url(../img/banners/pdfkit3.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#pdfrasterizer1-banner { background: transparent url(../img/banners/pdfrasterizer1.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#pdfrasterizer2-banner { background: transparent url(../img/banners/pdfrasterizer2.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#pdfrasterizer3-banner { background: transparent url(../img/banners/pdfrasterizer3.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#pdfreadercontrols-banner { background: transparent url(../img/banners/pdfreadercontrols.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#pdfwebviewer1-banner { background: transparent url(../img/banners/pdfwebviewer1.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#tallpdf2-banner { background: transparent url(../img/banners/tallpdf2.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#tallpdf3-banner { background: transparent url(../img/banners/tallpdf3.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#tallpdf4-banner { background: transparent url(../img/banners/tallpdf4.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
#webtopdf1-banner { background: transparent url(../img/banners/webtopdf1.png) no-repeat scroll left top; width: 1000px; height:188px; position: absolute; left: 0px; top:0px; text-indent: -9999; }
div.home-banner h1, div.home-banner h2, div.home-banner p { text-indent: -9999px; } 
.home-banner .pager { position: absolute; top: 188px; left: 0px; height:22px; width: 1000px; background: #fff3c2 url('../img/pagers-background.jpg') no-repeat scroll top left;  }
.home-banner #pager_links { float: right; margin: 4px 0px; }
.home-banner #pager_links a { display: block; float: left; width: 12px; height: 12px; border: 1px solid #ff9100; background-color: white; margin: 0px 3px; }
.home-banner #pager_links a:hover, 
.home-banner #pager_links a.selected { background-color: #ff9100; }

body.home #panel_left { width: 190px; float: left; }
body.home #panel_main { width: 765px; margin-left: 185px; }
  
/* home / releases */
div.home-releases { background: #fff3c2 url(../img/area-orange-left.png) no-repeat scroll right top; width: 175px; margin-left: -15px; margin-bottom: 10px; }
div.home-releases h3 { height: 30px; margin:0px; text-indent: -9999px; background: transparent url(../img/releases/latest-releases.png) no-repeat scroll 10px 3px; }

div.home-releases div.product { background: #fff3c2; border-right: solid 1px #ff9100; padding-left: 2px; padding-bottom: 6px; }
div.home-releases div.product a { display:block; background: transparent url(../img/home-download.png) no-repeat scroll left top; width: 169px; height: 36px; color: Black; outline: none; overflow: hidden; }
div.home-releases div.product a:hover { background-position: 0px -36px; text-decoration: none; }
div.home-releases div.product a div { margin: 0px 0px 0px 30px; min-height: 37px; line-height: 130%; padding-top: 4px; white-space: nowrap; }

div.home-releases a { color: #ff9100; }
div.home-releases .stub { background: #fff3c2 url(../img/area-orange-left.png) no-repeat scroll right bottom; padding-top: 5px; }

/* home / response times */
div#home-response { background: white url(../img/area-blue-left.png) no-repeat scroll right top; width: 175px; margin-left: -15px; }
div#home-response h3 { height: 26px; margin:0px; text-indent: -9999px; background: transparent url(../img/support-response-times.png) no-repeat scroll 10px 3px; }
div#home-response p { margin: 2px 4px 4px 10px; line-height: 110%; padding-bottom: 5px; }
div#home-response ul { list-style: none none outside; background-color: #d7f0ff; border-right: solid 1px #356793; padding-left: 10px; }
div#home-response li { white-space: nowrap; height: 14px; padding-bottom: 3px; }
div#home-response a { color: #356793; }
div#home-response .segment { width: 30px; float: left; } 
div#home-response .gauge { background: transparent url(../img/gauge-blue.png) no-repeat scroll left top; width: 120px; height: 12px; float: left; }
div#home-response .gauge .left { background: transparent url(../img/gauge-blue.png) no-repeat scroll left -12px; height: 12px; }
div#home-response .stub { background: white url(../img/area-blue-left.png) no-repeat scroll right bottom; padding-top: 5px; }

/* home / hot support issues */
div#home-hot { margin-right: 5px; }
div#home-hot .items { background-color: #d7f0ff;  position: relative; padding: 15px 10px 5px 10px; }
div#home-hot .corner { background-image:url(../img/corner-light-blue-on-white.gif) !important; }
div#home-hot h2 { height: 20px; margin: 0px 0px 8px 0px; text-indent: -9999px; background: transparent url(../img/hot-support-issues.png) no-repeat scroll 0px 0px; }
div#home-hot p { margin: 0px 0px 0px 25px; border-left: solid 1px #356793; padding: 0px 0px 0px 10px; font-size: 11px; line-height: 110%; }
div#home-hot a { color: Black; }
div#home-hot .item { background: transparent url(../img/hot-item.gif) no-repeat scroll 5px 0px; margin: 0px 0px 10px 0px; }
div#home-hot .item .time { display:block; color: #356793; font-style: italic; }

/* home / more items */
div#home-more {float:left;  width: 370px; margin-left: 5px; }
div#home-more h2 { height: 20px; margin: 0px 0px 8px 0px; text-indent: -9999px; background: transparent url(../img/featured-live-demo.png) no-repeat scroll 0px 0px; }
div#home-more .content { background-color: #fff3c2; position: relative; min-height: 100px; padding: 10px 10px 5px 10px; }
div#home-more .corner { background-image:url(../img/corner-light-yellow-on-white.gif) !important; }

/* home / what would you like to do? */
div#home-what-body { margin: 18px 0px 20px 0px; }
div#home-what-body #column1 { margin-right: 5px; }
div#home-what-body #column1,
div#home-what-body #column2 { width: 375px; float: left; }
.home-what { margin: 0px 0px 20px 0px; }
.home-what h2 { height: 32px; margin: 0px 0px 3px 0px; text-indent: -9999px; background: transparent url(../img/what-would-you-like-to-do.png) no-repeat scroll 0px 0px; }
.home-what .intro { background-color: #fff3c2; position: relative; padding: 7px; margin-bottom: 15px; }
.home-what .intro p { margin: 0px !important; padding: 0px; font-style: italic; font-size: 12px; }
.home-what .intro .corner { background-image:url(../img/corner-light-yellow-on-white.gif) !important; }
.home-what ul { border-bottom: solid 1px #e0e0e0; list-style: none none outside; padding-bottom: 4px; }
.home-what li { margin: 0px 0px 12px 5px; padding-left: 30px; background: transparent url(../img/cube.png) no-repeat scroll top left; }
.home-what h3 { font-size: 12px; font-weight: bold; margin:0px; padding:0px; }
.home-what p { font-size: 11px; margin:0px !important; padding:0px; line-height: 110%; }

/* home / help-me-select */
#help-me-select { width: 375px; text-align: center; margin-top: 10px; border-bottom: solid 1px #e0e0e0; padding-bottom: 10px; }
#help-me-select img { }

/* Home / customer info */
#customerdata { width: 375px; margin-top: 10px; border-bottom: solid 1px #e0e0e0; padding-bottom: 10px; }
#customerdata div.quote { width: 200px; float: left; height: 75px; vertical-align: middle; padding: 5px; }
#customerdata div.rotator { width: 160px; float: left; height: 75px; }
#customerrotator div { width: 175px; height: 60px; background: transparent url(../img/customers/customer-rotator.png) no-repeat scroll left top; }
#customerdata div.quote .text {  }
#customerdata div.quote .namecompany { font-weight: bold; }

/* home / latest tweets */
#latest-tweets { width: 375px; margin-top: 10px; }

/* product pages */
body.product #main .corner { background-image:url(../img/corner-light-yellow.gif); }
body.product #subnav { top: 188px; }
#product-banner { height: 168px; background-color: #fff3c2; margin: -7px -15px 10px -15px; width: 1000px; position: relative; }
#product-banner .banner { position: absolute; left: 0px; top:0px; width: 1000px; height:188px; text-indent: -9999;}
#product-banner .pdfa1 { background: transparent url(../img/product-banners/pdfa1.png) no-repeat scroll left top; }
#product-banner .pdfcontrols2 { background: transparent url(../img/product-banners/pdfcontrols2.png) no-repeat scroll left top; }
#product-banner .pdfkit1 { background: transparent url(../img/product-banners/pdfkit1.png) no-repeat scroll left top; }
#product-banner .pdfkit2 { background: transparent url(../img/product-banners/pdfkit2.png) no-repeat scroll left top; }
#product-banner .pdfkit2_1 { background: transparent url(../img/product-banners/pdfkit2.1.png) no-repeat scroll left top; }
#product-banner .pdfkit3 { background: transparent url(../img/product-banners/pdfkit3.png) no-repeat scroll left top; }
#product-banner .pdfobjects1 { background: transparent url(../img/product-banners/pdfobjects1.png) no-repeat scroll left top; }
#product-banner .pdfrasterizer1 { background: transparent url(../img/product-banners/pdfrasterizer1.png) no-repeat scroll left top; }
#product-banner .pdfrasterizer2 { background: transparent url(../img/product-banners/pdfrasterizer2.png) no-repeat scroll left top; }
#product-banner .pdfrasterizer3 { background: transparent url(../img/product-banners/pdfrasterizer3.png) no-repeat scroll left top; }
#product-banner .pdfreadercontrols { background: transparent url(../img/product-banners/pdfrcontrols2.png) no-repeat scroll left top; }
#product-banner .pdfthumbnail { background: transparent url(../img/product-banners/pdfthumbnail.png) no-repeat scroll left top; }
#product-banner .pdfwebviewer1 { background: transparent url(../img/product-banners/pdfwebviewer1.png) no-repeat scroll left top; }
#product-banner .tallpdf2 { background: transparent url(../img/product-banners/tallpdf2.png) no-repeat scroll left top; }
#product-banner .tallpdf3 { background: transparent url(../img/product-banners/tallpdf3.png) no-repeat scroll left top; }
#product-banner .tallpdf4 { background: transparent url(../img/product-banners/tallpdf4.png) no-repeat scroll left top; }
#product-banner .webtopdf1 { background: transparent url(../img/product-banners/webtopdf1.png) no-repeat scroll left top; }
#product-banner h1, 
#product-banner h2, 
#product-banner p { text-indent: -9999px; } 

#product_actions ul li.edition { font-weight: bold; font-size: 120%; margin-top: 16px; margin-left: 8px; }

#latest_release h3 { padding-left: 10px; font-size: 16px; padding-top: 6px; margin-bottom: 8px; color: #ff9100; }
#latest_release p { padding-left: 10px; font-size: 12px;}
#latest_release span.version { font-size: 14px; font-weight: bold; }
.product-buttons { padding: 10px; }
.product-buttons ul { list-style: none none outside; }
a.product-button { background: transparent url(../img/product-buttons.png) no-repeat scroll left top; width: 146px; height: 40px; display: block; text-indent: -9999px; }
.download { background-position: 0px -00px !important; }
.help { background-position: 0px -40px !important; }
.trial { background-position: 0px -80px !important; }
.dev-guide { background-position: 0px -120px !important; }
.live-demo { background-position: 0px -160px !important; }
.buy { background-position: 0px -200px !important; }
div#panel_main .columns .column { float: left; width: 360px; margin-right: 15px; }
div#panel_main .columns { font-size: 12px; }
img.illustration { margin-left: 50px; }
.narrow_body { width: 600px; }
.updateProgress {		position: fixed;	top: 0px;	bottom: auto;	left: 25%;	right: 25%;	background-color: #FFE679;	line-height: 32px;	text-align: center;	font-weight: bold;}
.digits { background: transparent url(../img/digits-orange-on-light-yellow.png) no-repeat scroll left top; width: 16px; height: 16px; display: block; text-indent: -9999px; }
.digit1 { background-position: 0px 0px !important; }
.digit2 { background-position: -20px 0px !important; }
.digit3 { background-position: -40px 0px !important; }
.digit4 { background-position: -60px 0px !important; }
.digit5 { background-position: -80px 0px !important; }
.digit6 { background-position: -100px 0px !important; }
.digit7 { background-position: -120px 0px !important; }
.digit8 { background-position: -140px 0px !important; }
.digit9 { background-position: -160px 0px !important; }
.required { color: red; }

/* knowledgebase */
body.knowledgebase ul.results { list-style: none none outside; }
body.knowledgebase ul.results li { margin-bottom: 15px; }
body.knowledgebase ul.results li a { font-size: 12px; font-weight: bold; }
body.knowledgebase ul.results li .info { font-size: 10px; color: #AAAAAA; }
body.knowledgebase h1 { background: transparent url(../img/support/knowledge-base.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }

/* my cases */
body.mycases h1 { background: transparent url(../img/support/my-cases.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }
#caselist td a { font-weight: bold; }
#caselist table { width: 600px; }
#caselist .status-open { color: Black; font-weight: bold; }
#caselist .status-open .updated { color: #43A840; font-weight: normal; }
#caselist .status-closed { color: #aaaaaa; }
#caselist .info { color: #aaaaaa; font-size: 10px; }

/* Version history */
.versionhistory {}
.versionhistory li { display: block; list-style-image: none; }
.versionhistory .release { margin-bottom: 12px; }
.versionhistory .release .title { font-size: 110%; font-weight: bold; margin-bottom: 0.5em; }
.versionhistory .legend li,
.versionhistory .release ul li { min-height: 16px; }
.versionhistory .icon { background-image: url(images/ui-icons_ff9100_256x240.png); width: 16px; height: 16px; float:left; }
.versionhistory .comment .icon { background-position: -128px -128px; }
.versionhistory .breaking .icon { background-position: -80px -128px; }
.versionhistory .feature .icon { background-position: -16px -128px; }
.versionhistory .knownissue .icon { background-position: -176px -112px; }
.versionhistory .problem .icon { background-position: -64px -144px; }

/* Faq */
.faq li { display: block; list-style-image: none; }
.faq .q { font-weight: bold; }
.faq .icon { font-size: 16px; font-weight: bold; color: #CCA300; }
.faq .item { margin-bottom: 12px; }

/* Login */
.Login tr, 
.Login td,
.Login input[type=checkbox] { margin: 2px; padding: 2px; vertical-align: middle; }

/* KbArticles */
.codesnippet { border: solid 1px gray; margin: 0px 0px 10px 0px; padding: 5px; }
div.codecopy 
{
	float: right; right: -10px; top: 10px;	border: solid 1px black;
	background-position: -176px -128px; width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); 
}
ul.results li div.abstract p { margin-bottom: 0.5em !important; }
ul.results div.kbicon { float: right; }

/* Buy */
body.buy h1 { background: transparent url(../img/buy.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }

/* Shopping cart */
.cart-product .title-row,
.cart-product .price-head  { background-color: #ffcc00; }
.cart-product .title-row td { padding: 5px; }
.cart-product .title-row td b { font-size: 140%; }
.cart-product .price-head  { margin-bottom: 5px; }
.cart-product .price-head td  { padding: 3px; font-size: 110%; font-weight: bold; }
.cart-product .item-row td { background-color: #fff9de; margin-bottom: 20px; }
.cart-product .item-row { margin-bottom: 20px; }
.cart-product br { display:none; }
.cart-product table { margin-bottom: 10px; }
.cart-product div.license-info-container { float: right; }
.cart-product tr.active .arrow { background-position: -0px -16px; }
.cart-product tr .arrow { background-position: -0px -0px; float: left; background: transparent url(../img/buy-expand.png) no-repeat scroll top left; width: 14px; height: 14px; margin-right: 4px; }
.cart-product input { text-align: center; }
.cart-footer .totalvalue { border: solid 1px #FF9200; padding: 3px 10px 3px 10px; background-color: white; font-weight: bold; font-size: 140%; }
.cart-footer a.tcbutton { vertical-align: 20%; margin-left: 10px; }


/* Buy steps */
div.CurrentStep ul { list-style: none none outside; height: 22px; margin-bottom: 10px; }
div.CurrentStep ul li { height: 22px; float: left; display: block; }
div.CurrentStep ul li div { background-image: url('../img/buy-stages.png'); background-repeat: no-repeat; height: 22px; background-color: white; }
div.CurrentStep li div.stage1 { background-position: 0px -28px; width: 97px; }
div.CurrentStep li div.stage2 { background-position: -97px -28px; width: 75px; }
div.CurrentStep li div.stage3 { background-position: -172px -28px; width: 88px; }
div.CurrentStep li div.stage4 { background-position: -259px -28px; width: 114px; }
div.CurrentStep li div.stage5 { background-position: -372px -28px; width: 97px; }
div.CurrentStep li div.stage6 { background-position: -469px -28px; width: 68px; }
div.CurrentStep li.disabled div.stage1 { background-position: 0px -56px; width: 97px; }
div.CurrentStep li.disabled div.stage2 { background-position: -97px -56px; width: 75px; }
div.CurrentStep li.disabled div.stage3 { background-position: -172px -56px; width: 88px; }
div.CurrentStep li.disabled div.stage4 { background-position: -259px -56px; width: 114px; }
div.CurrentStep li.disabled div.stage5 { background-position: -372px -56px; width: 97px; }
div.CurrentStep li.disabled div.stage6 { background-position: -469px -56px; width: 68px; }
div.CurrentStep li.active div.stage1 { background-position: 0px -0px; width: 97px; }
div.CurrentStep li.active div.stage2 { background-position: -97px 0px; width: 75px; }
div.CurrentStep li.active div.stage3 { background-position: -172px 0px; width: 88px; }
div.CurrentStep li.active div.stage4 { background-position: -259px -0px; width: 114px; }
div.CurrentStep li.active div.stage5 { background-position: -372px -0px; width: 97px; }
div.CurrentStep li.active div.stage6 { background-position: -469px 0px; width: 68px; }

div.paymentsettings>div { clear: both; }
.Buy p.spacer { display: none; }
.Buy .shipping { padding-left: 85px; }
.Buy .shipping input { margin-right: 3px; }
.Buy .paymentsettings  { padding-top: 17px; }
.Buy .paymentsettings input { margin-right: 3px; }
.Buy .paymentsettings p { margin-left: 16px; }
.Buy .addressreview .addressbilling { float: left; width: 350px; }
.Buy .addressreview .addressshipping { float: left; width: 350px; }
.Buy .orderreview table.order-info tbody tr>td { padding-right: 10px; }
.Buy .orderreview table.order-info { margin-bottom: 10px; }
.Buy .orderreview table.order-items { max-width: 700px; }
.Buy .orderreview table.order-items tr.header { border-bottom: 1px solid gray; }
.Buy .orderreview table.order-items tr.subtotal td { padding-top: 5px; }
.Buy .orderreview table.order-items tr.total { font-weight: bold; }

/* Ask a question */
body.helpme h1 { background: transparent url(../img/how-can-we-help-you.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }
body.helpme ul.questions { list-style: none none outside; margin-bottom: 20px; max-width: 300px; }
body.helpme ul.questions li { min-height: 16px; font-size: 110%; margin-bottom: 5px; }
body.helpme ul.questions li a,
body.helpme ul.questions li:hover a { color: #356793;  font-size: 120%; }
body.helpme ul.questions li.inactive:hover a { color: #356793;  font-size: 120%; }
body.helpme ul.questions li:hover,
body.helpme ul.questions li.active { background-color: #D7F0FF; }
body.helpme ul.questions li.active a { color: Black; }
body.helpme ul.questions li.inactive a { color: Gray; }
body.helpme ul.questions li .ui-icon { float: left; margin-top: 2px; background-image: url(../img/question-blue-on-white.png); margin-right: 8px; }
body.helpme ul.questions li:hover .ui-icon,
body.helpme ul.questions li.inactive:hover .ui-icon,
body.helpme ul.questions li.active .ui-icon { background-image: url(../img/question-blue-on-light-blue.png); }
body.helpme ul.questions li.inactive .ui-icon { background-image: url(../img/question-grey-on-white.png); }
body.helpme .wizardbutton { margin-right: 20px; }
body.helpme div.notlatest { background: url("../img/box-blue-warning-on-light-yellow.png"); width: 402px; height: 91px; position: absolute; left: 470px; top: 20px; padding: 10px 10px 10px 40px; font-size: 120%; color: #356793; } 
body.helpme div.notlatest p { font-size: 12px; }
body.helpme div.notlatest strong { font-size: 140%; }

/* Product, license selection wizard */
div.productselectionwizard .question,
div.licenseselectionwizard .question { font-size: 120%; }
div.productselectionwizard .answer, 
div.licenseselectionwizard .answer { color: #ff9100; }
.answer { min-height: 16px; }
.answer .digits { float: left; margin-right: 5px; }
div.productselectionwizard .option { background: url("../img/product-wizard-items.png"); width: 80px; height: 128px; display: inline-block; }
div.productselectionwizard .rasterizerstd { background-position: -0px 0px; }
div.productselectionwizard .rasterizerpro { background-position: -0px 0px; }
div.productselectionwizard .rasterizer { background-position: -0px 0px; }
div.productselectionwizard .readerstd { background-position: -80px 0px; }
div.productselectionwizard .readerpro { background-position: -160px 0px; }
div.productselectionwizard .tallpdfstd { background-position: -240px 0px; }
div.productselectionwizard .tallpdfpro { background-position: -320px 0px; }
div.productselectionwizard .pdfkitstd { background-position: -400px 0px; }
div.productselectionwizard .pdfkitpro { background-position: -400px 0px; }
div.productselectionwizard .pdfkit { background-position: -400px 0px; }
div.productselectionwizard .pdfwebviewer { background-position: -480px 0px; }
div.productselectionwizard .webtopdf { background-position: -560px 0px; }
div.productselectionwizard .pdfa { background-position: -640px 0px; }
div.productselectionwizard .disabled .rasterizerstd { background-position: -0px -128px; }
div.productselectionwizard .disabled .rasterizerpro { background-position: -0px -128px; }
div.productselectionwizard .disabled .rasterizer { background-position: -0px -128px; }
div.productselectionwizard .disabled .readerstd { background-position: -80px -128px; }
div.productselectionwizard .disabled .readerpro { background-position: -160px -128px; }
div.productselectionwizard .disabled .tallpdfstd { background-position: -240px -128px; }
div.productselectionwizard .disabled .tallpdfpro { background-position: -320px -128px; }
div.productselectionwizard .disabled .pdfkitstd { background-position: -400px -128px; }
div.productselectionwizard .disabled .pdfkitpro { background-position: -400px -128px; }
div.productselectionwizard .disabled .pdfkit { background-position: -400px -128px; }
div.productselectionwizard .disabled .pdfwebviewer { background-position: -480px -128px; }
div.productselectionwizard .disabled .webtopdf { background-position: -560px -128px; }
div.productselectionwizard .disabled .pdfa { background-position: -640px -128px; }

div.licenseselectionwizard .option { background: url("../img/help-me-select-licenses.png"); width: 80px; height: 128px; display: inline-block; }
div.licenseselectionwizard .server { background-position: -0px 0px; }
div.licenseselectionwizard .aspnetdomain { background-position: -80px 0px; }
div.licenseselectionwizard .windowsdomain { background-position: -160px 0px; }
div.licenseselectionwizard .webapp { background-position: -240px 0px; }
div.licenseselectionwizard .clientapp { background-position: -320px 0px; }
div.licenseselectionwizard .clientcomp { background-position: -400px 0px; }
div.licenseselectionwizard .contactsales { background-position: -480px 0px; }
div.licenseselectionwizard .disabled .server { background-position: -0px -128px; }
div.licenseselectionwizard .disabled .aspnetdomain { background-position: -80px -128px; }
div.licenseselectionwizard .disabled .windowsdomain { background-position: -160px -128px; }
div.licenseselectionwizard .disabled .webapp { background-position: -240px -128px; }
div.licenseselectionwizard .disabled .clientapp { background-position: -320px -128px; }
div.licenseselectionwizard .disabled .clientcomp { background-position: -400px -128px; }
div.licenseselectionwizard .disabled .contactsales { background-position: -480px -128px; }

/* Product box */
body.helpme div.row { margin-bottom: 10px; }
body.helpme div.row input,
body.helpme div.row select { width: 200px; }

/* Contact */
body.contact h1 { background: transparent url(../img/contact.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }
body.contact .value { display: block; float: right; width: 670px; }

/* My Account - Dashboard */
body.myaccount h1 { background: transparent url(../img/my-account.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }
body.myaccount .profile ul { list-style: none none outside; margin-bottom: 10px; max-width: 300px; }
body.myaccount .profile ul li { min-height: 20px; margin-top: 5px; color: gray; }
body.myaccount .profile ul li .value { display: block; float: right; width: 240px; color: black; }
body.myaccount .profile ul li.company .value { font-weight: bold; }
body.myaccount .inline-cases,
body.myaccount .inline-orders { width: 600px; padding: 3px; border-left: solid 6px #ff9100; background-color: white; }
body.myaccount .feedback-cases { background-color: White;}
body.myaccount .inline-cases table.list tr,
body.myaccount .inline-orders table.list tr { background-color: inherit; }
body.myaccount .inline-cases table.list,
body.myaccount .inline-orders table.list { width: 100%; }

/* My Account - My Sales */
body.mysales h1 { background: transparent url(../img/my-sales.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }
#orderlist table { width: 600px; }
span.divider:first-child { display: none; }
span.divider { color: #aaaaaa; }

/* My Account - My Support */
body.mysupport h1 { background: transparent url(../img/my-support.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }

/* My Account - Support Case */
body.supportcase #casedetails ul { list-style: none none outside; margin-top: 10px; margin-bottom: 10px; max-width: 300px; }
body.supportcase #casedetails ul li { min-height: 20px; }
body.supportcase #casedetails ul li .value { display: block; float: right; width: 220px; }

body.supportcase #casehistory ul { list-style: none none outside; margin-top: 10px; margin-bottom: 10px; max-width: 300px; }
body.supportcase #casehistory ul li { min-height: 20px; margin-bottom: 10px; border-left: solid 1px #FFCC00; padding: 0px 0px 0px 10px; }
body.supportcase #casehistory .header { color: #BAAA6C; }
body.supportcase #casehistory .date { color: #D1C39B; }
body.supportcase #casehistory .icon { width: 16px; height: 16px; left: -30px; top: 0px; background: transparent url(../img/case-icons.png) no-repeat scroll top left; position: absolute; }
body.supportcase #casehistory ul li div { position: relative; }
body.supportcase #casehistory .attachment .icon { background-position: -0px -32px; }
body.supportcase #casehistory .casestate .icon { background-position: -0px -0px; }
body.supportcase #casehistory .assignedto .icon { background-position: -0px -0px; }
body.supportcase #casehistory .note .icon { background-position: -0px -16px; }
body.supportcase #casehistory .notificationsent .icon { background-position: -0px -16px; }

/* My Account - My Licenses */
body.mylicenses h1 { background: transparent url(../img/my-licenses.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }
#licenselist table,
#movelicenselist table { width: 600px; }
div#licenselist { margin-top: 10px; }
.movelicenses div#licenselist { margin-bottom: 20px; }
div.license-details table { margin-bottom: 10px; }
div.license-details table td { padding-right: 10px; }
div.license-details table tr { margin-bottom: 3px; }

/* My Account - My Profile */
body.myprofile h1 { background: transparent url(../img/my-profile.png) no-repeat scroll top left; text-indent: -9999px; height: 25px; margin-top: 10px; }
div#myprofile table td { padding: 2px; }

/* Features pages */
table.features td { padding: 2px 2px 2px 2px; vertical-align: top; }
table.features tr.section th { padding: 0px 3px; font-weight: normal; vertical-align: bottom; min-width: 64px; }
table.features tr.section td { font-size: 120%; font-weight: bold;  padding-top: 10px; }
table.features th.item { font-weight: normal; padding-left: 24px; max-width:300px; }
table.features tr.alt { background-color: #fff3c2; }
table.features td.value div.yes { background: transparent url('../img/yes_no.png') no-repeat scroll top left; width: 16px; height: 16px; margin: 0px auto; }
table.features td.value div.no { background: transparent url('../img/yes_no.png') no-repeat scroll 0px -16px; width: 16px; height: 16px; margin: 0px auto; }
table.features td.value div.new { background: transparent url('../img/yes_no.png') no-repeat scroll 0px -32px; width: 45px; height: 16px; margin: 0px auto; }
table.features td.value div.untested { background: transparent url('../img/yes_no.png') no-repeat scroll 0px -48px; width: 16px; height: 16px; margin: 0px auto; }
table.features td.value div.unsupported { background: transparent url('../img/yes_no.png') no-repeat scroll 0px -64px; width: 16px; height: 16px; margin: 0px auto; }
table.features td.value div.updated { background: transparent url('../img/yes_no.png') no-repeat scroll 0px -80px; width: 45px; height: 16px; margin: 0px auto; }

/* Price list */
div.license-info-container { position: relative; width: 16px; height: 16px; background: transparent url('../img/info.png') no-repeat scroll top left; cursor: hand; }
div.license-info-popup { display: block; position: absolute; top: 21px; left: -93px; width: 202px; z-index: 200; }
div.license-info-popup h3 { padding: 12px 5px 3px 5px; margin: 0px; font-size: 12px; font-weight: bold; background: transparent url('../img/info-popup.png') no-repeat scroll top left;}
div.license-info-popup p { padding: 0px 5px; margin: 0px !important; background-color: #fff9de; border-left: solid 1px #ff9100; border-right: solid 1px #ff9100; }
div.license-info-popup .cap { background: transparent url('../img/info-popup.png') no-repeat scroll bottom left; height: 6px; }
img.info-popup{ cursor: pointer; }

#pricelist table { width: 600px; }
#pricelist td { padding: 8px; }
#pricelist tr>td { padding-left: 20px; }
#pricelist .edition { font-weight: bold; margin-top: 20px; display: block; }

div#pricelist tr:hover { background-color: #ff9100; }
div#pricelist td { vertical-align: middle;  }
a.buy-button { display: block; width: 44px; height: 20px; padding: 4px 0px 0px 18px; background: transparent url('../img/pricing-buy.png') no-repeat scroll left top; color: White; text-align: left; font-weight: bold; }
div#pricelist tr:hover td>a { color: White; }
div#pricelist tr:hover a.buy-button { background-position: 0px -26px; color: #ff9100; }
div#pricelist tr:hover  div.license-info-container { background-position: 0px -18px;  }

/* Faq */
div.kbarticlecontent div.question { margin-bottom: 3px; font-weight: bold; }
div.kbarticlecontent div.answer { margin-bottom: 15px; padding-left: 5px; }

/* Live demos */
div#livedemos ul.results { list-style: none none outside; }
div#livedemos ul.results li { margin-bottom: 10px; }
div#livedemos ul.results li a { font-size: 110%; }
div#livedemos ul.results li .info { color: #AAAAAA; }
div.liveurl { height: 400px; }

/* Code samples */
div#codesamples ul.results { list-style: none none outside; }
div#codesamples ul.results li { margin-bottom: 10px; }
div#codesamples ul.results li a { font-size: 110%; }
div#codesamples ul.results li .info { color: #AAAAAA; }

/* QA articles */
div#qadetails ul { list-style: none none outside; margin-top: 10px; margin-bottom: 10px; max-width: 300px; }
div#qadetails ul li { min-height: 20px; }
div#qadetails ul li .value { display: block; float: right; width: 220px; }

/* Download */
div.download-options { margin-top: 5px; }
div.download-options input { margin-right: 5px; margin-top: 2px; }