html {height:100%}

body {
font-size:100.01%;
margin:8 0;
padding:0;
background:#d9d9d9;}

p, br, li, td, h1, h2, h3, h4, h5, h6, body {
font-family:tahoma,verdana,arial,sans-serif,simsun;
font-size:87%;
line-height:1.55em;
color:#333333;
* margin:0; /* Interpreted only by IE */}

h1 {
height:15px;
width:102%;
background-color:#f4f4f4;
border-bottom:1px solid #cccccc;
font-size:75%;
font-weight:normal;
color:#333333;
padding-left:7px;
padding-top:3px;
margin-top:4px;
margin-bottom:8px;
margin-left:-7px;}

h2 {
height:15px;
width:102%;
background-color:#ffffff;
border-bottom:1px solid #b1b1b1;
font-weight:normal;
color:#32597f;
margin-top:7px;
padding-left:7px;
margin-bottom:8px;
margin-left:-7px;}

h3 {
margin:0;
margin-bottom:16px;
font-size:140%;
font-weight:bold;
font-family:franklingothic bold,tahoma,verdana;
color:#1e4d7f;
border-bottom:solid 1px #1e4d7f;}

h4 {
margin:0;
margin-top:12px;
margin-bottom:8px;
font-size:95%;
font-weight:bold;
font-family:franklingothic bold,tahoma,verdana;
color:#1e4d7f;}

h5 {
margin:0;
font-weight:bold;
font-family:franklingothic bold,tahoma,verdana;
color:#1e4d7f;}

hr {
border:0;
border-bottom: 1px solid #1e4d7f;
height:1px;
margin-bottom:20px;
margin-top:20px;}

hr.underline {
border:0;
border-bottom: 1px solid #1e4d7f;
height:1px;
margin-bottom:10px;
margin-top:0px;}

.clearall { 
margin:0;
padding:0;
clear:left;}

#pad1 {
text-align:left;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;}

#padpr {
text-align:left;
padding-top:18px;
padding-bottom:10px;
padding-left:30px;
padding-right:60px;}

#pad2 {
text-align:left;
padding-top:10px;
padding-bottom:30px;
padding-left:50px;
padding-right:50px;}

#logossm {
padding-top:40px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;}

#pad3 {
font-size:87%;
line-height:150%;
text-align:left;
padding-top:18px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;}

#pad4 {
font-size:100%;
line-height:160%;
text-align:left;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:15px;}

#padhmright {
font-size:87%;
line-height:150%;
text-align:left;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;}

#clear {
clear:both;}

#vert-spacer1 {
height:10px;}

.date {
font-size:.8em;
color:#999999;
margin-bottom:0;
margin-left:3px;}

img {
border:0px;
display: block;}

img.logo {
margin-left:500px;}

img.chart {
padding:10px;
border:solid 1px #1e4d7f;
margin-bottom:30px;
margin-top:30px;}

img.headshot {
margin-left:30px;
margin-bottom:15px;}

img.thumb {
margin-left:30px;
margin-bottom:15px;
border:solid 1px #1e4d7f;
padding:6px;}

img.icon {
float:left;
margin-left:10px;
margin-right:10px;
margin-bottom:5px;}

img.leftalign {
float:left;
margin-left:10px;
margin-right:30px;
margin-bottom:5px;}

#about {
margin-left:40px;}

#products {
margin-left:140px;}

#solutions {
margin-left:240px;}

#partners {
margin-left:340px;}

#newsevents {
text-align:right;
margin-right:40px;}

#support {
text-align:right;
margin-right:14px;}

.black {
color:#333333;}

#floathalf {
margin:0;
float:left;
width:50%;}

#float33 {
margin:0;
float:left;
width:32.5%;}

#floathalf li {
margin-left:10px;}

#floathalf li a {
font-size:1.2em;}

#float3 {
float:left;
width:25%;
height:100px;}

#float7 {
float:left;
width:75%;
height:100px;}

#logofloat {
float:left;
width:80px;
height:30px;
margin-left:20px;
margin-right:20px;
margin-top:2px;
margin-bottom:20px;}

#smtxt {
font-size:95%;
line-height:1.4em;
padding-bottom:14px;}

#pad3 ul {
line-height:1.4em;
padding-bottom:14px;
list-style: none;
margin-left:-40px;
* margin-left:0px; /* Interpreted only by IE */}

#pad3 li {
line-height:1.4em;
padding-bottom:4px;
list-style: none;
padding-left: 1em;
text-indent: -1em;}

#click {
font-size:.8em;
margin:4px;}

.newsleft {
width:180px;
margin-left:10px;
margin-right:30px;
float:left;}

.newsright {
width:420px;
margin-bottom:18px;
padding-bottom:18px;
border-bottom:1px solid #ccc;
float:left;}

