html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    z-index: 0;
}

a:link, a:visited, a:active  {
    color: #6C739F;
    text-decoration: none;
}
a:hover {
    color: #859C00;
    text-decoration: underline;
}

div#bodycontent {
    width: 962px;
    text-align: center;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
    position: relative;
    z-index: 0;
}
	div#header {
	    clear: left;
	    display: inline;
	    left: 400px;                /* was 600 */
	    float: left;
	    width: 100px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
		IMG#logo {
		    border: none;
		}

	div#headerlinks {
	    clear: right;
	    display: inline;
	    left: 100px;
	    float: right;
	    width: 640px;
	    top: -100px;
	    height: 33px;
	    text-align: left;
	}
		div#searchbar {
		    display: inline;
		    float: right;
		    width: 185px;
		    height: 33px;
		    background-image: url(/images/sbbg.jpg);
		    background-repeat: repeat-x;
		    padding-left: 0px;
		    padding-right: 0px;
		}
			div#sbinput {
			    height: 33px;
			    clear: left;
			    display: inline;
			    padding-left: 9px;
			    float: left;
			    background-image: url(/images/sbleft.jpg);
			    background-repeat: no-repeat;
			    background-position: left top;
			    padding-top: 4px;
			    padding-right: 0px;
			}
				#searchbox {
				    width: 135px;
				    background-repeat: repeat-x;
				    border-top: 1px solid #989898;
				    border-bottom: 1px solid #989898;
				    border-left: none;
				    border-right: none;
				    font-family: Verdana;
				    font-size: 10px;
				    color: #666666;
				    height: 17px;
				    padding-top: 2px;
				    background-image: url(/images/sbinputbg.jpg);
				}

			div#searchbutton {
			    height: 33px;
			    clear: right;
			    width: 36px;
			    display: inline;
			    float: right;
			    vertical-align: middle;
			    background-image: url(/images/sbright.jpg);
			    background-position: top right;
			    background-repeat: no-repeat;
			}
				input#sbbuttonimg {
				    height: 17px;
				    width: 19px;
				    padding-left: 3px;
				    padding-top: 3px;
				    border: none;
				    margin-top: 5px;
				    margin-left: 5px;
				}

div#banner {
    margin-top: 10px;
    margin-bottom: 5px;
    z-index: 2;
    position: relative;
}

.customerlogo {
    left: 300px;
    float: left;
    width: 190px;
    display: inline;
    float: right;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.headertext {
    clear: left;
    display: inline;
    float: left;
    vertical-align: middle;
    width: 375px;
    height: 33px;
    text-align: right;
    padding-top: 11px;
    padding-right: 11px;
    color: #565E6C;
    font-family: Verdana;
    font-size: 11px;
}
	.logoscroll {
	    margin-top: 10px;
	    color: #565E6C;
	    font-family: Verdana;
	    font-size: 11px;
	}
	div.headertext A, div.headertext A:link, div.headertext A:visited {
	    color: #565E6C;
	    font-family: Verdana;
	    font-size: 11px;
	    text-decoration: none;
	}
	div.headertext A:hover, div.headertext A:active {
	    color: #565E6C;
	    font-family: Verdana;
	    font-size: 11px;
	    text-decoration: underline;
	}

#breadcrumb {
    vertical-align: middle;
    clear: left;
    display: inline;
    float: left;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}
	#breadcrumb A, #breadcrumb A:link, #breadcrumb A:visited {
	    font-family: Verdana;
	    font-size: 9px;
	    color: #6A717D;
	    font-weight: normal;
	    text-decoration: none;
	    top: -9px;
	    position: relative;
	    height: 16px;
	}
	#breadcrumb A, #breadcrumb A:hover {
	    color: #859C00;
	    text-decoration: underline;
	}

div#newsticker {
    width: 100%;
    height: 31px;
    background-color: #e6e7e9;
    background-position: right;
    background-image: url(/images/newsbarright.jpg);
    background-repeat: no-repeat;
}

