@charset "utf-8";
/* CSS Document */
  
  /* RESET */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
	  margin: 0px;
	  padding: 0px;
	  border: 0px;
	  outline: 0px;
	  font-size: 100%;
	  vertical-align: baseline;
	  background: transparent;
  }
  body {
      line-height: 1.1;
      margin: 0px;      
      /* background-color: #ecf9ff; */
      /*background: url(../images/top_bg.jpg);*/
        background-image: linear-gradient(bottom right, rgb(178,178,178) 10%, rgb(255,255,255) 100%);
  background-image: -o-linear-gradient(bottom right, rgb(178,178,178) 10%, rgb(255,255,255) 100%);
  background-image: -moz-linear-gradient(bottom right, rgb(178,178,178) 10%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient(bottom right, rgb(178,178,178) 10%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient(bottom right, rgb(178,178,178) 10%, rgb(255,255,255) 100%);
  
  /*    background-repeat: repeat-x;   */
  }
  ul {
	  list-style: none;
  }

  blockquote, q {
	  quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
	  content: '';
	  content: none;
  }
  p {
        margin: 0px;
        padding: 0px;
    }
  
  /* remember to define focus styles! */
  :focus {
	  outline: 0;
  }
  
   
  /* Main Styles */
   
  img {
	border: 0px;
	border-style: none;
  }
  
  html {
	  text-align:center;	  
            
	  font-family: Arial, Helvetica, Tahoma;
	  font-size:11pt;
	  color: #126890;     
  }

  #container {	
	  width: 1000px;
      border-left: 1px solid #126890; /*#a9e0fa;*/
      border-right: 1px solid #126890; 
      margin: 0px auto;
      padding: 0px;
      background: #fff;/*#2491c4;*/      
      position: relative;
  }
  
     #MainContent {    
        position: relative;
        width: auto;               
        padding: 5px;
        margin: 20px; /* 0px auto; */  
        margin-top: 10px;
    }
    
    
    #smallMenu {
       height: 25px;
       width: auto;
       background: #9cdcf9;
       border: 1px solid #0a4865;             
       text-align: left;       
       position: relative;
    }
    
    
    #smallMenu img{
        display: inline;
        margin-left: -3px;
        margin-top: -3px;
        float: left;
    }
    
    #smallMenu ul {
        /*border-left: 3px solid #fff;*/        
        margin-left: 5px;        
       
    }
    
    #smallMenu  li{
       list-style: none;       
       display: inline-block;
       padding-left: 5px;
       padding-top: 6px;        
    }
    
    #smallMenu  li a{
        color: #2794c7;
        font-weight: bold;
        text-decoration: none;
        border: 1px solid #57A6FD;
        padding-left: 5px;
        padding-right: 5px;
        
    }
    
    #smallMenu  li a:hover{
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        background: #31a2e8;
        border: 1px solid #227eb7;
                
    }
    
    
    #contentWrapper {
        position: relative;
        display: table-row;
        text-align: left;       
        clear: both;
        overflow: hidden;
        width:100%;
 }
    

 .all_customers {
    padding:40px;
   /*           -moz-border-radius: 10px; 
       -webkit-border-radius: 10px;
    background-image: linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
 */
 }
 /* .all_customers table {
     color: #126890;
     -webkit-text-fill-color:rgba(0, 0, 0, 0.2);
     -webkit-text-stroke-color:#126890;
     -webkit-text-stroke-width:1px;
  }
 */
 
 #welcome_customers_wrap {
    color: rgb(178,178,178);
    margin-bottom:-20px; 
    text-align: center;
    font-size:110%;
    font-style: italic;
 }
 #welcome_customers {
           -moz-border-radius: 10px; 
       -webkit-border-radius: 10px; 
    background-image: linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 2%, rgb(255,255,255) 90%);
    padding:5px;
    padding-top:20px;
    margin-bottom: 20px;
    margin-top:0px;
 }
  #welcome_customers table {
    border-collapse: separate;
    border-spacing: 10px;
    color: rgb(168,168,168);
    vertical-align: center;
    text-align: center;
  }
  
  #welcome_customers td {
    border:1px solid rgb(218,218,218);
    padding:10px;
  }     
    /* Left Content */
    .lContent {   
       display:table-cell;
       background: #fff;
       text-align: left;
       min-width: 800px;
       margin-top: 0px;
       padding:10px;
       padding-top: 0px;
       /* 
        -moz-border-radius: 20px; 
       -webkit-border-radius: 20px; */
         box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3);
    }   
    .lContentInner {
         padding:30px;
         padding-top: 0px;
       margin-top: 0px;

    }
   
    .lContent a {
        color: rgb(36, 137, 221);
        text-decoration: none;
    }
    
    .lContent a:hover {
        color: #4ac0f5;
        text-decoration: underline;
    }
   
     
    .lContent img {
        margin-left: 6px;
        margin-right: 6px;
        margin-top: 5px;
        border: none; /* 2px solid #126890; */
   } 
    
   .lContent h1 {
         margin-top: 25px;
        margin-bottom: 10px;
        border-bottom: 1px dotted #0c658f;
        padding-bottom: 3px;
        padding-left: 40px;
        font-size: 1.5em;
        background: url(../images/i.png) no-repeat;
        background-position: 10px 0px;
   }
   

   .fb-twitter {
     margin-top: 10px;
   }

   .rContent {
     display:block;
     clear:both;
   }
   
    .rContent a {
        color: rgb(36, 137, 221);
        text-decoration: none;
    }
    
    .Content a:hover {
        color: #4ac0f5;
        text-decoration: underline;
    }
   
    .product_overview_award {
      float:left;
      padding:10px;
    }
   .awards_customers {
     padding:20px;
     background-color: #ecf9ff;
     box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);  
   }
   
   #awards_customers {
     position: relative;
     overflow:hidden;
     margin-left: -32px;
     margin-top: 1px;
     height: 120px;
     width:280px;
   }


   .rContentInner {
       margin-left:30px;
      /* margin-top:20px; */
      width:290px;
       padding-left:40px;
       padding-bottom:20px;
       /* background: #9cdcf3; */
       color : #126890;
      /* border: 1px solid #126890; */

    }

    .rContentInner h1 {
        margin-top: 25px;
        margin-bottom: 10px;
        border-bottom: 1px dotted #0c658f;
        padding-bottom: 3px;
        padding-left: 38px;
        font-size: 1.5em;
        text-align: left;
        background: url(../images/i2.png) no-repeat;
        /* background-position: 10px 0px; */
   }
   
    #bottomContainer {
        position: relative;
        width: 100%;        
        margin: 0px auto;
        padding: 0px;              
        background: #012333;
        border-top: 1px solid #0e5374;          
    }
    
    #bottomContent{
        width: 1000px;
        height: 278px;
        background: #012333;
        color: #4ac0f5;
        margin: 0px auto;        
    }
    
    #bottomBorder {
        position: relative;
        height: 3px;
        width: 100%;        
        margin: 0px auto;
        padding: 0px;              
        background: #06354b;          
    }
    
    #bcToBox {        
        width: auto;
        height: 45px;
        background: #012333;         
        border-bottom: 1px dotted #08638e;
    }
    
    #bcToBox p {
        margin: 0px auto;
        font-size: 16px;
        font-weight: bold;
        font-size: 12pt; 
        text-transform: uppercase; 
        letter-spacing: 2px;
        background: url(../images/bBg.png) no-repeat;        
        width: 272px;
        height: 39px;
        color: #64cdff;
        line-height: 40px;        
        font-smooth: always;        
        cursor: default;
    }
  
    #bcToBox p:selection {
      background: #02293b;     
    }
    
    #bcToBox a {
        color: #4ac0f5;
        text-decoration: none;
    }
    
    #bcToBox a:hover {
        color: #4ac0f5;
        text-decoration: underline;
    }
    
    #bcBox1 {
        width: 280px;
        height : 250px;    
        margin-top: 4px; 
        float: left;
        
    }
    
    #bcBox1 ul {
        margin-top: 10px;
        margin-left: 30px;
        float: left;        
        list-style-position: inside;
        list-style: decimal-leading-zero;
    }
    
    #bcBox1 ul li {
        text-align: left;
        line-height: 22px;   
    }
    
    #bcBox2 {
        float: left;
        width: 400px;
        height : 270px;    
        margin-top: 4px;
        overflow: hidden;    
        position: relative;       
    }
    
    #bcBox2 a {
        text-decoration: none;
    } 
    
    #bcBox2 a:hover {
        text-decoration: none;
    }
    
    #bcBox3 {
        float: right;
        width: 310px;
        height : 250px;    
        margin-top: 4px;
    }
    
    #copyrightContainer {       
        width: 100%;
        height: 40px;        
        background: #044f72;    
        margin: 0px auto;
        border-top: 1px solid #044f72; 
    }
    
    #copyrigntBox {
      border-top: 3px solid #06354b;  
      color: #5c8192;
      padding-top: 10px;
    }
    
    #copyrigntBox a{
        color: #9cdcf9;
    }
    
    #bLink {      
      position: static;
      text-align: left;
      margin-left: 30px;
      margin-top: 12px;       
      height: auto;
      display: list-item;
    }
    
    #bLink a {
        text-decoration: none;
        
    }
    
    #bLink a:hover {
        text-decoration: underline;
    }
    
    #bLink h1 {      
        margin-top: 2px;
        margin-bottom: 10px;
        margin-left: 0px;
        padding-left: 5px;
        border-left: 3px solid #ccc;        
        color: #fff;
        font-style: italic;
        font-size: 8pt;
    }
    
    
    
    
    
    #contactFormCN {
        padding-left: 20px;       
        width: 370px;
        overflow: hidden;
        position: relative;
        float: left;
        
    }
	
    #contactFormCN label{
        display: block;
        padding-bottom: 3px;
        padding-left: 2px;
    }	
    
    
    #contactFormCN hr {
        border: 0;        
      /*  background-color: #ecf9ff; */
        height: 2px;
        width: 100%;
        border-bottom: 1px dotted #0c658f;        
    }    
        
    #contactFormCN  img{       
        margin: 0px;        
        border: 1px solid #9cdcf9;
        vertical-align: bottom;
    }    
	.in {
	   display: block;
       margin-bottom: 10px;
       width: 250px;
       border: 1px solid #012333;
       background-color: #c5edff;
       color: #012333;
	}	
    
    .in2 {
       border: 1px solid #012333;
       background-color: #c5edff;
       color: #012333;
       position: relative;  
       height: 37px;
       width: 70px;
       text-align: center;
       font-size: 2em;
       font-family: arial;
       font-weight: bold;
       
	}
    
    #contactFormCN textarea {
        width: 350px; 
    }
    
    .btn{	   
       margin-top: 10px;
       width: 200px;
       border: 1px solid #044360;
       background-color: #01131c;
       color: #9cdcf9;
       padding: 5px;
       text-align: center;
       clear: both;
	}
    
    .btn:hover{	   
       margin-top: 10px;       
       border: 1px solid #093b53;
       background-color: #067ab1;
       color: #010202;
       padding: 5px;
	}
    
    #contactFormRN {
        background: url(../images/cn_b.jpg) no-repeat right bottom;
        float: right;
        width: 260px;       
        padding-left: 15px;
        padding-bottom: 15px; 
        border-right: 3px solid #126890;                        
    }
    
    #contactFormRN h8{
        font-size: 2.5em;
        display: inline-block;
        margin-bottom: 10px;
    }
    
    
    #contactFormRN p {
        display: block;
        padding-left: 5px;
        padding-top: 10px;
        font-weight: bold;
    }
    
    #contactFormRN i{
        padding-left: 10px;
        display: block;
    }
    
    #contactFormRN img {
        padding-top: 25px;
        padding-left: 10px;
        
    }
    
    #contactGoogleMap {
        margin-top: 10px;
        border: 2px solid #044f72;
        width: 253px;
        margin-left: 10px;
    }
    .compatiblesBlock {        
        text-align:  justify;
        padding: 5px;        
        margin-right:5px;
        position: relative;
        overflow: hidden;
        border-bottom: 1px dotted #126890;
       /* background-color:#fff; */
    }
    
    
    .evBlock {        
        text-align:  justify;
        padding: 5px;        
        position: relative;
        overflow: hidden;
        border-bottom: 1px dotted #126890;
    }

    .evBlock p {
        font-size: 14px;
        padding: 5px;
    }
    
    .evBlock a {    
        text-decoration: none;
        color: #fff;
        background-color: #126890;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 1px;
        padding-bottom: 1px;
        text-align: center;
    }
    
    .evBlock a:hover{
       background-color: #ecf9ff; /* #FFA07A;*/
       font-weight: bold;
       color: #126890;
    }
    
    .newsItem {        
       border-left: 4px solid #126890;
       padding-left:15px;
    }
    
    
    .newsItem b {
        font-size: 16px;

        padding:5px;
        text-align: left;
    }
    .newsBody {
        margin-top:10px;
        margin-left:30px;
        font-size: 14px;
        color:black;
        padding: 5px;
    }
    
    .news_item_more a  {
        float:right;
        margin-right:10px;
        margin-top:5px;
        padding:0px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 80%;
        background-color: none;
        margin-left:20px;
    }
    
    #evDetailBlock {
        display: block;   
    }
    #evDetailBlock i {
        font-size: 0.8em;
        font-variant: small-caps;
        font-weight: bolder;
        color: #cb0e0e;
        padding-left: 10px;
    }
    

    
    #evDetailBlock a {
        padding: 0px;
        margin: 0px;
        color: #043f5b;
        text-decoration: none;
        font-weight: bold;
    }
    
    #evDetailBlock a:hover {
        color: #c81515;
        font-weight: bold;
        text-decoration: none;
    }
    
    #evDetailBlock h2 {
        font-size: 1.2em;
        
    }
    
    #em1 {
        text-align: center;
    }
    
    
    #sArticles {
        display: block;
        position: relative;
        overflow: hidden;
        border-top: 1px dotted #126890;
        border-right: 1px dotted #126890;
        border-bottom: 1px dotted #126890;
        border-left: 4px solid #126890;
        padding: 5px;
        margin: 10px;
    }
    
    #sArticles:hover {
        border-top: 1px dotted #cb0e0e;
        border-right: 1px dotted #cb0e0e;
        border-bottom: 1px dotted #cb0e0e;
        border-left: 4px solid #cb0e0e;
    }
    
    
    #sArticles b {
        display: block;
        margin-top: 1px;
        padding: 5px;
        font-size: 1em;
        font-weight: bolder;
        
    }
    
    #sArticles p {    
        display: inline;
        padding-top: 5px;
        padding-bottom: 5px;
        overflow: hidden;
    
    }
    
    #sArticles a {
        float: right;
        margin: 0px;
        background-color: #126890;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 2px;
        padding-bottom: 3px;
        color: #fff;
        text-decoration: none;
       
    }
    
    #sArticles a:hover {
        background-color: #ecf9ff; /* #FFA07A;*/
        color: #126890;
        text-decoration: none;
    }
    
    #sarticleDetail h2{
        font-size: 1.5em;      
        color: #cb0e0e;  
        margin-top: 10px;
    }
    
    #sarticleDetail p {
        font-size: 1em;
        text-align: justify;        
    }
    
    #sarticleDetail a {
        float: right;
        margin-top: 10px;
        background-color: #126890;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 2px;
        padding-bottom: 3px;
        color: #fff;
        text-decoration: none;
    }
    
    #sarticleDetail a:hover {
       background-color: #cb0e0e;
        color: #fff;
        text-decoration: none; 
    }
    

    #tutorialName {
        text-align:left;
        display: block;
        position: relative;
        margin: 20px;
        z-index: 0;
        clear: both;
    }
   #tutorialDesc {
        text-align:left;
        display: block;
        position: relative;
        margin: 20px;
        z-index: 0;
        clear: both;
    }

    #stutorials {
        text-align:left;
        display: block;
        position: relative;
        background-color: #fff;
        border-top: 1px solid #126890;
        border-right: 4px solid #126890;
        border-bottom: 1px solid #126890;
        border-left: 4px solid #126890;
        padding: 5px;
        margin: 10px;
        clear: both;
    }
    #tutorialBody {
       padding: 40px;
     }
    
    #tutorialBody ol {
         list-style-type: decimal;
         margin: 20px;
         margin-left:40px;
     }
    #tutorialBody ul {
         list-style-type: disc;
         margin: 20px;
         margin-left:40px;
     }
    
     .bulleted {
         list-style-type: disc;
         margin: 20px;
         margin-left:40px;
     }
     
     /*   #stutorials:hover {
        border-top: 1px solid #cb0e0e;
        border-right: 4px solid #cb0e0e;
        border-bottom: 1px solid #cb0e0e;
        border-left: 4px solid #cb0e0e;
    }
    
    
    #stutorials b {
        display: block;
        margin-top: 1px;
        padding: 5px;
        font-size: 1em;
        font-weight: bolder;
        
    }
    
    #stutorials p {                
        display: inline;
        padding-top: 5px;
        padding-bottom: 5px;
        overflow: hidden;
    }
    
    #stutorials a {
        float: right;
        margin: 0px;
        background-color: #126890;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 2px;
        padding-bottom: 3px;
        color: #fff;
        text-decoration: none;
       
    }
    
    #stutorials a:hover {
        background-color: #FFA07A;
        color: #126890;
        text-decoration: none;
    }
   */ 
    
  /*  #stutorialDetail h2{
        font-size: 1.5em;      
        color: #cb0e0e;  
    }
    
    
    #stutorialDetail p {
        margin-top: 10px;
        font-size: 1em;
        text-align: justify;        
    }
    
    #stutorialDetail a {
        color: #126890;
        font-weight: bold;
        text-decoration: none;
    }
    
    #stutorialDetail a:hover {    
        color: #126890;
        text-decoration: underline; 
    }
*/
    
    #tFilter {
        position: relative;
        z-index: 99;
        float: right;
        overflow: hidden;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 0px;        
    }
    
    #tFilter ul {
      margin-bottom: 3px;
      margin-top: 3px;
      display: inline;  
    }
    #tFilter li {
        display: inline;
    }
    
    #tFilter p {
        display: list-item;
                        
    }
    
    #tFilter ul li ul {
        
       /* visibility: hidden; */
                
    }
    #tFilter ul li:hover ul {      
        /*visibility: visible;*/        
        
    }
    
    
    #tFilter li a{     
        border: 1px solid aqua;        
        background-color: #126890;
        padding: 5px;
        margin: 5px;
        color: #fff;
        text-decoration: none;         
    }
    
   
    #tFilter li a:hover{ 
       background-color: #cb0e0e;
        color: #fff;
        text-decoration: none; 
    }
    
    .faqblock {
        padding-left: 0px;
        background-color: white;
        margin-top: 5px;
        display: block;
        border-left: 3px solid #126890;        
        border-bottom: 3px solid #126890;      
    }
    
    
    
    .faqblock a {
        margin-left: 100px;
        vertical-align: center;
        padding:20px;
        text-decoration: none;
        font-size: 24px;
        font-weight: bold;
        -moz-border-radius: 10px; /* FF1+ */
        -webkit-border-radius: 10px; /* Saf3-4 */
        border-radius: 10px; 
        color: #126890;
        background-color: #ecf9ff; 
        border: 3px solid #126890;

        
    }
    .faqblock a:hover {
        color: white;
        border: 3px solid #ecf9ff;
        background-color:#126890;

    }
    .faqblock img {
        padding-left:70px;
        padding-bottom: 20px
    }
    
    
    .sproducts {
        padding: 5px;
        background-color: #ecf9ff;
        margin-bottom: 25px;
        padding-bottom:30px;
        padding-right:17px;
        margin-top: 5px;
        display: block;
        border-left: 1px solid #126890;        
        border-right: 1px solid #126890;        
        border-bottom: 1px solid #126890;       /*  float: left; */
    }
    
    .sproducts b {
        font-size: 1.5em;       
        float: left;
        border-left: 3px solid #cb0e0e;
        padding-left: 10px; 
        padding-right:30px;
    }
    .sproducts i {
        font-size: 0.8em;
        background-color: #fff;
        font-style: normal;
        font-weight: bold;
        z-index: 110;        
        float: right;
        margin-top:  -13px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-right: 10px;
    }
    
    .sproducts p {
        margin: 6px;
    }
  /*  
    .sproducts a {
        float: right;
        margin-top: -20px;
        margin-right:10px;
        background-color: #126890;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 2px;
        padding-bottom: 4px;
        color: #fff;
        text-decoration: none;
    }
    
    .sproducts a:hover {
       background-color: #ecf9ff; 
       font-weight: bold;
       color: #126890;
       text-decoration: none; 
    }
    */
    .box_link a {
        float: right;
        margin-top: -20px;
        margin-right:10px;
        background-color: #126890;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 2px;
        padding-bottom: 4px;
        color: #fff;
        text-decoration: none;
    }
    
    .box_link a:hover {
       background-color: #ecf9ff; 
       font-weight: bold;
       color: #126890;
       text-decoration: none; 
    }

    #sPlatformOrder {
        padding: 40px;        
    }
    
    .sProductDetail {
        padding: 40px;       
        min-width: 800px;
    }
    
    .sProductDetail img {
        border: 0px;        
    }
    
   /* .sProductDetail h2 {       
        margin-top: -4px;
        margin-left: 0px;        
        background: url(../images/pbd.png) no-repeat 0px -10px;        
        color: #9cdcf9;                
        text-align: center;        
        font-size: 1.5em;
        line-height: 30px;
        z-index: 344;
        width: 282px;
        height: 57px;
        position: absolute;
    }
    */
    .sProductDetail #backButton a {
        float: right;
        margin-top: 10px;
        background-color: #126890;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 2px;
        padding-bottom: 4px;
        color: #fff;
        text-decoration: none;
    }
    
    .sProductDetail #backButton a:hover {
       background-color: #ecf9ff; /* #333333; */
       color: #126890; /* #fff; */
       text-decoration: none; 
    }
    
      
    .sProductDetail #pDown ul {
        margin: 10px;
        padding: 5px;
    }
    
    
    .sProductDetail #pDown li{        
        padding: 3px;
    }
    
    .sProductDetail #pDown li a{
        color: #2491c4;
        text-decoration: none;
        font-weight: bold;
    }
    
    .sProductDetail #pDown li a:hover{
        color: #cb0e0e;
    }
    
    .compatibles {
        margin-top:30px;
    }
    
    #openwire_general {
        text-align:left;
        display: block;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        padding: 5px;
        margin: 10px;
        z-index: 0;
        clear: both;
    }
  
    #openwire_general img {
        border:0px;
        bprder-style:none;
    }
  
    #tab1 img {
        border: 0px;
    }
    
    #tab1 h5 {        
        border-bottom: 1px dotted #9cdcf9;
        border-left: 3px solid #126890;
        display: inline-block;
        width: 200px;
        height: 18px;
        margin-bottom: 10px;
        text-indent: 5px;
        font-size: 1.2em;
    }
    
   ul.tabs {
        clear:both;
    	display:block;
        padding: 0;
    	list-style: none;
    	height: 22px;    	
        z-index: 0; 
    }
    ul.tabs li {
    	float: left;
    	margin: 0;
    	padding: 0;
    	height: 21px;
    	line-height: 23px;
    	margin-bottom: -1px;
        margin-right: 2px; 
    	overflow: hidden;
    	position: relative;
    	text-align: center;
        width: 96px;
        background: url(../images/p_button_off.png) no-repeat;
    }
    ul.tabs li a {
    	text-decoration: none;
    	color: #074d6a;
    	display: block;
    	font-size: 1em;    	  	 
    	outline: none;
        /*background: url(../images/p_button_off.png) no-repeat;*/
    }
    ul.tabs li a:hover {
    	background: #cb0e0e;
        color: #fff;
        background: url(../images/p_button_on.png) no-repeat;
    }
   .active  {        
       background: url(../images/p_button_on.png) no-repeat;
       color:  red;        
       outline: none;                       
    }
        
    .tab_container {
        padding:20px;
    	overflow: hidden;	
        position:relative;
    	background: #fff;
        border: 1px solid #08acea;
        margin-top: -1px;
        border-top: 4px solid #08acea;
        border-bottom: 4px solid #08acea; 
    }
    .tab_content {
    	padding: 10px;    	
    }
    
    #sprodOr {
        margin: 30px;        
    } 
    
        
    #sprodOr p {        
        background: url(../images/pPriceLong.png) no-repeat 5px 5px;
        position: relative;   
        display: inline;
        font-size: 1em;
        text-align: center;
        font-style: italic;        
        padding-left: 12px;
        padding-right: 55px;        
        padding-top: 10px;
        padding-bottom: 15px;        
        line-height: -10px;
    }
    
    #sprodOr b {
        color: #064c6d;
    }
    
     #sprodOr a {
        display: block;        
        margin-top: 18px;
        background: #04415e;
        width: 100%;
        padding: 5px;
        text-indent: 65px;
        color: #fff;
        text-decoration: none;
         -moz-border-radius: 6px; /* FF1+ */
         -webkit-border-radius: 6px; /* Saf3-4 */
          border-radius: 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
         font-weight: bold;
     }    
   
     
    #sprodOr a:hover {
        color: #23e8ff;
        font-weight: bold;
    }
    #sprodOr a img {
        border: 0px;
        z-index: 4545;
        position: absolute;
        margin-top: -13px;
        margin-left: -35px;
    }
    
    #orderW {
        width: 100%;
    }
    
    
   #tTable {
       margin: 0px;
       padding: 0px;               
       display: inline-block;
       margin-left: 408px;       
   }
   
   #tTable h5 {
        display: inline-block;
        width: 60px;
        text-align: center;
        margin-right: 15px;
        margin-top: 5px;
        
   }  
   
   .orTable img {
    border: 0px;     
   }
   
   .orTable table{
        border: 1px solid #2189ba;
        margin-bottom: 10px;
        
   }
   
   .orTable th {
        background-color: #2189ba;
        padding: 5px;
        color: #fff;
        vertical-align: middle;
        text-align: center;
        border-left: 1px solid #fff;
   }
  
   .orTable th a {
        color: #fff;
        text-decoration: none;
   }
   
   .orTable th a:hover {
        color: #FFA07A;

   }
   
   
   .orTable td {
        background-color: #9cdcf9;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        color: #116389;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        text-align: center;
        vertical-align: middle;
   }
  
   
   .pricingTable {
       width:100%;
       /* border: 1px solid #2189ba;*/
        margin-bottom: 10px;
  
        
   }

   .pricingTable img {
    border: 0px;     
   }  
   
   .pricingTable th {
        background-color: #2189ba;
        color: #fff;
        vertical-align: middle;
        text-align: center;
    /*    border-left: 1px solid #fff;  */
   }
  
   .pricingTable th a {
        color: #fff;
        text-decoration: none;
   }
   
   .pricingTable th a:hover {
        color: #FFA07A;
   }
   
  
   .pricingTable td {
       background-color: white; 
       color: #116389;
       text-align: center;
       vertical-align: middle;
       padding:3px;
       min-width: 50px;
   }

   .pricingTable td a {
        text-decoration: none;
        font-weight: bold;
        color:blue;
   }
