/* 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: #fffffd;
text-align:left;   /* To counteract center text-align for IE */
}
#print-container {
position:relative;
margin-left:10px;
background:#fefefe;
text-align:left;   /* To counteract center text-align for IE */
max-width:1050px;
}


/* Header, navigation, content navigation, and footer */
/* Header */
#header {
height: 0px;
width: 0px;
display: none;
visibility: hidden;
position:absolute;
top:0;
left:-90000px;

}
#branding {
height: 0px;
width: 0px;
display: none;
visibility: hidden;
position:absolute;
top:0;
left:-90000px;

}
#navigation {
height: 0px;
width: 0px;
display: none;
visibility: hidden;
position:absolute;
top:0;
left:-90000px;

}

/* Content sub-navigation area in left margin */
#content-nav {
height: 0px;
width: 0px;
display: none;
visibility: hidden;
position:absolute;
top:0;
left:-90000px;

}

/* Footer */
#footer {
height: 0px;
width: 0px;
display: none;
visibility: hidden;
position:absolute;
top:0;
left:-90000px;

}



/* Overall content holder */
#holder {
padding-top:271px;
position:relative;
top:-193px;
margin-left:auto;
margin-right:auto;
min-height:350px;
max-width:1050px;
}
@media only screen and (max-width: 699px) {
#holder {
padding-top:71px;
}
}

/* Support for pages with leading full width highlighted area */
.page-with-highlight #holder {
}
#highlight {
padding-left:20px;
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:#000;
padding:0px;
margin:0px;
}
#highlight ul li a {
text-decoration:none;
}
#highlight ul li a:hover {
text-decoration:none;
}
#highlight .hint {
color:#000;
padding-bottom:10px;
}
#highlight .hint a {
color:#000;
}
#highlight .hint a:hover {
color:#d40;
}

/* Screenshot popup / slideshow support */
div.screenshot-holder {
max-width:570px;
position:relative;
display:inline-block;
margin-left:10px;
padding-right:10px;
float:right;
z-index:100;
}
div.cycle-slideshow {
max-width:570px;
position:relative;
display:inline-block;
margin-left:10px;
float:right;
z-index:100;
}
@media only screen and (max-width: 749px) {
div.screenshot-holder {
float:none;
margin-left:0px;
}
div.cycle-slideshow {
float:none;
margin-left:0px;
max-width:560px;
}
}
.cycle-pager { 
text-align: center;
width: 100%;
height:20px;
z-index: 101;
display:inline;
position: absolute;
bottom:35px;
left:0px;
}
.cycle-pager span { 
font-family: arial;
font-size: 50px;
width: 16px;
height: 16px;
display: inline-block;
color: #ddd;
cursor: pointer;
}
.cycle-pager span.cycle-pager-active {
color: #D69746;
}
.cycle-pager > * {
cursor: pointer;
}
img.screenshot-right {
zoom:1;
filter:alpha(opacity=95);
opacity:0.95;
border:none;
margin:0;
vertical-align:top;
margin-top:5px;
float:right;
clear:right;
padding-left:0px;
padding-bottom:10px;
padding-top:0px;
padding-right:0px;
z-index:100;
width:100%;
height:auto;
max-width:560px;
max-height:419px;
-webkit-filter: drop-shadow 2x 2px 5px #CCC;
filter: drop-shadow(2px 2px 5px #CCC);
}
img.screenshot-secondary {
visibility:hidden;
}
img.screenshot-clickable:hover {
filter:alpha(opacity=80);
opacity:0.80;
}
span.screenshot-play-icon {
position:absolute;
display:inline;
top:38%;
left:43%;
width:15%;
height:15%;
filter:alpha(opacity=80);
opacity:0.80;
z-index:102;
}
span.screenshot-play-icon:hover {
filter:alpha(opacity=100);
opacity:1.00;
}

/* Popup content */
#overlay {
display:none;
position:relative;
z-index:9001;
padding: 8px;
background: #aaa;
width:85%;
border-radius:4px;
box-shadow: 0 0 125px rgba(0,0,0,0.9);
margin-left:auto;
margin-right:auto;
}
#overlay .close {
background-image:url(/images/close.png);
position:absolute;
right:-13px;
top:-13px;
cursor:pointer;
height:26px;
width:26px;
filter:alpha(opacity=100);
opacity:1.00;
z-index:1000;
}
#overlay .close:hover {
filter:alpha(opacity=80);
opacity:0.80;
}
@media only screen (max-width: 480px) {
#overlay {
width:98%;
margin-right:0;
margin-left:0;
}
}

