/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.message 
{
	/*width: 924px;*/
	/*margin: 0 auto;*/
	text-align: center;
	background-color: #000;
	color: #999;
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, Helvetica, sans-serif;
	font-size: 72.5%;
	border-bottom: 1px solid #999;
	height: 15px;
}

/* Global 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, strike, strong, tt, var, dl, dt, dd, ul, fieldset, form, label, legend, table { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
    line-height: 1;
    background-color: #fff;
    /*background: #fff url(../images/bg-body.jpg) repeat-x 0 30px;*/
    /*background: #202020 url(../images/bg-body.jpg) repeat-x 0 30px;*/
    /*background: #202020 url(../images/bg-body.jpg) repeat-x top left;*/
    font-size: 1em;
}	

div.wrapper {
	/*background: url(../images/bg-splatter.jpg) no-repeat top center;*/
	background-color: #fff;
	/*text-align: center;*/
	margin: 0 auto;
	/*color: #999999;  */


	line-height: 1;  
	color: #999999;
	font-family: Verdana, Arial, Helvetica, Helvetica, sans-serif;
	font-size: 72.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: center; /* Centers the layout */	
}
	
/* misc */

code {
	font-family: Courier New, Arial, sans-serif;	
}
	
.wrapper table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

.wrapper caption, .wrapper th, .wrapper td {
	text-align: left; 
	font-weight: normal;
}

.center {
	text-align: center;
}

div.line {
	border-bottom: 1px solid #202020;
}

dl dt {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.5em;
	padding-bottom: 9px;
	font-family: Arial, Verdana, Helvetica, Helvetica, sans-serif;
	/*margin-bottom: 12px;*/
}

dd 
{
	padding-bottom: 36px;
}

p, dl dd {
	line-height: 1.5em;
	
	/*font-size: 1.1em;*/
}

li {
	margin-left: 24px;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

.wrapper h2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #0e9fa3;
	font-size: 1.5em;
	font-family: Arial, Verdana, Arial, Helvetica, Helvetica, sans-serif;
	padding-bottom: 15px;
}

.wrapper h2.paddtop {
	padding-top: 8px;
}

.wrapper h2 img { 
	margin-left: 5px;
}

.wrapper h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em; 
	color: #ffffff;
	line-height: 1.5em;
}

.wrapper h3.h3large {
	font-size: 1.5em;
	font-family: Arial, Verdana, Arial, Helvetica, Helvetica, sans-serif;
	padding-bottom: 10px;
}

.wrapper h3.teal {
	color: #0e9fa3;
	font-size: 1.1em;
	line-height: 1.2em;
}

.wrapper p  { 
	padding-bottom: 15px;
}

.wrapper strong {
	color: #ffffff;
}

.wrapper .white strong 
{
	color: #000;
}

.content ul 
{
	list-style-type: disc;
	margin-bottom: 12px;
}

.content ul li 
{
	line-height: 20px;
}

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

.wrapper input, .wrapper textarea, .wrapper select {
	font: 1em Verdana, Arial, Helvetica, Helvetica, sans-serif;
}

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

.wrapper a:link, .wrapper a:visited, .wrapper a:active {
	color: #ffffff; 
	background: inherit;
	text-decoration: underline;
}

.wrapper a:hover 
{
	color: #99CC00;
}

.wrapper dt a:link, .wrapper dt a:visited, .wrapper dt a:active {
	text-decoration: none;
}

.wrapper dt a:hover 
{
	text-decoration: none;
}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

.wrapper hr { 
	display: none; 
}
		
.wrapper strong {
	font-weight: bold; 
}
		
.wrapper em {
	font-style: italic; 
}
	
