/* Note: 
    1. Before adding color codes, please check whether the color code already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
*/
/***************************** Color values by color code ********************************/
/***************************** Color values by color names ********************************/
/* Colors              */
/* Incident Update page - Reseller Portal Opportunity Detail page */
/* end of Incident Update page - Reseller Portal Opportunity Detail page*/
/* Latest Version, Version History, Evaluation and Product downloads pages */
/* End of Latest Version, Version History, Evaluation and Product downloads pages */
/* Metro Ribbon */
/* Banner */
/* new colors */
/* BannerColors  */
/* Grid Colors */
/* Text color*/
/*  Fonts             */
/* Page Size */
/* hover and active colors */
/*============================== Variable declaration====================================*/
/*============================ End of variable declaration ==================================*/
body {
  font-family: "Segoe UI", helvetica, arial, sans-serif; }

a {
  text-decoration: none;
  color: #293674; }

a:hover {
  color: #f7941d; }

a:focus, body:focus, div:focus, focus, button:focus, input:focus {
  outline: 0 !important; }

button:focus {
  outline: none; }

button::-moz-focus-inner {
  border: 0; }

img {
  border: 0 none; }

.hide {
  display: none !important; }

.right {
  float: right; }

.left {
  float: left; }

.transtext, .transtext:hover, .transtext:active {
  color: #A5D1F4;
  cursor: default; }

* {
  margin: 0;
  padding: 0; }

img {
  border: none; }

select, input, textarea {
  font-family: "Segoe UI", helvetica, arial, sans-serif; }

.field-validation-error {
  color: #e51400; }

/*----------------------Page Title------------------------------- */
.partial-page-title {
  font-weight: lighter;
  font-family: "Segoe UI", helvetica, arial, sans-serif;
  font-size: 54px;
  padding: 0 0 4px 15px;
  border-left: 10px solid #517b93;
  background-color: #eaeaea;
  color: #333333;
  margin: 10px 0; }

.PageTitle {
  font-size: 45px;
  margin: 0 auto;
  padding-top: 7px;
  width: 922px;
  font-family: "Segoe UI", helvetica, arial, sans-serif;
  font-weight: lighter; }

.pagetitle {
  font-size: 45px;
  width: 922px;
  font-weight: lighter;
  font-family: "Segoe UI", helvetica, arial, sans-serif;
  margin-bottom: 20px;
  padding-top: 2px; }

.BlueBanner {
  background-color: #517b93;
  color: white;
  height: 80px; }

.YellowBanner {
  background-color: #f9f298;
  color: #333333;
  height: 310px; }

.GreenBanner {
  background-color: #73b841;
  color: white;
  height: 80px; }

.SkyBlue_Banner {
  background-color: #1ba1e3;
  color: white;
  height: 80px; }

.GrayBanner {
  background-color: #dddddd;
  color: #517b93;
  height: 80px; }

.OrangeBanner {
  background-color: #f9f298;
  color: white;
  height: 80px; }

.WhiteBanner {
  background-color: white;
  color: #333333;
  height: 60px;
  margin-top: 0px !important; }

/*----------------------End ofPage Title------------------------------- */
/*---------------------------mixin----------------------------------------*/
/*----------------------------- End of mixin -----------------------------*/
body {
  font-family: "Segoe UI", helvetica, arial, sans-serif; }

/*=================================New Feature Tour page==============================*/
.FTbanner {
  background-color: white;
  height: 380px;
  z-index: 9; }
  .FTbanner .bannersection {
    margin: 0 auto;
    width: 922px;
    height: 300px; }
    .FTbanner .bannersection .bannertext {
      float: left;
      width: 425px;
      margin-top: 30px; }
      .FTbanner .bannersection .bannertext .bannerhead {
        margin-bottom: 20px; }
        .FTbanner .bannersection .bannertext .bannerhead .tophead {
          color: #6d6d6d;
          font-size: 18px;
          margin-bottom: 6px; }
        .FTbanner .bannersection .bannertext .bannerhead .heading {
          color: #1196cd;
          font-size: 50px;
          font-weight: 700;
          line-height: 30px; }
      .FTbanner .bannersection .bannertext .bannerdescription {
        float: left;
        margin-bottom: 15px;
        width: 100%; }
        .FTbanner .bannersection .bannertext .bannerdescription div {
          color: #959595;
          font-size: 26px;
          line-height: 30px; }
        .FTbanner .bannersection .bannertext .bannerdescription .windows-phone-description {
          background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/star.png");
          background-position: 0px 2px;
          background-repeat: no-repeat;
          padding: 0px 0px 6px 20px;
          color: #6d6d6d;
          font-size: 14px;
          line-height: 20px !important; }
      .FTbanner .bannersection .bannertext .morebuttons {
        float: left; }
        .FTbanner .bannersection .bannertext .morebuttons a {
          color: white;
          float: left;
          font-size: 18px;
          font-weight: 600;
          padding: 12px 20px;
          text-align: center; }
        .FTbanner .bannersection .bannertext .morebuttons .trynow {
          background-color: #f9a02b; }
        .FTbanner .bannersection .bannertext .morebuttons .trynow:hover {
          background-color: #ee9d25; }
        .FTbanner .bannersection .bannertext .morebuttons .downloadButtonDescription {
          color: #b2b2b2;
          float: left;
          font-size: 11px;
          padding-top: 5px;
          width: 100%; }
    .FTbanner .bannersection .bannerimage {
      float: left;
      margin-top: 20px;
      position: relative;
      width: 480px;
      z-index: 11; }
      .FTbanner .bannersection .bannerimage .slides_background {
        background-image: url("/Content/en-US/Products/Images/WinRT/Images/silder_background.png");
        background-position: -10px 0;
        background-repeat: no-repeat;
        float: left;
        height: 355px;
        width: 480px;
        z-index: 1; }
        .FTbanner .bannersection .bannerimage .slides_background .slides_container {
          height: 205px;
          left: 86px;
          top: 40px;
          width: 365px;
          display: none; }
          .FTbanner .bannersection .bannerimage .slides_background .slides_container .slides_image {
            display: block;
            height: 212px;
            width: 372px; }
        .FTbanner .bannersection .bannerimage .slides_background .pagination {
          display: none; }
      .FTbanner .bannersection .bannerimage .aspnet-mvc, .FTbanner .bannersection .bannerimage .aspnet, .FTbanner .bannersection .bannerimage .wpf, .FTbanner .bannersection .bannerimage .silverlight, .FTbanner .bannersection .bannerimage .windows-forms, .FTbanner .bannersection .bannerimage .file-format, .FTbanner .bannersection .bannerimage .javascript, .FTbanner .bannersection .bannerimage .lightswitch, .FTbanner .bannersection .bannerimage .aspnetmvc {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/slider_background.png");
        background-position: 63px 10px;
        background-repeat: no-repeat;
        float: left;
        height: 355px;
        width: 480px;
        z-index: 1; }
        .FTbanner .bannersection .bannerimage .aspnet-mvc .slides_container, .FTbanner .bannersection .bannerimage .aspnet .slides_container, .FTbanner .bannersection .bannerimage .wpf .slides_container, .FTbanner .bannersection .bannerimage .silverlight .slides_container, .FTbanner .bannersection .bannerimage .windows-forms .slides_container, .FTbanner .bannersection .bannerimage .file-format .slides_container, .FTbanner .bannersection .bannerimage .javascript .slides_container, .FTbanner .bannersection .bannerimage .lightswitch .slides_container, .FTbanner .bannersection .bannerimage .aspnetmvc .slides_container {
          height: 229px;
          left: 79px;
          top: 27px;
          width: 381px;
          display: none; }
          .FTbanner .bannersection .bannerimage .aspnet-mvc .slides_container .slides_image, .FTbanner .bannersection .bannerimage .aspnet .slides_container .slides_image, .FTbanner .bannersection .bannerimage .wpf .slides_container .slides_image, .FTbanner .bannersection .bannerimage .silverlight .slides_container .slides_image, .FTbanner .bannersection .bannerimage .windows-forms .slides_container .slides_image, .FTbanner .bannersection .bannerimage .file-format .slides_container .slides_image, .FTbanner .bannersection .bannerimage .javascript .slides_container .slides_image, .FTbanner .bannersection .bannerimage .lightswitch .slides_container .slides_image, .FTbanner .bannersection .bannerimage .aspnetmvc .slides_container .slides_image {
            display: block;
            height: 236px;
            width: 389px; }
      .FTbanner .bannersection .bannerimage .mobile-mvc {
        background-image: url("/Content/en-US/Products/Images/mobilemvc/images/mob_phones.png");
        background-repeat: no-repeat;
        float: left;
        height: 363px;
        position: relative;
        width: 402px;
        z-index: 11; }
        .FTbanner .bannersection .bannerimage .mobile-mvc #slides_mobile_wp {
          width: 160px;
          height: 237px;
          position: relative;
          top: 67px;
          left: 14px; }
          .FTbanner .bannersection .bannerimage .mobile-mvc #slides_mobile_wp .slides_container {
            display: none;
            height: 237px;
            left: 0px;
            top: 0px;
            width: 160px; }
            .FTbanner .bannersection .bannerimage .mobile-mvc #slides_mobile_wp .slides_container .slides_images {
              width: 160px;
              height: 237px; }
        .FTbanner .bannersection .bannerimage .mobile-mvc #slides_wp_mobile {
          width: 160px;
          height: 232px;
          position: relative;
          top: -173px;
          left: 213px; }
          .FTbanner .bannersection .bannerimage .mobile-mvc #slides_wp_mobile .slides_container {
            display: none;
            height: 232px;
            left: 0px;
            top: 0px;
            width: 160px; }
            .FTbanner .bannersection .bannerimage .mobile-mvc #slides_wp_mobile .slides_container .slides_images {
              width: 160px;
              height: 232px; }
      .FTbanner .bannersection .bannerimage .windows-phone {
        background-image: url("/Content/en-US/Products/Images/windowsphone/images/wp_background.png");
        background-repeat: no-repeat;
        float: left;
        height: 363px;
        position: relative;
        width: 402px;
        z-index: 11; }
        .FTbanner .bannersection .bannerimage .windows-phone #slides_mobile_wp {
          width: 153px;
          height: 255px;
          position: relative;
          top: 31px;
          left: 22px; }
          .FTbanner .bannersection .bannerimage .windows-phone #slides_mobile_wp .slides_container {
            display: none;
            height: 255px;
            left: 0px;
            top: 0px;
            width: 153px; }
            .FTbanner .bannersection .bannerimage .windows-phone #slides_mobile_wp .slides_container .slides_images {
              width: 153px;
              height: 255px; }
        .FTbanner .bannersection .bannerimage .windows-phone #slides_wp_mobile {
          width: 153px;
          height: 255px;
          position: relative;
          top: -224px;
          left: 230px; }
          .FTbanner .bannersection .bannerimage .windows-phone #slides_wp_mobile .slides_container {
            display: none;
            height: 255px;
            left: 0px;
            top: 0px;
            width: 153px; }
            .FTbanner .bannersection .bannerimage .windows-phone #slides_wp_mobile .slides_container .slides_images {
              width: 153px;
              height: 255px; }
    .FTbanner .bannersection .mobile-mvc_bannerImage {
      float: left;
      margin-top: 20px;
      position: relative;
      width: 405px;
      z-index: 11;
      margin-left: 70px; }
    .FTbanner .bannersection .windows-phone_bannerImage {
      float: left;
      margin-top: 20px;
      position: relative;
      width: 405px;
      z-index: 11;
      margin-left: 70px; }
  .FTbanner .bannerbottom {
    background-color: #f4f3f2;
    border-bottom: 2px solid #dededd;
    height: 68px; }
    .FTbanner .bannerbottom .morelinks {
      margin: 0 auto;
      width: 922px; }
      .FTbanner .bannerbottom .morelinks a {
        background-repeat: no-repeat;
        height: 40px;
        margin-top: 15px;
        padding-left: 50px;
        padding-top: 6px; }
      .FTbanner .bannerbottom .morelinks .samples {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/viewsamples.PNG");
        float: left;
        width: 190px; }
      .FTbanner .bannerbottom .morelinks .documentation {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/documentation.PNG");
        float: left;
        width: 250px; }
      .FTbanner .bannerbottom .morelinks .forum {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/forums.PNG");
        float: left;
        width: 150px; }
      .FTbanner .bannerbottom .morelinks .blog {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/blog.PNG");
        float: left;
        width: 130px; }
  .FTbanner .bannerbuynow {
    background-color: #dddddd;
    float: left;
    height: 80px;
    margin-top: -75px;
    *margin-top: 10px;
    width: 100%; }
    .FTbanner .bannerbuynow .buynowcontent {
      margin: 0 auto;
      width: 900px; }
      .FTbanner .bannerbuynow .buynowcontent #buynow_button {
        float: left;
        position: relative;
        top: -7px;
        left: -14px; }
      .FTbanner .bannerbuynow .buynowcontent .buynow_price {
        color: #565656;
        float: left;
        font-size: 38px;
        font-weight: lighter;
        padding: 13px 0 0; }
      .FTbanner .bannerbuynow .buynowcontent .buynow_text {
        color: #565656;
        float: left;
        font-size: 13px;
        padding: 12px 0 0 15px;
        width: 215px; }
  .FTbanner .orubase_bannerbuynow_ {
    margin-top: -50px; }
  .FTbanner .winrt_bannerbuynow_ .buynow_text {
    padding-left: 10px !important;
    padding-top: 13px !important;
    width: 208px !important;
    *width: 200px !important; }