div#newsticker_left {
    background-color: #d1d3d6;
    font-family: Verdana;
    font-weight: bold;
    color: #565E6C;
    font-size: 11px;
    width: 120px;
    height: 31px;
    clear: left;
    display: inline;
    float: left;
    position: static;
    background-color: #d1d3d6;
    background-image: url(/images/newsbarleft.jpg);
    background-repeat: no-repeat;
    border-right: white solid 3px;
}

div#newsticker_left_container {
    background-color: #DFDFDF;
    font-family: Verdana;
    font-weight: bold;
    color: #565E6C;
    font-size: 11px;
    width: 240px;
    height: 31px;
    clear: left;
    display: inline;
    float: left;
    position: static;
    margin:0px;
    padding: 0px;
    border-right: white solid 3px;
}

div#newsHeader {
    height: 8px;
    background-color: #d1d3d6;
    font-family: Verdana;
    font-weight: bold;
    color: #565E6C;
    font-size: 11px;
    width: 136px;
    height: 31px;
    clear: left;
    display: inline;
    float: left;
    position: static;
    background-color: #d1d3d6;
    background-image: url(/images/newsbarleft.jpg);
    background-repeat: no-repeat;
}

div#newsHeader P {
    margin-top: 9px;
}

IMG#newsHeader P {
    position: relative;
    top: -25px;
    border: none;
    left: 159px;
    padding: 0px;
}

div.newsBody {
    padding-left: 11px;
    padding-right: 11px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    color: #565E6C;
    clear: right;
    display: inline;
    float: left;
    height: 31px;
    text-align: left;
}

div.newsBody A, .newsBody A:link, .newsBody A:visited  {
    color: #565E6C;
    text-decoration: none;
}

div.newsBody A,  .newsBody A:hover  {
    color: #859C00;
    text-decoration: underline;
}

div.newsBody P {
    margin-top: 9px;
}

#RSS {
    margin-top: 8px;
    float: left;
    margin-left: 9px;
    border: none;
}


div#footerLinks {
    clear: left;
    display: inline;
    float: left;
    height: 49px;
    padding-top: 25px;
    padding-left: 14px;
}

#footer {
    align: center;
    text-align: center;
    clear: both;
    margin-top: 20px;
    z-index: 15;
    width: 100%;
    left: 0px;
}

#footerBody {
    text-align: left;
    width: 962px;
    height: 65px;
    color: #565E6C;
    font-family: Verdana;
    font-size: 10px;
    background-image: url(/images/footerbackground.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.footerLink {
    color: #565E6C;
    font-family: Verdana;
    font-size: 10px;
    padding-right: 14px;
}
	A.footerLink, A.footerLink:link, A.footerLink:visited {
	    text-decoration: none;
	}
	A.footerLink:hover, A.footerLink:active {
	    color: #859C00;
	    text-decoration: underline;
	}

div#poweredby {
    clear: right;
    display: inline;
    float: right;
    top: -25px;
    padding-right: 14px;
}

img#logosmall {
    margin-left: 16px;
    margin-right: 14px;
}

div#features {
    width: 962px;
    float: left;
    margin-top: 12px;
    background-image: url(/images/featuresrightbg.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 2px;
    clear: left;
    display: inline;
    float: left;
/*  padding-top: 7px;     test */
}

.feature {
    width: 318px;
    clear: none;
    display: inline;
    float: left;
    background-image: url(/images/featurespacer.gif);
    background-repeat: no-repeat;
    padding-left: 1px;
/*  padding-top: 7px;     test */
}

