html, body {
   margin: 0;
   padding: 0px 0 10px 0; 
   font-family: Geneva,Verdana,Arial,Helvetica,sans-serif;
   font-size:12px;   
   line-height:19px;
   background-color: #3875a7;
   color: #333;
   text-align:center;
}

img   {
   display: block;
   border: 0;
}

.inline 
{
   display:inline;
}

.tn75 {
   display:inline;
   float:left;
   width:75px;
   padding:2px;
   margin:0; 
   border:0
 }

.tn100 {
   display:inline;
   float:left;
   width:100px;
   padding:2px;
   margin:0; 
   border:0
 }

.tn150 {
   display:inline;
   width:150px;
   padding:2px;
   margin:0; 
   float:left;
 }

li 
{
   padding: 0 0 5px 0;
}

p
{
   padding:0.5em 0.5em 1.0em 0.5em;
}

a, a:link, a:visited, a:active {
   color: #0371A4;
   text-decoration: none;
}


p a, li a {
   padding-bottom:2px;
   border-bottom:1px solid #0371A4;
}

.strong
{
   font-weight:bold;
}
.strong1 
{
   font-weight:bold;
   color: #5d8a91;
}

#body 
{  
   width:670px;
   margin:0 auto;
   padding: 0;
   text-align:left;
   background-color: #fff;   
   border:1px solid #333;
   text-align:left;
}
   
#sidebar {
   width: 160px;
   float: right;
   padding:5px 10px 10px 10px;
   font-size:12px;
   background-color:#fff;
}
   
   
#content 
{
   padding:5px 5px 5px 15px;
   margin-right: 75px;
   border-right: 0px solid #666;
   background-color: #fff;
}

#content2 
{
   padding:5px 5px 5px 15px;
   margin-right: 175px;
   border-right: 0px solid #666;
   background-color: #fff;
}

#header {
   background-color: #fff;
   color: #006;
   border-bottom: 1px solid #999;
   margin-bottom: 0px;
   padding:10px 0 5px 10px;
}

#myaccount 
{
   padding:0; 
   margin:0 10px 0 0;
   float:right;
   background-color:none;
   padding:0px 1px 1px 26px;
   background-image: url(../images/form_blue.gif);
   background-repeat: no-repeat; 
}

#menubar
{
   border-bottom:1px solid #999;
   background-color : #eee;
   margin:0px;
   padding:5px;   
}

#menubar span 
{
   padding: 0 5px 0 5px;
   font-weight:bold;
   font-size:14px;   
   text-transform: lowercase;
}
#menubar span a
{
   font-weight:bold;
   font-size:14px;      
}

#menubar span a:hover 
{
   border-bottom:1px solid #e67309;
}
   
#footer {
   background-color: #eee;
   color: #777;
   border-top: 1px solid #999;
   font-size: 11px;
   padding: 10px 10px 10px 10px;
   clear: both;
   margin-top:10px;
}


#copy 
{
   position:relative;
   float:left;
   padding:0;
   margin:0;
   
}
#footermenu 
{
   text-align:right;
   margin:0;   
   position:relative;
   padding: 2px 2px 1px 2px;
}
.spacer {
   clear: both;
}

#content h1, #content2 h1, #sidebar h1 {
  margin:25px 0 5px 10px;
  padding:0 0 .1em;
  border-bottom:1px solid #e67309;
  font-size:14px;
  font-weight:bold;
  color:#333;
}

#content h2, #content2 h2, #sidebar h2 {
  margin:25px 0 5px 10px;
  padding:0 0 .1em;
  border-bottom:1px solid #e67309;
  font-size:12px;
  font-weight:bold;
  color:#333;
}

#content h3, #content2 h3, #sidebar h3 {
  margin:20px 0 1px 10px;
  padding:0 0 0 0;
  font-size:12px;
  font-weight:bold;
  color:#666;
}

#content a:hover, #content2 a:hover, #myaccount a:hover
{
   /*border-bottom:1px solid #3875a7;*/
}

#content span a, #content span a:link, #content span a:visited, #content span a:active,
#content2 span a, #content2 span a:link, #content2 span a:visited, #content2 span a:active{
   /*color: #0371A4;
   text-decoration: none; */
   border:none;
}

#content span a:hover, #content2 span a:hover
{
   /*border:none;*/
}

.h3qa {
  margin:20px 0 2px 10px;
  padding:0 0 2px 0;
  font-size:12px;
  font-weight:bold;
  color:#666;
  text-decoration: underline;
}

.pqa 
{
   margin: 5px 0px 5px 30px;
}

.indent 
{
   margin:10px 10px 10px 15px;
}

.h1a, .h2a
{
   color:none;
}

.h3a
{
   margin:0;
   padding:0;
   color:#333;
}  
.h3p
{
   padding: 0px 5px 5px 0px;
}

p 
{
   margin: 5px 5px 5px 15px;
}

.boxpara {
   padding:5px; 
   font-size:11px; 
   line-height: 14px;   
   border:1px solid #999;
 }
 
.sidebaritem 
{
   margin:15px 0 15px 0;
   padding:5px;
}

.sidebaritem form 
{
   padding:0;
   margin:0;   
}

.sidebaritem table 
{
   padding:2px;
   margin:0;
   background-color:#eee;
   border:1px solid #3399CC;
   font-size: 10px;     
}
.sidebaritem table th
{
   color:#3399aa;
}
.sidebaritem table td
{
   padding:2px;
   margin:0;
   font-size: 10px;     
}

.sidebaritem  a {
   color: #3399CC;
   text-decoration: none;
}