/* Video/image galleries */
#videogallery {
	zoom:1;
}
div.video-popup-image {
width:440px;
position:relative;
float:right;
clear:right;
}
#videogallery a {
}
#videogallery a img.video-thumb {
	zoom:1;
	filter:alpha(opacity=100);
	opacity:1.00;
	display:block;
	border:none;
	margin:0;
	vertical-align:top;
	margin-top:5px;
	padding-left:5px;
}
#videogallery a:hover img.video-thumb, #videogallery a.iehover img.video-thumb {
	filter:alpha(opacity=80);
	opacity:0.80;
}
#videogallery p {
	padding-left:145px;
}
#videogallery p.video-blurb-only {
	padding-left:5px;
	padding-bottom:18px;
}
.video-title {
        clear:left;
	padding-bottom:2px;
	color:#636;
/*	font-size:1.2em;*/
	border-top:2px solid #f0f0f0;
	border-left:2px solid #f0f0f0;
	padding-left:5px;
}
.video-title strong {
}
.video-title a img {
float:left; 
margin-top:0px;
padding-top:5px;
border:0px;
filter:alpha(opacity=100);
opacity:1.00;
}
.video-title a:hover img, .video-title a.iehover img {
filter:alpha(opacity=80);
opacity:0.80;
}
.video-product {
position:relative;
float:right;
clear:none;
padding-top:4px;
padding-right:5px;
color:#000;
width:10em;
}
.video-product a img {
float:right; 
margin-top:0px;
border:0px;
filter:alpha(opacity=100);
opacity:1.00;
}
.video-product a:hover img, .video-product a.iehover img {
filter:alpha(opacity=80);
opacity:0.80;
}
.video-product span {
position:absolute;
clear:none;
margin-bottom:0px;
/*font-size:1.0em;*/
line-height:1.0em;
bottom:0px;
right:24px;
}
#videogallery .video-table {
margin-bottom:20px;
}
#videogallery .video-left {
	width:140px;
	vertical-align:top;
        float:left;
}
#videogallery .video-right {
	vertical-align:top;
        margin-left:145px;
}
@media only screen and (max-width: 499px) {
#videogallery .video-right {
margin-left:0px;
}
}

/* Top part of home page */
div.home-highlight {
clear:left;
min-height:419px;
}

/* 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=90);
opacity:0.90;
}
#key-points a:hover img {
filter:alpha(opacity=70);
opacity:0.70;
}
#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;
display:inline-block;
width:33%;
min-width:33%;
max-width:100%;
}
@media only screen and (max-width: 599px) {
#key-points .point {
width:98%;
}
}
@media only screen and (max-width: 899px) {
#key-points .point {
width:49%;
}
}
#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:#000;
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:#000;
}
#support p span {
color:#000;
}
#version-blurb {
color:#000;
}


.home-hr {
background-color:#ddd;
border-style:none;
width:99%;
height:5px;
margin-bottom:10px;
}

/* Quotes on home page */
#quotes-box {
width:47%;
float:right;
padding-top:10px;
}
#quotes-box div {
padding-top:3px;
}
#quotes-header {
display:none;
}
@media only screen and (max-width: 599px) {
#quotes-box {
float:none;
width:99%;
}
#quotes-header {
display:block;
}
}

/* Support for second column in highlight area */
.page-with-highlight #content {
padding-top:0;
}
#highlight-intro {
padding-top:10px;
padding-bottom:20px;
/*font-size:1.2em;*/
font-weight:bold;
color:#636;
}
#highlight-intro a {
color:#636;
}
#highlight-button {
padding-top:10px;
}

