body, html {
  background: white;
  padding: 0px;
  margin: 0px;
  height: 100%;
  font: normal normal 400 14px/21px "Open Sans";
}

a, a:link, a:visited {
  color: #005999;
  text-decoration: underline;
}

a:hover { 
  color: #007999;
  text-decoration: underline;
}

h1 {
  font: normal normal 400 30px "Open Sans"; 
  color: #005a9c;
  margin: 0px;
}

h2 {
  font: normal normal 400 24px "Open Sans";
  color: #444444;
  text-align: left;
  margin: 0px;
}

.sc_horzline {
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 20px;
}

p {
  margin-top: 14px;
}

#header {
  height: 80px;
  position: relative;
}

#headerwrapper {
  background: url(../images/header.png);
  height: 80px;
}

#headercontent {
  width: 980px;
  height: 80px;
  margin: 0px auto;
}

#headerlogo {
  float: left;
  margin-top: 5px;
  height: 70px;
}

#title {
  margin-top: 20px;
  margin-left: 15px;
}

#panel {
  background: url(../images/panel.png);
  height: 36px;
}

#panelcontent {
  width: 980px;
  margin: 0px auto;
  height: 38px;
  line-height: 38px;
}

#panelcontent span.separator {
  float: left;
  width: 1px;
  height: 35px;
  background-color: #bcbcbc;
}

#panelcontent a {
  float: left;
}

.navbtn, .navbtn:link, .navbtn:visited {
  background: url(../images/btn-nav.png);
  font: 12pt sans-serif;
  height: 35px;
  line-height: 35px;
  color: #4B4B4B;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
}

.navbtn:hover {
  background-position: 0px 35px;
  text-decoration: none;
}

#page-wrapper {
  margin-top: 36px;
}

#footer {
  height: 220px;
  position: relative;
  padding: 0px;
  margin: 0px;
}

#footerwrapper {
  background: url(../images/footer.png);
  height: 220px;
  padding: 0px;
  margin: 0px;
}

#footercontent {
  color: #E5E5E5;
  width: 980px;
  height: 160px;
  margin: 0px auto;
  padding: 5px;
}

#footer ul {
  display: block;
  float: left;
  padding-right: 30px;
}

#footer li {
  display: block;
  list-style: none outside none;
  padding-top: 5px;
}

#footer a {
  color: white;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

.footer_header {
  font: normal normal 700 16px/21px "Open Sans";
  margin-bottom: 10px;
}

#copyright {
  float: right;
  padding-right: 20px;
  position: relative;
  top: 50%;
}

/* sparkocam page */

.sc_contentwrapper {
  overflow: hidden;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
}

.sc_content {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#scm_contentwrapper {
  /*background-color: #f1f2f6;*/
  background-color: #ffffff;
}

#scm_contentleft {
  float: left;
  width: 470px;
}

#scm_contentlefthdr {
  margin-left: 20px;
  margin-top: 0px;
}

#scm_contentleftpre {
  font: normal normal 400 14px/20px "Open Sans"; 
  color: #666666;
  margin-left: 20px;
  margin-top: 25px;
  margin-bottom: 25px;
}

#scm_contentleftdown {
  width: 234px;
  margin: 10px 100px 20px;
}
#scm_contentleft ul, #scb_licbenefits ul {
  list-style-image: url(../images/listitem.png);
  font: normal normal 400 14px/20px "Open Sans"; 
  color: #000000;
  display: table;
}

#scm_contentleft li {
  margin-bottom: 17px;
  padding-left: 12px;
}

#scb_licbenefits li {
  margin-left: -20px;
  margin-bottom: 14px;
  padding-left: 12px;
}

.sc_btn_link, .sc_btn_link:link, .sc_btn_link:visited {
  text-decoration: none;
  outline: 0px none;
}

.sc_btn_link:hover {
  text-decoration: none;
}

.scb_buylink {
  width: 104px;
}

#scm_btn_download {
  background: url(../images/btn-download.png);
  width: 236px;
  height: 60px;
  font: normal normal 700 24px "Open Sans";
  color: #FFFFFF;
  text-align: center;
  text-shadow: 0px 1px 0px #666666;
  line-height: 48px;
  vertical-align: middle;
  display: block;
}

#scm_btn_download:hover {
  background-position: 0px 60px;
}

#scm_btn_download_beta {
  background: url(../images/btn-download.png);
  background-size: 100%;
  width: 165px;
  height: 42px;
  font: normal normal 700 16px "Open Sans";
  color: #FFFFFF;
  text-align: center;
  text-shadow: 0px 1px 0px #666666;
  line-height: 35px;
  vertical-align: middle;
  display: block;
}

#scm_btn_download_beta:hover {
  background-position: 0px 42px;
}