.sidebarpara {
   font-size:11px;
   line-height: 14px; 
   padding:2px;
   margin:0
}

ul { 
   margin: 0px 0px 0px 20px;
   padding:0px;
   list-style: none;
}
ul li 
{
   padding: 3px 2px 2px 20px; 
   margin: 0;
   background-image: url(../images/bullet16.gif);
   background-repeat: no-repeat; 
   background-position: 0 2px;
} 

.scroll_ul {   
   margin: 0px 0px 0px 20px;
   padding:0px;
   list-style: none;
   font-size: 12px;
}
.scroll_ul li 
{
   padding: 3px 2px 2px 20px; 
   margin: 0;
   background-image: url(../images/scroll16.gif);
   background-repeat: no-repeat; 
   background-position: 0 2px;
} 

.check_ul { 
   margin: 0px 0px 0px 20px;
   padding:0px;
   list-style: none;
   font-size: 12px;
}
.check_ul li 
{
   padding: 3px 2px 2px 20px; 
   margin: 0;
   background-image: url(../images/check16.gif);
   background-repeat: no-repeat; 
   background-position: 0 2px;
} 

.home123_ol { 
   margin: 0px 0px 0px 28px;
   padding:2px 2px 2px 5px;
   list-style: none;
   font-size: 12px;
}

.home123_ol li 
{
   padding: 5px 36px 10px 36px; 
   margin:0px 0 0 0;
} 

.home123_ol_li1 
{
   background-image: url(../images/il1.jpg);
   background-repeat: no-repeat; 
   background-position: 0 2px;
} 
.home123_ol_li2 
{
   background-image: url(../images/il2.jpg);
   background-repeat: no-repeat; 
   background-position: 0 2px;
} 
.home123_ol_li3 
{
   background-image: url(../images/il3.jpg);
   background-repeat: no-repeat; 
   background-position: 0 2px;
} 

.faqlinks 
{
 line-height:14px;
 padding:0;
}
.faqlinks a
{
   display:block;
   margin:0;
   padding:0;
}

.backup
{
   background-color:none;
   margin-top: 0; 
   padding:0px 1px 1px 20px;
   background-image: url(../images/backup16.gif);
   background-repeat: no-repeat;
}

div.vspacer200 
{
   margin-bottom:200px;
}

div.vspacer150 
{
   margin-bottom:150px;
}

div.vspacer100 
{
   margin-bottom:100px;
}

div.vspacer50 
{
   margin-bottom:50px;
}

div.vspacer25 
{
   margin-bottom:25px;
}

div.vspacer10 
{
   margin-bottom:10px;
}
div.vspacer5 
{
   margin-bottom:5px;
}

div.center 
{
   /* for IE */
   text-align:center;
   margin:0px 0px; 
   padding:0px;   
}

div.center span 
{
   text-align: left; 
   margin: 0 auto;
}

table.screenshots {
   margin:0
   padding:0;
   width:100%;
   text-align:center;
   vertical-align:top;
}

table.screenshots td {
   vertical-align:top;
   text-align:left;
   padding:5px;   
   font-size:11px; 
   line-height: 14px; 
}

.hide {
   display:none;
}

.featurechart
{
   border:none;
   margin:0;   
   padding:5px 5px 2px 5px;
   padding-left:15px;
   font-size:11px;
   width:550px;
}

.featurechart th
{
   border-bottom:1px solid #666;
   padding:2px;
   margin:0;
   text-align:left;
   font-size:12px;
}

.featurechart tr td
{
   border-bottom:1px solid #ccc;
   padding:2px;
   margin:0;
   text-align:left;
}

.template
{
   font-size:11px;
   color: #060;
   margin:15px;
   padding:5px;
   border:1px solid #ccc;
}

code {
   font-size:11px;
   color:#060;
}

.smalllist
{
}
.smalllist li
{
   font-size:12px;
   margin:0;
   padding:0 0 5px 2px;
}

/* 
//
//  This rounded css box is based on the design by Roger Johansson of 456 Berea Street web site.
//  See http://www.456bereastreet.com/archive/200406/flexible_box_with_custom_corners_and_borders/
//
// The background images used (cssborder.gif and cssbox.gif) are artwork obtained from BereaStreet web site.
*/
.cssbox {
   margin:5px;
   padding:0 12px 0 0;
   background:#fff url(../images/cssborders.gif) 100% 0 repeat-y;
}
.bi {
   padding:0 0 0 12px;
   background:#fff url(../images/cssborders.gif) 0 0 repeat-y;
}
.bt {
   padding:0
   margin:0
   height:17px;
   margin:0 -12px;
   background:url(../images/cssbox.gif) 100% 0 no-repeat;
}
.bt div {
   width:18px;
   height:17px;
   background:url(../images/cssbox.gif) 0 0 no-repeat;
}
.bb {
   padding:0
   margin:0
   height:17px;
   margin:0 -12px;
   background:url(../images/cssbox.gif) 100% 100% no-repeat;
}
.bb div {
   width:18px;
   height:17px;
   background:url(../images/cssbox.gif) 0 100% no-repeat;
}

#content .cssbox h1, #content2 .cssbox h1 {
   font-size:12px;
   font-weight:plain;
   margin:0;
   padding:0.3em 10px;
   border-bottom:none;
   background:#eee;
   font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
#content .cssbox p, content2 .cssbox ul, #content2 .cssbox p, #content2 .cssbox ul {
   margin:0;
   padding:2px 2px;
   background:#fff;
}
#content .cssbox li, #content2 .cssbox li {
   margin:0 0 0 2em;
   padding:0;
}

#technoratitag {
   display:none;
}