/* Experiment with drop shadows */
small-drop-shadow {
-webkit-filter: drop-shadow 1x 1px 1px #CCC;
filter: drop-shadow(1px 1px 1px #CCC);
}
large-drop-shadow {
-webkit-filter: drop-shadow 2x 2px 2px #CCC;
filter: drop-shadow(2px 2px 2px #CCC);
}
b,
strong {
-webkit-filter: drop-shadow 1x 1px 1px #EEE;
filter: drop-shadow(1px 1px 1px #EEE);
}
h1,
h2,
h3,
h4,
h5 {
-webkit-filter: drop-shadow 1x 1px 1px #CCC;
filter: drop-shadow(1px 1px 1px #CCC);
}

/* Page content area */
#main-content {
padding-left:10px;
padding-right:10px;
position:relative;
}
#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 {
margin-bottom:0.5em;
padding-left:5px;
-webkit-filter: drop-shadow 1x 1px 1px #CCC;
filter: drop-shadow(1px 1px 1px #CCC);
}
#content h2.trial-title img {
position:relative;
top:5px;
margin-right: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:1.0em;
clear:left;
}
#content h5 {
/*font-size:1.0em;*/
margin-bottom:0.5em;
color:#000;
margin-top:0.3em;
}
#content p {
padding-bottom:1.0em;
color:#000;
padding-left:1px;
}
#content ul,
#content ol {
padding-bottom:0.5em;
padding-top:0;
padding-left:18px;
color:#000;
}
#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:#000;
background-color:#ddd;
text-decoration:none;
}
#content ul.product-links li a:hover {
color:#000;
text-decoration:underline;
}
#content dl {
padding-bottom:0.5em;
padding-left:10px;
}
#content dt {
color:#000;
float:left;
display:block;
width:250px;
text-align:left;
}
#content dd {
color:#000;
}
#content dt.gap,
#content dd.gap {
padding-bottom:1.5em;
}
#content a {
color:#000;
}
#content a:hover {
color:#d40;
}
#content table {
color:#000;
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:#000;
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:#000;
padding-left:8px;
border-left:4px solid #339933;
background:#fcffd9;
padding-top:10px;
padding-bottom:0px;
padding-right:5px;
margin-bottom:10px;
filter:alpha(opacity=90);
opacity:0.90;
}
.box {
color:#000;
padding-left:8px;
border-left:3px solid #339933;
padding-bottom:0px;
margin-bottom:10px;
}
.box b,
.note b {
color:#000;
}
.box .box-title {
color:#636;
}

/* News items */
#news-box {
width:47%;
float:left;
}
@media only screen and (max-width: 599px) {
#news-box {
width:98%;
float:none;
}
}
#news span.news-summary {
color:#000;
}
#news h2.home-news {
color:#000;
}
#news h3.home-news {
color:#000;
}

/* Styles used in the blog */
#blog b {
color:#363;
}
#blog img {
padding-top:10px;
padding-bottom:25px;
-webkit-filter: drop-shadow 5px 5px 8px #000);
filter: drop-shadow(5px 5px 8px #000);
}
#blog p img {
padding-top:0px;
padding-bottom:0px;
max-width:100%;
}
#blog-date-stamp {
float:right;
background:#E6F4DB;
border: 5px solid #E6F4DB;
}
.blog-date {
background:#E6F4DB;
border: 5px solid #E6F4DB;
}
.blog-title a {
text-decoration:none;
color:#636 ! important;
/*font-size:1.4em;*/
font-weight:bold;
}
.blog-title a:hover {
color:#d40 ! important;
}
h1.blog-title:before,
h2.blog-title:before,
h3.blog-title:before,
h4.blog-title:before,
h5.blog-title:before
{
content: url("/images/wing18.png") " ";
}
.blog-title-small a {
text-decoration:none;
color:#636 ! important;
font-weight:bold;
-webkit-filter: drop-shadow 1x 1px 1px #DDD;
filter: drop-shadow(1px 1px 1px #DDD);
}
.blog-title-small a:hover,
.blog-title-small h4:hover
{
color:#d40 ! important;
}
div.blog-title-small {
padding-bottom:10px;
}
hr.blog-hr {
background-color:#ddd;
border-style:none;
height:5px;
margin-bottom:10px;
}
.side-bar, #side-bar {
width:30%;
float:right;
background:#FFFFF2;
padding:10px;
padding-top:0px;
box-shadow: 2px 0px 4px 4px #F0F0F0;
margin-left:20px;
}
.side-bar h4, .side-bar h3, .side-bar h2, .side-bar h1 {
text-align:center;
padding:10px;
}
iframe.video {
box-shadow: 4px 4px 4px 4px #DDDDDD;
}
#side-bar strong {
/*font-size:1.1em;*/
text-align:center;
padding:20px;
float:center;
color:#636;
}
#side-bar {
padding-top:10px;
padding-bottom:0px;
margin-bottom:20px;
}

/* Error box */
.error-box {
color:#000;
padding-left:8px;
background-color:#fcffd9;
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:#000;
padding-left:8px;
background-color:#fcffd9;
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:#000;
}