#scm_features {
  /*background-color: #fafafa;*/
  background-color: #f1f1f1;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #c2c2c2;
  width: 100%;
}

#scm_featurescontent {
  width: 1000px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

#scm_featurescontenthdr, #scd_portablecontenthdr, #scd_changelog {
  margin: 20px 20px 0;
}

.scm_featurecell {
  overflow: hidden;
}

.scm_featureimage {
  float: left;
  margin: 0 15px 15px 0;
}

.scm_featurehdr {
  font: normal normal 400 18px "Open Sans";
  color: #444444;
  height: 59px;
  line-height: 59px;
}

.scm_featuredesc {
  font: normal normal 400 14px/21px "Open Sans";
  color: #000000;
}

.scm_col1 {
  width: 250px;
  padding-right: 60px;
}

.scm_col2 {
  width: 240px;
  padding-right: 60px;
}

.scm_col3 {
  width: 310px;
}

#scm_featurescontent table {
  border-collapse: separate;
  width: auto;
  margin: 0px 30px;
}

#scm_featurescontent td {
  padding-top: 30px;
  vertical-align: top;
}

#scm_featureslink {
  margin: 30px 15px;
  text-decoration: none;
  font: normal normal 400 16px/21px "Open Sans";
}

#scm_featureslink:hover {
  text-decoration: underline;
}

#scd_contentwrapper {
  background-color: #ffffff;
  padding-bottom: 10px;
}

#scd_content {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#scd_beta {
  background-color: #e4ecef;
  border: 1px solid #b0c8d0;
  padding-bottom: 20px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

#scd_portable {
  background-color: #f1f1f1;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #c2c2c2;
  width: 100%;
  padding-bottom: 20px;
}

#scd_portablecontent {
  width: 1000px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

#scd_betadownload {
  width: 236px;
  margin-left: auto;
  margin-right: auto;
}

#scd_portabledesc {
  text-align: left;
  margin: 20px 20px 0;
}

#scd_contentleft {
  float: left;
  width: 255px;
  padding: 20px 0px 0px 0px;
}

#scd_contentright {
  overflow: hidden;
  width: 655px;
}

#scd_contentrighthdr {
  margin-left: 20px;
  margin-top: 0px;
}

#scd_contentrighthdrhr {
  margin-left: 20px;
}

#scd_downloadblock {
  overflow: hidden;
  float: left;
  margin-left: 20px;
  margin-top: -10px;
}

#scd_contentleftdown {
  width: 236px;
  margin-top: 25px;
}

#scd_sysreq {
  margin-top: 10px;
  float: right;
  width: 320px;
}

#scb_questions {
  margin-top: 20px;
  margin-right: 20px;
  float: right;
  width: 320px;
}

.infopanel-header {
  background: url(../images/infopanel-header.png);
  width: 320px;
  height: 40px;
  line-height: 40px;
  color: #FFFFFF;
  text-align: center;
}

.infopanel-content {
  border: 1px solid #737171;
  background: #ffffff;
  margin-bottom: 20px;
  text-align: left;
  padding: 5px 10px 5px 10px;
}

.infopanel-content p
{
  margin: 7px 0px 7px 0px;
}

#scd_contentbottom {
  width: 1000px;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  font: normal normal 400 13px/20px "Open Sans";
  color: #666666;
}

#scd_changelogcontent {
  font: normal normal 400 14px/21px "Open Sans";
  color: #000000;
  text-align: left;
  margin: 20px;
  padding-bottom: 10px;
}

.changelogtitle {
  font-weight: bold;
  color: #005a9c;
}

#scb_content {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

#scb_contentleftimg {
  float: left;
  margin-right: 20px;
}

#scb_contentleftmb {
  padding-top: 35px;
}

#scb_licbenefits {
  margin-left: 30px;
  margin-top: 15px;
  float: left;
}

#scb_header {
  float: none;
  overflow: hidden;
}

#scb_licprice {
  margin: 20px;
  margin-top: 30px;
}

#scb_licprice table {
  border-collapse: separate;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
}

#scb_licprice td {
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 15px;
  text-align:center;
}

#scb_licprice H2 {
  color: #005a9c;
  font: normal normal 400 28px "Open Sans";
}

#scb_licprice H3 {
  font: normal normal 400 14px "Open Sans";
  color:#303030;
  margin-left: 2px;
}

.scb_tdgray {
  background-color:#EEEEEE;
}

.scb_tdltgray {
  background-color:#F9F9F9;
}

.scb_licname {
  font: normal normal 700 14px "Open Sans";
}

.scb_licname {
  font: normal normal 700 16px "Open Sans";
}

.scb_licprice {
  font: normal normal 400 14px "Open Sans";
}

.scb_liccol {
  /*width: 265px;*/
}

.scb_pricecol {
  /*width: 85px;*/
}

