/* 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 {
margin-top:30px;
min-height:350px;
}
.holder-extended {
margin-top:-420px;
}
.holder-home {
margin-top:-90px;
}
.holder-noheader {
margin-top:15px;
padding-top:20px;
}
@media only screen and (max-width: 950px), screen and (max-height: 1099px) {
.holder-home {
margin-top:-190px;
}
}
@media only screen and (max-width: 699px) {
.holder-home {
margin-top:-120px;
}
}
@media only screen and (max-width: 600px) {
.holder {
margin-top:-160px;
}
.holder-home {
margin-top:-120px;
}
.holder-extended {
margin-top:-600px;
}
.holder-noheader {
margin-top:15px;
padding-top:20px;
}
}

/* Generic page content area styles */
.main-content {
padding-left:10px;
padding-right:10px;
position:relative;
max-width:1050px;
margin-left:auto;
margin-right:auto;
}
.content {
background-color:transparent;
padding-top:10px;
}
.content h1 {
color:#55387B;
/*font-size:1.5em;*/
margin-bottom:0.2em;
padding-top:0.3em;
}
.content h2 {
color:#55387B;
/*font-size:1.3em;*/
margin-bottom:0.2em;
padding-top:0.3em;
}
.content h2.trial-title {
margin-bottom:0.5em;
padding-left:5px;
}
.content h2.trial-title img {
position:relative;
top:5px;
margin-right:5px;
}
.content h3 {
/*font-size:1.1em;*/
margin-bottom:0.5em;
color:#55387B;
margin-top:0.3em;
}
.content h4 {
/*font-size:1.0em;*/
margin-bottom:0.5em;
color:#55387B;
margin-top:0.3em;
}
.content h4.contents-title {
/*font-size:1.1em;*/
margin-bottom:0.5em;
color:#55387B;
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:#55387B;
/*color:#000;*/
}
.content a:hover {
color:#d40;
}
.content table {
color:#000;
padding-bottom:1.2em;
}
.content img {
max-width:100%;
}

.subcontents-1 b:hover {
color:#d40;
}
.sub-contents a {
text-decoration:none;
}
.subcontents-1 {
text-decoration: none;
font-size:1.2em;
}
.subcontents-1 b {
color:#55387B;
}
.subcontents-2 {
text-decoration: none;
}
.subcontents-n {
text-decoration: none;
}
@media only screen and (max-width: 400px) {
.subcontents-1 {
font-size:1.1em;
}
}


/* 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 #55AA55;
background: #ffffe1;
background: -webkit-linear-gradient(90deg, #ffffe1, #FFFFFF);
background: -o-linear-gradient(90deg, #ffffe1, #FFFFFF);
background: -moz-linear-gradient(90deg, #ffffe1, #FFFFFF);
background: linear-gradient(90deg, #ffffe1, #FFFFFF);
padding-top:10px;
padding-bottom:10px;
padding-right:5px;
margin-bottom:15px;
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:#55387B;
}

/* Support for pages with leading full width highlighted area */
.page-with-highlight .holder {
}
#highlight {
position:relative;
max-width:1050px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:10px;
padding-top:0px;
padding-bottom:3px;
margin-bottom:0;
min-height:166px;
}
@media only screen and (max-width: 600px) {
#highlight {
padding-top:50px;
}
}
#highlight a {
color:#000;
}
#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 */
.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:720px;
position:relative;
display:inline-block;
margin-left:0px;
float:left;
z-index:100;
}
@media only screen and (max-width: 749px) {
.screenshot-holder {
float:none;
margin-left:0px;
}
div.cycle-slideshow {
float:none;
margin-left:0px;
max-width:710px;
}
}
.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 {
-webkit-filter: drop-shadow 2x 2px 8px #888;
filter: drop-shadow(2px 2px 8px #888);
}
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:#55387B;
/*	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 */
.home-quote {
position:absolute;
right:0px;
vertical-align:middle;
font-size:12pt;
max-width:200px;
padding-right:10px;
z-index:2;
}
@media only screen and (max-width: 699px) {
.home-quote {
position:relative;
left:0px;
vertical-align:top;
max-width:420px;
padding-bottom:20px;
}
}
.home-summary {
position:relative;
font-size:14pt;
max-width:420px;
z-index:2;
}
#home-download-button {
position:relative;
width:250px;
padding: 10px 10px;
margin-top:20px;
z-index:2;
}
.home-other-editions {
position:relative;
font-size:15px;
z-index:2;
}
.feather-home {
position:absolute;
top:-190px;
right:70px;
width:515px;
max-width:100%;
height:711;
opacity:0.70;
margin-top:-20px;
margin-bottom:20px;
margin-right:20px;
z-index:1;
}
@media only screen and (max-width: 600px) {
.feather-home {
top:0px;
right:auto;
left:0px;
}
}
.home-videogallery
{
max-width:720px;
max-height:500px;
}
.home-screenshot-holder {
max-width:720px;
margin-left:10px;
padding-right:10px;
z-index:100;
}
.home-use-with {
display:table;
padding-left:50px;
height:540px;
min-width:100px;
}
.home-use-with-text {
position:relative;
display:table-cell;
vertical-align:middle;
min-width:100px;
z-index:2;
}
a.use-with-list-item {
text-decoration:none;
}
@media only screen and (max-width: 950px), screen and (max-height: 1099px) {
.home-videogallery {
max-width:75%;
max-height:auto;
}
}
@media only screen and (max-width: 950px) {
.home-use-with {
padding-left:20px;
height:auto;
}
}
@media only screen and (max-width: 850px) {
.home-use-with {
vertical-align:baseline;
padding-left:0px;
height:auto;
min-width:250px;
}
.home-use-with-text {
padding-top:30px;
}
.home-use-with-break {
display:none;
}
.home-videogallery {
max-width:100%;
}
}