/* Styles for support page */
#support-main strong {
color: #636;
}

/* Styles for downloads pages */
#download-box {
float:right;
width:40%;
padding-left:25px;
min-height:200px;
max-width:300px;
}
#download-title {
display:block;
}
@media only screen and (max-width: 579px) {
#download-box {
float:none;
width:90%;
padding-left:0px;
}
div.download-box-other {
display:none;
}
#download-title {
display:none;
}
}
#download-narrow-box {
max-width:300px;
}
div.download-button {
border-top: 1px solid #e5f3fc;
background: #44A315;
background: linear-gradient(#3db637, #238e1e);
padding: 15px 15px;
border-radius: 12px;
box-shadow: rgba(0,0,0,1) 0 1px 0;
color: white;
vertical-align: middle;
text-align: center;
opacity:0.95;
-webkit-filter: drop-shadow 1x 1px 3px #888;
filter: drop-shadow(1px 1px 3px #888);
}
div.download-sha {
padding-top:5px;
}
div.download-button:hover {
opacity: 0.85;
cursor: pointer;
}
div.download-button:active {
border-top-color: #00ab4a;
background: #00ab4a;
}
span.download-button-text {
/*font-size:1.2em;*/
font-weight:bold;
text-shadow: 0px 1px 1px #000;
}
span.download-button-subtext {
/*font-size:1.0em;*/
text-shadow: 0px 1px 1px #000;
}
.download-link {
/*font-size:1.05em;*/
}
.download-link a {
text-decoration: none;
}
.download-requirements {
text-align:center;
float:center;
width:100%;
}
#download-table {
width:65%
}
#download-table td {
vertical-align:top;
padding:10px;
}
#download-source {
width:40%;
margin-bottom:-15px;
}
#download-source td {
padding:5px;
}
#home-download-button {
width:200px;
padding: 10px 10px;
margin-top:20px;
}
#download-quote {
width:55%;
}
@media only screen and (max-width: 579px) {
#download-quote {
width:98%;
}
}

/* +1 social media areas */
.social-top {
float:right;
margin-top:-5px;
}
.social-home {
margin-top:20px;
}
.blog-date-with-social {
float:right;
background:#E6F4DB;
border: 5px solid #E6F4DB;
}
.blog-social-with-date {
float:left;
margin-right:10px;
margin-top:2px;
}
.blog-social-and-date-stamp {
float:right;
}
.blog-social-top {
margin-top:-5px;
float:right;
}
.blog-social-article {
float:center;
width:100%;
}
.social-table {
table-layout:auto;
}
.fb-like, .tweet, .gplus-wrapper {
float:left;
margin-left:3px;
}

/* Product box for store */
.pro-product-box {
color:#000;
background-color:#fcfbde;
float:left;
margin-right:10px;
margin-bottom:25px;
width:580px;
max-width:100%;
}
@media only screen and (max-width: 599px) {
.pro-product-box {
width:290px;
}
}
p.free-licenses {
margin-left:15px;
margin-right:15px;
}
.free-product-box {
color:#000;
background-color:#f6dfdf;
float:left;
margin-top:25px;
margin-right:10px;
margin-bottom:25px;
width:100%;
}
.free-inner-box {
color:#000;
padding-left:8px;
background-color:#f6f6f6;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
margin-left:2px;
margin-right:2px;
margin-top:2px;
margin-bottom:2px;
}
.per-product-box {
color:#000;
background-color:#e6e6fa;
float:left;
margin-bottom:25px;
width:370px;
}
.per-product-box h2 {
margin-top:10px;
margin-left:15px
}
.annual-product-box {
color:#000;
background-color:#e6e6fa;
float:left;
margin-bottom:25px;
width:440px;
}
.annual-product-box h2 {
margin-top:10px;
margin-left:15px
}
.pro-product-box h2 {
margin-top:10px;
margin-left:15px;
}
.product-box {
color:#000;
padding-left:8px;
background-color:#f3f7f2;
padding-right:10px;
padding-top:8px;
padding-bottom:8px;
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:15px;
width:250px;
height:530px;
float:left;
}
.product-box-annual {
width:400px;
background-color:#f5f5fa;
}
/* Temporary */
.product-box-per-temp {
width:330px;
height:590px;
}
/* Temporary */
.per-temp {
margin-left:10px;
margin-right:10px;
}
.product-box h3 {
height:35px;
margin-left:10px;
}
.product-blurb {
margin-left:10px;
height:90px;
}
.product-box b {
color:#000;
}
.product-box ul {
margin-left:7px;
margin-top:10px;
height:230px;
}
.product-box div.price {
clear:left;
height:1.8em;
}
.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%;
min-width:300px;
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;
}
@media only screen and (max-width: 749px) {
div.store-float-right {
float:none;
width:65%;
margin-top:0px;
}
}
@media only screen and (max-width: 500px) {
div.store-float-right {
width:98%;
}
}
textarea {
max-width:98%;
}
#discount-field {
margin-bottom:5px;
}
.adapt-size td {
vertical-align:top;
}
.adapt-size th {
vertical-align:bottom;
}
h2.adapt-size {
font-size:100%;
}
.align-bottom {
vertical-align:bottom;
}
img.letter-head {
max-width:99%;
}
.adapt-size {
max-width:99%;
}
@media only screen and (max-width: 399px) {
.adapt-size {
font-size:95%;
}
.adapt-size input {
font-size:65%;
}
}
@media only screen and (max-width: 324px) {
.adapt-size {
font-size:85%;
}
}