.scb_buycol {
  /*width: 180px;*/
}

.btn-buy-now {
  background: url(../images/btn-buy.png);
  background-position: 0px 0px;
  font: normal normal 700 14px "Open Sans";
  display: block;
  width: 104px;
  height: 36px;
  line-height: 32px;
  color: #FFFFFF;
  text-align: center;
  text-shadow: 0px 1px 0px #666666;
  vertical-align: middle;
  margin: 0px auto;
}

.btn-buy-now:hover {
  background-position: 0px 36px;
}

#scb_title {
  margin-right: 40px;
}


#scb_contentright {
  background-color: #eae9e8;
  float: right;
  width: 314px;
  margin-left: 20px;
  margin-top: 15px;
}

#scb_whyhdr {
  background-color: #f2f2ef;
  width: 310px;
  height: 54px;
  margin: 2px;
  text-align: center;
  line-height: 54px;
}

#scb_whyspre {
  font: normal normal 400 24px "Open Sans";
  color: #9d0202;
}

#scb_whypost {
  font: normal normal 400 24px "Open Sans";
  color: #005a9c;
}

#scb_whydesc {
  background-color: #eef3f6;
  margin: 2px;
  padding: 20px 20px 10px 20px;
  width: 270px;
}

#scb_whydesc ul {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -15px;
  list-style-image: url(../images/listitem.png);
  font: normal normal 400 13px/18px "Open Sans"; 
  color: #000000;
  display: table;
}

#scb_whydesc li {
  margin-bottom: 11px;
}

.shadow {
  -moz-box-shadow: 3px 3px 5px #7f7f7f;
  -webkit-box-shadow: 3px 3px 5px #7f7f7f;
  box-shadow: 3px 3px 5px #7f7f7f;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#7f7f7f')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#7f7f7f');
}

#scb_buydesc {
  font: normal normal 400 14px/21px "Open Sans";
  margin: 30px 0px 20px 20px;
  color: #000000;
}

#sch_desc {
  float: left;
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 10px 15px 10px 15px;
  color: #222222;
  padding: 10px 40px 10px 40px;
  font: normal normal 400 13px/20px Verdana;
}

.sch_helpdesc {
  margin-top: 20px;
  margin-bottom: 20px;
}

.sch_help_left_image {
  float: left;
  margin-right: 20px;
}

.sch_help_items_list {
  list-style-position: inside;
  list-style-image: url(../images/listitem.gif);
  padding-left: 1em;
}

.sch_help_items_list li {
  height: 20px;
}

.sch_help_right_image {
  float: right;
  margin-left: 20px;
}

.sch_helpitem_level1, .sch_helpitem_level2, .sch_helpitem_level1:visited, .sch_helpitem_level2:visited {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-decoration: underline;
}

.sch_helpitem_level2 {
  margin-left: 20px;
}

#sch_helpcontents {
  margin-top: 10px;
  margin-left: -40px;
  list-style: none;
}

#sch_help-block h2 {
  color: #3F3F3F;
  font-size: 18px;
  font-weight: 300;
  margin-top: 25px;
  margin-bottom: 25px;
}

#sch_helpdesc_blank {
  min-height: 88px;
}

#sch_content {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
}

#scs_content {
  width: 935px;
  margin-left: auto;
  margin-right: auto;
}

#scs_title {
  margin-bottom: 15px;
}

.scs_frame {
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-radius: 7px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
}

#scs_left {
  padding-top: 10px;
  margin: 5px 0px 0px 20px;
  color: #222222;
  float: left;
  width: 550px;
}

#scs_right {
  float: right;
  width: 300px;
  padding: 0px;
}

#scs_rightinfo {
  margin: 5px 0px 0px 0px;
  padding-bottom: 0px;
}

#scs_rightorders {
  margin: 20px 0px 0px 0px;
  padding-bottom: 0px;
  padding-right: 10px;
}

.red_asterisk {
  color: #FF0000;
}

input, textarea{
  background: repeat-x #FFFFFF;
  border-radius: 3px;
  border-bottom: 1px solid #EDEDED;
  border-left: 1px solid #C5C3C3;
  border-right: 1px solid #EDEDED;
  border-top: 1px solid #C5C3C3;
}

#scs_fieldname input, #scs_fieldemail input {
  width: 400px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#scs_fieldmessage textarea {
  width: 100%;
  resize: none;
  height: 200px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#scs_fieldsn input {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

#scs_fieldcomments textarea {
  width: 100%;
  resize: none;
  height: 100px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#scs_submit {
  font: normal normal 700 18px "Open Sans";
  width: 150px;
  height: 40px;
  padding-bottom: 3px;
  color: #ffffff;
  background-color: #006600 !important;
  background-image: linear-gradient(to bottom, #79D858, #006600) !important;
  background-repeat: repeat-x;
  border-bottom-color: #4A993E !important;
  border-left-color: #4A993E !important;
  border-right-color: #4A993E !important;
  border-top-color: #4A993E !important;
}

