/* Overall defaults */
* {
margin:0;
padding:0;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
line-height:140%;
list-style:none;
}
table {
border:0px;  /* For Chrome and Safari */
}
a {
outline-style:none;
}
body.page {
font-size:90%;
text-align:center;  /* For IE */
background:#ddd;
}
body.printable {
background:#fefefe;
text-align:left;
}
#container {
position:relative;
margin: 0px auto;
background:#fefefe url(/images/background.png) no-repeat;
text-align:left;   /* To counteract center text-align for IE */
min-width:880px;
max-width:1200px;
}
#print-container {
position:relative;
margin-left:10px;
background:#fefefe;
text-align:left;   /* To counteract center text-align for IE */
min-width:880px;
max-width:1200px;
}


/* Header, navigation, content navigation, and footer */

/* Header */
#header {
height:193px;
}
#header-link img {
position:absolute;
top:28px;
z-index:100;
}
#title-area {
position:absolute;
top:193px;
height:58px;
left:0px;
right:0px;
z-index:101;
}
#title-area h2 {
position:absolute;
padding-left:88px;
padding-top:5px;
bottom:12px;
font-family: Arial, Verdana, sans-serif;
font-weight:normal;
font-size:24px;
color:#444;
z-index:102;
}
#branding {
position:absolute;
width:525px;
height:120px;
top:60px;
left:150px;
}
#branding a img {
margin-top:5px;
z-index:8;
left:-140px;
top:-80px;
}
#free-trial {
position:absolute;
width:104px;
height:35px;
top:108px;
right:65px;
}
#search {
position:absolute;
width:200px;
top:155px;
right:15px;
height:27px;
z-index:6;
}
#search form {
border:none;
margin:0 auto;
display:block;
clear:left;
text-align:right;
position:absolute;
bottom:0px;
right:0px;
}
#search form input {
border:none;
float:left;
background:url(/images/search-box.png) no-repeat;
font-size:14px;
width:140px;
padding:6px 6px 6px 6px;
}
#search form input#btn-search {
border:none;
float:left;
background:url(/images/icons/search.png) no-repeat;
width:19px;
height:19px;
padding-top:6px;
margin-left:8px;
margin-top:3px;
}

#navigation {
position:absolute;
width:315px;
top:191px;
right:0px;
height:58px;
z-index:200;
}
#navigation div.navtopdiv-0 {
position:absolute;
border:1px solid transparent;
left:-315px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
#navigation div.navtopdiv-1 {
position:absolute;
border:1px solid transparent;
left:-252px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
#navigation div.navtopdiv-2 {
position:absolute;
border:1px solid transparent;
left:-189px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
#navigation div.navtopdiv-3 {
position:absolute;
border:1px solid transparent;
left:-126px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
#navigation div.navtopdiv-4 {
position:absolute;
border:1px solid transparent;
left:-63px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
#navigation div.navimgdiv {
position:absolute;
bottom:19px;
width:58px;
height:37px;
left:0px;
display:inline;
}
#navigation img {
position:relative;
vertical-align:text-bottom;
float:center;
display:inline;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.80;
opacity:0.80;
}
#navigation img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity:1.00;
opacity:1.00;
}
#navigation span {
position:absolute;
width:58px;
left:0px;
bottom:5px;
height:15px;
display:inline;
font-family: Arial, Verdana, sans-serif;
font-size:13px;
color:#333;
text-align:center;
}
#navigation span a {
text-decoration:none;
}
#navigation span:hover {
text-decoration:none;
color:#d40;
}
#navigation span#navselected a {
color:#d40;
}

#navbar {
position: absolute;
right:0;
margin:0;
padding:0;
}
#navbar li {
list-style:none;
float:left; 
width:auto;
}
#navbar li a {
display:block;
text-decoration:none; 
color:#555;
}
#navbar li a:hover, #navbar li a.iehover {
color:#000; 
}
#navbar li div.navsubdiv {
display:none;  
}
#navbar li:hover div.navsubdiv, #navbar li.iehover div.navsubdiv {
position:absolute;
display:inline;
top:57px;
width:auto;
border-right:1px solid #888;
border-left:1px solid #aaa;
border-bottom:1px solid #888;
border-top:1px solid #aaa;
margin:0;
padding:3px; 
float:left; 
background:#fff;
filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity:0.90;
opacity:0.90;
}
#navbar li:hover div.navsubdiv ul li, #navbar li.iehover div.navsubdiv ul li {
width:100%;
}
#navbar li:hover div#nav0, #navbar li.iehover div#nav0 {
top:57px;
left:-315px;
}
#navbar li:hover div#nav1, #navbar li.iehover div#nav1 {
top:57px;
left:-252px;
}
#navbar li:hover div#nav2, #navbar li.iehover div#nav2 {
top:57px;
left:-189px;
}
#navbar li:hover div#nav3, #navbar li.iehover div#nav3 {
top:57px;
left:-126px;
}
#navbar li:hover div#nav4, #navbar li.iehover div#nav4 {
top:57px;
right:0;
}
#navbar li:hover li, #navbar li.iehover li {
float:left; 
width:auto;
padding-right:5px;
clear:both;
}
#navbar li:hover li a, #navbar li.iehover li a {
color:#555; 
white-space:nowrap;
width:100%;
}
#navbar li li a:hover, #navbar li li a.iehover {
color:#f50; 
background:#ddd;
}