/* 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);
  opacity:0.95;
  max-width:100%;
  -webkit-filter: drop-shadow 3px 3px 3px #777);
  filter: drop-shadow(3px 3px 3px #777);
}
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);
  opacity:0.95;
  max-width:100%;
  -webkit-filter: drop-shadow 3px 3px 3px #777);
  filter: drop-shadow(3px 3px 3px #777);
}
@media only screen and (max-width: 400px) {
img.unfloat-at-400 {
float:none;
padding-left:0px;
}
}
@media only screen and (max-width: 500px) {
img.unfloat-at-500 {
float:none;
padding-left:0px;
}
}
@media only screen and (max-width: 600px) {
img.unfloat-at-600 {
float:none;
padding-left:0px;
}
}
@media only screen and (max-width: 700px) {
img.unfloat-at-700 {
float:none;
padding-left:0px;
}
}
img.whats-new {
  position: relative;
  float: right;
  clear: right;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-right:20px;
  z-index:95;
  filter:alpha(opacity=95);
  opacity: 1.00;
-webkit-filter: drop-shadow 1x 1px 3px #CCC;
filter: drop-shadow(1px 1px 3px #CCC);
}
img.whats-new:hover {
  filter:alpha(opacity=85);
  opacity: 0.85;
}
#content img {
max-width:100%;
}

/* Features page */
#feature-selector {
display:inline-block;
max-width:50%;
clear:all;
}
@media only screen and (max-width: 724px) {
#feature-selector {
max-width:99%;
}
}
@media only screen and (max-width: 724px) and (min-width: 360px) {
#feature-image {
display:none;
}
}
table.feature-title-table {
padding-left:3px;
margin-top:10px;
filter:alpha(opacity=90);
opacity:0.90;
}
table.feature-title-table tr td {
border-bottom:2px solid #f0f0f0;
padding:0px;
}
h2.feature-title, h2.feature-title-disabled {
color:#636;
padding-left:5px;
/*font-size:1.3em;*/
font-weight:bold;
-webkit-filter: drop-shadow 1x 1px 1px #CCC;
filter: drop-shadow(1px 1px 1px #CCC);
}
table.feature-title-table img {
padding:5px;
-webkit-filter: drop-shadow 1x 1px 1px #CCC;
filter: drop-shadow(1px 1px 1px #CCC);
}
h2.feature-title-disabled, img.feature-title-disabled {

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

filter:alpha(opacity=40);
-khtml-opacity:0.40;
opacity:0.40;
}
.feature-table tr td {
padding-right:20px;
width:50%;
}
.feature-item {
display:inline-block;
vertical-align:top;
float_left;
width:48%;
padding-bottom:0.6em;
}
@media only screen and (max-width: 579px) {
.feature-item {
width:98%;
}
}
.feature-item span {
line-height:95%;
width:98%;
}



/* Documentation */
div.doc-nav-footer {
width:100%;
clear:both;
margin-bottom:20px;
}
div.doc-nav-left {
float:left;
width:35%;
text-align:left;
margin-bottom:20px;
}
div.doc-nav-center {
float:left;
width:20%;
text-align:center;
margin-left:5%;
margin-bottom:20px;
}
div.doc-nav-right {
float:right;
width:35%;
text-align:right;
margin-bottom:20px;
}

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