.logoleft {
width:460px;
margin-left:10px;
margin-bottom:10px;
float:left;}

.logoright {
width:200px;
margin-bottom:10px;
margin-top:10px;
float:left;}

.hm-chart {
margin-top:4px;
margin-bottom:1px;}

.banner {
border:1px solid #ccc;}




/* ----------------- links -----------------  */

#link {
text-align:right;
margin-top:4px;
font-size:80%;}

#linkr {
width:100%;
text-align:right;
margin-top:4px;
font-size:90%;}

#link2 {
text-align:right;
margin-top:-3px;
margin-right:20px;
font-size:.8em;}

a {
text-decoration:none;
color:#02a4a6;}

a:hover {
color:#057778;}

a.button {
font-size:90%;
text-decoration:none;
background:#02a4a6;
font-weight:bold;
color:white;
padding:2px;}

a.button:hover {
background:#057f81;}

a.rightcol {
font-size:100%;}

a.subn {
font-size:76%;
padding-right:15px;
padding-left:15px;
text-decoration:none;
padding-top:2px;
padding-bottom:2px;
color:#ffffff;}

a.subn:hover {
background:#1e4d7f;
color:#ffffff;}

a.newslink {
font-weight:bold;}

a.newslink:hover {
font-weight:bold;}



/* ----------------- layout -----------------  */


table.layout {
border-collapse:collapse;
border-style:none;
width:748px;
margin:0;}

td img {display:block;}

table.layout th {
border-style:none;
background:url("../_img/top_logobar.jpg") top left no-repeat;
background-color:#ffffff;
height:60px;
padding:0;}

table.layout td {
vertical-align:top;
border-style:none;
padding:0;}

table.layout td.nav {
text-align:right;
height:25px;
background:url("../_img/nav_gradientbg.jpg") top left;
background-repeat: repeat-x;
padding:0;
margin:0;}

table.layout td.subnav {
text-align:left;
height:20px;
width:748px;
background:#2d71ba;
padding-bottom:2px;
margin:0;}

table.layout td.bar {
height:8px;
background:url("../_img/bar_silvergrad.jpg") top left no-repeat;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
padding:0;
margin:0;}

table.layout td.bot-shadow {
height:10px;
padding:0;
margin:0;
border:0;}

.bottom {
height:10px;
width:744px;
background:url("../_img/bottom-bg.gif") top right no-repeat;}

table.layout td.rt-shadow {
width:8px;
background:url("../_img/right-bg.gif") right repeat-y;
padding:0;
margin:0;
border:0;}

#callout {
background-color:#dbe0e4;
border-bottom:1px solid #999;
padding:0;
margin:0;}

table.layout td.hm-left {
border-collapse:collapse;
background-color:white;
width:522px;
margin:0
padding:0;}

table.layout td.hm-right {
border-collapse:collapse;
width:220px;
background-color:#dbe0e4;
margin:0
padding:0;}

table.layout td.left {
border-collapse:collapse;
background-color:white;
width:464px;}

table.layout td.left2 {
border-collapse:collapse;
background-color:white;
width:604px;}

table.layout td.right {
border-collapse:collapse;
width:240px;
background-color:#dbe0e4;}

table.layout td.right1 {
border-collapse:collapse;
width:205px;
background-color:#dbe0e4;}

table.layout td.rightw {
border-collapse:collapse;
width:120px;
background-color:#ffffff;}

table.layout td.single {
border-collapse:collapse;
background-color:white;
width:740px;}




/* ----------------- footer -----------------  */

#footer {
white-space:nowrap;
text-align:center;
padding-top:2px;
font-size:65%;
color:#999999;}

#footer a {
color:#999999;
text-decoration:none;}

#footer a:hover {
color:#666666;}

#foot-left {
text-align:left;
margin:0;
padding-left:8px;
float:left;
white-space:nowrap;}

#foot-right {
width:470px;
text-align:right;
margin:0;
float:left;
white-space:nowrap;}

#foot-rightcn {
width:470px;
text-align:right;
font-size:116%;
margin:0;
float:left;
white-space:nowrap;}




/********** top nav ********/

#topnav {
height:26px;
margin:0;
margin-left:56px;
padding:0;}

#topnavhm {
height:26px;
margin:0;
margin-left:116px;
padding:0;}

#topnav ul {
height:26px;
list-style-type: none;
margin:0;
padding:0;}

#topnavhm ul {
height:26px;
list-style-type: none;
margin:0;
padding:0;}

#topnav li {
list-style-type: none;
display:block;
height:26px;
float:left;
margin:0;
padding:0;}

#topnavhm li {
list-style-type: none;
display:block;
height:26px;
float:left;
margin:0;
padding:0;}

#topnav li a {
display:block;
height:26px !important;
height:100%;
margin:0px;
padding:0px;
float:left;}