/* Footer */
#footer {
border-bottom:6px solid #999;
background:#f3faee;
padding:10px 10px 25px 10px;
margin-top:2em;
}
#footer ul {
text-align:right;
float:right;
width:40%;
}
#footer ul li {
display:inline;
}
#footer ul li a {
color:#000;
padding-right:0.6em;
margin-right:0.4em;
border-right:1px solid #000;
text-decoration:none;
}
#footer ul li a:hover {
color:#d40;
}
#footer ul li.last-child a {
padding-right:20px;
margin-right:0;
border-right:none;
}
#footer p.copyright {
color:#000;
width:25%;
float:left;
vertical-align:bottom;
}
#footer div#socialmedia {
float:center;
text-align:center;
}
#footer span.org,
#footer span.street-address,
#footer span.postal-code {
padding-right:0.6em;
margin-right:0.4em;
border-right:1px solid #000;
}
#footer span.org {
padding-left:1px;
}
#footer span strong {
font-weight:normal;
}

#footer {
padding-bottom:10px;
}




/* Overall content holder */
#holder {
padding-top:68px;
position:relative;
min-height:350px;
}

/* Support for pages with leading full width highlighted area */
.page-with-highlight #holder {
}
#highlight {
padding-left:78px;
padding-right:10px;
padding-top:0px;
padding-bottom:3px;
margin-bottom:0;
min-height:166px;
}
#highlight ul {
margin-left:3px;
margin-bottom:5px;
}
#highlight ul li {
float:left;
clear:left;
padding:0px;
margin:0px;
color:#774345;
list-style:square outside url(/images/bullet-1.gif);
}
#highlight ul li span {
font-size:12pt;
font-weight:bold;
color:#444;
padding:0px;
margin:0px;
}
#highlight ul li a {
text-decoration:none;
}
#highlight ul li a:hover {
text-decoration:none;
}
#highlight .hint {
color:#333;
padding-bottom:10px;
}
#highlight .hint a {
color:#333;
}
#highlight .hint a:hover {
color:#d40;
}

/* Popup content */
#popup-overlay {
display:none;
background-color:#111;
filter:alpha(opacity=15);
-moz-opacity:0.15;
-khtml-opacity:0.15;
opacity:0.15;
position:absolute;
z-index:9001;
top:0px;
left:0px;
width:100%;
}
#popup-div-highlight {
display:none;
position:absolute;
top:0px;
right:0px;
padding-right:10px;
padding-top:78px;
background-color:transparent;
z-index:9002;
}
#popup-div {
display:none;
position:absolute;
background-color:transparent;
z-index:9002;
}

/* Key points on home page */
#key-points {
clear:all;
}
#key-points a {
text-decoration:none;
}
#key-points a h2 {
color:#848;
}
#key-points a:hover {
text-decoration:none;
color:#d40;
}
#key-points a img {
border:2px solid transparent;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.80;
opacity:0.80;
}
#key-points a:hover img {
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity:1.00;
opacity:1.00;
}
#key-points a:hover h2 {
color:#d40;
}
#key-points .key-points-row-0 {
vertical-align:top;
}
#key-points .key-points-row-1 {
vertical-align:top;
}
#key-points .point {
vertical-align:top;
}
#key-points .left-point {
width:49px;
padding-right:10px;
vertical-align:top;
}
#key-points .point-image {
float:right;
vertical-align:top;
padding:3px;
}
#key-points .point-title {
clear:right;
}
#key-points .point-blurb {
font-size:14px;
}

/* Home page howtos, support, and version blurbs */
.howtos {
color:#444;
border:1px solid #d3dace;
background:#f3faee;
padding-top:3px;
padding-bottom:3px;
padding-left:8px;
padding-right:8px;
margin-bottom:20px;
}
#support {
padding-left:73px;
padding-right:10px;
padding-top:0px;
padding-bottom:20px;
}
#support p {
color:#333;
}
#support p span {
color:#333;
}
#version-blurb {
color:#333;
}