.feature1 {
    width: 320px;
    clear: none;
    display: inline;
    float: left;
    background-image: url(/images/featurebarleft.jpg);
    background-repeat: no-repeat;
    padding-left: 3px;
/*  padding-top: 7px;     test */
}
	.feature H1, .feature1 H1 {
	    background: #E6E7E9;
	    background-image: url(/images/featurebarbg.jpg);
	    background-repeat: repeat-x;
	    font-family: Verdana;
	    font-size: 12px;
	    color: White;
	    margin-top: 0px;
	    padding-top: 7px; /**/
	    padding-left: 15px;
	    padding-right: 4px;
	    height: 31px;
	    margin-bottom: 0px;
	    text-decoration: none;
	    text-align: left;
	}
	.feature A, .feature1 A, .feature1 H1 A, .feature A:link, feature1 A:link, feature1 H1 A:link, feature A:visited, feature1 A:visited, feature1 H1 A:visited {
	    color: White;
	    text-decoration: none;
	    text-align: left;
	}
	.featureBody A, .featureBody A:link, featureBody A:visited {
	    color: #565E6C;
	    text-decoration: none;
	}
	.feature A:hover, .feature1 A:hover, .featurebody A:hover, .feature A:active, .feature1 A:active, .featurebody A:active {
	    color: #859C00;
	    text-decoration: underline;
	}

.featureBody {
    padding-left: 1px;
    text-align: left;
    background-image: url(/images/featurebodybg.jpg);
    background-repeat: repeat-x;
    vertical-align: top;
    font-family: Verdana;
    font-weight: bold;
    color: #565E6C;
    font-size: 11px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: auto;
}
	.featureBody h2 {
	    color: #859C00;
	    font-size: 12px;
	}
	.featureBody h3 {
	    font-size: 12px;
	    margin-bottom: -5px;
	}
	.featureBody p {
	    font-weight: normal;    
	}
	.featureBody UL {
	    font-family: Verdana;
	    font-weight: normal;
	    color: #565E6C;
	    font-size: 11px;
	    margin-left: 15px;
	}

	.featureBody LI {
	    list-style-image: url(/images/smallbullet.gif);
	    padding-bottom: 5px;
	}


	div#sidebar {
	    clear: right;
	    display: inline;
	    float: right;
	    width: 280px;
	}
	
	.sidebarbutton1 {
	    height: 64px;
	    width: 280px;
	    background-image: url(/images/sidebarbg1.gif);
	    text-align: left;
	    background-repeat: no-repeat;
	}

		IMG#sidebarbutton1 	{
		    position: relative;
		    top: -25px;
		    border: none;
		    left: 159px;
		    padding: 0px;
		}

		IMG#sidebarbutton2
		{
		    position: relative;
		    top: -29px;
		    border: none;
		    left: 159px;
		    padding: 0px;
		}
		
		IMG#sidebarbutton3
		{
		    position: relative;
		    top: -33px;
		    border: none;
		    left: 159px;
		    padding: 0px;
		}

.sidebarbutton2 {
    margin-top: 21px;
    margin-bottom: 1px;
    text-align: left;
    height: 81px;
    width: 280px;
    background-image: url(/images/sidebarbg2.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

	.sidebarbutton1 P, .sidebarbutton2 P {
	    font-family: Verdana;
	    font-size: 10px;
	    color: #565E6C;
	    padding-left: 10px;
	    margin-top: 8px;
	    width: 155px;
	}
	
	.sidebarbutton2 IMG {
	    float: right;
	    position: relative;
	/*  top: -89px; */
	    left: -8px;
	    border: none;
	}

	.sidebarbutton1 H1, .sidebarbutton2 H1 {
	    font-family: Verdana;
	    font-size: 14px;
	    color: #8A9E01;
	    padding-left: 10px;
	    padding-top: 20px;
	    margin-bottom: 0px;
	}
	
	.sidebarbutton1 A, .sidebarbutton2 A, .sidebarbutton1 A:link, .sidebarbutton2 A:link, .sidebarbutton1 A:visited, .sidebarbutton2 A:visited {
	    cursor: hand;
	    text-decoration: none;
	}
	
	.sidebarbutton1 A:hover, .sidebarbutton2 A:hover, .sidebarbutton1 A:active, .sidebarbutton2 A:active {
	    color: #8A9E01;
	    text-decoration: underline;
	}

div#sidebar2 {
    clear: right;
    display: inline;
    float: right;
    width: 155px;
    padding-top: 14px;
    background-image: url(/images/sidebar2bg.gif);
    background-repeat: no-repeat;
    background-position: top left;
    text-align: left;
}

div#sidebar3 {
    font-family: Verdana;
    font-size: 11px;
    color: #565E6C;
    clear: right;
    display: inline;
    float: right;
    width: 280px;
    padding-top: 14px;
    text-align: left;
}