.wrapper abbr, .wrapper acronym {
	border-bottom: 1px dotted #999999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
	position: relative; 
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/*
div.containerfast {
	background: #0d0d0d url(../images/bg-blue.jpg) no-repeat top left;
	text-align: center;
	width: 940px;
	margin: 0 auto;
	color: #999999;
}*/

div.container {
	background: #0d0d0d url(../images/bg-blue2.jpg) no-repeat top left;
	text-align: center;
	width: 940px;
	margin: 0 auto;
	color: #ccc;
}

div.content {
	min-height: 673px;
	height: auto !important;
	height: 673px;
	padding: 15px 37px;
	text-align: left;
}

/* two columns */
div.twocol-wrap {
	padding-top: 16px; 
	margin-bottom: 30px;
}

div.twocol-wrap-line {
	padding-top: 16px; 
	margin-bottom: 30px;
	border-bottom: 1px solid #202020;
}

	div.twocol-wrap div.col1,
	div.twocol-wrap-line div.col1 {
		width: 415px;
		float: left; 
	}
		
	div.twocol-wrap div.col2,
	div.twocol-wrap-line div.col2 {
		width: 415px;
		float: right; 
	}
	
/* two col, left = wide */
div.twocolwide-wrap {
	padding-top: 0; 
	margin-bottom: 30px;
}

div.twocolwide-wrap div.col1 {
	width: 563px; 
	float: left;
}

div.twocolwide-wrap div.col2 {
	width: 280px;
	float: right;
}
	
/* white */
div.white {
	width: 900px;
	padding: 0;
	margin: 0 20px 25px;
}

div.white-top {
	background: url(../images/white-top.gif) no-repeat top left;
	height: 7px;
	width: 900px;
	overflow: hidden;
}

div.white-btm {
	background: url(../images/white-btm.gif) no-repeat top left;
	height: 8px;
	width: 900px;
	overflow: hidden;
}

div.white-con {
	background: url(../images/white-bg.gif) repeat-y top left;
	min-height: 673px;
	height: auto !important;
	height: 673px;
	color: #000;
}

div.white-entries {
	width: 646px;
	float: left;
	padding: 10px 0;
}

div.white a,
div.white a:link,
div.white a:visited,
div.white a:active {
	color: #0e9fa3;
}

/*div.white-entries a,
div.white-entries a:link,
div.white-entries a:visited,
div.white-entries a:active {
	color: #0e9fa3;
}*/

div.white-sidebar {
	width: 234px;
	float: right;
}

div.white-sidebar a,
div.white-sidebar a:link,
div.white-sidebar a:visited,
div.white-sidebar a:active {
	color: #000;
}

/* 3.1	Header
-----------------------------------------------------------------------------------------------*/	
div.header {
	height: 121px;
	overflow: hidden;
	position: relative;
}

div.header-short {
	height: 115px;
}

/* header: logo */
div.header h1, 
div.header h1 a, 
div.header h1 a:link, 
div.header h1 a:visited, 
div.header h1 a:active, 
div.header h1 a span {
	display: block;
	width: 290px;
	height: 41px;
	overflow: hidden;
}

div.header h1 {
	position: absolute;
	top: 32px;
	left: 20px;
}

div.header h1 a, 
div.header h1 a:link, 
div.header h1 a:visited, 
div.header h1 a:active { 
	font-weight: bold;
	font-size: 3em; 
	cursor: pointer;
}

div.header h1 a span,
div.header h1 a:link span,
div.header h1 a:visited span,
div.header h1 a:active span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/logo.gif) no-repeat;
}

/* header: main navigation */
div.nav-main ul {
	margin-top: 89px;
	text-align: center;
}

div.nav-main ul li {
	font-family: Arial, Verdana, Arial, Helvetica, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 0px;
	text-transform: uppercase;
	display: inline;
}

div.nav-main ul li a,
div.nav-main ul li a:link,
div.nav-main ul li a:visited,
div.nav-main ul li a:active {
	padding: 0 10px; 
	text-decoration: none;
}
	
div.nav-main ul li a:hover {
	text-decoration: none;
	color: #99cc00; 
}

div.nav-main ul li a.current,
div.nav-main ul li a.current:link,
div.nav-main ul li a.current:visited,
div.nav-main ul li a.current:active,
div.nav-main ul li a.current:hover {
	color: #99cc00; 
}


/* header: right navigation */
div.nav-right {
	position: absolute;
	right: 18px;
	top: 13px
}

div.nav-right ul li {
	font-family: Arial, Verdana, Arial, Helvetica, Helvetica, sans-serif; 
	font-size: 1em; 
	display: inline;
	margin-left: 0px;
}

div.nav-right ul li a,
div.nav-right ul li a:link,
div.nav-right ul li a:visited,
div.nav-right ul li a:active {
	padding: 0 10px; 
	text-decoration: none;
} 

div.nav-right ul li a:hover,
div.nav-right ul li a.current,
div.nav-right ul li a.current:link,
div.nav-right ul li a.current:visited,
div.nav-right ul li a.current:active {
	color: #99cc00; 
	text-decoration: underline;
}

/* 3.2	Content
-----------------------------------------------------------------------------------------------*/	

/* support */
p.download,
p.purchase {
	margin-left: 42px;
}

p.download a,
p.download a:link,
p.download a:visited,
p.download a:active {
	height: 27px;
	width: 328px;
	text-indent: -9999em; 
	overflow: hidden;
	background: url(../images/download.gif) no-repeat top left;
	display: block; 
} 
 
p.download a:hover {
	background-position: 0 -27px; 
}
	