/* News items */
#news .news-summary-title {
padding-top:10px;
}
#news span.news-summary {
color:#444;
}
#news h2.home-news {
color:#444;
}
#news h3.home-news {
color:#444;
}
#news hr.home-news {
background-color:#ddd;
border-style:none;
width:99%;
height:5px;
}

/* Support for second column in highlight area */
.page-with-highlight #content {
padding-top:0;
}
#highlight #highlight-sidebar {
float:right;
width:150px;
margin:10px;
margin-right:0;
margin-top:0;
padding:5px;
border:1px solid #CCC;
}
#highlight #highlight-sidebar p {
padding:0px;
}

/* Page content area */
#main-content {
padding-left:10px;
padding-right:10px;
position:relative;
min-width:300px;
}
#content {
background-color:transparent;
padding-top:8px;
}
#content h1 {
color:#636;
font-size:1.5em;
margin-bottom:0.2em;
padding-top:0.3em;
}
#content h2 {
color:#636;
font-size:1.3em;
margin-bottom:0.2em;
padding-top:0.3em;
}
#content h2.trial-title {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin-bottom:0.5em;
padding-left:5px;
}
#content h3 {
font-size:1.1em;
margin-bottom:0.5em;
color:#636;
margin-top:0.3em;
}
#content h4 {
font-size:1.0em;
margin-bottom:0.5em;
color:#636;
margin-top:0.3em;
}
#content h4.contents-title {
font-size:1.1em;
margin-bottom:0.5em;
color:#636;
border-top:2px solid #363;
padding-top:5px;
margin-top:0.3em;
}
#content h5 {
font-size:1.0em;
margin-bottom:0.5em;
color:#555;
margin-top:0.3em;
}
#content p {
padding-bottom:1.0em;
color:#444;
padding-left:1px;
}
#content ul,
#content ol {
padding-bottom:0.5em;
padding-top:0;
padding-left:18px;
color:#444;
}
#content ul.product-links li {
float:left;
margin-right:0.4em;
}
#content ul.product-links li a {
float:left;
display:block;
padding:2px 10px 3px 10px;
color:#444;
background-color:#ddd;
text-decoration:none;
}
#content ul.product-links li a:hover {
color:#333;
text-decoration:underline;
}
#content dl {
padding-bottom:0.5em;
padding-left:10px;
}
#content dt {
color:#444;
float:left;
display:block;
width:250px;
text-align:left;
}
#content dd {
color:#444;
}
#content dt.gap,
#content dd.gap {
padding-bottom:1.5em;
}
#content a {
color:#444;
}
#content a:hover {
color:#d40;
}
#content table {
color:#444;
padding-bottom:1.2em;
}

/* Lists */
.ordered-list li {
list-style: decimal outside; 
color:#3e9a37;
font-weight: bold;
padding-bottom:0.5em;
}
.bullet-list li {
list-style: disc outside; 
color:#3e9a37;
padding-bottom:0.5em;
}
.bullet {
color:#444;
font-weight: normal;
}
#content ol li {
list-style: decimal outside; 
padding-bottom:0.5em;
}
#content li {
list-style: disc outside; 
padding-bottom:0.5em;
}
#content blockquote {
  padding-bottom: 1.0em;
}

/* List of points format used on various pages */
#pointlist ul li {
list-style:square outside url(/images/bullet-1.gif);
}
a.boldpoint {
text-decoration:none;
font-weight:bold;
}

/* Preformatted areas */
#content pre.literal-block {
color:#363;
font-family:monospace;
font-size:1.1em;
padding-bottom: 1.0em;
padding-left:1.5em;
font-weight:bold;
}
#content span.pre {
color:#363;
font-weight:bold;
padding-bottom: 1.0em;
}

/* Highlighted note or box */
.note {
color:#444;
padding-left:8px;
border-left:4px solid #339933;
background:#f8fad8;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
margin-bottom:10px;
filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity:0.90;
opacity:0.90;
}
.box {
color:#444;
padding-left:8px;
border-left:3px solid #339933;
padding-bottom:8px;
margin-bottom:10px;
}
.box b,
.note b {
color:#333;
}
.box .box-title {
color:#636;
}

/* Error box */
.error-box {
color:#444;
padding-left:8px;
background-color:#f8fad8;
padding-right:10px;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
border-left: 5px solid #BB3333;
margin-left:0px;
margin-right:10px;
margin-top:15px;
margin-bottom:10px;
}
.error-box b {
color:#ED0000;
}