.javascript_ft_banner_ .bannerhead {
  padding-top: 10px !important;
  margin-bottom: 5px !important; }
.javascript_ft_banner_ .javascript_bannerImage {
  margin-bottom: 25px; }
.javascript_ft_banner_ .bannerdescription {
  margin-bottom: 5px !important; }
  .javascript_ft_banner_ .bannerdescription div {
    padding: 0px 15px 15px 20px !important; }
.javascript_ft_banner_ .buynowcontent .buynow_text {
  padding-top: 31px !important; }

.lightswitch_ft_banner_ .lightswitch_bannerImage {
  margin-bottom: 25px; }
.lightswitch_ft_banner_ .bannerhead {
  padding-top: 14px; }
.lightswitch_ft_banner_ .buynow_text {
  color: #6d6d6d !important;
  font-size: 20px !important;
  padding: 25px 0 0 15px !important;
  width: 460px !important; }
.lightswitch_ft_banner_ .bannerdescription div {
  padding: 0px 15px 15px 20px !important; }

.winrt_ft_banner_ .bannertext, .javascript_ft_banner_ .bannertext, .lightswitch_ft_banner_ .bannertext {
  width: 380px !important; }
  .winrt_ft_banner_ .bannertext .bannerdescription div, .javascript_ft_banner_ .bannertext .bannerdescription div, .lightswitch_ft_banner_ .bannertext .bannerdescription div {
    background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/star.png");
    background-position: 0px 2px;
    background-repeat: no-repeat;
    padding: 0px 15px 10px 20px;
    line-height: 20px !important;
    color: #6d6d6d;
    font-size: 14px !important; }
  .winrt_ft_banner_ .bannertext .morebuttons, .javascript_ft_banner_ .bannertext .morebuttons, .lightswitch_ft_banner_ .bannertext .morebuttons {
    float: left; }
    .winrt_ft_banner_ .bannertext .morebuttons a, .javascript_ft_banner_ .bannertext .morebuttons a, .lightswitch_ft_banner_ .bannertext .morebuttons a {
      color: white;
      float: left;
      font-size: 18px;
      font-weight: 600;
      padding: 12px 20px;
      text-align: center; }
    .winrt_ft_banner_ .bannertext .morebuttons .trynow, .javascript_ft_banner_ .bannertext .morebuttons .trynow, .lightswitch_ft_banner_ .bannertext .morebuttons .trynow {
      background-color: #85ba40 !important; }
    .winrt_ft_banner_ .bannertext .morebuttons .trynow:hover, .javascript_ft_banner_ .bannertext .morebuttons .trynow:hover, .lightswitch_ft_banner_ .bannertext .morebuttons .trynow:hover {
      background-color: #709929 !important; }
    .winrt_ft_banner_ .bannertext .morebuttons .downloadButtonDescription, .javascript_ft_banner_ .bannertext .morebuttons .downloadButtonDescription, .lightswitch_ft_banner_ .bannertext .morebuttons .downloadButtonDescription {
      color: #b2b2b2;
      float: left;
      font-size: 11px;
      padding-top: 5px;
      width: 100%; }
.winrt_ft_banner_ .winrt_bannerImage, .javascript_ft_banner_ .winrt_bannerImage, .lightswitch_ft_banner_ .winrt_bannerImage {
  width: 540px !important; }
  .winrt_ft_banner_ .winrt_bannerImage .winrt, .javascript_ft_banner_ .winrt_bannerImage .winrt, .lightswitch_ft_banner_ .winrt_bannerImage .winrt {
    width: 540px !important;
    margin-left: 0px; }

.windows-phone_ft_banner_ .bannertext {
  width: 425px !important; }
  .windows-phone_ft_banner_ .bannertext .bannerdescription div {
    background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/star.png");
    background-position: 0px 2px;
    background-repeat: no-repeat;
    padding: 0px 15px 10px 20px;
    line-height: 20px !important;
    color: #6d6d6d;
    font-size: 14px !important; }
  .windows-phone_ft_banner_ .bannertext .morebuttons {
    float: left; }
    .windows-phone_ft_banner_ .bannertext .morebuttons a {
      color: white;
      float: left;
      font-size: 18px;
      font-weight: 600;
      padding: 12px 20px;
      text-align: center; }
    .windows-phone_ft_banner_ .bannertext .morebuttons .trynow {
      background-color: #85ba40 !important; }
    .windows-phone_ft_banner_ .bannertext .morebuttons .trynow:hover {
      background-color: #709929 !important; }
    .windows-phone_ft_banner_ .bannertext .morebuttons .downloadButtonDescription {
      color: #b2b2b2;
      float: left;
      font-size: 11px;
      padding-top: 5px;
      width: 100%; }

.aspnet-mvc_ft_banner_ .bannertext {
  width: 425px !important; }
  .aspnet-mvc_ft_banner_ .bannertext .bannerhead .heading {
    font-size: 39px !important; }
  .aspnet-mvc_ft_banner_ .bannertext .bannerdescription div {
    background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/star.png");
    background-position: 0px 2px;
    background-repeat: no-repeat;
    padding: 0px 15px 17px 20px;
    line-height: 20px !important;
    color: #6d6d6d;
    font-size: 14px !important; }

.aspnetmvc_ft_banner_ .bannertext {
  width: 425px !important; }
  .aspnetmvc_ft_banner_ .bannertext .bannerdescription div {
    background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/star.png");
    background-position: 0px 2px;
    background-repeat: no-repeat;
    padding: 0px 15px 10px 20px;
    line-height: 20px !important;
    color: #6d6d6d;
    font-size: 14px !important; }

.FTmainsection {
  float: left;
  width: 100%; }
  .FTmainsection .feature_description {
    float: left;
    line-height: 28px;
    margin-top: 30px;
    border-bottom: 1px solid #c9c8c8;
    padding-bottom: 30px;
    padding-top: 10px;
    width: 100%; }
    .FTmainsection .feature_description .descriptionhead {
      color: #666666;
      font-size: 28px;
      font-weight: lighter;
      margin-bottom: 20px;
      float: left; }
      .FTmainsection .feature_description .descriptionhead .preview {
        color: #85ba40;
        font-size: 20px;
        font-weight: 600; }
    .FTmainsection .feature_description .descriptioncontent {
      float: left;
      text-align: justify;
      width: 100%;
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 10px; }
  .FTmainsection .controls_description {
    float: left;
    line-height: 28px;
    margin-top: 30px;
    *margin-top: 80px;
    border-bottom: 1px solid #c9c8c8;
    padding-bottom: 50px;
    padding-top: 10px;
    width: 100%; }
    .FTmainsection .controls_description .descriptionhead {
      color: #666666;
      font-size: 28px;
      font-weight: lighter;
      margin-bottom: 20px;
      float: left;
      margin-left: 152px; }
      .FTmainsection .controls_description .descriptionhead div {
        float: left;
        padding-top: 17px; }
      .FTmainsection .controls_description .descriptionhead .totalcontrols {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/circle.png");
        color: white;
        font-size: 32px;
        height: 51px;
        margin-left: 15px;
        margin-right: 15px;
        text-align: center;
        width: 68px;
        font-weight: lighter; }
    .FTmainsection .controls_description .descriptioncontent {
      float: left;
      text-align: center;
      width: 73%;
      font-size: 15px;
      line-height: 24px;
      margin-left: 125px;
      margin-bottom: 30px; }
    .FTmainsection .controls_description .morebuttons {
      margin: 0 auto;
      width: 18%; }
      .FTmainsection .controls_description .morebuttons a {
        color: white;
        font-size: 18px;
        padding: 8px 24px;
        float: left;
        width: 120px;
        text-align: center; }
      .FTmainsection .controls_description .morebuttons .controllist {
        background-color: #85ba40;
        margin-right: 10px; }
      .FTmainsection .controls_description .morebuttons .controllist:hover {
        background-color: #709929; }
      .FTmainsection .controls_description .morebuttons .gallery {
        background-color: #1196cd; }
      .FTmainsection .controls_description .morebuttons .gallery:hover {
        background-color: #13758c; }
      .FTmainsection .controls_description .morebuttons .samples {
        background-color: #1196cd;
        margin-right: 10px; }
      .FTmainsection .controls_description .morebuttons .samples:hover {
        background-color: #13758c; }
      .FTmainsection .controls_description .morebuttons .moredetail {
        background-color: #85ba40;
        margin-left: -41px;
        width: 200px;
        font-weight: 600;
        font-size: 19px !important; }
      .FTmainsection .controls_description .morebuttons .moredetail:hover {
        background-color: #709929; }
    .FTmainsection .controls_description #morebuttons2 {
      width: 45% !important;
      padding-left: 80px; }
    .FTmainsection .controls_description #morebuttons3 {
      width: 60% !important;
      padding-left: 25px; }
  .FTmainsection .ContentSection {
    float: left;
    width: 922px; }
    .FTmainsection .ContentSection .loadmoreContent {
      border-top: 1px solid #c9c8c8;
      padding-top: 45px !important; }
    .FTmainsection .ContentSection .content {
      width: 922px;
      border-bottom: 1px solid #c9c8c8;
      float: left;
      padding-bottom: 40px;
      padding-top: 40px; }
      .FTmainsection .ContentSection .content .left {
        margin-right: 50px; }
      .FTmainsection .ContentSection .content .contenttext {
        width: 435px; }
        .FTmainsection .ContentSection .content .contenttext .contenthead {
          color: #666666;
          font-size: 28px;
          font-weight: lighter;
          margin-bottom: 15px; }
          .FTmainsection .ContentSection .content .contenttext .contenthead .preview {
            color: #85ba40;
            font-size: 20px;
            font-weight: 600; }
        .FTmainsection .ContentSection .content .contenttext .contentdescription {
          font-size: 15px;
          line-height: 24px;
          margin-bottom: 25px;
          text-align: justify; }
        .FTmainsection .ContentSection .content .contenttext .morebuttons {
          float: left; }
          .FTmainsection .ContentSection .content .contenttext .morebuttons a {
            color: white;
            font-size: 18px;
            padding: 8px 0;
            text-align: center;
            float: left; }
          .FTmainsection .ContentSection .content .contenttext .morebuttons .moredetail {
            background-color: #85ba40;
            margin-right: 10px;
            width: 140px; }
          .FTmainsection .ContentSection .content .contenttext .morebuttons .moredetail:hover {
            background-color: #709929; }
          .FTmainsection .ContentSection .content .contenttext .morebuttons .samples {
            background-color: #1196cd;
            margin-right: 10px;
            width: 140px; }
          .FTmainsection .ContentSection .content .contenttext .morebuttons .samples:hover {
            background-color: #13758c; }
          .FTmainsection .ContentSection .content .contenttext .morebuttons .gallery {
            background-color: #1196cd; }
          .FTmainsection .ContentSection .content .contenttext .morebuttons .gallery:hover {
            background-color: #13758c; }
        .FTmainsection .ContentSection .content .contenttext .platform_heading {
          color: #666666;
          font-size: 22px;
          font-weight: lighter;
          margin-bottom: 15px;
          border-bottom: 1px solid #c9c8c8; }
        .FTmainsection .ContentSection .content .contenttext .platformlinks {
          float: left;
          margin-right: 15px;
          margin-bottom: 20px; }
      .FTmainsection .ContentSection .content .contentimage {
        max-width: 435px;
        max-height: 285px; }
        .FTmainsection .ContentSection .content .contentimage img {
          max-width: 435px;
          max-height: 285px; }
      .FTmainsection .ContentSection .content .categorysection {
        float: left;
        margin-bottom: 10px;
        margin-top: 20px;
        width: 100%; }
        .FTmainsection .ContentSection .content .categorysection .categorylist {
          float: left;
          margin-bottom: 30px;
          width: 307px; }
          .FTmainsection .ContentSection .content .categorysection .categorylist img {
            float: left; }
          .FTmainsection .ContentSection .content .categorysection .categorylist .categoryname {
            float: left;
            margin-left: 10px;
            margin-top: 10px; }
      .FTmainsection .ContentSection .content .contentvideo1, .FTmainsection .ContentSection .content .contentvideo2 {
        height: 269px;
        width: 437px; }
      .FTmainsection .ContentSection .content .contentvideo1 .video_link1 img {
        left: -14px !important;
        top: -9px !important;
        position: relative !important; }
    .FTmainsection .ContentSection .lastcontent {
      border-bottom: medium none; }
    .FTmainsection .ContentSection .controlscount {
      background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/circle_small.png");
      color: white;
      font-size: 28px;
      float: left;
      font-weight: lighter;
      padding-top: 5px;
      height: 48px;
      left: 440px;
      position: relative;
      text-align: center;
      top: -28px;
      width: 53px;
      display: none; }
    .FTmainsection .ContentSection .controls_count {
      display: block; }
  .FTmainsection #faq_section {
    border-top: 1px solid #c9c8c8;
    float: left;
    margin-top: 20px; }
    .FTmainsection #faq_section #faq_details {
      float: left;
      padding-bottom: 20px;
      padding-top: 40px; }
      .FTmainsection #faq_section #faq_details .question {
        font-size: 18px;
        padding-bottom: 15px;
        font-weight: lighter;
        color: #8a8884; }
      .FTmainsection #faq_section #faq_details .question_no {
        float: left;
        font-size: 18px;
        margin-left: 30px;
        width: 45px;
        color: #8a8884; }
      .FTmainsection #faq_section #faq_details .answer {
        font-size: 14px;
        padding-bottom: 40px;
        color: #333333;
        padding-left: 75px; }
      .FTmainsection #faq_section #faq_details .header_icon {
        float: left;
        width: 70px; }
      .FTmainsection #faq_section #faq_details .header {
        clear: right;
        font-size: 30px;
        height: 88px;
        padding-top: 10px;
        color: #666666;
        font-weight: lighter; }
  .FTmainsection #featureOverviewList {
    background-color: #fafafa;
    border: 1px solid #e7e7e7;
    float: left;
    margin-top: 27px;
    padding: 15px 15px 15px 40px;
    width: 862px; }
    .FTmainsection #featureOverviewList .FeatureName, .FTmainsection #featureOverviewList .ControlName {
      color: #3977ac;
      cursor: pointer;
      float: left;
      font-size: 15px;
      height: 35px;
      margin: 11px 0;
      width: 272px;
      background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/bullet_orange.jpg");
      background-position: 0 9px;
      background-repeat: no-repeat;
      padding-left: 15px; }
  .FTmainsection .categoryhead {
    color: #293674;
    float: left;
    font-size: 26px;
    margin-top: 25px; }
  .FTmainsection .featureoverview {
    float: left;
    width: 922px;
    margin-bottom: 40px; }
    .FTmainsection .featureoverview .header-text {
      color: #666666;
      font-size: 22px;
      padding-top: 18px;
      height: 40px; }
    .FTmainsection .featureoverview .feature-summary {
      color: #333333;
      font-size: 16px;
      line-height: 28px;
      padding: 8px;
      text-align: justify; }
      .FTmainsection .featureoverview .feature-summary div {
        margin-bottom: 10px; }
      .FTmainsection .featureoverview .feature-summary ul {
        list-style-type: none;
        margin-left: 20px;
        margin-top: 10px; }
        .FTmainsection .featureoverview .feature-summary ul li {
          background: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/bullet_blue.png") no-repeat scroll 0 14px transparent;
          line-height: 32px;
          margin-bottom: 10px;
          padding-left: 20px; }
    .FTmainsection .featureoverview .feature-images, .FTmainsection .featureoverview .feature-videos {
      margin-top: 20px;
      text-align: center; }
      .FTmainsection .featureoverview .feature-images img, .FTmainsection .featureoverview .feature-videos img {
        max-width: 800px; }
      .FTmainsection .featureoverview .feature-images .imagecaption, .FTmainsection .featureoverview .feature-videos .imagecaption {
        color: #828282;
        font-size: 15px;
        font-style: italic;
        margin-bottom: 20px;
        margin-top: 20px; }
  .FTmainsection #LoadMorePartialView #loadmore {
    float: left;
    height: 70px;
    padding-top: 20px;
    width: 922px; }
    .FTmainsection #LoadMorePartialView #loadmore .controlscount {
      background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/circle_small.png");
      color: white;
      font-size: 28px;
      float: left;
      font-weight: lighter;
      padding-top: 5px;
      height: 48px;
      position: relative;
      text-align: center;
      width: 53px; }
    .FTmainsection #LoadMorePartialView #loadmore .controlscountright {
      float: right;
      right: -1px;
      *top: -89px; }
    .FTmainsection #LoadMorePartialView #loadmore #loadmoreButton {
      background-color: white;
      background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/green_circle.png");
      background-repeat: no-repeat;
      border: medium none;
      color: white;
      cursor: pointer;
      font-size: 13px;
      height: 90px;
      left: 365px;
      position: relative;
      text-align: center;
      top: -18px;
      width: 90px; }
    .FTmainsection #LoadMorePartialView #loadmore #popuploadmore {
      border-top: 1px solid #c9c8c8;
      position: relative;
      top: 28px; }
  .FTmainsection #LoadMorePartialView #_waiting-popup_ {
    *margin-left: -167px; }
  .FTmainsection .VideoContentsection {
    float: left;
    width: 922px; }
    .FTmainsection .VideoContentsection .contenthead {
      color: #666666;
      font-size: 28px;
      font-weight: lighter;
      margin-bottom: 15px;
      text-align: center; }
    .FTmainsection .VideoContentsection .content {
      border-bottom: 1px solid #c9c8c8;
      float: left;
      padding-bottom: 40px;
      padding-top: 40px;
      width: 922px; }
      .FTmainsection .VideoContentsection .content .video_frame {
        padding-left: 80px; }
        .FTmainsection .VideoContentsection .content .video_frame .video_frame_background {
          background-image: url("//cdn.syncfusion.com/content/images/downloads/Images/adwords/frame_border.png");
          height: 429px;
          padding-left: 3px;
          padding-top: 3px;
          width: 763px; }