/* 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-right:10px;
padding-top:0px;
padding-bottom:20px;
}
#support p {
color:#000;
}
#support p.first-support {
padding-top:20px;
}
#support p span {
color:#000;
}
#version-blurb {
color:#000;
}

/* Whats New part of home page */
#whats-new {
position:relative;
max-width:100%;
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding-top:20px;
padding-bottom:20px;
background: #ECFFCE;
background: -webkit-linear-gradient(150deg, #ECFFCE, #FFFFFF);
background: -o-linear-gradient(150deg, #ECFFCE, #FFFFFF);
background: -moz-linear-gradient(150deg, #ECFFCE, #FFFFFF);
background: linear-gradient(150deg, #ECFFCE, #FFFFFF);
}
#whats-new h2 a {
text-decoration:none;
}
@media only screen and (max-width: 850px) {
#whats-new {
margin-top:15px;
}
}

/* Key points area */
.key-points-right img, img.key-points-right {
float:right;
display:inline-block;
max-width:298px;
max-height:202px;
width:33%;
-webkit-filter: drop-shadow 2x 2px 8px #888;
filter: drop-shadow(2px 2px 8px #888);
}
.key-points-left img, img.key-points-left {
float:left;
display:inline-block;
max-width:298px;
max-height:202px;
width:33%;
-webkit-filter: drop-shadow 2x 2px 8px #888;
filter: drop-shadow(2px 2px 8px #888);
}
.key-points-right .key-point {
float:left;
}
.key-points-left .key-point {
float:right;
}
.key-points-right, .key-points-left {
padding-top:40px;
}
.key-points-first {
padding-top:20px;
}
.key-point {
width:60%;
display:inline-block;
vertical-align:top;
}
.key-point h2 {
padding-top:0px;
}
.key-point a {
text-decoration:none;
}
.key-point a {
color:#55387B;
}
.key-point h2 a:hover {
color:#d40;
}
@media only screen and (max-width: 500px) {
.key-points-right img, img.key-points-right {
float:none;
margin-left:auto;
margin-right:auto;
width:100%;
}
.key-points-left img, img.key-points-left {
float:none;
margin-left:auto;
margin-right:auto;
width:100%;
}
.key-point {
float:none;
width:100%;
padding-top:20px;
padding-bottom:30px;
}
.key-points-left, .key-points-right {
padding-top:0px;
}
}

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

/* Support for second column in highlight area */
.page-with-highlight .content {
padding-top:0;
}

/* News items */
.news-area {
height:2000px;
background: -o-linear-gradient(150deg, #FCFCE5, #FFFFFF);
background: -moz-linear-gradient(150deg, #FCFCE5, #FFFFFF);
background: linear-gradient(150deg, #FCFCE5, #FFFFFF);
border-top:5px solid #ddd;
padding-top:15px;
}
#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.doc-image {
padding-top:10px;
padding-bottom:25px;
}
#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:#55387B ! 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:#55387B ! important;
font-weight:bold;
}
.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:#55387B;
}
#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: #55387B;
}
#qa-iframe {
margin: 0px;
padding: 0px;
border: none;
width:100%;
height:800px;
}

/* Styles for downloads pages */
#downloads-compare {
}
#download-pro {
display:inline-block;
vertical-align:top;
width:30%;
height:100%;
padding-right:20px;
padding-left:10px;
min-width:200px;
}
#download-personal {
display:inline-block;
vertical-align:top;
width:30%;
height:100%;
padding-right:20px;
min-width:200px;
}
#download-101 {
display:inline-block;
vertical-align:top;
width:30%;
height:100%;
min-width:200px;
}
@media only screen and (max-width: 693px) {
#download-101 {
padding-top:20px;
padding-left:10px;
min-width:230px;
}
}
@media only screen and (max-width: 489px) {
#download-personal {
padding-top:20px;
padding-left:10px;
min-width:230px;
}
}