div#sidebarleft {
    clear: right;
    display: inline;
    float: left;
    width: 155px;
    height: 250px;
    padding-top: 14px;
    padding-right: 50px;
    background-image:url(/images/sidebar2bg.gif);
    background-repeat:no-repeat;
    background-position:top left;
    text-align:left;
}

div#maincontent {
    text-align:left;
    clear: left;
    display: inline;
    float: left;
    width:774px;
}

	#maincontent H1 {
	    font-family:Verdana;
	    font-size:24px;
	    color:#565E6C;
	}
	
	#maincontent h2 {
	    font-family:Verdana;
	    font-size:16px;
	    color:#8A9E01;
	}
	
	#maincontent h3 {
	    font-family:Verdana;
	    font-size:12px;
	    color:#565E6C;
	    font-weight: bold;
	}

	#maincontent h4 {
	    font-family:Verdana;
	    font-size:10px;
	    color:#565E6C;
	    font-weight: bold;
	}

	#maincontent P, #maincontent UL, #maincontent LI {
	    font-family:Verdana;
	    font-size:11px;
	    color:#565E6C;
	}

#maincontent LI {
    list-style-image: url(/images/licheckbox.gif);
    padding-bottom:5px;
    margin-left:25px;
}

#sidebar2 H1 {
    color:#8A9E01;
    font-family:Verdana;
    font-size:12px;
    padding-left:12px;
    margin-bottom:0px;
    padding-bottom:0px;
    padding-right:12px;
}

#sidebarleft H1 {
    color:#8A9E01;
    font-family:Verdana;
    font-size:12px;
    padding-left:12px;
    margin-bottom:0px;
    padding-bottom:0px;
    padding-right:12px;
}

#sidebar2 P, #sidebar2 UL, #sidebar2 LI {
    font-family:Verdana;
    font-size:10px;
    color:#565E6C;
}

#sidebar2 P {
    padding-top:2px;
    margin-top:0px;
    padding-left:12px;
    padding-right:12px;
}

#sidebarleft P {
    padding-top:2px;
    margin-top:0px;
    padding-left:12px;
    padding-right:12px;
}

#sidebar2 ul  {
    padding-top:2px;
    margin-top:0px;
    list-style: none;
    margin-left: 12px;
    margin-right:12px;
    padding-left: 1em;
    text-indent: -1em;
    }

	#sidebar2 ul li a,  #sidebar2 ul li a:link, #sidebar2 ul li a:visited {
	    text-decoration:none;
	    color:#565E6C;
	}


#sidebar2 ul li a:hover,  #sidebar2 ul li a:active {
    text-decoration:underline;
    color:#565E6C;
}

	#sidebarleft a,  #sidebar2 a:link, #sidebar2 a:visited {
	    text-decoration:none;
	    color:#565E6C;
	}

#sidebarleft a:hover,  #sidebar2 a:active {
    text-decoration:underline;
    color:#565E6C;
}

.problemsolution {
    clear: all;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 175px;
    width: 775px;
    background-image: url(/images/problem-solution.jpg);
    text-align: left;
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle;
}

.problem {
    display: inline;
    float: left;
    width: 350px;
    text-align: left;
    margin-top: 20px;
    padding-right: 30px;
    color: #565E6C;
    font-family: Verdana;
    font-size: 11px;
    margin-bottom: 0px;
}
.solution {
    display: inline;
    float: right;
    width: 350px;
    text-align: left;
    margin-top: 20px;
    padding-left: 30px;
    color: #565E6C;
    font-family: Verdana;
    font-size: 11px;
    margin-bottom: 0px;
}
#problemplatform {
    clear: all;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 125px;
    width: 775px;
    background-image: url(/images/problem-platform.gif);
    text-align: center;
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: top;
}
#problemitem {
    font-weight: bold;
    display: inline;
    float: left;
    width: 95px;
    text-align: center;
    padding-right: 10px;
    padding-right: 10px;
    font-family: Verdana;
    font-size: 11px;
    margin-left: 5px;
}

