html
{
   background: #F1F1F1 none repeat scroll 0% 0%; 
   -moz-background-clip: border; 
   -moz-background-origin: padding; 
   -moz-background-inline-policy: continuous;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, input, textarea, p, blockquote, th, td
{
   margin:0;
   padding:0;
}
body
{
   margin:0;
   padding:0;
   font:13px/1.231 arial,helvetica,clean,sans-serif;
   *font-size:small;
   *font:x-small;
   text-align:center;
}

img
{
   border:0px;
}
.outer
{
   width:100%;
}
.inner
{
   margin: 0 auto;
   width:960px;
}

a:hover
{
   color: orange;
}

/*-- Top panel --*/
.toppanel
{
   zoom: 1;
   position: relative;
   padding: 0pt 0pt 8px;
   background: #F1F1F1; 
}
   .toppanel div.toplogo
   {
      float:left;
      margin: 16px 0pt 0pt;
      width:32%;
   }
   .toppanel .topmenu
   {
      width:65%;
      display: block;
      position:absolute;
      bottom: 10px;
      right: 0px;
   }
   .toppanel .topmenu ul
   {
      margin: 50px 0pt 0pt;
      float: right;
      font-size: 100%;
      text-transform:uppercase;
      list-style: none;
      margin: 0;
      padding: 5px;
      display: block;
      height: 20px;
   }
   .toppanel .topmenu ul a
   {
      padding: 2px 4px;
      outline: 0;
      display: block;
      color: #000000;
      text-decoration: none;
      padding: 1px 5px;
      margin: 0px;
   }
   .toppanel .topmenu ul li
   {
      margin: 0pt 0pt 0pt 8px;
      float: left;
   }
   .toppanel .topmenu li a:hover 
   {
      background: #0A89C2;
      color: orange;
   }
   .toppanel .menufocus
   {
      font-weight: bold;
      color: #FFFFFF;
      border: 1px solid #0A89C2;
      background: #0A89C2;
   }
   .toppanel .menufocus a:visited
   {
      background: #0A89C2;
      color: #FFFFFF;
   }
.toppanel:after
{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/*-- Billboard panel --*/
.billboardpanel
{
   background: #356EAB;
   padding:15px 0pt 15px;
}
   .billboardpanel div.left
   {
      float:left;
      width:300px;
      text-align: left;
   }
   .billboardpanel div.left .title
   {
      color: #F1F1F1;
      text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
      font-size: 140%;
   }
   .billboardpanel div.left .detail
   {
      padding: 20px 0px 12px 0px;
      font-size: 115%;
      color: #F1F1F1;
   }
   .billboardpanel div.right
   {
      float:right;
      width:660px;
      display: block;
      bottom: 10px;
      right: 0px;
   }
.billboardpanel:after
{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/*-- Point panel --*/
.pointpanel
{
   background: #356EAB;
}
   .pointpanel .inner
   {
      background: #0A89C2;
   }
   .pointpanel ul
   {
      font-size: 100%;
      list-style: none;
      margin: 0;
      padding: 0;
   }
   .pointpanel ul li
   {
      display: table-cell;
      vertical-align: middle;
      padding: 8px 0px 8px 48px;
      overflow: hidden;
      text-align: left;
      border-top: 1px solid #2DA7D9;
      border-left: 1px solid #2DA7D9;
      border-right: 1px solid #2DA7D9;
   }
   .point-correct-errors
   {
      background: transparent url("img/point-correct-any-errors.png") no-repeat scroll 0% center;
   }   
   .point-speed-up-typing
   {
      background: transparent url("img/point-speed-up-typing.png") no-repeat scroll 0% center;
   }   
   .point-automate-tasks
   {
      background: transparent url("img/point-automate-tasks.png") no-repeat scroll 0% center;
   }   
   .point-multi-pc-ready
   {
      background: transparent url("img/learn-and-adapt.png") no-repeat scroll 0% center;
   }   
   .pointpanel h2
   {
      font-size: 100%;
      font-weight:bold;
      text-transform:uppercase;
      color: #F1F1F1;
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
   }
   .pointpanel p
   {
      font-size:86%;
      color: #C3D698;
   }
.pointpanel:after
{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/*-- Download panel --*/
.downloadpanel
{
   background: #585858;
   padding:0px 0px 15px;
   box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.6) inset;
}
   .downloadpanel .inner
   {
      background: #585858;
   }
   .downloadpanel .inner .leftcolumn
   {
      margin: 0;
      padding: 0;
      position: relative;
      display:block;
      float:left;
      width: 240px;
   }
   .downloadpanel .inner .rightcolumn
   {
      margin: 0;
      padding: 0;
      float: right;
      width: 637px;
      position: relative;
   }
   .downloadpanel p
   {
      padding:40px 0px 10px;
   }
   .downloadpanel ul
   {
      font-size: 100%;
      list-style: none;
      margin: 0;
      padding: 0;
   }
   .downloadpanel ul li
   {
      display: table-cell;
      vertical-align: middle;
      padding: 20px 8px 20px 8px;
      overflow: hidden;
      text-align: center;
   }
   .downloadpanel .inner .rightcolumn li a
   {
      color: #EAEAEA;
      display: block;
      font-weight: bold;
      padding:16px 8px 16px 8px;
      text-align: center;
      text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
      text-decoration: none;
      background-color: #4F4F4F;
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 5px 5px 5px 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) inset;
      text-decoration: none;
      -moz-text-blink: none;
      -moz-text-decoration-color: -moz-use-text-color;
      -moz-text-decoration-line: none;
      -moz-text-decoration-style: solid;      
   }
   .downloadpanel .inner .rightcolumn li a:hover
   {
      color: orange;
      background-color: #464646;
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 5px 5px 5px 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) inset;
      text-decoration: none;
      -moz-text-blink: none;
      -moz-text-decoration-color: -moz-use-text-color;
      -moz-text-decoration-line: none;
      -moz-text-decoration-style: solid;      
   }
   .downloadpanel .inner .rightcolumn li a.nowactive
   {
      background-color: #0A89C2;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7) inset;
   }
.downloadpanel:after
{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

   .actioncallout
   {
      padding:24px;
      background: #6CB232;
      border-top:1px solid rgba(82, 82, 82, 0.6);
      border-bottom:1px solid rgba(255, 255, 255, 0.3);
      
      -moz-border-radius: 60px; 
      -webkit-border-radius: 60px;
      -webkit-border-top-left-radius:60px;
      -webkit-border-top-right-radius:60px;
      -moz-border-radius-topleft:60px;
      -moz-border-radius-topright:60px;
      border-top-left-radius:60px;
      border-top-right-radius:60px;
      -webkit-border-bottom-left-radius:60px;
      -webkit-border-bottom-right-radius:60px;
      -moz-border-radius-bottomleft:60px;
      -moz-border-radius-bottomright:60px;
      border-bottom-left-radius:60px;
      border-bottom-right-radius:60px;
   }
   a.actioncall
   {
      padding:16px;
      background: #6CB232;
      border-top:1px solid rgba(82, 82, 82, 0.2);
      border-bottom:1px solid rgba(255, 255, 255, 0.3);
      font-size:120%;
      font-weight:bold;
      text-transform:uppercase;
      text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
      text-decoration: none;
      color: #FFFFFF;

      -moz-border-radius: 60px; 
      -webkit-border-radius: 60px;
      -webkit-border-top-left-radius:60px;
      -webkit-border-top-right-radius:60px;
      -moz-border-radius-topleft:60px;
      -moz-border-radius-topright:60px;
      border-top-left-radius:60px;
      border-top-right-radius:60px;
      -webkit-border-bottom-left-radius:60px;
      -webkit-border-bottom-right-radius:60px;
      -moz-border-radius-bottomleft:60px;
      -moz-border-radius-bottomright:60px;
      border-bottom-left-radius:60px;
      border-bottom-right-radius:60px;
   }
   a.actioncall:hover
   {
      color: orange;
   }
   
/*-- Feature panel --*/
.featurepanel
{
   padding:15px 0pt 15px;
   background: #F1F1F1; 
}
   .featurepanel .inner
   {
   }
.featurepanel:after
{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/*-- Content panel --*/
.contentpanel
{
   padding:15px 0pt 15px;
   background: #EAEAEA; 
}
   .contentpanel .inner
   {
      padding: 16px 16px 0;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2) inset;
      -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2) inset;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, .2) inset;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background: #DEDEDE;
      background: rgba(0,0,0, .05);
   }
   .contentpanel .inner .leftcolumn
   {
      margin-bottom: 16px;
      padding: 0;
      position: relative;
      display:block;
      float:left;
      width: 240px;
   }
   .contentpanel .inner .left
   {
      margin-bottom: 16px;
      padding: 0;
      position: relative;
      display:block;
      float:left;
      width: 234px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
      -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
      box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
      color: #FFFFFF;
      background: #0A89C2;
   }
   .contentpanel .inner .left ul
   {
      list-style: none;
   }
   .contentpanel .inner .left li
   {
      margin: 0;
      padding: 0;
      background: none;
      width: 242px;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease;
   }
   .contentpanel .inner .left li:hover a
   {
      color: orange;
      background: #356EAB;
   }
   .contentpanel .inner .left li a
   {
      margin: 0;
      padding:16px;
      width: 202px;
      display:block;
      color: #FFFFFF;
      background: #0A89C2;
      border-bottom: 1px solid #2DA7D9;
      text-decoration: none;
   }
   .contentpanel .inner .left #first a
   {
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
   }

   .contentpanel .inner .left #last a
   {
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom: none;
   }
   .contentpanel .inner .left li.current
   {
      background: transparent url(img/arrow-white.png) no-repeat center right;
   }

   .contentpanel .inner .left li.current a,
   .contentpanel .inner .left li.current a:visited
   {
      background: #fff;
      color: #000;
   }
   .contentpanel .inner .right
   {
      margin-bottom: 16px;
      padding: 16px;
      float: right;
      width: 637px;
      position: relative;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
      -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
      box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
   }
   .contentpanel .inner .right.white
   {
      background: #FFFFFF;
      min-height: 40em;
   }
   .contentpanel .inner .right.gray
   {
      background: #EAEAEA;
   }
   .contentpanel .inner .right.bar
   {
      background: #EAEAEA;
   }
   .contentpanel .inner .whole
   {
      margin-bottom: 16px;
      padding: 16px;
      float: right;
      width: 928px;
      position: relative;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
      -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
      box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
      background: #FFFFFF;
   }
