/* CSS Document */
html, body, *
{
  margin: 0;
  padding: 0;
}
html, body
{
  background: #555555;
  height: 100%;
}
.attention {  font-weight: bold;  color: #222;  }
.centerdiv {  text-align: center; }
/****************** Styles for siteNav *****************/
.siteNav
{
  clear: both;
  width: 847px;
  height: 57px;
  margin: 0 auto;
  background: url(/images/navbg.gif) top left no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.siteNav a {  text-decoration: none;  display: block;  }
.siteNav ul{  margin-left: 26px;  padding-top: 22px;  }
.siteNav li
{
  float: left;
  list-style: none;
  position: relative;
  text-align: center;
}
.siteNav li a
{
  padding: 8px 14px 8px 14px;
  background: transparent url(/images/site_nav_borders.gif) bottom right no-repeat;
}
.siteNav li a:link
{
  color: #fff;
  background: transparent url(/images/site_nav_borders.gif) bottom right no-repeat;
}
.siteNav li a:visited {  color: #fff;  }
.siteNav li a:hover {  color: #fff;  background: #666666;  }
.siteNav li.current_h,.siteNav li.current_h a
{
  color: #000;
  background: #fff;
}
.siteNav li.current_h a:hover, .siteNav li.current_h a:visited
{
  background: #fff;
  cursor: default;
  color: #000;
}
/******************** Style for site Nav ends ***********************/
/* **************** Style for webpage **************** */
/* Page Header */
.pageHeader
{
  width: 900px;
  margin: 0 auto;
  height: auto;
  text-align: left;
}
.pageHeader img {  border:none;  margin: 20px 0 0 0;  }
.pageWrapper
{
  width: 847px;
  margin: 0 auto;
  background: url(/images/bodybg.gif) repeat-y;
  font-family: verdana, arial, helvetica, geneva, sans-serif;
  font-size: 80%;
}
.pageContainer
{
  float: left;
  width: 799px;
  height: auto;
  margin: 12px 12px 18px 25px !important;
  margin: 12px 0px 18px 12px;
}
.pageBottom
{
  width: 847px;
  margin: 0 auto;
  clear: both;
  height: 28px;
  background: url(/images/bottom.gif) bottom no-repeat;
}
/*============== Page Footer Setup =================*/
.pageFooter
{
  clear: both;
  height:auto;
  width: 850px;
  margin: 15px auto 0;
  padding: 10px 0;
  text-align:center;
  color: #fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  vertical-align:middle;
}
.pageFooter p {  padding: 4px;  text-align: center;  }
.pageFooter a {  color:#fff;  text-decoration: none;  }
.pageFooter a:hover {  color:#000;  text-decoration: underline; }
#footerNav {  vertical-align: middle;  }
#footerNav a {  padding: 3px;  color:#fff;  text-decoration:none;  }
#footerNav a:hover {  color:#B7E1F6;  border-bottom: 1px solid;  }
#footerNav #current_f {  color:#B7E1F6;  font-weight:bold;  }
/*============== End of Page Footer Setup =================*/
.divider
{
  clear: both;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin: 17px 20px;
}
.downloadButtonPro img
{
  /*background: url(/images/downloadbtn_pro.jpg); cursor: hand;*/
  height: 73px;
  width: 260px;
  border: none;
}
.downloadButtonEnt img
{
  /*background: url(/images/downloadbtn_ent.jpg); cursor: hand;*/
  height: 73px;
  width: 260px;
  border: none;
}
.buyButton
{
  background: url(/images/buyapptivation.jpg);
  height: 73px;
  width: 260px;
  cursor: hand;
  border: none;
}
#topBanner
{
  clear: both;
  width: 790px;
  height: 300px;
  margin: 16px auto;
  background: url(/images/topbanner.jpg) no-repeat;
}
#topBanner #trialBtn
{
  float: right;
  position: relative;
  cursor: hand;
  margin: 10px 73px 0 0 !important;
  margin: 10px 37px 0 0;
}
#topBanner #buyBtn
{
  float: right;
  position: relative;
  cursor: hand;
  margin: 155px -80px 0 0 !important;
  margin: 155px -100px 0 0;
  right: -137px !important;
  right: -119px;
}
#topBanner #trialBtn img, #topBanner #buyBtn img {  border: none;  }
#topBanner #keyword
{
  float: left;
  position: relative;
  margin-left: 3px;
  margin-top: 18px;
  width: 450px;
  padding: 10px;
  color: #fff;
  font-size: 13px;
  line-height: 2.2em;
}
#topBanner #keyword #p1
{
  line-height: 1.7em;
  margin-top: 30px;
  width: 330px;
}
#topBanner #keyword #p2
{
  line-height: 1.7em;
  margin-top: 10px;
  width: 450px;
}
#topBanner #keyword h1 {  font-size: 30px;  }
#topBanner #keyword #h1a {  font-size: 21px;  }
#topBanner #keyword #notice {  color: red;  font-size: 13px;  }
#topBanner a {  text-decoration: none;  color: #fff;  }
#topBanner a:hover {  text-decoration: underline;  }
#topBanner a:visited {  color: #fff;  }
.pageIntro_trial, .pageIntro_buy, .pageIntro_activate, .pageIntro_contact, .pageIntro_support
{
  clear: both;
  width: 790px;
  height: 225px;
  margin: 5px 0 16px 3px !important;
  margin: 5px auto 16px auto;
}
.pageIntro_trial { background: url(/images/trial.jpg) no-repeat; }
.pageIntro_buy { height: auto; }
.pageIntro_activate { height: auto; }
.pageIntro_support { height: auto; background: url(/images/support.jpg) top no-repeat; }
.pageIntro_contact { background: url(/images/contactus.jpg) no-repeat; }
.bannerContent
{
  z-index: 1;
  position: relative;
  padding: 15px;
  width: 96%;
  height: 88%;
  color: #222;
  font-size: 13px;
  line-height: 1.4em;
}
.bannerContent a {  color: #0055AA; text-decoration: none;  }
.bannerContent a:hover { color: #003399; text-decoration: underline;  }
.bannerContent img {  border:none;  }
.bannerContent ul {  margin-left: 18px;  }
.bannerContent li {  line-height: 1.8em;  }
.bannerContent h1 {  font-size: 25px;  }
.bannerContent h2 {  color: #333;  line-height: 1.3em; }
.bannerContent table {  width: auto; border: none; }
.bannerContent table tr {  width: auto; padding: 5px;  }
.bannerContent table tr td {  padding: 0 8px 20px 0; vertical-align: top; }
.activateContent table {  width: 97%; margin: 0 auto; border: none; }
.activateContent table tr { width: auto; padding: 5px; }
.activateContent table tr .options
{
  width: 20%;
  font-size: 16px;
  font-weight: bold;
  color: #336699;
}
.activateContent table tr td { padding: 0 8px 0 0; vertical-align: middle;}
table {  border: none;  width: 100%;  line-height: 1.5em;  }

.solutions {  width: 100%;  margin-bottom: 15px;  }
.solutions ul li
{
  margin-left: 24px;
  list-style: disc outside;
  line-height: 1.3em;
}
.solutions .solLeft
{
  clear: both;
  float: left;
  width: 46%;
  border-right: 1px solid #ddd;
}
.solutions .solRight
{
  float: right;
  width: 53%;
}

/*================= Left side bar ==============*/
.sidebardiv
{
  width: 185px !important;
  width: 160px;
  float: left;
  background: #555555;
  padding: 25px 0px 25px 15px;
  height: 100%;
}
.sidebar {  font-size: 13px; }
.sidebar a
{
  text-decoration: none;
  display: block;
  padding: 12px 8px;
  width: auto !important;
  width: 170px;
  color: #fff;
}
.sidebar a:hover
{
  color: #000;
  background: #aaa;
  display: block;
  text-decoration: none;
}
.sidebar ul {  margin: 0;  padding: 0;  list-style-type: none;  }
.sidebar li {  margin: 0 0 0 0;  font-weight: bold;  }
.sidebar ul li ul a
{
  display: block;
  padding: 11px 5px 11px 23px !important;
  padding: 11px 5px 11px 23px;
  width: auto !important;
  width: 173px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
.sidebar ul li ul a:hover
{
  color: #000;
  background: #aaa;
  text-decoration: none;
}
.sidebar .current_s {  color: #000;  background: #fff;  }
.sidebar .current_s a {  color: #000;  }


#pageMain_buy
{
  width: 94%;
  margin: 0 auto;
  padding: 10px 2px;
  line-height: 2em;
  color: #333;
}
#pageMain_buy a {  text-decoration: none;  }
#pageMain_buy a:hover {  text-decoration: underline;  }
#pageMain_buy ul { margin-left: 18px; }
#pageMain_buy ul li
{
  list-style: disc outside;
  line-height: 1.8em;
  vertical-align: middle;
  font-style: italic;
}
.pageMain { width: 760px; margin: 0 auto; }
.pageMain_M { width: 790px;  margin: 0 auto;  }
.pageMain_M h1 {  font-size: 25px;  }
.pageMain_M h2 {  font-size: 22px;  }
.pageMain_M #imgbox {  float: left; padding-right: 15px; }
.pageMain_M #imgbox img {  border-right:1px solid #eee; }
.pageMain_M #introApp
{
  clear: both;
  float: left;
  padding: 14px 8px 0 8px;
  line-height: 1.6em;
  width: 775px;
}
.pageMain_M a { color: #005599; text-decoration: none;  }
.pageMain_M a:hover {  text-decoration: underline; color: #000;  }
.pageMain_M #introApp ul li, .pageMain_M ul li
{
  margin-left: 24px;
  list-style: disc outside;
  line-height: 1.8em;
  font-style: italic;
}
.pageMain_M #activatemessage
{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.pageMain_R
{
  width: 565px;
  float: right;
  margin-right: 10px !important;
  margin-right: 5px;
}
.pageMain_L p, .pageMain_R p
{
  /*  text-align: justify;*/
  line-height: 1.5em;
  font-family: verdana, arial, helvetica, geneva, sans-serif;
  font-size: 13px;
}
.pageMain_R .list ul {  margin-left: 18px; }
.pageMain_R .list ul li
{
  list-style: disc outside;
  line-height: 2em;
  vertical-align: middle;
}
.pageMain_R .content_R ul {  margin-left: 18px; }
.pageMain_R .content_R ul li
{
  margin-left: 25px !important;
  margin-left: 17px;
  list-style: url(/images/tick.jpg);
  line-height: 2em;
  vertical-align: middle;
}
.pageMain_R fieldset, .pageMain fieldset
{
  width: auto;
  border: none;
  border-top: 1px solid #ccc;
}
.pageMain_R legend, .pageMain legend
{
  margin-left: -7px;
  margin-bottom: 9px !important;
  margin-bottom: 17px;
  padding: 0 15px 0 0;
  color:#333333;
  font-size: 24px;
  font-weight: bold;
}
.pageMain_R fieldset h3 {  font-size: 17px;  }
.pageMain_R fieldset p {  line-height: 1.6em;  }
.pageMain_R .toprightimgbox {  float: right;  }
.pageMain_R .topleftimgbox
{
  float: left;
  margin-right: 15px;
  margin-bottom: 8px;
}
.caseStudyTitle
{
  color: #336699;
  font-size: 18px;
  font-weight: bold;
}


.pageLeft
{
  width: 180px !important;
  width: 200px;
  float: left;
  margin: 6px 0px 0px 2px;
}
.leftColForm
{
  clear: both;
  width: 420px;
  margin: 0 0 0 2px;
  padding: 7px;
  float: left;
}
.rightCol, #contactdiv
{
  margin: 0 5px 0 0 !important;
  margin: 0 3px 0 0;
  padding: 10px;
  float: right;
  width: 320px;
  line-height: 1.2em;
}
#contactdiv {  background: url(/images/email.gif) bottom right no-repeat; }
.rightCol a, #contactdiv a  {  color: #0055AA;  }
.rightCol a, #contactdiv a:hover  {  color: #003399;  }
#contactdiv fieldset
{
  margin-top: -10px !important;
  margin-top: -10.5px;
  border: none;
  border-top: 1px solid #ccc;
}
#contactdiv legend
{
  padding: 10px 6px;
  vertical-align: middle;
  color:#336699;
  background: transparent;
  font-size: 15px;
  font-weight: bold;
}

#screenshot
{
  width: 500px;
  line-height: 1.8;
  list-style: none;
}
#screenshot ul li
{
  float: left;
  text-align: center;
  margin: 0 0 20px 0;
  list-style: none;
}
#screenshot ul li img
{
  text-align: center;
  width: 130px;
  height: 130px;
  margin: 10px 10px 8px 10px;
  background: #FFF;
  padding: 6px;
  border: 1px solid #D8A18B;
}
#screenshot ul li a
{
  text-align: center;
  border: 1px solid #fff;
  background: #fff;
  display: block;
  text-decoration: none;
}
#screenshot ul li a:hover
{
  background: #ddd;
  border: 1px solid #aaa;
}


#reasonsTable {  font-size: 11px; border: 1px solid #ccc;  }
#reasonsTable tr td { padding: 2px 5px; text-align: left; }
#reasonsTable #reasonDesc
{
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  background: #336699;
  line-height: 2.5em;
}
#reasonsTable .reasonTitle
{
  font-size: 12px;
  font-weight: bold;
  line-height: 2.5em;
}

#featureTable {  font-size: 11px;  border: 1px solid #ccc;  }
#featureTable tr td { padding: 2px 5px; text-align: left; }
#featureTable #featureTitle
{
  color: #fff;
  font-weight: bold;
  background: #336699;
}
#featureTable .featureDesc {  text-align: left;  background: #9CCCFA;  }
#featureTable .cate {  text-align: center;  width: 60%;  }
#featureTable .productType {  text-align: center;  }
.trstyle1 {  background: #EEEEFF; line-height: 1.8em; }
.trstyle2 {  background: #fff; line-height: 1.8em;  }

#buybox { float: right; margin-right: -10px; }
.breadcrumb {  width: 790px;  margin: 0 auto;  }
.breadcrumbWrapper
{
  width: 500px;
  height: 70px;
  margin: 30px auto 0 auto;
}
.breadcrumbWrapper img {  border: none;  }

.productTable { border: 1px solid #ddd; margin: 30px auto; width: 100%; }
.productTable table td {  padding: 2px 15px;  }
.productTable table td img {  border: none;  }
.productTable table .product1 { background: #EEEEFF; }
.productTable table .product2 { background: #fff; }
.productTable table .productTitle {  font-size: 14px; font-weight: bold; padding-bottom: 5px; }
.productTable table .tableContent {  font-size: 11px; color: #666; padding-bottom: 10px;  }
.productTable table .tableRightCol {  font-size: 13px; font-weight: bold;  padding: 0 8px; }
.productTable table .tableIntro
{
  line-height: 1.8em;
  color: #fff;
  background: #336699;
  font-size: 13px;
  font-weight: bold;
}
.payment table {  border: 1px solid #888;  }
.payment table td {  padding: 2px 10px; }
.payment table td img {  border: none;  }
.payment table .tableLeftCol {  width: 75%;  }
.payment table .tableTitle
{
  line-height: 1.8em;
  color: #fff;
  background: #336699;
  font-size: 13px;
  font-weight: bold;
}

#faqDiv {  line-height: 1.5em;  }
#faqDiv a {  color: #0055AA; text-decoration: none;  }
#faqDiv a:hover { color: #003399; text-decoration: underline; }
.questionTitle
{
  width: 20px;
  vertical-align: top;
  font-weight: bold;
  color: #3242ed;
}
.question {  font-weight: bold;  color: #3242ed;  }
.answerTitle {  vertical-align: top;  font-weight:bold;  color: #00AA11;  }
.answer {  padding-bottom: 20px; }

#productKeyDiv
{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  width: 100%;
  margin: 30px auto;
  padding: 20px 0;
}
#productKey
{
  margin-top: 9px;
  line-height: 90px;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #004BAA;
  width: 430px;
  height: 90px;
  background: url(/images/productkeydiv.jpg);
}
#comments
{
  margin: 0 auto;
  padding: 10px;
  width: 92%;
  height: 88%;
  color: #222;
  font-size: 13px;
  background: #F8F8FF;
}
#comments p
{
  font-style: italic;
  border: 20px solid #F8F8FF;
}
.errorPage
{
  width: 790px;
  margin: 0 auto;
  border: 1px solid #ddd;
}

/************* All Forms style *************/
/**
 * leftColForm formWrapper
 */
.leftColForm .formWrapper
{
  width: 420px;
  margin-top: -20px;
}
.leftColForm .formWrapper label
{
  float: left;
  width: 140px;
  padding: 0 1em;
  text-align: right;
  font-size: 13px;
}
.leftColForm .formWrapper #error
{
  padding-left: 170px;
  font-size: 8px;
  margin: 1px 1px 1px 1px;
  text-align: left;
  color: red;
  font-weight: bold;
}
#centerForm .formWrapper {  width: 500px; }
/***************************************/
.formWrapper
{
  width: 570px;
  margin: 0 auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.formWrapper .choice
{
  color:blue;
  font-size:15px;
}
.formWrapper #error
{
  padding-left: 255px;
  font-size: 8px;
  margin: 1px 1px 1px 1px;
  text-align: left;
  color: red;
  font-weight: bold;
}
.formWrapper .btn {  clear: both; }
.formWrapper .btn input
{
  /*
  margin-left:15px;
  margin-right:15px;*/
  color: #fff;
  cursor: hand;
  font-weight: bold;
  padding: 3px 5px;
  background: #114488;
  border-top: 2px solid #aaa;
  border-left: 2px solid #aaa;
  border-bottom: 2px solid #221155;
  border-right: 2px solid #221155;
}
.formWrapper #btnBuy {  clear: both;  text-align: center;  }
.formWrapper #btnBuy input
{
  margin-left:10px;
  margin-right:10px;
  color: #fff;
  font-weight: bold;
  padding: 3px 5px;
  background: #114488;
  border-top: 2px solid #aaa;
  border-left: 2px solid #aaa;
  border-bottom: 2px solid #221155;
  border-right: 2px solid #221155;
}
.formWrapper fieldset
{
  margin: 1em 0;
  border: none;
  border-top: 1px solid #ccc;
}
.formWrapper legend
{
  padding: 10px 6px;
  vertical-align: middle;
  color:#336699;
  background: transparent;
  font-size: 15px;
  font-weight: bold;
}
.formWrapper label
{
  float: left;
  width: 230px;
  padding: 2px 1em;
  text-align: right;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.formWrapper fieldset div
{
  margin-bottom: 3px;
  padding: 0;
  display: block;
  font-size: 13px;
}
.formWrapper fieldset div input,textarea
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 1px;
  color: #333;
}
.formWrapper input:focus
{
  background: #F8F58F;
  color: #000;
}
.formWrapper textarea:focus
{
  background: #F8F58F;
  color: #000;
}
.formWrapper fieldset .fm_opt
{
  color:#222;
}
.formWrapper fieldset .fm_code
{
  padding: 4px 0;
  line-height: 2em;
  vertical-align: middle;
}
.formWrapper fieldset .fm_code label
{
  color:#222;
  font-weight: bold;
}
.formWrapper fieldset .fm_code img
{
  vertical-align: middle;
}
.formWrapper fieldset .fm_code input
{
  vertical-align: middle;
}

.formWrapper fieldset .fm_req label
{
  color:#222;
  font-weight: bold;
}
.formWrapper fieldset .fm_req label:before
{
  content: "* ";
  color:red;
}