#cboxLoadedContent .popup_video1 iframe, #cboxLoadedContent .popup_video2 iframe {
  padding-left: 25px;
  padding-top: 35px;
  *padding-top: 23px; }

/*============== End of New Feature Tour page =========================== */
/*============== New Feature Tour Home page =========================== */
.FThomebanner .bannersection {
  height: 390px;
  margin: 25px auto 0px;
  width: 922px; }
  .FThomebanner .bannersection .bannerimage {
    float: right;
    padding-left: 1%;
    padding-top: 25px;
    width: 55%;
    position: relative;
    top: 20px;
    left: 5px; }
  .FThomebanner .bannersection .bannertext {
    float: left;
    width: 44%; }
    .FThomebanner .bannersection .bannertext .bannerhead {
      color: #293674;
      float: left;
      font-size: 38px;
      font-weight: 600;
      width: 380px; }
      .FThomebanner .bannersection .bannertext .bannerhead .tophead {
        color: #6d6d6d;
        font-size: 18px;
        font-weight: lighter; }
      .FThomebanner .bannersection .bannertext .bannerhead .heading {
        color: #1196cd;
        font-size: 40px;
        font-weight: 700;
        line-height: 40px;
        margin-left: -2px; }
    .FThomebanner .bannersection .bannertext .bannerdescription {
      color: #959595;
      float: left;
      font-size: 13px;
      margin-top: 10px;
      width: 380px; }
      .FThomebanner .bannersection .bannertext .bannerdescription div {
        line-height: 28px;
        margin-bottom: 25px; }
      .FThomebanner .bannersection .bannertext .bannerdescription .platforms {
        color: #6b6b6b;
        font-weight: 600; }
      .FThomebanner .bannersection .bannertext .bannerdescription .controlcount {
        color: #86ba35;
        font-size: 17px;
        font-weight: 600; }
      .FThomebanner .bannersection .bannertext .bannerdescription #essential_points {
        color: #333333 !important;
        margin-bottom: 30px; }
        .FThomebanner .bannersection .bannertext .bannerdescription #essential_points li {
          background-image: url("/Content/en-US/Home/Images/Icons/star.png");
          background-position: 0 1px;
          background-repeat: no-repeat;
          font-size: 12px;
          line-height: 18px;
          list-style-type: none;
          padding: 0 0 7px 22px; }
    .FThomebanner .bannersection .bannertext .morebuttons {
      float: left;
      margin-top: -10px; }
      .FThomebanner .bannersection .bannertext .morebuttons a {
        font-size: 22px;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
        width: 245px;
        color: white; }
      .FThomebanner .bannersection .bannertext .morebuttons .trynow {
        background-color: #f7941d;
        float: left;
        margin-right: 5px; }
      .FThomebanner .bannersection .bannertext .morebuttons .trynow:hover {
        background-color: #ee9d25; }
.FThomebanner .bannerbuynow {
  background-color: #eaeaea;
  float: left;
  height: 80px;
  margin-top: -85px;
  width: 100%; }
  .FThomebanner .bannerbuynow .buynowcontent {
    margin: 0 auto;
    width: 922px; }
    .FThomebanner .bannerbuynow .buynowcontent #buynow_button {
      float: left;
      position: relative;
      top: -7px; }
    .FThomebanner .bannerbuynow .buynowcontent .buynow_price {
      color: #565656;
      float: left;
      font-size: 38px;
      font-weight: lighter;
      padding: 10px 0 0 10px; }
    .FThomebanner .bannerbuynow .buynowcontent .buynow_text {
      color: #565656;
      float: left;
      font-size: 13px;
      padding: 18px 0 0 10px;
      width: 295px; }

