.smallest-font {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 10;
  font-weight: normal;
}
.small-font {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 12;
  font-weight: normal;
}
.standard-font {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 14;
  font-weight: normal;
}
.large-font {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 18;
  font-weight: normal;
}
.largest-font {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 24;
  font-weight: normal;
}
.standard-text-shadow {
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.4);
}
.standard-box-shadow {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}
/* -------------------- General -------------------- */
body {
  background-color: #ffffff;
  font-family: Helvetica, sans-serif, Verdana, Arial;
  margin: 60px auto;
  /*leave room for navtabs area*/

  width: 800px;
}
p {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 14;
  font-weight: normal;
  margin: 20px 0px;
}
img.screenshot {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  display: block;
  margin: 20px auto 30px auto;
}
h1 {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 24;
  font-weight: normal;
  text-align: center;
}
h3 {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 14;
  font-weight: normal;
  font-weight: bold;
}
h4 {
  color: #383;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 15px;
  margin-bottom: 8px;
}
h5 {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 10pt;
  margin-left: 0px;
  margin-bottom: 10px;
}
p.footer {
  margin-left: 0px;
  width: 450px;
  font-size: 8pt;
}
p.sidebar {
  color: #707070;
  width: 140;
  padding-top: 20px;
}
:link {
  color: #227ac5;
  text-decoration: none;
}
:visited {
  color: #227ac5;
  text-decoration: none;
}
:active {
  color: #227ac5;
  text-decoration: none;
}
a:hover {
  color: #227ac5;
  text-decoration: underline;
}
table.center {
  margin-left: auto;
  margin-right: auto;
}
/* -------------------- Big Box -------------------- */
.box {
  color: #000;
  background-color: #f7f7f7;
  margin: 0px auto;
  border-width: 2px;
  border-color: #c4c4c4;
  border-style: solid;
  padding: 0px 20px;
  margin-top: 20px;
  border-radius: 10px;
}
.big_box {
  color: #000;
  background-color: #f7f7f7;
  margin: 0px auto;
  border-width: 2px;
  border-color: #c4c4c4;
  border-style: solid;
  padding: 0px 20px;
  margin-top: 20px;
  border-radius: 10px;
  width: 660px;
}
.big_box h1 {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 18;
  font-weight: normal;
  text-align: left;
}
/* -------------------- Button -------------------- */
a.button {
  padding: 5px 10px;
  margin: 0px;
  border: 1px #609bca solid;
  border-radius: 6px;
  color: #609bca;
  background-color: #ffffff;
  text-decoration: none;
}
a.button.highlight {
  background-color: #609bca;
  color: white;
}
/* ---------- "Apps" Page (apps list on homepage) ---------- */
div#app_list {
  width: 680px;
  margin: 90px auto;
}
div#app_list h1 {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 18;
  font-weight: normal;
  color: #000000;
  margin: 2px 2px 4px 2px;
  text-align: left;
}
div#app_list ul {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 14;
  font-weight: normal;
  color: #999999;
  float: left;
  padding: 0px;
  margin: 0px;
  list-style: none outside;
  text-align: left;
}
div#app_list ul li {
  padding: 20px 0px 20px 20px;
  height: 60px;
  cursor: pointer;
  border-color: #dddddd;
  border-width: 0px 1px 1px 0px;
  border-style: dotted;
}
div#app_list ul li.highlight {
  background-color: #eeeeee;
  border-color: #dddddd;
}
div#app_list ul:first-child li {
  border-left-width: 1px;
}
div#app_list li:first-child {
  border-top-width: 1px;
}
div#app_list img {
  padding: 0px 10px 0px 0px;
  float: left;
  width: 48px;
  height: 48px;
}
/* -------------------- "News" Page -------------------- */
div.news {
  border: 1px solid #dddddd;
  margin: 0px auto;
  width: 640px;
}
div.news ul {
  list-style: none;
  width: 100%;
  margin: 0px auto;
  padding: 0px;
}
div.news ul li:first-child {
  margin: 0px;
}
div.news ul li {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 14;
  font-weight: normal;
  padding: 0px;
  margin: 10px 0px;
}
div.news ul li p {
  margin: 0px;
  padding: 10px;
}
div.news ul li p:nth-child(1) {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 14;
  font-weight: normal;
  background-color: #f0f0f0;
}
div.news ul li p:nth-child(3) {
  text-align: right;
  margin-right: 10px;
}
/* ---------- Product Pages ---------- */
div#product_body {
  float: left;
  width: 530px;
  padding: 0 20px;
}
div#product_body p,
div#product_body ul {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 14;
  font-weight: normal;
}
div#product_body h3 {
  text-align: center;
  margin: 20px 0px 10px 0px;
  padding: 5px 0px;
  border-top: 1px #777 solid;
  border-bottom: 1px #777 solid;
}
div#product_body div.screenshots {
  text-align: center;
  margin: 10px 0px;
}
div#product_sidebar {
  float: left;
  width: 220px;
}
div#product_sidebar > div {
  border: 1px #dddddd solid;
  border-radius: 5px;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
