/* General styles */
html, body { margin: 0px; padding: 0px; }
html { overflow-y: scroll; } /* http://webdevel.blogspot.com/2007/05/controlling-browser-scrollbars.html */

body
{
background: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

center
{
margin: auto;
width: 750px;
}

a { color: #4e6172; font-family: Arial, Helvetica, sans-serif; }
a:link { color: #333333; }
a:visited, a:hover { color: #999999; }

.Header
{
/*height: 108px;*/
margin-top: 0px;	
position: relative;
}	

.Navbar
{
background: #4e6172;
padding: 4px 0px;
position: relative;
}

/*ADDITION - NEAL */
	#wrapper
	{
	margin: auto;
	overflow: auto;
	text-align: left;
	}
	
	#nav
	{
	float: left;
	margin-top: 25px;
	width: 150px;
	}
	
	#nav ul
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
	#nav li { margin: 0px 0px 12px 0px; }
	
	#nav a
	{
	color: #666666; 
	font-size: 11px; 
	font-weight: bold;
	text-decoration: underline;
	}
	
	#nav a:hover { color: #333333; }
	
	#content
	{
	border-left: solid 1px #cccccc;
	float: left;	
	padding-left: 20px;
	width: 530px;
	}

/* Header Links */
.usa
{
position: absolute;
right: 30px;
top: 90px;
}

.worldwide
{
color: #0072B9;
font-weight: bold;
}

/* Main Navigation */
a.NavLink
{
color: #ffffff !important; 
font-size: 12px; 
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
text-decoration: underline;
}

/* Index Page */
.indexBody { overflow: hidden; }

.indexLang
{
line-height: 40px;
text-align: left;
text-indent: 10px;
}

	a.IndexLangNav:link, a.IndexLangNav:visited
	{
	color: #4e6172; 
	font-size: 11px; 
	font-weight: 600;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	}
	a.IndexLangNav:hover { text-decoration: underline; color: #999999; }

.indexCopy 
{
color: #666666;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
font-weight: bold;
float: left;
line-height: 25px;
margin-left: 10px;
width: 330px;
}

.indexImage
{
float: right;
width: 397px;
}

/* Content for Static Pages */
.contentBody
{
padding-left: 10px;
padding-top: 20px;
position: relative;
}

/* .contentBody2 { position: relative; width: 720px; } */

/* Page ID */
.pageID { }

.pageIDnest
{
font-size: 12px; 
margin-left: 10px;
margin-top: 25px;
padding-left: 10px;
width: 600px;
}

/* Page ID - Products */
.productsPageID
{
position: absolute;
top: 10px;
left: 165px;
width: 550px;
}

h2, .pageIDnest, .productsPageIDnest, .productsPageIDnestLarge
{
border-bottom: 1px solid #cccccc;
color: #4e6172;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 20px;
text-decoration: none;
}

.pageIDnest, .productsPageIDnest, .productsPageIDnestLarge
{
height: 15px;
position: relative;
}

.productsPageIDnest
{
font-size: 12px;
width: 585px;
}

.productsPageIDnestLarge
{
font-size: 15px;
padding-left: 10px;
padding-bottom: 5px;
width: 400px;
}

/* Products Page - Content */
.Titles
{
color: #4e6172;
font-weight: 600;
}

.productsContent
{
color: #333333;
overflow: hidden;
position: relative;
}

.prodBox, .prodPageBox
{
position: relative;
width: 580px;
}

.prodBox
{
top: 0px;
left: 165px;
}

.prodPageBox
{
top: 35px;
left: 165px;
min-height: 600px;
height: 600px;
}

.prodPageTitles, .prodPageHeader
{
font-size: 13px;
font-weight: bold;
}

.prodPageTitles { border-bottom: 1px solid #666666; }
.prodPageHeader { text-align: center; }

.prodBoxSub { min-height: 336px; }
.prodBoxSub, .prodBoxSub1
{
position: relative;
width: 580px; /* 640 */
}

.prodImage
{
float: right;
height: 336px;
position: relative;
}

.prodApps, .prodExamples, .prodFeatures, .prodExamplesWide, .prodAppsWide
{
position: relative;
left: 5px;
width: 275px;
}

.prodFeatures { top: 0px; }
.prodExamplesWide { float: right; }
.prodAppsWide { float: right; }

.prodBoxSubWide
{
min-height: 400px;
position: relative;
width: 580px;
}

.prodFeaturesWide
{
float: left;
position: relative;
width: 275px;
}

.prodImageWide
{
position: relative;
width: 300px;
}

.prodControls { font-size: 10px; }

.tablehead
{
background: #e2e2ce;
border-bottom: 1px solid #4e6172;
color: #4e6172;
font-size: 11px;
font-weight: bold;
}

.tablebody td
{
border-bottom: 1px solid #d9d9d9;
font-size: 10px;
vertical-align: top;
}

.rightborder { border-right: 1px solid #d9d9d9; }

.odd { background: #ffffff; }
.even { background: #808080; } 

.footNotesProdPage
{
font-size: 9px;
width: 400px;
}

/* Products Navigation */
a.ProdNav
{
color: #666666; 
font-weight: 600;
text-decoration: underline;
padding-left: 15px;
padding-right: 15px;
}
a.ProdNav:hover { color: #333333; }
a.ProdNav:visited { color: #666666; }

/* Products Navigation Box */
.productsNav
{
border-right: 1px solid #cccccc;
color: #666666;
height: 400px;
width: 150px;
margin-top: -5px;
margin-left: 0px;
position: absolute;
top: 10px;
left: 0px;
}

.productsNav, a.LangNav
{
font-size: 11px; 
font-weight: 600;
text-decoration: none;
}

/* Footer */
.Lang
{
position: relative; 
height: 30px;
line-height: 25px;
margin-top: 60px;
visibility: visible;
text-align: center;
clear: both;
}

a.LangNav
{
color: #999999; 
padding-left: 15px;
padding-right: 15px;
}

a.LangNav:hover { text-decoration: underline; }

.tail { border-top: 1px solid #cccccc; }

a.tailNav
{
color: #999999; 
font-size: 10px; 
font-weight: 500;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
}
a.tailNav:hover { color: #666666; text-decoration: underline; }
a.tailNav:visited { color: #999999; }

.copyright { font-size: 9px; }

/* Tabtastic CSS */
.tabBox { margin-top: 10px; }

.tabBoxMenu
{
margin-top: 10px;
width: 125px;
}

.tabBoxProdPage
{
margin-top: 10px;
margin-left: 30px;
width: 450px;
}

.tabset_tabs
{ 
list-style-type: none;
margin: 0px;
padding: 0px;
position: relative; 
white-space: nowrap;
z-index: 2;
}

.tabset_tabs li
{ 
display: inline;
margin: 0px;
padding: 0px;
}

.tabset_tabs a
{ 
border: 1px solid #999999;
border-bottom: none;
color: #999999 ! important; 
font-size: 10px;
padding: 0 0.2em; 
text-decoration: none; 
}

.tabset_tabs a:hover
{ 
color: #4e6172 ! important; 
font-weight: 400;
}

.tabset_tabs a.active
{ 
background: #ffffff ! important; 
border: 1px solid #4e6172;
border-bottom: #ffffff;
color: #f23e41 ! important; 
cursor: default; 
padding-top: 1px; 
padding-bottom: 1px;
}

.tabset_tabs li.firstchild a { border-left-width: 1px; }

.tabset_content
{
border-top: 1px solid #4e6172; 
background: #ffffff; 
position: relative; 
z-index: 1; 
padding: 0.5em 1em; 
display: none;
}

.tabset_content_left { width: 127px; }
.tabset_label { display: none; }
.tabset_content_active	{ display: block; }

/* Appears to be a hack */
@media aural { .tabset_content, .tabset_label { display: block; } }

/* Left nav javascript */
@media screen, print { 
/* Turn off list bullets */
ul.mktree  li { list-style: none; } 
/* Control how "spaced out" the tree is */
ul.mktree, ul.mktree ul , ul.mktree li { margin-left:0px; padding:0px; }
/* Provide space for our own "bullet" inside the LI */
ul.mktree  li           .bullet { padding-left: -10px; }
/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.mktree  li.liOpen    .bullet { cursor: pointer; }
ul.mktree  li.liClosed  .bullet { cursor: pointer; }
ul.mktree  li.liBullet  .bullet { cursor: default; }
/* Sublists are visible or not based on class of parent LI */
ul.mktree  li.liOpen    ul { display: block; }
ul.mktree  li.liClosed  ul { display: none; }
/* Format menu items differently depending on what level of the tree they are in */
ul.mktree  li { font-size: 11px; }
ul.mktree  li ul li { font-size: 10px; }
ul.mktree  li ul li ul li { font-size: 10px; }
ul.mktree  li ul li ul li ul li { font-size: 10px; }
}

@media print {
#specs { }
#control { }
.tabset_content { display: block; zoom: 1; margin: 20px auto; }
}