p.purchase a,
p.purchase a:link,
p.purchase a:visited,
p.purchase a:active {
	height: 27px;
	width: 328px;
	text-indent: -9999em; 
	overflow: hidden;
	background: url(../images/purchase.gif) no-repeat top left;
	display: block; 
} 
 
p.purchase a:hover {
	background-position: 0 -27px; 
}

div.box-item {
	padding-top: 1px;
	padding-bottom: 11px;
	visibility: hidden;
	display: none;
	float: right;
}

div.box2 div.screen { 
	padding-left: 56px;
	padding-top: 11px;
}

div.screen {
	float: left;
	width: 300px; 
	padding-left: 41px;
}

div.desc {
	float: right;
	padding-top: 27px;
	padding-right: 29px;
	width: 470px;
}

div.desc strong {
	color: #999999;
}

div.desc p {
	font-size: 16px;
	padding: 6px 0 0 6px;
}

div.comparison {
	padding: 30px 0; 
}

div.column1,
div.column2,
div.column3 {
	float: left
}

div.column1 {
	width: 525px;
}

div.column2 {
	text-align: center;
	width: 180px;
}

div.column3 {
	width: 160px;
	text-align: center; 
}

div.rowline {
	border-bottom: 1px solid #202020;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

div.rowlast {
	padding-bottom: 16px; 
}

div.comparison h2 {
	padding-bottom: 0;
}

p.dn {
	margin-top: 14px;
}

a.downloadnow,
a.downloadnow:link,
a.downloadnow:visited,
a.downloadnow:active {
	height: 35px;
	margin-left: 127px;
	width: 189px;
	text-indent: -9999em; 
	overflow: hidden;
	background: url(../images/downloadnow.gif) no-repeat top left;
	display: block; 
} 
 
a.downloadnow:hover {
	background-position: 0 -35px; 
}

a.download-s,
a.download-s:link,
a.download-s:visited,
a.download-s:active {
	height: 20px;
	margin-left: 45px;
	width: 91px;
	text-indent: -9999em; 
	overflow: hidden;
	background: url(../images/download-s.gif) no-repeat top left;
	display: block; 
} 
 
a.download-s:hover {
	background-position: 0 -20px; 
}

a.purchase-s,
a.purchase-s:link,
a.purchase-s:visited,
a.purchase-s:active {
	height: 20px;
	margin-left: 35px;
	width: 91px;
	text-indent: -9999em; 
	overflow: hidden;
	background: url(../images/purchase-s.gif) no-repeat top left;
	display: block; 
} 
 
a.purchase-s:hover {
	background-position: 0 -20px; 
}

.feature-datejs-title 
{
	display: none;
}
.feature-datejs 
{
	height: 220px;
	width: 883px;
	background: url(../images/datejs.jpg) no-repeat top left;
}

.feature-datejs div.desc
{
	padding-top: 160px !important;
	padding-left: -400px !important;
	color: #333 !important;
	float: right;
	padding-top: 27px;
	padding-right: 0px;
	width: 535px;
}

.feature-datejs div.desc p strong
{
	color: #000 !important;
	/*font-size: 1.1em;*/
	font-family: Arial, Verdana, sans-serif;
}

.feature-datejs div.desc p span.white-box
{
	background-color: #fff;
	border: 4px solid #000;
	padding: 2px;
	line-height: 40px;
}

/* white */
div.white-sidebar ul li {
	font-weight: bold;
}

div.entry img {
	/*float: left;*/
	padding: 0 14px 4px 0;
}

div.twocolwide-wrap div.entry {
	border-bottom: 1px solid #202020;
	margin-bottom: 20px;
	padding: 0 12px 5px 12px;
}

div.twocolwide-wrap div.entry h2 {
	padding-bottom: 16px;
}

div.entry {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 24px; 
	padding: 0 12px 15px 12px;
	margin-left: 1px;
	line-height: 1.5em;
}

div.entry small 
{
	 color: #999;
	 font-size: .85em;
}

.home-blog-title 
{
	margin-bottom: 12px;
}

.home-blog .entry img 
{
	border: 1px solid #fff;
	padding: 1px;
	width: auto;
	clear: both;
}

.home-blog h3 a,
.home-blog h3 a:link,
.home-blog h3 a:visited,
.home-blog h3 a:active {
	text-decoration: none;
} 

div.lastentry,
div.twocolwide-wrap div.lastentry {
	border-bottom: 0;
}

div.entry h2 {
	padding-bottom: 4px;
}

div.entry h2 a,
div.entry h2 a:link,
div.entry h2 a:visited,
div.entry h2 a:active {
	text-decoration: none;	
}

div.archives {
	border-top: 1px solid #cccccc;
	padding: 19px 15px 15px 30px; 
}

div.categories {
	border-top: 1px solid #cccccc;
	padding: 19px 15px 15px 30px; 
}

div.archives ul li,
div.categories ul li 
{
	list-style-type: none;
	margin-left: -24px;
	/*font-size: 1.1em;*/
	line-height: 1.6em;
}

div.archives ul li a,
div.archives ul li a:link,
div.archives ul li a:visited,
div.archives ul li a:active,
div.categories ul li a,
div.categories ul li a:link,
div.categories ul li a:visited,
div.categories ul li a:active  
{
	text-decoration: none;
}


div.white-sidebar h2 {
	padding-bottom: 10px;
}

div.search {
	padding: 10px 0 18px 30px; 
}

input.submit {
	padding: 2px; 
	cursor: pointer;
	width: auto;
	margin-left: 5px;
}

div#source {
	margin-top: 36px;
}

