/* 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:193px;
background: #E6F4DB;
z-index:1000;
}
@media only screen and (max-width: 699px) {
#header {
visibility:hidden;
}
}
#title-background {
position:absolute;
background: #F8F8F3;
top:193px;
height:63px;
left:0px;
right:0px;
box-shadow: 0px 2px 2px 2px #FAFAEA;
opacity:1.0;
z-index:101;
}
@media only screen and (max-width: 699px) {
#title-background {
top:0px;
position:fixed;
background:#E6F4DB;
box-shadow: 0px 2px 2px 2px #E6F4DB;
}
}
#title-area {
position:absolute;
top:193px;
height:63px;
left:0px;
right:0px;
z-index:103;
}
@media only screen and (max-width: 699px) {
#title-area {
top:0px;
position:fixed;
left:0px;
}
}
@media only screen and (max-width: 419px) {
#title-area {
display:none;
}
}
#title-logo {
padding-left:20px;
padding-top:8px;
visibility:hidden;
opacity:0.50;
}
@media only screen and (max-width: 699px) {
#title-logo {
visibility:visible;
}
}
#title {
position:absolute;
white-space:nowrap;
margin-left:40px;
margin-top:5px;
bottom:12px;
font-family: Arial, Verdana, sans-serif;
font-weight:normal;
font-size:1.3em;
color:#444;
z-index:50;
filter:alpha(opacity=90);
opacity:0.90;
}
@media only screen and (max-width: 699px) {
#title {
font-size:1.3em;
margin-left:10px;
}
}
#inline-title {
display:none;
}
@media only screen and (max-width: 579px) {
#inline-title {
display:inline;
}
}
#home-inline-title {
display:none;
}
#home-inline-title h3 {
padding-left:20px;
}
@media only screen and (max-width: 419px) {
#home-inline-title {
display:inline;
}
}
#branding {
position:absolute;
#width:525px;
height:120px;
top:60px;
left:150px;
}
#branding a img {
margin-top:5px;
z-index:8;
left:-140px;
top:-80px;
}
#feather {
position:absolute;
top:0px;
left:0px;
z-index:102;
opacity:0.90;
-webkit-filter: drop-shadow 1x 1px 1px #EEE;
filter: drop-shadow(1px 1px 1px #EEE);
}
@media only screen and (max-width: 699px) {
#feather {
visibility:hidden;
}
}
#wingware-logo {
position:absolute;
top:10px;
left:75px;
z-index:102;
-webkit-filter: drop-shadow 2x 2px 2px #DDD;
filter: drop-shadow(2px 2px 2px #DDD);
}
@media only screen and (max-width: 699px) {
#wingware-logo {
visibility:hidden;
}
}
#free-trial {
position:absolute;
width:104px;
height:35px;
top:108px;
right:65px;
-webkit-filter: drop-shadow 1x 1px 1px #DDD;
filter: drop-shadow(1px 1px 1px #DDD);
}
@media only screen and (max-width: 824px) {
#free-trial {
visibility:hidden;
}
}
#btn-trial {
filter:alpha(opacity=95);
opacity: 0.95;
}
#btn-trial:hover {
filter:alpha(opacity=80);
opacity: 0.80;
}
#search {
position:absolute;
width:200px;
top:153px;
right:15px;
height:27px;
z-index:105;
}
@media only screen and (max-width: 824px) {
#search {
visibility:hidden;
}
}
#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:100%;
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;
-webkit-filter: drop-shadow 1x 1px 1px #DDD;
filter: drop-shadow(1px 1px 1px #DDD);
}
#search-terms {
opacity:1.0;
}

#navigation {
position:absolute;
width:315px;
top:195px;
right:0px;
height:58px;
opacity:0.9;
background:#F8F8F3;
z-index:200;
}
@media only screen and (max-width: 699px) {
#navigation {
background:#E6F4DB;
top:0px;
position:absolute;
opacity:1.0;
margin-top:5px;
}
}
@media only screen and (max-width: 419px) {
#navigation {
right:auto;
left:0px;
}
}
#navigation div.navtopdiv-0 {
position:absolute;
border:1px solid transparent;
left:-310px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
@media only screen and (max-width: 419px) {
#navigation div.navtopdiv-0 span {
font-weight:bold;
}
}
#navigation div.navtopdiv-1 {
position:absolute;
border:1px solid transparent;
left:-242px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
@media only screen and (max-width: 419px) {
#navigation div.navtopdiv-1 {
left:-235px;
}
}
#navigation div.navtopdiv-2 {
position:absolute;
border:1px solid transparent;
left:-175px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
@media only screen and (max-width: 419px) {
#navigation div.navtopdiv-2 {
left:-167px;
}
}
#navigation div.navtopdiv-3 {
position:absolute;
border:1px solid transparent;
left:-120px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
@media only screen and (max-width: 419px) {
#navigation div.navtopdiv-3 {
left:-112px;
}
}
#navigation div.navtopdiv-4 {
position:absolute;
border:1px solid transparent;
left:-63px;
top:0px;
height:57px;
width:58px;
text-align:center;
padding-left:3px;
}
@media only screen and (max-width: 419px) {
#navigation div.navtopdiv-4 {
left:-51px;
}
}
#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=90);
opacity:0.90;
}
#navigation img:hover {
filter:alpha(opacity=75);
opacity:0.75;
}
.navimg {
-webkit-filter: drop-shadow 1x 1px 1px #DDD;
filter: drop-shadow(1px 1px 1px #DDD);
}
.navtext {
padding-top:3px;
}
#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;
filter:alpha(opacity=90);
opacity:0.90;
-webkit-filter: drop-shadow 1x 1px 1px #DDD;
filter: drop-shadow(1px 1px 1px #DDD);
}
#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=95);
opacity:0.95;
}
#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:-150px;
}
#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:#EAE8E3;
padding:10px 10px 25px 10px;
margin-top:2em;
}
#footer ul {
text-align:right;
float:right;
filter:alpha(opacity=75);
opacity:0.75;
}
@media only screen and (max-width: 699px) {
#footer ul {
text-align:left;
float:left;
}
}
#footer ul li {
float:left;
display:inline-block;
}
#footer ul li a {
color:#000;
padding-left:0.6em;
margin-left:0.4em;
border-left:1px solid #000;
text-decoration:none;
}
#footer ul li a:hover {
color:#d40;
}
#footer ul li.first-child a {
padding-left:0;
margin-left:0;
border-left:none;
}
#footer p.copyright {
color:#000;
float:left;
vertical-align:bottom;
filter:alpha(opacity=75);
opacity:0.75;
}
#footer-copyright-div {
width:30%;
float:left;
display:inline-block;
min-width:200px;
}
#footer-social-div {
width:225px;
display:inline-block;
padding-top:5px;
min-width:220px;
}
#footer-menu-div {
width:35%;
float:right;
display:inline-block;
min-width:200px;
}
@media only screen and (max-width: 699px) {
#footer-copyright-div {
min-width:98%;
}
#footer-social-div {
min-width:98%;
}
#footer-menu-div {
float:left;
min-width:98%;
}
}
#socialmedia {
float:left;
white-space: nowrap;
text-align:left;
filter:alpha(opacity=95);
opacity:0.95;
}
#footer-menu {
float:left;
}
#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;
}




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

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


.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:#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:#fcffd9;
padding-top:10px;
padding-bottom:0px;
padding-right:5px;
margin-bottom:10px;
filter:alpha(opacity=90);
opacity:0.90;
}
.box {
color:#444;
padding-left:8px;
border-left:3px solid #339933;
padding-bottom:0px;
margin-bottom:10px;
}
.box b,
.note b {
color:#333;
}
.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:#444;
}
#news h2.home-news {
color:#444;
}
#news h3.home-news {
color:#444;
}

/* Styles used in the blog */
#blog b {
color:#363;
}
#blog img {
padding-top:10px;
padding-bottom:25px;
-webkit-filter: drop-shadow 5px 5px 8px #222);
filter: drop-shadow(5px 5px 8px #222);
}
#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:#444;
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:#444;
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:#333;
}

/* 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 #555;
}
span.download-button-subtext {
/*font-size:1.0em;*/
text-shadow: 0px 1px 1px #555;
}
.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:#444;
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:#444;
background-color:#f6dfdf;
float:left;
margin-top:25px;
margin-right:10px;
margin-bottom:25px;
width:100%;
}
.free-inner-box {
color:#444;
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:#444;
background-color:#e6e6fa;
float:left;
margin-bottom:25px;
width:370px;
}
.per-product-box h2 {
margin-top:10px;
margin-left:15px
}
.annual-product-box {
color:#444;
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:#444;
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:#333;
}
.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;
}