#topnavhm li a {
display:block;
height:26px !important;
height:100%;
margin:0px;
padding:0px;
float:left;}

html>body #topnav li a {
width:100%;}

html>body #topnavhm li a {
width:100%;}

#topnav li a:hover img {
display:none;}

#topnavhm li a:hover img {
display:none;}

html>body #topnav li a:hover img {
visibility:hidden;}

html>body #topnavhm li a:hover img {
visibility:hidden;}

#topnav li.home a:hover {
height:26px;
width:61px;
background:url("../_img/_nav/home_on.gif") no-repeat; }

#topnav li.about a:hover {
height:26px;
width:85px;
background:url("../_img/_nav/about_on.gif") no-repeat; }

#topnav li.products a:hover {
height:26px;
width:93px;
background:url("../_img/_nav/products_on.gif") no-repeat; }

#topnav li.solutions a:hover {
height:26px;
width:94px;
background:url("../_img/_nav/solutions_on.gif") no-repeat; }

#topnav li.partners a:hover {
height:26px;
width:94px;
background:url("../_img/_nav/partners_on.gif") no-repeat; }

#topnav li.newsevents a:hover {
height:26px;
width:132px;
background:url("../_img/_nav/newsevents_on.gif") no-repeat; }

#topnav li.support a:hover {
height:26px;
width:88px;
background:url("../_img/_nav/support_on.gif") no-repeat; }




#topnavhm li.home a:hover {
height:26px;
width:61px;
background:url("../_img/_nav/home_on.gif") no-repeat; }

#topnavhm li.about a:hover {
height:26px;
width:85px;
background:url("../_img/_nav/about_on.gif") no-repeat; }

#topnavhm li.products a:hover {
height:26px;
width:93px;
background:url("../_img/_nav/products_on.gif") no-repeat; }

#topnavhm li.solutions a:hover {
height:26px;
width:94px;
background:url("../_img/_nav/solutions_on.gif") no-repeat; }

#topnavhm li.partners a:hover {
height:26px;
width:94px;
background:url("../_img/_nav/partners_on.gif") no-repeat; }

#topnavhm li.newsevents a:hover {
height:26px;
width:132px;
background:url("../_img/_nav/newsevents_on.gif") no-repeat; }

#topnavhm li.support a:hover {
height:26px;
width:88px;
background:url("../_img/_nav/support_on.gif") no-repeat; }







/* ----------------- form table -----------------  */

#form {
border-collapse:collapse;
border-style:none;
width:80%;
margin:0;
margin-left:40px;}







/* ----------------- promo -----------------  */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
margin:0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px;}

ul.tabbernav li {
list-style: none;
margin: 0;
display: inline;}

ul.tabbernav li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #dbe0e4;
text-decoration: none;}

ul.tabbernav li a:link { color: #1e4d7f; }
ul.tabbernav li a:visited { color: #1e4d7f; }

ul.tabbernav li a:hover {
color: #fff;
background: #1e4d7f;
border-color: #227;}

ul.tabbernav li.tabberactive a {
background-color: #fff;
border-bottom: 1px solid #fff;}

ul.tabbernav li.tabberactive a:hover {
color: #000;
background: white;
border-bottom: 1px solid white;}

/*--------------------------------------------------
  .tabbertab = the tab content
  --------------------------------------------------*/
.tabberlive .tabbertab {
padding:15px;
padding-top:5px; 
border:1px solid #aaa;
border-top:0;}

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none; }
 
.tabberlive .tabbertab h3 {
display:none;}




#promohalf {
margin:0;
float:left;
width:50%;
font-size:11px;
line-height:1.4em;}

.promohdr {
font-weight:bold;
font-size:14px;
color:#1e4d7f;
margin-bottom:12px;
padding-bottom:4px;
border-bottom:1px solid #1e4d7f;
margin-right:30px;}

.promooffer {
font-weight:bold;
font-size:14px;
color:#1e4d7f;
margin-top:12px;
padding-top:4px;
border-top:1px solid #1e4d7f;
margin-right:30px;}

#promo-right {
padding:20px;
padding-top:22px;}

#promo-right b {
color:#1e4d7f;
border-top:1px solid #1e4d7f;
border-bottom:1px solid #1e4d7f;
padding-top:4px;
padding-bottom:4px;
display:block;
text-align:center;}


#tabtable {
border-collapse:collapse;
border-style:none;
background:none;
width:100%;
margin:0;
font-size:10px;}

#tabtable td.left {
width:20%;
margin:0;
color:#666;
text-align:right;
background:#f7f7f7;
padding-right:10px;
padding-top:5px;
line-height:1.2em;
border:1px solid #eaeaea;}

#tabtable td.right {
background:none;
width:80%;
margin:0;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
font-size:10px;
line-height:1.5em;
border:1px solid #eaeaea;}

#tabtable td.right li {
list-style:square;
margin: 0;}