div.comments 
{
	margin-top: 24px;
}

div.comment
{
    border-bottom: solid 1px #ccc;
    background: #EBEBEB;
    margin-bottom: 12px;
    padding: 12px;
}

div.commentMessage 
{
	margin: 12px 0;
}

div.commentMessage blockquote
{
    padding: 6px;
    margin: 6px;
    border: 1px dashed #ccc;
    background-color: #fff;
}

div.commentFooter 
{
	font-size: .85em;
	color: #999;
}

table.download 
{
	
}

table.download th 
{
	font-weight: bold;
	padding: 6px;
	 vertical-align: top;
}

table.download td
{
	padding: 6px;
}

.examples
{
	height: 165px;
}

.examples div
{
	float: left;
	text-align: center;
	padding: 5px;
}

.examples a,
.examples a:link,
.examples a:visited,
.examples a:active 
{	
	display: block;
	height: 120px; 
	width: 135px;
	cursor: pointer;
	text-decoration: none;
	font-family: tahoma,arial,sans-serif;
	color: #999;
	font-size: 11px;
	text-align: center;
}

.examples a:hover
{
	background: transparent url(../images/examples/example-over.png) no-repeat;
	color: #fff;
}

.examples img
{
	margin-top: 5px;
	width: 120px;
	height: 90px;
	border: 1px solid #CBCBCB;
	margin-bottom: 3px;
}

.company
{
	margin-bottom: 24px; 
}

.company img 
{
	width: 550px;
	height: 173px;
	border: 1px solid #999;
}

/* 3.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
/* home sidebar */
div.bborder, div.rss {
	border-bottom: 1px solid #202020;
	margin-bottom: 20px;
}

div.news dd a,
div.news dd a:link,
div.news dd a:visited,
div.news dd a:active {
	color: #fff;
}

div.news dd {
	padding-bottom: 20px;
}

div.news dt {
	text-transform: none;
	/*font-size: 1.1em;*/
	font-family: Verdana, Arial, Helvetica, Helvetica, sans-serif;
	/*line-height: 1.2em;*/
	padding-bottom: 3px;
}

div.rss ul {
	padding-bottom: 14px;
}

div.rss ul li {
	/*font-size: 1.1em;*/
	line-height: 2.5em;
	font-weight: bold;
}

div.subscribe label {
	display: block;
	float: left;
	width: 70px; 
	padding-top: 3px;
}

div.subscribe input {
	/*font-size: 1.1em; */
	margin-bottom: 7px;
}

div.subscribe p {
	clear: left; 
}

p.subscribebtn {
	margin-left: 69px;
}

/* 3.4	Footer
-----------------------------------------------------------------------------------------------*/	
div.footer {
	background: url(../images/bg-footer.gif) repeat-x top left;
}

div.footer ul {
	margin-bottom: 8px;
}

div.footer ul li {  
	display: inline;
	margin-left: 0;
}

div.footer ul li a,
div.footer ul li a:link,
div.footer ul li a:visited,
div.footer ul li a:active {
	padding: 0 11px 0 10px; 
	color: #999999;
	background: url(../images/li.gif) no-repeat center right;
	text-decoration: none;
} 

div.footer ul li.last a,
div.footer ul li.last a:link,
div.footer ul li.last a:visited,
div.footer ul li.last a:active { 
	background: none; 
} 


div.footer ul li a:hover 
{
	text-decoration: underline;
}

/* top content homepage */
div.content-top {
	width: 906px;
	margin: 0 auto;
	text-align: center;
}