.fthomemainsection .ContentSection {
  float: left;
  border-color: #e7e7e7 #e7e7e7 #e7e7e7 #1ba1e3;
  border-style: solid;
  border-width: 1px 1px 1px 7px;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 40px;
  *margin-bottom: 40px;
  height: 226px; }
  .fthomemainsection .ContentSection .contenttext {
    float: left;
    margin-bottom: 40px;
    padding: 10px;
    width: 201px;
    height: 100px;
    *height: 140px; }
    .fthomemainsection .ContentSection .contenttext .contentimage {
      float: left;
      width: 33%; }
    .fthomemainsection .ContentSection .contenttext .contenthead {
      float: left;
      font-size: 27px;
      padding-bottom: 5px;
      padding-top: 30px; }
    .fthomemainsection .ContentSection .contenttext .contentdescription {
      float: left;
      font-size: 14px;
      height: 60px;
      width: 100%;
      color: #666666; }
    .fthomemainsection .ContentSection .contenttext .left_block {
      float: left;
      padding: 10px 0px 0px 15px;
      width: 325px; }
    .fthomemainsection .ContentSection .contenttext .right_block {
      float: left; }
      .fthomemainsection .ContentSection .contenttext .right_block .platforms {
        position: relative;
        top: -203px;
        left: 13px; }
      .fthomemainsection .ContentSection .contenttext .right_block .platforms_top {
        margin-bottom: 5px;
        margin-top: 20px;
        padding-left: 355px;
        width: 725px;
        float: right; }
      .fthomemainsection .ContentSection .contenttext .right_block .platforms_middle {
        margin-bottom: 5px;
        padding-left: 355px;
        width: 725px;
        float: right; }
      .fthomemainsection .ContentSection .contenttext .right_block .platforms_bottom {
        margin-bottom: 5px;
        padding-left: 355px;
        width: 725px;
        float: right; }
      .fthomemainsection .ContentSection .contenttext .right_block .asp, .fthomemainsection .ContentSection .contenttext .right_block .mvc, .fthomemainsection .ContentSection .contenttext .right_block .mob, .fthomemainsection .ContentSection .contenttext .right_block .silverlight, .fthomemainsection .ContentSection .contenttext .right_block .windowsforms, .fthomemainsection .ContentSection .contenttext .right_block .windowsphone, .fthomemainsection .ContentSection .contenttext .right_block .winrt, .fthomemainsection .ContentSection .contenttext .right_block .wpf, .fthomemainsection .ContentSection .contenttext .right_block .javascript {
        float: left;
        margin-left: 7px;
        font-size: 16px;
        padding-bottom: 21px;
        padding-top: 20px;
        text-align: center;
        width: 170px;
        background-color: #f4f4f4;
        background-repeat: no-repeat;
        border: 1px solid #dfdfdf;
        cursor: pointer;
        height: 23px; }
      .fthomemainsection .ContentSection .contenttext .right_block .windowsforms, .fthomemainsection .ContentSection .contenttext .right_block .windowsphone, .fthomemainsection .ContentSection .contenttext .right_block .winrt, .fthomemainsection .ContentSection .contenttext .right_block .wpf, .fthomemainsection .ContentSection .contenttext .right_block .javascript {
        margin-top: 2px; }
      .fthomemainsection .ContentSection .contenttext .right_block .asp:hover {
        background-color: #eeeeee; }
      .fthomemainsection .ContentSection .contenttext .right_block .mvc:hover {
        background-color: #eeeeee; }
      .fthomemainsection .ContentSection .contenttext .right_block .mob:hover {
        background-color: #eeeeee; }
      .fthomemainsection .ContentSection .contenttext .right_block .silverlight:hover {
        background-color: #eeeeee; }
      .fthomemainsection .ContentSection .contenttext .right_block .windowsforms:hover {
        background-color: #eeeeee; }
      .fthomemainsection .ContentSection .contenttext .right_block .windowsphone:hover {
        background-color: #eeeeee; }
      .fthomemainsection .ContentSection .contenttext .right_block .winrt:hover {
        background-color: #eeeeee; }
      .fthomemainsection .ContentSection .contenttext .right_block .wpf:hover {
        background-color: #EEEEEE; }
      .fthomemainsection .ContentSection .contenttext .right_block .javascript:hover {
        background-color: #eeeeee; }
    .fthomemainsection .ContentSection .contenttext .moredetail {
      float: right;
      font-size: 13px; }
  .fthomemainsection .ContentSection .contenttext2, .fthomemainsection .ContentSection .contenttext6 {
    margin-left: 10px;
    margin-right: 10px; }
  .fthomemainsection .ContentSection .contenttext3, .fthomemainsection .ContentSection .contenttext7 {
    margin-right: 10px; }
.fthomemainsection .benefits_section {
  float: left;
  width: 100%; }
  .fthomemainsection .benefits_section .header {
    color: #333333;
    border-bottom: 1px solid #e7e7e7;
    font-size: 35px;
    padding-bottom: 15px; }
  .fthomemainsection .benefits_section .benefits_details {
    border-bottom: 1px solid #c9c8c8;
    float: left;
    padding-bottom: 60px;
    padding-top: 30px;
    width: 922px; }
    .fthomemainsection .benefits_section .benefits_details .benefits_image {
      margin-right: 25px; }
    .fthomemainsection .benefits_section .benefits_details .benefits_text {
      width: 435px; }
      .fthomemainsection .benefits_section .benefits_details .benefits_text .heading {
        float: left;
        font-size: 35px;
        margin-bottom: 15px;
        width: 100%; }
      .fthomemainsection .benefits_section .benefits_details .benefits_text .description {
        color: #666666;
        float: left;
        text-align: justify;
        width: 100%; }
  .fthomemainsection .benefits_section .lastcontent {
    border-bottom: medium none; }

/*============== End of New Feature Tour Home page =========================== */
/*============== New Whats New page =========================== */
.WhatsNewbanner .bannersection {
  height: 390px;
  margin: 25px auto 0px;
  width: 922px; }
  .WhatsNewbanner .bannersection .bannerimage {
    float: left;
    padding-left: 1%;
    padding-top: 8px;
    width: 55%;
    position: relative;
    top: -8px;
    left: 5px; }
  .WhatsNewbanner .bannersection #bannerwhatsnewimage {
    margin-top: -14px; }
  .WhatsNewbanner .bannersection .bannertext {
    float: right;
    width: 44%; }
    .WhatsNewbanner .bannersection .bannertext .bannerhead {
      color: #293674;
      float: left;
      font-size: 38px;
      font-weight: 600;
      width: 380px;
      padding-top: 14px;
      margin-left: -6px; }
      .WhatsNewbanner .bannersection .bannertext .bannerhead img {
        height: 50px;
        width: 401px; }
      .WhatsNewbanner .bannersection .bannertext .bannerhead .tophead {
        color: #6d6d6d;
        font-size: 18px;
        font-weight: lighter; }
      .WhatsNewbanner .bannersection .bannertext .bannerhead .heading {
        color: #1196cd;
        font-size: 40px;
        font-weight: 700;
        line-height: 40px;
        margin-left: -2px; }
    .WhatsNewbanner .bannersection .bannertext .bannerdescription {
      color: #959595;
      float: left;
      font-size: 13px;
      margin-top: 18px;
      width: 402px; }
      .WhatsNewbanner .bannersection .bannertext .bannerdescription div {
        line-height: 28px;
        margin-bottom: 25px; }
      .WhatsNewbanner .bannersection .bannertext .bannerdescription .platforms {
        color: #6b6b6b;
        font-weight: 600; }
      .WhatsNewbanner .bannersection .bannertext .bannerdescription .controlcount {
        color: #86ba35;
        font-size: 17px;
        font-weight: 600; }
      .WhatsNewbanner .bannersection .bannertext .bannerdescription #essential_points {
        color: #444444 !important;
        margin-bottom: 25px; }
        .WhatsNewbanner .bannersection .bannertext .bannerdescription #essential_points li {
          background-image: url("//cdn.syncfusion.com/content/images/products/Images/whatsnew/star.png");
          background-position: 0 6px;
          background-repeat: no-repeat;
          font-size: 11px;
          line-height: 18px;
          list-style-type: none;
          padding: 0 5px 9px 20px; }
    .WhatsNewbanner .bannersection .bannertext .morebuttons {
      float: left;
      margin-top: -10px; }
      .WhatsNewbanner .bannersection .bannertext .morebuttons a {
        padding: 9px 0;
        text-align: center;
        text-decoration: none;
        width: 164px;
        color: white; }
      .WhatsNewbanner .bannersection .bannertext .morebuttons .trynow {
        background-color: #f7941d;
        float: left;
        margin-right: 5px; }
      .WhatsNewbanner .bannersection .bannertext .morebuttons .trynow:hover {
        background-color: #ee9d25; }
.WhatsNewbanner .bannerbuynow {
  background-color: #eaeaea;
  float: left;
  height: 80px;
  margin-top: -85px;
  width: 100%; }
  .WhatsNewbanner .bannerbuynow .buynowcontent {
    height: 77px;
    margin: 10px auto;
    width: 928px; }
    .WhatsNewbanner .bannerbuynow .buynowcontent #buynow_button {
      float: left;
      margin-left: 516px;
      position: relative;
      top: -16px;
      width: 96px; }
    .WhatsNewbanner .bannerbuynow .buynowcontent .buynow_price {
      color: #565656;
      float: left;
      font-size: 31px;
      font-weight: lighter;
      padding: 9px 0 0 1px; }
    .WhatsNewbanner .bannerbuynow .buynowcontent .buynow_text {
      color: #565656;
      float: right;
      font-size: 11px;
      padding: 8px 0 0 0px;
      width: 219px; }

.whatsnew_indexmainsection {
  float: left;
  width: 100%; }
  .whatsnew_indexmainsection .errormessage {
    text-align: center;
    font-size: 22px;
    clear: both;
    color: #e51400;
    margin-top: 50px;
    margin-bottom: 50px; }
  .whatsnew_indexmainsection .archives_link {
    background-color: #1ba1e2;
    cursor: pointer;
    font-size: 20px;
    padding: 5px 20px;
    width: 140px;
    *width: 160px;
    text-decoration: none;
    top: 255px;
    *top: 270px;
    text-align: center; }
    .whatsnew_indexmainsection .archives_link a {
      color: white;
      font-size: 16px; }
  .whatsnew_indexmainsection .archives_link:hover {
    background-color: #48c0fb; }
  .whatsnew_indexmainsection .index_description {
    float: left;
    line-height: 28px;
    margin-top: 30px;
    *margin-top: 80px;
    border-bottom: 1px solid #c9c8c8;
    padding-bottom: 50px;
    padding-top: 10px;
    width: 100%; }
    .whatsnew_indexmainsection .index_description .descriptionhead {
      color: #666666;
      font-size: 28px;
      font-weight: lighter;
      margin-bottom: 20px;
      margin-left: 152px; }
    .whatsnew_indexmainsection .index_description .descriptioncontent {
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 30px;
      text-align: justify; }
    .whatsnew_indexmainsection .index_description .morebuttons {
      margin: 0 auto;
      width: 18%; }
      .whatsnew_indexmainsection .index_description .morebuttons a {
        color: white;
        font-size: 18px;
        padding: 8px 24px;
        float: left;
        width: 120px;
        text-align: center; }
      .whatsnew_indexmainsection .index_description .morebuttons .moredetail {
        background-color: #85ba40;
        margin-left: -41px;
        width: 200px;
        font-weight: 600;
        font-size: 19px !important; }
        .whatsnew_indexmainsection .index_description .morebuttons .moredetail:hover {
          background-color: #709929; }
  .whatsnew_indexmainsection .ContentSection {
    float: left;
    width: 100%; }
    .whatsnew_indexmainsection .ContentSection .contenttext {
      border-bottom: 1px solid #d6d6d6;
      float: left;
      padding-bottom: 30px;
      padding-top: 35px;
      width: 415px; }
      .whatsnew_indexmainsection .ContentSection .contenttext .contentimage {
        float: left;
        width: 25%; }
      .whatsnew_indexmainsection .ContentSection .contenttext .contenthead {
        float: left;
        font-size: 32px;
        width: 70%; }
      .whatsnew_indexmainsection .ContentSection .contenttext .contentdescription {
        float: left;
        line-height: 28px;
        min-height: 260px;
        padding-top: 20px;
        text-align: justify;
        width: 98%; }
        .whatsnew_indexmainsection .ContentSection .contenttext .contentdescription .contentLearnMoreLink {
          margin-top: 10px; }
          .whatsnew_indexmainsection .ContentSection .contenttext .contentdescription .contentLearnMoreLink .moredetail {
            background-color: #85ba40;
            color: white;
            display: block;
            font-size: 15px;
            padding: 5px 0;
            text-align: center;
            width: 100px;
            float: right; }
          .whatsnew_indexmainsection .ContentSection .contenttext .contentdescription .contentLearnMoreLink .moredetail:hover {
            background-color: #709929; }
    .whatsnew_indexmainsection .ContentSection .oddcolumn {
      border-right: 1px solid #d6d6d6;
      padding-right: 45px; }
    .whatsnew_indexmainsection .ContentSection .evencolumn {
      padding-left: 44px; }
    .whatsnew_indexmainsection .ContentSection .lastcontent {
      border-bottom: 0 none; }

.whatsnew_detailmainsection {
  float: left;
  width: 100%; }
  .whatsnew_detailmainsection .archives_link {
    background-color: #1ba1e2;
    cursor: pointer;
    font-size: 20px;
    padding: 5px 20px;
    width: 140px;
    *width: 160px;
    text-decoration: none;
    top: 255px;
    *top: 270px;
    text-align: center; }
    .whatsnew_detailmainsection .archives_link a {
      color: white;
      font-size: 16px; }
  .whatsnew_detailmainsection .archives_link:hover {
    background-color: #48c0fb; }
  .whatsnew_detailmainsection .platform_description {
    float: left;
    line-height: 28px;
    margin-top: 30px;
    *margin-top: 80px;
    border-bottom: 1px solid #c9c8c8;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%; }
    .whatsnew_detailmainsection .platform_description .descriptionhead {
      color: #666666;
      font-size: 28px;
      font-weight: lighter;
      margin-bottom: 20px;
      float: left;
      margin-left: 152px; }
    .whatsnew_detailmainsection .platform_description .descriptioncontent {
      float: left;
      text-align: center;
      width: 73%;
      font-size: 15px;
      line-height: 24px;
      margin-left: 125px;
      margin-bottom: 30px; }
    .whatsnew_detailmainsection .platform_description .morebuttons {
      margin: 0 auto;
      width: 18%; }
      .whatsnew_detailmainsection .platform_description .morebuttons a {
        color: white;
        font-size: 18px;
        padding: 8px 24px;
        float: left;
        width: 120px;
        text-align: center; }
      .whatsnew_detailmainsection .platform_description .morebuttons .moredetail {
        background-color: #85ba40;
        margin-left: -41px;
        width: 200px;
        font-weight: 600;
        font-size: 19px !important; }
        .whatsnew_detailmainsection .platform_description .morebuttons .moredetail:hover {
          background-color: #709929; }
  .whatsnew_detailmainsection .controlgroup {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 30px;
    padding-top: 35px;
    float: left;
    width: 415px; }
    .whatsnew_detailmainsection .controlgroup .controlheading {
      float: left;
      margin-bottom: 10px;
      width: 415px; }
      .whatsnew_detailmainsection .controlgroup .controlheading .controlimage {
        float: left;
        width: 25%; }
      .whatsnew_detailmainsection .controlgroup .controlheading .controlhead {
        float: left;
        font-size: 32px;
        width: 70%;
        font-weight: lighter;
        margin-top: 12px; }
    .whatsnew_detailmainsection .controlgroup .features_list {
      border-bottom: 1px solid #d6d6d6;
      float: left;
      padding-bottom: 30px;
      padding-top: 30px;
      width: 415px; }
      .whatsnew_detailmainsection .controlgroup .features_list .header-text {
        float: left;
        font-size: 24px;
        margin-bottom: 15px;
        width: 100%;
        font-weight: lighter; }
      .whatsnew_detailmainsection .controlgroup .features_list .whatsnewsubheading {
        font-weight: bold;
        margin-bottom: 0px !important; }
      .whatsnew_detailmainsection .controlgroup .features_list .feature-summary {
        float: left;
        line-height: 28px;
        margin-bottom: 15px;
        text-align: justify;
        width: 100%; }
        .whatsnew_detailmainsection .controlgroup .features_list .feature-summary div {
          margin-bottom: 10px; }
        .whatsnew_detailmainsection .controlgroup .features_list .feature-summary ol {
          margin-left: 20px; }
        .whatsnew_detailmainsection .controlgroup .features_list .feature-summary ul {
          list-style-type: none;
          margin-top: 10px; }
          .whatsnew_detailmainsection .controlgroup .features_list .feature-summary ul li {
            background: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/bullet_blue.png") no-repeat scroll 0 14px transparent;
            line-height: 32px;
            margin-bottom: 10px;
            padding-left: 20px; }
      .whatsnew_detailmainsection .controlgroup .features_list .feature-images {
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 15px; }
        .whatsnew_detailmainsection .controlgroup .features_list .feature-images img {
          margin-bottom: 10px;
          max-width: 430px; }
        .whatsnew_detailmainsection .controlgroup .features_list .feature-images .imagecaption {
          font-family: calibri;
          font-style: italic;
          font-weight: bold;
          font-size: 13px; }
    .whatsnew_detailmainsection .controlgroup .lastcontent {
      border-bottom: 0 none; }
  .whatsnew_detailmainsection .leftcolumn {
    border-right: 1px solid #d6d6d6;
    padding-right: 45px;
    float: left;
    width: 415px; }
  .whatsnew_detailmainsection .rightcolumn {
    float: right;
    width: 460px; }
    .whatsnew_detailmainsection .rightcolumn .controlgroup {
      margin-left: 46px; }
  .whatsnew_detailmainsection .lastcontent {
    border-bottom: 0 none; }

.whatsnew_detailmainsection .singlecolumn {
  float: left;
  width: 100%; }
  .whatsnew_detailmainsection .singlecolumn .controlgroup {
    width: 100%; }
    .whatsnew_detailmainsection .singlecolumn .controlgroup .controlheading {
      width: 100%; }
      .whatsnew_detailmainsection .singlecolumn .controlgroup .controlheading .controlimage {
        width: 10%; }
      .whatsnew_detailmainsection .singlecolumn .controlgroup .controlheading .controlhead {
        width: 90%; }
  .whatsnew_detailmainsection .singlecolumn .features_list {
    width: 100%; }
    .whatsnew_detailmainsection .singlecolumn .features_list .feature-images {
      width: 50%; }

/*============== End of New Whats New page =========================== */
/*============== New RoadMap page =========================== */
.roadmapbanner {
  background-color: #07609c;
  height: 280px; }
  .roadmapbanner .bannersection {
    margin: 0 auto;
    width: 922px; }
    .roadmapbanner .bannersection .bannerimage {
      float: left;
      height: 230px;
      width: 240px;
      margin-top: 40px;
      margin-left: 60px;
      background-image: url("/Content/en-US/Products/Images/RoadMap/calender_icon.Png");
      background-repeat: no-repeat; }
      .roadmapbanner .bannersection .bannerimage .calender_shape {
        margin-left: 35px;
        margin-top: 76px;
        color: white; }
        .roadmapbanner .bannersection .bannerimage .calender_shape .day {
          font-size: 26px;
          margin-left: 35px; }
        .roadmapbanner .bannersection .bannerimage .calender_shape .month {
          font-size: 22px;
          margin-left: 34px; }
    .roadmapbanner .bannersection .bannertext {
      float: left;
      margin-top: 40px;
      width: 622px; }
      .roadmapbanner .bannersection .bannertext .bannerhead {
        color: white;
        float: left;
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        width: 100%; }
        .roadmapbanner .bannersection .bannertext .bannerhead span {
          float: left;
          width: 100%; }
      .roadmapbanner .bannersection .bannertext .morebuttons {
        float: left;
        margin-top: 20px;
        width: 100%; }
        .roadmapbanner .bannersection .bannertext .morebuttons a {
          border: 1px solid white;
          color: white;
          float: left;
          font-size: 24px;
          font-weight: lighter;
          padding: 5px 25px; }
        .roadmapbanner .bannersection .bannertext .morebuttons .pdf {
          margin-right: 20px; }

.roadmapmainsection .errormessage {
  text-align: center;
  font-size: 22px;
  clear: both;
  color: #e51400;
  margin-top: 50px;
  margin-bottom: 50px; }
.roadmapmainsection .roadmaptable {
  margin-top: 35px;
  width: 100%;
  border: 1px solid #eaeaea;
  border-collapse: collapse; }
  .roadmapmainsection .roadmaptable .roadmaptr {
    font-weight: lighter;
    height: 70px;
    padding-right: 30px;
    text-align: justify; }
    .roadmapmainsection .roadmaptable .roadmaptr .roadmaptrth {
      background-color: #eaeaea;
      border: 1px solid #eaeaea;
      font-size: 24px;
      font-weight: lighter;
      text-align: center; }
    .roadmapmainsection .roadmaptable .roadmaptr td {
      padding-right: 10px;
      padding-left: 10px;
      border: 1px solid #eaeaea;
      font-size: 16px;
      text-align: left; }
      .roadmapmainsection .roadmaptable .roadmaptr td .bold_text {
        font-weight: 700;
        color: #333333; }
      .roadmapmainsection .roadmaptable .roadmaptr td ul {
        list-style-type: none;
        margin-left: 20px;
        margin-top: 10px; }
        .roadmapmainsection .roadmaptable .roadmaptr td ul li {
          background: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/bullet_blue.png") no-repeat scroll 0 14px transparent;
          line-height: 32px;
          margin-bottom: 10px;
          padding-left: 20px; }
    .roadmapmainsection .roadmaptable .roadmaptr .widthforty {
      width: 40%;
      border-right: 0px; }
.roadmapmainsection #TabContent {
  margin-top: 30px; }
.roadmapmainsection #TabContent_wrapper .ui-widget-content {
  background: none repeat scroll 0 0 transparent;
  border: medium none !important; }
  .roadmapmainsection #TabContent_wrapper .ui-widget-content .ui-widget-header {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important; }
  .roadmapmainsection #TabContent_wrapper .ui-widget-content .ui-tabs-nav {
    border-bottom: 1px solid #eaeaea !important;
    border-top: 1px solid #eaeaea !important;
    list-style: none outside none !important;
    margin-left: 0 !important;
    padding: 0 !important;
    width: 915px !important; }
    .roadmapmainsection #TabContent_wrapper .ui-widget-content .ui-tabs-nav .ui-state-default {
      background: none repeat scroll 0 0 transparent !important;
      border: medium none !important; }
    .roadmapmainsection #TabContent_wrapper .ui-widget-content .ui-tabs-nav .ui-state-active {
      background-color: #1ba1e3 !important; }
      .roadmapmainsection #TabContent_wrapper .ui-widget-content .ui-tabs-nav .ui-state-active a {
        color: white; }
    .roadmapmainsection #TabContent_wrapper .ui-widget-content .ui-tabs-nav li {
      border: medium none !important;
      border-radius: 0 0 0 0 !important;
      float: left !important;
      margin: -1px -11px 0 0 !important;
      padding: 0 !important;
      top: 0 !important; }
      .roadmapmainsection #TabContent_wrapper .ui-widget-content .ui-tabs-nav li a {
        float: left !important;
        font-size: 18px !important;
        font-weight: lighter !important;
        text-decoration: none !important;
        cursor: pointer !important;
        margin-right: 0 !important;
        padding: 20px 15px 21px !important;
        top: 0 !important;
        color: #333333; }
  .roadmapmainsection #TabContent_wrapper .ui-widget-content .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent !important;
    border-width: 0 !important;
    padding: 1em 0 !important; }
.roadmapmainsection .upcomingheading {
  font-size: 35px;
  font-weight: lighter;
  margin-top: 20px; }
.roadmapmainsection .calendar_view {
  float: left;
  margin-bottom: 40px;
  margin-top: 58px;
  padding-bottom: 20px;
  padding-left: 32px;
  width: 890px; }
  .roadmapmainsection .calendar_view .calender {
    float: left;
    background-position: 9px 20px;
    background-repeat: no-repeat;
    color: white;
    height: 109px;
    margin-top: -41px;
    width: 103px; }
    .roadmapmainsection .calendar_view .calender .calendar_releasedate {
      margin-top: 26px;
      font-size: 30px;
      font-weight: lighter;
      line-height: 43px;
      margin-left: 38px; }
    .roadmapmainsection .calendar_view .calender .calendar_releasetype {
      margin-left: 35px;
      margin-top: -8px; }
    .roadmapmainsection .calendar_view .calender .volume {
      color: #293674;
      font-size: 14px;
      margin-top: 20px;
      text-align: center;
      width: 114px; }
  .roadmapmainsection .calendar_view .calendar-blue {
    background-image: url("/Content/en-US/Products/Images/RoadMap/calender_blue.png"); }
  .roadmapmainsection .calendar_view .calendar-orange {
    background-image: url("/Content/en-US/Products/Images/RoadMap/calender_orange.png"); }
  .roadmapmainsection .calendar_view .left-margin-130 {
    margin-left: 130px; }
.roadmapmainsection .archives_link {
  background-color: #1ba1e2;
  cursor: pointer;
  font-size: 20px;
  padding: 5px 20px;
  width: 140px;
  *width: 160px;
  text-decoration: none;
  top: 255px;
  *top: 270px;
  text-align: center; }
  .roadmapmainsection .archives_link a {
    color: white;
    font-size: 16px; }
.roadmapmainsection .archives_link:hover {
  background-color: #48c0fb; }
.roadmapmainsection .roadmaparchives_listbox {
  background-color: white;
  border: 1px solid #333333;
  font-size: 16px;
  margin-top: 36px;
  width: 250px;
  clear: both;
  padding-bottom: 10px; }
  .roadmapmainsection .roadmaparchives_listbox ul li {
    list-style-type: none;
    margin-left: 15px; }
  .roadmapmainsection .roadmaparchives_listbox .roadmaparchives-heading {
    background-color: #07609c;
    color: white;
    font-size: 20px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 250px;
    margin-left: auto; }
  .roadmapmainsection .roadmaparchives_listbox .roadmaparchives-subheading {
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: blue; }

/*============== End of New RoadMap page ====================================== */
/*============== XbapDemo page ====================================== */
.xbapdemo {
  background-color: #deeff9;
  font-family: Calibri;
  font-size: 13px; }
  .xbapdemo .getXbapcertificate {
    background-color: white;
    margin: 8px auto;
    width: 650px; }
    .xbapdemo .getXbapcertificate .inner-xbap-content {
      float: left;
      padding: 36px 21px;
      width: 608px; }
      .xbapdemo .getXbapcertificate .inner-xbap-content .gridxbap-header-image {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/xbap_demo/Gridxbap-banner.jpg");
        height: 155px;
        width: 606px;
        margin-top: -30px;
        float: left; }
      .xbapdemo .getXbapcertificate .inner-xbap-content .ganttxbap-header-image {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/xbap_demo/Ganttxbap-banner.JPG");
        height: 155px;
        width: 606px;
        margin-top: -30px;
        float: left; }
      .xbapdemo .getXbapcertificate .inner-xbap-content .xbap-heading {
        color: #f7941d;
        float: left;
        font-size: 17px;
        margin-bottom: 20px;
        margin-top: 15px;
        width: 100%; }
      .xbapdemo .getXbapcertificate .inner-xbap-content p {
        float: left;
        font-size: 16px;
        margin-bottom: 10px;
        text-align: justify; }
      .xbapdemo .getXbapcertificate .inner-xbap-content .Xbap-separator-first {
        background-color: #FFFFFF;
        float: left;
        height: 1px;
        margin-top: 10px;
        width: 100%; }
      .xbapdemo .getXbapcertificate .inner-xbap-content .Xbap-separator-last {
        background-color: #ECECEC;
        float: left;
        height: 1px;
        margin-bottom: 10px;
        width: 100%; }
      .xbapdemo .getXbapcertificate .inner-xbap-content .installer-button {
        float: left;
        margin-bottom: 20px;
        width: 100%; }
      .xbapdemo .getXbapcertificate .inner-xbap-content .xbap-links {
        float: left;
        width: 100%;
        margin-top: 20px; }
        .xbapdemo .getXbapcertificate .inner-xbap-content .xbap-links div {
          background-image: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/bullet_orange.jpg");
          background-repeat: no-repeat;
          background-position: 0 14px;
          float: left;
          font-size: 16px;
          list-style-type: none;
          padding: 7px 0 1px 15px;
          width: 100%; }
          .xbapdemo .getXbapcertificate .inner-xbap-content .xbap-links div a {
            color: #0066CC; }
          .xbapdemo .getXbapcertificate .inner-xbap-content .xbap-links div a:hover {
            color: #f7941d; }
      .xbapdemo .getXbapcertificate .inner-xbap-content .xbap-list {
        float: left;
        font-size: 16px;
        padding-left: 16px;
        width: 100%; }

/*============== End of XbapDemo page ====================================== */
/*****************************POPUP***************************************/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000000;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url("//cdn.syncfusion.com/content/images/downloads/Images/MetroStudio/GraphicsPackage/popupBackground.PNG") repeat 0 0; }

#cboxContent {
  background: white;
  overflow: hidden; }

.cboxIframe {
  background: white; }

#cboxError {
  padding: 50px;
  border: 1px solid #e7e7e7; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999999; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #999999; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxLoadingGraphic {
  background: url("//cdn.syncfusion.com/content/images/downloads/Images/MetroStudio/GraphicsPackage/spinner.gif") no-repeat center center; }

#cboxClose {
  position: absolute;
  top: 5px;
  right: 0;
  background: url("//cdn.syncfusion.com/content/images/products/Images/generalimages/ScreenshotsImages/close.PNG") no-repeat 0 0;
  width: 15px;
  height: 17px;
  margin-right: 0px;
  text-indent: -9999px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/************************************End of POPUP *************************************************/
/***********************************FT-Control List******************************************/
#ft-controllist {
  background-color: #f9f9f9;
  float: left;
  margin: 0;
  padding-left: 30px;
  width: 94%; }
  #ft-controllist .control_category {
    float: left;
    width: 100%; }
    #ft-controllist .control_category .platform_heading {
      border-bottom: 1px solid #d8d8d8;
      color: #29abe2;
      float: left;
      font-size: 36px;
      font-weight: lighter;
      padding-top: 25px;
      width: 100%; }
    #ft-controllist .control_category .category {
      float: left;
      margin-top: 30px;
      width: 100%; }
      #ft-controllist .control_category .category .category_content {
        float: left;
        margin-right: 40px;
        margin-bottom: 20px;
        width: 170px; }
        #ft-controllist .control_category .category .category_content .category_heading {
          background-color: #29abe2;
          color: white;
          font-size: 16px;
          height: 35px;
          line-height: 35px;
          padding-left: 10px;
          float: left;
          width: 100%; }
        #ft-controllist .control_category .category .category_content ul {
          float: left;
          width: 100%; }
          #ft-controllist .control_category .category .category_content ul li {
            background-image: url("//cdn.syncfusion.com/content/images/downloads/Images/grey_bullet.jpg");
            background-position: 0 15px;
            background-repeat: no-repeat;
            list-style-type: none;
            color: #999999;
            padding: 5px 0px 5px 10px;
            font-size: 15px;
            margin-left: 10px; }
    #ft-controllist .control_category a {
      color: #999999; }
      #ft-controllist .control_category a:hover {
        color: #7a7a7a;
        cursor: pointer; }

/***********************************End Of FT-Control List******************************************/