/*
   .pricingTable td a:hover {
        color:#FFA07A;
   }
  */ 
   #pricing_shower_box {
       margin-left: 20px;
   }
   
   .pricing_shower {
        background-color: #9cdcf9;
        color: #fff;
        vertical-align: middle;
        text-align: center;
        height:30px;
        padding-top: 10px;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 0px;
        float:left;
        border: 1px solid #2189ba;
        border-bottom: 0px;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
 
   }
   
    
 
   .pricing_shower a {
        font-style:bolder;
        background-color: #9cdcf9;
        margin:20px;
        vertical-align: center;
        color: #297394;
        text-decoration: none;
 
   }
   
   .pricingTableApps {
       width:100%;
       /* border: 1px solid #2189ba;*/
        margin-bottom: 10px;        
   }

   .pricingTableApps img {
    border: 0px;     
   }  
   
   .pricingTableApps th {
        background-color: #004a68;
        color: #fff;
        vertical-align: middle;
        text-align: center;
    /*    border-left: 1px solid #fff;  */
   }
  
   .pricingTableApps th a {
        color: #fff;
        background-color: #004a68; 
        text-decoration: none;
   }
   
   .pricingTableApps th a:hover {
        color: #FFA07A;
   }
   
  
   .pricingTableApps td {
       background-color: #ecf9ff; 
       color: #004a68;
       text-align: center;
       vertical-align: middle;
       padding:3px;
       min-width: 50px;
   }


   .pricingTableApps td a {
        text-decoration: none;
        font-weight: bold;
        color:#004a68;
   }
   /*
   .pricingTableApps td a:hover {
        color:#FFA07A;
   }
   */
   
   #backButton2 a {
        float: left;        
        background-color: #9cdcf9;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 2px;
        padding-bottom: 4px;
        color: #297394;
        text-decoration: none;
        margin-bottom: 10px;
        
    }
    
    #backButton2 a:hover {
       background-color: #ecf9ff; /* #FFA07A;*/
       color: #126890;
       text-decoration: none; 
    }
    
    #backButton3 a {
        display: inline;
        
        /*background-color: #fff;*/
        padding-left: 0px;
        padding-right: 30px;
        padding-top: 0px;
        padding-bottom: 4px;
        color: #297394;
        text-decoration: none;
        
    }
    
    #backButton3 a:hover {
       background-color: #ecf9ff; /* #FFA07A;*/
       color: #126890;
       text-decoration: none; 
    }
    
    #hW img{
        border: 0px;
    }
    
    #hW h6 {
        display: block;
        margin-top: 10px;
        font-size: 1.2em;
        width: 100%;
        border-bottom: 1px solid #4093b8;
    }
    
    #hmBlock {        
        text-align:  justify;
        padding: 5px;
        padding-top: 25px;   
        position: relative;
        overflow: hidden;
        /*border-bottom: 1px dotted #126890;*/        
        margin-top: -1px;
    }
    
    #hmBlock b {
        font-size: 14px;
        border-left: 4px solid #9cdcf9; /*;#126890;*/
        padding-left: 5px;
        text-align: left;
    }
    #hmBlock p {
        padding: 5px;
    }
    
    #hmBlock a {    
        float: right;
        text-decoration: none;
        color: #fff;
        background-color: #126890;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 3px;
        padding-bottom: 3px;
        position: relative;
        margin-left: 100px;
    }
    
    #hmBlock a:hover{
        background-color: #ecf9ff; /* #FFA07A;*/
        color: #fff; /*#9cdcf9;*/
    }    
        
    #showS img{
        border: 0px;
    }
    
    #backButton a {    
        float: right;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-right:35px;
        text-decoration: none;
        color: #fff;
        background-color: #126890;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 3px;
        padding-bottom: 3px;
        position: relative;
        margin-left: 100px;
    }
    
    #backButton a:hover{
        background-color: #ecf9ff; /* #FFA07A;*/
        color: #126890; /*#9cdcf9;*/
    }
    
    #tab2 img {
        border: 0px;
        text-align: left;
    }
    
    #smallIcons {
        display: inline-block;
        border: 1px solid aqua;        
        text-align: left;
        margin-top: 15px;
        margin-bottom: 15px;   
        width: 100%;
        float: left;
        padding: 5px;
    }
    
    #smallIcons2 {
        display: block;
        float: right;
        padding: 0px;
        margin: 0px;
        
    }
 
    #tab4 h6{
        display: block;
        font-size: 1.2em;
        border-left: 3px solid #0d8dc9;
        text-indent: 5px;
        border-bottom: 1px solid #0d8dc9;
        padding-bottom: 2px;
    }
    
    #tab4 img{
        border: 0px;  
        vertical-align: middle;  
    }
    
    #tab5 p {
        display: inline;        
    }
    
    #tab5 b {
        color: red;   
    }
    
    #tab5 h4 {
        display: inline;
        color: green;
    }
    
    
    
    #tab5 li a {
        display: block;
        color: #327a9b;
        text-decoration: none;
        margin-top: 4px;
        border-left: 3px solid #3fd9f5;
        text-indent: 5px;
        font-weight: normal; 
        padding: 4px;   
    }
    
     #tab5 li a:hover {
        background-color: #d8fcff;
        font-weight: bold;
        border-left: 3px solid #27a7be;
     }
     
     #copyrigntBox a{
        color: #0a72a2;
        text-decoration: none;
    }
    
    
    #productLogo{
        margin-top: -5px;
        margin-bottom: 10px;
        padding-bottom: 3px;
        padding-left: 40px;
        float: left;
        margin-right:30px;
      }
      
      #productLogo img {
          border:none;
      }
    #productOverview{
        display:inline;
        padding-right:50px;
        font-size: 1.5em;
        text-align:left;
    }
    
    #productOverview ul {
       list-style: disc url('../images/c2.png');
       list-style-position:inside;
    }
    
    .product_all_row {
        margin-top:20px;
        margin-bottom: -15px;
        margin-left:10px;
        padding-left:50px;
        background-color: #27a7be;
        color:white;
        padding:10px;

    }
    .product_all_cells {
        background-color: white; 
        color:#126890;
        width:80%;
        -moz-border-radius: 6px; /* FF1+ */
        -webkit-border-radius: 6px; /* Saf3-4 */
        border-radius: 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
    }

    .faq_all_cells {
        background-color: white; 
        color:#126890;
        width:73%;
        -moz-border-radius: 6px; /* FF1+ */
        -webkit-border-radius: 6px; /* Saf3-4 */
        border-radius: 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
    }
    
    .order_all_row {
        min-width: 800px;
        margin-top:20px;
        margin-bottom: -15px;
        margin-left:10px;
        padding-left:50px;
        background-color:#27a7be;
        color:white;
        padding:10px;

    }
    .order_all_cells {
        background-color: white; 
        color:#126890;
        width:65%;
        -moz-border-radius: 6px; /* FF1+ */
        -webkit-border-radius: 6px; /* Saf3-4 */
        border-radius: 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
    }
    

    #sSupport table {
        border: 4px solid #2189ba;
        text-align: left;        
     }
   
    #sSupport th {
        color: white;
        text-align: center;   
        background-color: #2189ba;
        padding:7px;
    }
    
    #sSupport td {
        padding:7px;
        padding-right: 15px;
    }

    #sSupport td a {
        text-decoration: none;
        padding-left: 10px;
        padding-right: 10px;
        background-color: white;
        color:#2189ba;
    }
    
  
    #sSupport td a:hover {
       color: #FFA07A;
    }  
      
    #sSupport td img {
        padding-right: 35px;
    }

    #sSupport td .redSquare {
        width:30px;
        color:#2189ba;
        background-color: #ecf9ff; /* #FFA07A;*/
        padding:1px;
        padding-bottom:4px;
          -moz-border-radius: 6px; 
        -webkit-border-radius: 6px;
        border-radius: 6px; 
    }

    #support_table td {
        text-align: center;
    }
    
    #faqs {
        padding-left:40px;
    }
    #faqs .faqq {
        font-weight:bold;
        padding-bottom:5px;
    }   
    #faqs .faqa {
        padding-bottom:20px;
    }
    #faqs .faqq .q {
        color:red;
        float:left;
        padding-right:10px;
    }

    #faqs .faqa .a {
        color:green;
        float:left;
        padding-right:12px;
    }
    
    .back_link {
        margin:20px;
    }

    #whatsnews h3 {
        margin-top:20px;
    }
    #whatsnews ul {
        margin-top: 10px;
        list-style-position: inside;
        list-style: decimal-leading-zero;
        padding-left: 40px;
    }
    
    #whatsnews ul li {
        text-align: left;
        line-height: 22px;  

    }
    


    .company_milestones h3 {
        margin-top:20px;
    }

    .company_milestones ul {
        margin-top: 10px;
        list-style: circle;
        list-style-position: inside;
        padding-left: 30px;
    }
    
    .company_milestones ul li {
        text-align: left;
        line-height: 22px;  
    }
    

    .forum_category {
        margin-bottom:30px;
    }
    
    .forum_category dd {
        margin-bottom:10px;
    }
    
    .link_category {
        margin-bottom:30px;
    }
    
    .link_category dd {
        margin-bottom:10px;
    }
    
    .license {
        padding:20px;
        
    }
     
    
    #footer {
        clear:both;
        margin-top: 20px;  
    }
    
    h1 a {
        text-decoration: none;
    }

    .faq_hover {
        background-color: #ecf9ff; /* #FFA07A;*/
        cursor: pointer;
    }
    
    .download_link {
        color:blue;
        text-decoration: underline;
    }
    .installdown_link {
        color:blue;
        text-decoration: underline;
    }
  
    .download_link_hover {
        cursor: pointer;
    }
    .downcount_link {
        color:blue;
        text-decoration: underline;
    }
    .downcount_link_hover {
        cursor: pointer;
    }
   
    .downcount_phrase {
        font-style:italic;
        font-size:90%;
        margin-top:3px;
    }
    .page_el_table td {
        vertical-align: top;
    }
    
    .same_version_warn {
        margin-top:40px;
        padding:60px;
        color:red;
        background-color: #ecf9ff;
    }
    .download_accordion {
        background: #f0f0f0;
        padding:5px;
        margin-top: 5px;
        background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f0f0f0));
        background: -moz-linear-gradient(top,  white,  #f0f0f0);
       border: 2px solid #2491c4;
     
        -moz-border-radius: 16px; 
       -webkit-border-radius: 16px;
    }
     .download_accordion:hover {
        background: #ecf9ff;
        background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ecf9ff));
        background: -moz-linear-gradient(top,  white,  #ecf9ff);
       border: 2px solid #5abe15;
    }
    .download_accordion_contents {
        padding-left:20px;
        padding-top:20px;
    }


  .superadmin table {
    background: rgba(0, 0, 0, 0.2);
    font-size: 16px; 
    border:1px solid black;
    padding:5px;
  }
  .superadmin thead {
    text-align: center;   
    border: 1px solid black;
  }
  .superadmin tbody tr:nth-of-type(odd) {
    background:white;
    text-align: center;
  }
  .superadmin tbody tr:nth-of-type(even) {
    background:#ecf9ff;
    text-align: center;
  }
  .superadmin th {
    background: #ecf9ff;
    padding:5px;
  }
  .superadmin td {
    padding:5px;
  }