div.box-top {
	width: 906px;
	height: 13px;
	background: url(../images/box-top.gif) no-repeat top left;
	overflow: hidden;
}

div.box-btm {
	width: 906px;
	height: 13px;
	background: url(../images/box-btm.gif) no-repeat top left;
	overflow: hidden;
}

div.box-con {
	background: url(../images/box-bg.gif) repeat-y top left;
}

div.box2 {
	text-align: center;
	margin: 0 auto;
	padding: 0 0 2px;
	width: 883px;
	font-size: 0.85em;
} 

div.box2-btm {
	width: 883px;
	height: 7px;
	background: url(../images/box2-btm.gif) no-repeat top left;
	overflow: hidden;
}

div.box2-con {
	background: url(../images/box2-bg.gif) repeat-y top left;
	text-align: left;
	height: 250px;
}

div.active 
{
	display: inline;
	visibility: visible;

	/*position: static; 
	left: auto; 
	top: auto; 
	z-index: auto;*/
}

div.box-nav {  
	margin: auto; 
	width: 883px;
	background: transparent url(../images/nav-bg.gif) repeat-x left bottom;
	position: relative;
	line-height: normal; 
}  


div.box-nav div {
	display: inline;
	/*font-size: 1.1em;*/
}
	
/*div.box-nav ul li {
	display: inline;
	font-size: 1.1em;
}*/

div.box-nav div.current a,
div.box-nav div.current a:link,
div.box-nav div.current a:visited,
div.box-nav div.current a:active {
	color: #99cc00;
	cursor: pointer;
	text-decoration: none;
}

div.box-nav div.current a:hover {
	text-decoration: underline;
}

div.box-nav a:hover  
{
	color: #fff;
	text-decoration: underline !important;
}


div.box-nav div.current a,
div.box-nav div.current a:link,
div.box-nav div.current a:visited,
div.box-nav div.current a:active {
	float: left;
	background: transparent url(../images/nav-left.gif) no-repeat left top;
	padding: 0 0 0 6px;
	text-decoration: none; 
}

/*div.box-nav a.current,
div.box-nav a.current:link,
div.box-nav a.current:visited,
div.box-nav a.current:active {
	float: left;
	background: transparent url(../images/nav-left.gif) no-repeat left top;
	padding: 0 0 0 6px;
	text-decoration: none; 
}*/
	
div.box-nav a,
div.box-nav a:link,
div.box-nav a:visited,
div.box-nav a:active {
	float: left; 
	padding: 0 0 0 6px;
	text-decoration: none; 
}

div.box-nav div.current a span,
div.box-nav div.current a:link span,
div.box-nav div.current a:visited span,
div.box-nav div.current a:active span {
	float: left;
	display: block;
	background: transparent url(../images/nav-right.gif) no-repeat right top;
	padding: 6px 18px 17px 11px; 
}
		
/*div.box-nav a.current span,
div.box-nav a.current:link span,
div.box-nav a.current:visited span,
div.box-nav a.current:active span {
	float: left;
	display: block;
	background: transparent url(../images/nav-right.gif) no-repeat right top;
	padding: 6px 18px 17px 11px; 
}*/
	
div.box-nav a span,
div.box-nav a:link span,
div.box-nav a:visited span,
div.box-nav a:active span {
	float: left;
	display: block; 
	padding: 6px 18px 17px 11px; 
}
	
div.box-nav a:hover span {
	text-decoration: underline;
}
		
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.box-nav a span,
div.box-nav a:link span,
div.box-nav a:visited span,
div.box-nav a:active span { 
	float: none; 
}
/* End IE5-Mac hack */  

.x-html-editor-tb .x-edit-code .x-btn-text {
    background-position:0 0;
    background:transparent url(../images/script_code.gif) no-repeat;
}

.green {
	color: #99CC00 !important;
}

.productgrid {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.productgrid td, .productgrid th {
	padding: 8px;
}

.productgrid td {
	text-align: center;
}

.productgrid th {
	font-weight: bold;
}

.wait {
	padding: 12px;
	border: 1px solid #ccc;
	background-color: #081921;
}

a.reverse,
a.reverse:link,
a.reverse:visited,
a.reverse:active {
	color: #99CC00;
	text-decoration:none;
}
	
a.reverse:hover {
	text-decoration: none;
	color: #fff;
}

a.reverse img
{
	vertical-align: text-bottom;
}

pre.code {
	background: #F8F8F8;
	border: 1px solid #e8e8e8;
        color: #3f747f;
	padding: 10px;
	margin: 10px;
	margin-left: 0px;
	border-left: 5px solid #e8e8e8;
	font-size: 12px !important;
	line-height: 14px !important;
}