.contentpanel:after
{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/*-- Footer panel --*/
.footerpanel
{
   font-size: 94%;
   color: #696969;
   text-shadow: 0px 1px 0px rgb(240,240,240);
   text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
   background-color: #D5D5D5;
}
   .footerpanel hr
   {
      border: 0pt none;
      margin: 30px 0pt 6px;
      height: 1px;
      background-color: #DCDCD4;
   }
   .footerpanel h3
   {
      padding: 8px 0px 0px;
   }
   .footerpanel .leftcolumn
   {
      padding: 0 20px 0;
      float: left;
      text-align: left;
   }
   .footerpanel ul
   {
      list-style: none;
   }
   .footerpanel a
   {
      color: #8E8E8E;
      text-decoration: none;
   }
   .footerpanel a:hover
   {
      text-decoration: underline;
   }
   .footerpanel .rightcolumn
   {
      margin-bottom: 1em;
      float: right;
      text-align: right;
   }
   .footerpanel .hangup
   {
      position:relative;
      top:-20px;
   }
   .footerpanel a.actioncall
   {
      color: #FFFFFF;
   }
   .footerpanel a.actioncall:hover
   {
      text-decoration: none;
      color: orange;
   }
   .footerpanel .winlogo
   {
      text-align: center;
      font-size: 86%;
   }

.inlineimg
{
   margin: 0;
   vertical-align:text-bottom;
}
.dropcap
{
   float: left;
   margin: 10px 10pt 10pt 10px; 
}
.quote
{
   font-style: italic;
}
.blue
{
   color: #0000FF;
}
.green
{
   color: #6CB232;
}
.liteblue
{
   color: #4DBDCB;
}
.grey
{
   background: #EAEAEA;
}
.heavygrey
{
   background: #D5D5D5;
}
.darkgrey
{
   background: #585858;
}
.bigger
{
   font-size: 116%;
}
.smaller
{
   font-size: 86%;
}
.label
{
   font-style: italic;
}
.hotcode
{
   background-color: #D5D5D5;
   padding: 10px;
   margin: 10px; 
}