/* Info box */
.info-box {
color:#444;
padding-left:8px;
background-color:#f8fad8;
padding-right:10px;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
border-left: 4px solid #339933;
margin-left:0px;
margin-right:10px;
margin-top:15px;
margin-bottom:10px;
}
.info-box b {
color:#333;
}

/* Product box for store */
.pro-product-box {
color:#444;
background-color:#fcfbde;
float:left;
margin-right:40px;
margin-bottom:25px;
width:620px;
}
p.free-licenses {
margin-left:20px;
}
.per-product-box {
color:#444;
background-color:#fffee9;
float:left;
margin-bottom:25px;
}
.pro-product-box h1 {
margin-top:10px;
margin-left:25px;
}
.per-product-box h1 {
margin-top:10px;
margin-left:25px
}
.product-box {
color:#444;
padding-left:8px;
background-color:#f3f7f2;
padding-right:10px;
padding-top:8px;
padding-bottom:8px;
margin-left:20px;
margin-right:20px;
margin-top:15px;
margin-bottom:25px;
width:250px;
height:410px;
float:left;
}
.product-box h3 {
height:35px;
margin-left:10px;
}
.product-blurb {
margin-left:10px;
height:80px;
}
.product-box b {
color:#333;
}
.product-box ul {
margin-left:7px;
margin-top:10px;
height:200px;
}
.product-box div.price {
clear:left;
}
.product-box input {
margin-left:10px;
}
.product-box input.prod-submit {
text-align:center;
float:center;
margin-top:20px;
}
.store-blurb {
padding-top:15px;
clear:left;
}
div.store-left-col {
width:60%;
}
div.store-float-right {
position:relative;
float:right;
clear:right;
margin-top:2.5em;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 10px;
padding-right:0px;
width:40%;
z-index:100;
border-left:1px solid #c0c0c0;
border-top:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
background:#f3fcfa;
}

/* Eye candy images and figures on left or right */
img.float-figure-right, img.eye-candy-image {
  position: relative;
  float: right;
  clear: right;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-right:0px;
  z-index:100;
  filter:alpha(opacity=95);
  -moz-opacity:0.95;
  -khtml-opacity:0.95;
  opacity:0.95;
}
img.float-figure-left, img.eye-candy-image-left {
  position: relative;
  float: left;
  clear: left;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left:0px;
  z-index:100;
  filter:alpha(opacity=95);
  -moz-opacity:0.95;
  -khtml-opacity:0.95;
  opacity:0.95;
}
img.whats-new {
  position: relative;
  float: right;
  clear: right;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-right:20px;
  z-index:100;
}

/* Features page */
#feature-selector {
width:492px;
clear:none;
padding-left:20px;
}
table.feature-title-table {
padding-left:3px;
filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity:0.90;
opacity:0.90;
}
table.feature-title-table tr td {
border-bottom:2px solid #f0f0f0;
padding:0px;
}
span.feature-title, span.feature-title-disabled {
color:#636;
padding-left:5px;
font-size:1.3em;
font-weight:bold;
}
table.feature-title-table img {
padding:5px;
}
span.feature-title-disabled, img.feature-title-disabled {

filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity:0.50;
opacity:0.50;
}
.feature-disabled {

filter:alpha(opacity=40);
-moz-opacity:0.40;
-khtml-opacity:0.40;
opacity:0.40;
}
.feature-table tr td {
padding-right:20px;
width:50%;
}


/* Additions for success stories */
#content table.docinfo {
  width: 99%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom:1.1em;
  padding-left: 10px;
  border-left:2px solid #339933;
}
#content th.docinfo-name {
  text-align: right;
  padding-right: 10px;
}
#content table.story-summary {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#content h1.story-title {
  margin-bottom: 0.5em;
}

/* Support for secondary content margin in main content area */
#main-content.sidebar-true {
padding-right:250px;
}
#main-content.sidebar-false {
padding-right:10px;
}
#secondary-content {
position:absolute;
top:10px;
right:17px;
width:204px;
border:1px solid #ccc;
padding:8px;
}
#secondary-content h3{
padding:0;
margin:0;
}

/* Items to hide */
/* Hide VCard attributes */
.vcard {
  display:none;
}
#post-footer {
padding-bottom:0px;
}
/* Hiding stuff is more accessible than display:none; */
.clearfix,
#footer p,
#highlight ul,
#content ul.product-links,
#holder,
#footer
{overflow:hidden;}
#accessibility,
#navigation h3,
#branding h1,
#branding h2,
#navigation form label,
.hidevis
{
position:absolute;
top:0;
left:-90000px;
visibility:hidden;
height:0;
width:0;
}