#scs_submit:hover {
  background-image: linear-gradient(to bottom, #89E868, #107610) !important;
}

#scs_submit[disabled]{
  color: #656565;
}

#scs_submit[disabled]:hover {
  background-image: linear-gradient(to bottom, #79D858, #006600) !important;
}

.scs_contacthdr {
  font: normal normal 400 20px "Open Sans";
  padding-bottom: 5px;
  border-bottom: 1px dotted #444444;
}

.scs_contacts {
  margin-top: 10px;
  margin-bottom: 10px;
  font: normal normal 400 13px "Open Sans";
}

#scs_main a {
  color: #005999;
  text-decoration: none;
}

#scs_main a:hover {
  color: #005999;
  text-decoration: underline;
}

.scs_contacts table {
  padding-top: 10px;
}

.scs_contacts td {
  padding-right: 5px;
  padding-bottom: 5px;
}

.sca_contactimg {
  padding-right: 7px;
}

.scs_phone {
  font: normal normal 400 12px/20px "Open Sans"; 
}

#scf_desc ul {
  margin: 0px 0px 0px 0px;
  list-style-image: url(../images/listitem.png);
  color: #000000;
  display: table;
}

.scf_itemhdr {
  font: normal normal 700 14px/20px "Open Sans"; 
}

#scm_contentbottomwrapper {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0px;
}

#scm_contentbottom {
  width: 940px;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  font: normal normal 400 14px/21px "Open Sans";
  color: #222222;
}

#scm_devices {
  background-color: #f1f1f1;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #c2c2c2;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
}

#scm_devicescontent {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  font: normal normal 400 14px/21px "Open Sans";
  color: #222222;
}

#scf_downloadblock {
  box-shadow: 0px 1px 1px rgb(255, 255, 255);
  border-top: 1px solid rgb(220, 220, 220);
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
}

#scf_download {
  width: 236px;
  margin: 0 auto;
}

#scs_contentframe {
  width: 610px;
  padding: 10px 30px 10px 30px;
}

.sca_contentwrapper {
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
}

.sca_content {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  font: normal normal 400 14px/21px "Open Sans";
}

.sca_title {
  margin: 0px 0px 20px 0px;
}

.sca_contentframewrapper {
  float: left;
  width: 640px;
}

.sca_contentframe {
  float: left;
  width: 640px;
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 10px 15px 10px 15px;
  margin-bottom: 30px;
  color: #222222;
}

#sca_sidebar {
  float: right;
  width: 280px;
  margin: 0px;
  padding: 0px;
  color: #000000;
  font: normal normal 400 13px/22.1px Arial;
}

.sca_sidebarframe {
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 20px 0px;
  color: #222222;
}

.sca_sidebarframehdr {
  font: normal normal 400 20px "Open Sans";
  padding-bottom: 5px;
  border-bottom: 1px dotted #444444;
}

.sca_sidebarframecontent {
  margin-top: 10px;
  margin-bottom: 0px;
  font: normal normal 400 13px "Open Sans";
}

#sca_fieldname input, #sca_fieldemail input {
  width: 255px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#sca_fieldmessage textarea {
  width: 100%;
  resize: none;
  height: 200px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#sca_submit {
  font: normal normal 700 18px "Open Sans";
  width: 180px;
  height: 40px;
  padding-bottom: 3px;
  color: #ffffff;
  background-color: #006600 !important;
  background-image: linear-gradient(to bottom, #79D858, #006600) !important;
  background-repeat: repeat-x;
  border-bottom-color: #4A993E !important;
  border-left-color: #4A993E !important;
  border-right-color: #4A993E !important;
  border-top-color: #4A993E !important;
}

#sca_submit:hover {
  background-image: linear-gradient(to bottom, #89E868, #107610) !important;
}

#sca_downloadblock {
  box-shadow: 0px 1px 1px rgb(255, 255, 255);
  border-top: 1px solid rgb(220, 220, 220);
  padding: 25px 0px 10px 0px;
}

#sca_download {
  width: 236px;
  margin: 0 auto;
}

.sca_article {
  font: normal normal 400 14px/25px "Open Sans";
  padding: 5px 5px 0px 5px;
}

.sca_article li {
  padding: 0px 0px 5px 10px;
  margin: 0px 0px 0px -25px;
}

#scm_contentbottomres, #sch_contentbottomres {
  width: 940px;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  font: normal normal 400 14px/21px "Open Sans";
  color: #222222;
}

#sch_contentbottomres {
  padding-top: 10px;
  border-top: 1px dotted #444444;
}

#scm_screenshot {
  width: 530px;
}