div#product_sidebar > div h1 {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 15;
  font-weight: normal;
  background-color: #6b8ca6;
  color: #fff;
  border-radius: 4px 4px 0px 0px;
  margin: 0px;
  padding: 6px 0px;
}
div#product_sidebar > div p {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 14;
  font-weight: normal;
}
div#product_sidebar .download_box p {
  margin: 20px 0px 10px 0px;
}
div#product_sidebar .download_box a:first-child {
  /* "Download Now" button */

  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 16;
  font-weight: normal;
}
div#product_sidebar .mas_box p {
  margin-top: 10px;
  margin-bottom: 15px;
}
div#product_sidebar .mas_box > a > img {
  margin-bottom: 15px;
}
div#product_sidebar .reviews_box h3 {
  background-color: #eee;
  font-weight: normal;
  text-align: left;
  padding: 3px 0px 3px 8px;
}
div#product_sidebar .reviews_box p {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 12;
  font-weight: normal;
  text-align: right;
  font-style: italic;
  margin: 12px 10px;
}
div#product_sidebar .reviews_box img {
  width: 100%;
}
div#product_sidebar .reviews_box hr {
  width: 70%;
  border: 0;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #eeeeee, #555555, #eeeeee);
}
/* ---------- NavTabs ---------- */
#navtabs {
  width: 100%;
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  background: url(/images/navtabs_background@2x.jpg);
}
#navtabs div.inner {
  width: 800px;
  height: 100%;
  margin: 0px auto;
}
#navtabs div.inner div.left {
  width: 300px;
  float: left;
  /*			border:1px black solid;*/

}
#navtabs div.inner div.left img {
  width: 32px;
  height: 32px;
  float: left;
  margin: 5px 10px auto 20px;
}
#navtabs div.inner div.left h1,
#navtabs div.inner div.left h2,
#navtabs div.inner div.left h3 {
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.4);
  margin: 7px auto;
  color: #ffffff;
  margin: 0;
}
#navtabs div.inner div.left h1 {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 24;
  font-weight: normal;
  float: left;
  margin: 7px auto;
}
#navtabs div.inner div.left h2 {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 18;
  font-weight: normal;
  margin-top: 2px;
}
#navtabs div.inner div.left h3 {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 12;
  font-weight: normal;
  float: left;
  color: #555555;
  text-shadow: none;
}
#navtabs div.inner ul {
  font-family: "Helvetica Neue", Helvetica, Futura, "Lucida Grande", Arial;
  font-size: 14;
  font-weight: normal;
  float: right;
  margin: 15px 10px 0px 0px;
}
#navtabs div.inner ul li {
  display: inline;
  padding: 0px 10px;
}
#navtabs div.inner ul li.selected a {
  border-bottom: 2px solid white;
  text-decoration: none;
  cursor: default;
  font-weight: bold;
}
#navtabs div.inner ul a {
  color: #ffffff;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.4);
  padding-bottom: 1px;
}
#navtabs div.inner ul a:hover {
  text-decoration: underline;
}
/* ----------      ---------- */
table.ann {
  border-collapse: collapse;
  border: 1px black solid;
  margin-bottom: 20px;
}
th.ann {
  padding: 5px;
  text-align: left;
}
td.ann {
  padding: 2px;
  font-size: 10pt;
}
table.info {
  border-collapse: collapse;
  border: 1px #000000 solid;
}
th.info {
  background-color: #AAAAAA;
  font-size: 10pt;
}
td.info {
  background-color: #FFFFFF;
  font-size: 10pt;
  text-align: left;
}
table.req {
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  margin-top: 5px;
  margin-bottom: 20px;
}
table.req th {
  font-size: 9pt;
  background-color: #CCCCCC;
  height: 25px;
}
table.req td {
  font-size: 8pt;
}
table.req ul {
  padding-left: 20px;
  padding-top: 5px;
}
table.req li {
  padding-bottom: 5px;
}
th.req {
  background-color: #BBBBBB;
  font-size: 9pt;
  text-align: left;
}
td.req {
  font-size: small;
  text-align: left;
  padding-left: 3px;
}
/* ----------  feedback  ---------- */
table.feedback {
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  background-color: #fff;
  margin-top: 5px;
  margin-bottom: 20px;
}
th.feedback {
  font-size: 9pt;
  background-color: #CCCCCC;
  height: 25px;
}
td.feedback {
  font-style: italic;
  font-size: small;
  text-align: left;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
}
td.feedback-h1 {
  font-style: normal;
  font-size: small;
  font-weight: bold;
  text-align: left;
  padding-top: 10px;
}
td.feedback-h2 {
  font-size: small;
  font-style: normal;
  text-align: center;
}
td.feedback-vt {
  text-align: center;
  padding-top: 10px;
}
td.feedback-vt a img {
  margin-bottom: 5px;
}
td.feedback-mu {
  text-align: center;
  font-size: 8pt;
}
td.feedback-mu a img {
  margin-bottom: 0px;
}
/* ----------  testimonial  ---------- */
div.quote {
  font-style: italic;
}
div.quote p.author {
  margin-bottom: 30px;
  text-align: right;
}
div.quote span.quoteMark {
  /*	font-size:30px;*/

}
div.quote p.author a {
  color: #00F;
  text-decoration: none;
  border-bottom: dotted;
  border-width: 1px;
  text-align: right;
}
th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
td {
  font-family: "Lucida Grande", Arial, Helvetica;
  padding-top: 4px;
  padding-bottom: 4px;
}
td.body {
  font-size: 13px;
  color: #333;
  padding-left: 20px;
  padding-bottom: 20px;
}
td.body b {
  color: #000;
}
b.body {
  color: #333;
}
/*div.box {
	border: solid;
	border-width: thin;
	width: 400px;
	padding:20px;
	text-align: center;
	margin-left: 20%
}
*/
em.lead {
  font-style: normal;
  font-size: 150%;
}
.NavNormal {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: white;
  text-decoration: none;
}
.NavCurPag {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: Yellow;
  text-decoration: none;
  font-weight: bold;
}
/* ---------- Product Title ---------- */
.productTitle {
  font-family: Futura, "Lucida Grande", Arial, Helvetica;
}
.productTitle h1 {
  font-weight: normal;
  color: black;
  font-size: 28px;
  text-shadow: #A9A9A9 4px 4px 6px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.productTitle h2 {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-weight: normal;
  color: #888888;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.productTitle hr {
  width: 70px;
  height: 2px;
  background-color: #666;
  border: 0;
}
/* ---------- Product Body Section Header ---------- */
.sectionHeader {
  font-family: "Lucida Grande", Arial, Helvetica;
  color: black;
}
.sectionHeader h2 {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 4px;
}
.sectionHeader hr {
  height: 1px;
  background-color: black;
  border: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
}
/* ---------- Inset Box 1 (feature highlights etc) ---------- */
div.inset_box1 {
  width: 200px;
  border: solid;
  border-width: 1px;
  border-color: #CCC;
  background-color: #FFFF9E;
  padding-left: 10px;
  padding-right: 10px;
}
div.inset_box1 h1 {
  font-family: Futura, "Lucida Grande", Arial, Helvetica;
  font-size: 14px;
  font-weight: normal;
  color: black;
  text-shadow: #A9A9A9 2px 2px 4px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
div.inset_box1 ul {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 12px;
  margin-top: 3px;
  margin-bottom: 5px;
  padding-left: 25px;
}
div.inset_box1-left {
  float: left;
  margin-right: 50px;
}
div.inset_box1.right {
  float: right;
  margin-left: 50px;
}
/* ---------- Banner 160x160 ---------- */
.banner160 {
  background-position: top;
  background-repeat: no-repeat;
  height: 163px;
  text-align: center;
  border: 1px solid #fff;
}
.banner160 ul {
  margin: 135px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.banner160 li {
  display: inline;
  padding: 0px;
  margin-left: 0px;
}
.banner160 li a {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 12px;
  text-decoration: none;
  margin: 0px 5px 0px 5px;
}
.banner160 li a:hover {
  background-color: #ccc;
}
.banner160 li:first-child a {
  padding-left: 0px;
}
.banner160 li:last-child a {
  padding-right: 0px;
}
/* ---------- Sidebar Bundle Ad ---------- */
div#bundleAd {
  background: url(/bundle/AdvertRect1.jpg) no-repeat top;
  padding-bottom: 10px;
  padding-top: 135px;
  text-align: center;
  border: 0px solid #CCCCCC;
}
div#bundleAd a {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  border-bottom: 0px dotted;
}
div#bundleAd a:hover {
  background-color: #ccc;
}
/* ---------- Simple Text Ad ---------- */
div.TextPromo a {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 12px;
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted;
}
div.TextPromo a:hover {
  color: #000;
  background-color: #eee;
  text-decoration: none;
  border-bottom: 0px;
}
/* ---------- Product Header Promo ---------- */
div.ProductHeaderPromo {
  font-family: Courier, "Lucida Grande", Arial, Helvetica;
  font-size: 13px;
}
/* ---------- Download box on product page ---------- */
div.download {
  text-align: center;
  margin-top: 0px;
}
div.download a {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 16px;
  color: #00f;
  text-decoration: none;
  border-bottom: 0px dotted;
  margin-bottom: 0px;
  padding: 0px;
}
/*deprecated - replace 'rev' with 'revision' */
div.download a.rev {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 10px;
}
div.download a.revision {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 10px;
}
div.download a.fb_revision {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 10px;
}
div.download a.oldversions {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 10px;
}
div.download a:hover {
  color: #000;
  background-color: #eee;
}
div.download p {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 10px;
  color: #666;
  padding-top: 0px;
  margin-top: 10px;
  margin-left: -10px;
  margin-right: -10px;
}
/* ---------- Buy box on product page ---------- */
div.buy {
  text-align: center;
}
div.buy a {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 16px;
  color: #00f;
  text-decoration: none;
  border-bottom: 0px dotted;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px;
}
div.buy a:hover {
  color: #000;
  background-color: #eee;
}
div.buy p {
  font-family: "Lucida Grande", Arial, Helvetica;
  font-size: 10px;
  color: #666;
  padding-top: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: -10px;
  margin-right: -10px;
}
div.buy hr {
  margin-top: 10px;
  width: 80%;
  height: 1px;
  border: 0px;
  background-color: #ccc;
}
/* ---------- dialog ---------- */
div.dialog-inline {
  visibility: hidden;
  height: 0;
  margin: 0 0 0 0;
}
div.dialog {
  visibility: visible;
}
/* ---------- jquery-ui ---------- */
.ui-widget-overlay {
  background-color: black;
  opacity: 0.65;
}
.ui-widget-header {
  background-color: #6b8ca6;
  background-image: none;
  color: white;
}