#get-pro-button, #get-personal-button, #get-101-button {
position:relative;
width:180px;
padding: 10px 10px;
margin-top:20px;
z-index:2;
}
#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: 600px) {
#download-box {
float:none;
padding-left:0px;
width:100%;
max-width:none;
}
div.download-box-other {
display:none;
}
.download-spec-title {
font-size:1.2em;
}
}
#download-narrow-box {
max-width:300px;
}
div.download-button {
border-top: 1px solid #e5f3fc;
background: #65BE2D;
padding: 15px 15px;
border-radius: 12px;
color: white;
vertical-align: middle;
text-align: center;
opacity:0.95;
max-width:300px;
}
@media only screen and (max-width: 579px) {
div.download-button {
}
}
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;
}
#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:2px;
}
.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;
float:left;
margin-right:10px;
margin-bottom:25px;
width:580px;
max-width:98%;
border: 10px solid #e6e6fa;
}
@media only screen and (max-width: 644px) {
.pro-product-box {
width:290px;
}
}
p.free-licenses {
margin-left:15px;
margin-right:15px;
}
.annual-product-box {
color:#000;
float:left;
margin-bottom:25px;
width:400px;
max-width:98%;
border: 10px solid #E7F9D7;
}
.annual-product-box h2 {
margin-top:10px;
margin-left:15px;
padding-left:10px;
}
.pro-product-box h2 {
margin-top:10px;
margin-left:15px;
padding-left:10px;
}
.product-box {
color:#000;
padding-left:8px;
padding-right:10px;
padding-top:8px;
padding-bottom:8px;
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:15px;
max-width:90%;
width:250px;
height:530px;
float:left;
}
.product-box-annual {
width:400px;
}
.product-box h3 {
height:35px;
margin-left:10px;
}
@media only screen and (max-width: 1084px) {
.product-box-annual h3 {
display:none;
}
.product-box-annual ul {
max-height:150px;
}
.product-box-annual {
max-height:420px;
}
}
.product-blurb {
margin-left:10px;
height:90px;
max-width:360px;
}
.product-box b {
color:#000;
}
.product-box ul {
margin-left:7px;
margin-top:10px;
height:230px;
}
.product-box div.price {
clear:left;
padding-bottom:5px;
}
.product-box input {
margin-left:10px;
}
.product-box input.prod-submit {
text-align:center;
float:center;
margin-top:20px;
}
.free-product-box {
position:relative;
max-width:100%;
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding-top:20px;
padding-bottom:20px;
background: #F7FFE7;
background: -webkit-linear-gradient(150deg, #F7FFE7, #FFFFFF);
background: -o-linear-gradient(150deg, #F7FFE7, #FFFFFF);
background: -moz-linear-gradient(150deg, #F7FFE7, #FFFFFF);
background: linear-gradient(150deg, #F7FFE7, #FFFFFF);
}
.store-blurb {
padding-top:15px;
clear:left;
}
div.store-left-col {
width:60%;
}
div.store-float-right {
position:relative;
float:right;
margin-top:2.5em;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 10px;
padding-right:0px;
min-width:200px;
width:35%;
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 {
width:98%;
max-width:800px;
}
#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;
}
}

/* Features page */
#feature-selector {
display:inline-block;
max-width:60%;
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:0px;
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:#55387B;
padding-left:0px;
/*font-size:1.3em;*/
font-weight:bold;
}
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 */
.doc-product a {
text-decoration:none;
}
div.doc-product {
float:right;
margin-left:20px;
margin-bottom:20px;
}
div.doc-nav-footer {
width:100%;
clear:both;
margin-bottom:20px;
}
img.doc-image {
margin-top:5px;
margin-bottom:20px;
-webkit-filter: drop-shadow 5px 5px 8px #888);
filter: drop-shadow(5px 5px 8px #888);
}
img.inline-image {
}
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;
}

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