#problemitem a,  #problemitem a:link, #problemitem a:visited {
    text-decoration:none;
    color:#FFFFFF;
}

#problemitem a, a:hover,  #problemitem a:active {
    text-decoration:underline;
    color: #859C00;
}

div#darknav{
    clear: all;
    color: #FFFFFF;
    padding-top: 10px;
    margin-top: 0px;
    height: 65px;
    width: 777px;
    background-image: url(/images/darknavbar.jpg);
    text-align: left;
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle;
}

.download {
    clear: all;
    display: inline;
    float: right;
    width: 160px;
    text-align: left;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Verdana;
    font-size: 11px;
}
.screenshotbutton {
    display: inline;
    float: left;
    height: 47px;
    width: 75px;
    text-align: left;
    background-image: url(/images/screenshotbutton.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-left: 59px;
    padding-right: 5px;
    font-family: Georgia;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

.screenshotbutton2 {
    display: inline;
    float: left;
    height: 47px;
    width: 75px;
    text-align: left;
    background-image: url(/images/screenshotbutton2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-left: 59px;
    padding-right: 5px;
    font-family: Georgia;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

.screenshotbutton3 {
    display: inline;
    float: left;
    height: 47px;
    width: 75px;
    text-align: left;
    background-image: url(/images/screenshotbutton3.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-left: 59px;
    padding-right: 5px;
    font-family: Georgia;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

.screenshotbutton4 {
    display: inline;
    float: left;
    height: 47px;
    width: 75px;
    text-align: left;
    background-image: url(/images/screenshotbutton4.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-left: 59px;
    padding-right: 5px;
    font-family: Georgia;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
}
	.screenshotbutton  A, .screenshotbutton A:link, .screenshotbutton A:visited,
	.screenshotbutton2 A, .screenshotbutton2 A:link, .screenshotbutton2 A:visited,
	.screenshotbutton3 A, .screenshotbutton3 A:link, .screenshotbutton3 A:visited,
	.screenshotbutton4 A, .screenshotbutton4 A:link, .screenshotbutton4 A:visited {
	    cursor: hand;
	    color: #565E6C;
	    font-family: Georgia;
	    font-size: 12px;
	    text-decoration: none;
	}
	
	.screenshotbutton A:hover, .screenshotbutton A:active,
	.screenshotbutton2 A:hover, .screenshotbutton2 A:active,
	.screenshotbutton3 A:hover, .screenshotbutton3 A:active,
	.screenshotbutton4 A:hover, .screenshotbutton4 A:active {
	    cursor: hand;
	    color: #859C00;
	    font-family: Georgia;
	    text-decoration: underline;
	}

p#alignleft {
    display: inline;
    float: left;
    text-align: left;
    padding-top: 0px;
    padding-right: 20px;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
}


/* old site styles */
.datatable {
    width: 700px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #999999;
    border-bottom-color: #999999;
}

.datatable2 {
    width: 600px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #999999;
    border-bottom-color: #999999;
}

.datatablecell {
    border-top-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-color: #999999;
    border-left-color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding: 3px;
}

.datatablecolumnhead {
    border-top-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-color: #999999;
    border-left-color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding: 3px;
    font-weight: bold;
    background-image: url(/images/bg-tablecolumnhead.gif);
    white-space: nowrap;
}

.subnavon  A,  .subnavon A:link, .subnavon A:visited,
#subnavon A, #subnavon A:link, #subnavon A:visited
{
    color: #859C00;
    font-weight: bold;
    text-decoration: underline;
}

.license {
	font-family: Courier, sans-serif;
	font-size: 11px;
	background-color: yellow;
	background-position: left top;
	text-align: left;
	vertical-align: top;
}

img.datasheet {
    padding-right: 2px; 
    left: -4px; 
    float: left; 
    border-top-style: none; 
    border-right-style: none; 
    border-left-style: none; 
    position: relative; 
    border-bottom-style: none
}

div.clear {
    clear: both;
}