html, body {
	background-image: url('../images/body-bg.jpg');
	height: 100%;
	margin: 0;
	padding: 0;
	behavior: url(css/csshover.htc);
}

.bodydiv {
	FONT-FAMILY: verdana,arial,tahoma,sans-serif;
	FONT-SIZE: 10px;
	line-height: 14px;
	color: #333333; 
	text-align:left;
	padding-top:10px;
	padding-bottom:35px;
	padding-left:35px;
	padding-right:35px;
}
/*
.bodydiv {
	padding-top:10px;
	padding-bottom:35px;
	padding-left:35px;
	padding-right:35px;
	text-align:left;
	color:#333;
	font:83%/1.5 arial,tahoma,verdana,sans-serif }*/

.boxtitle {
	line-height: 20px;
	font-family: verdana,arial,sans-serif;
	margin: color:#000;
/*	border-bottom: 1px solid #eee;*/
	font-size: 12px;
	font-weight:bold; }

.boxsubtitle {
	text-align:center;
	font-family: verdana,arial,sans-serif;
	margin: color:#000;
	border-bottom: 1px solid #eee; 
	font-size: 11px;
	font-weight:bold; }

.downloads {
	background-image: url('../images/pdf-bg.gif');
	background-repeat: no-repeat;
	background-position: center right; }

.topsub {
	background-color: #E4EEED;
	padding-top:2px;
	padding-bottom:4px; }

span.tool {
  position: relative;
  cursor: help;
}
 
span.tool span.tip {
  display: none;  
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: -50px;
  left: -270px;
  width: 250px;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

span.tool2 {
  position: relative;
  cursor: help;
  width:100px;
}
 
span.tool2 span.tip2 {
  display: none;  
}

/* tooltip will display on :hover event */
 
span.tool2:hover span.tip2 {
  display: block;
  z-index: 100;
  position: absolute;
  top: -311px;
  left: -301px;
 	_top: -220px;
  _left: -301px;
  width: 303px;
  text-align:right;
}


.inputbox {
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 2px;
}

.button {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 background-color: #599C79;
 color: #FFFFFF;
}

.xbox {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	border:1px solid #666666;
	padding:2px;
}

.xbox2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	border:1px solid #FFFFFF;
	padding:2px;
}

/* GENERAL */
img {border:none} 
/* hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both} */
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */

.news a {
	background-image: transparent url("images/sprites.gif") 5px -500px;
	padding-left:21px;
	font-size:11px; }

.news a:hover {
	background-image: transparent url("images/sprites.gif") 5px -600px;
	padding-left:21px;
	font-size:11px; }

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;cursor:pointer} 
a:link {color:#000000} 
a:visited {color:#000000} 
a:hover,a:active {color:#069000} 

.news a:hover {
	background-image: transparent url("images/sprites.gif") 5px -600px;
	padding-left:21px;
	font-size:11px; }

/* TYPOGRAPHY */
/*p, ul, ol {margin: 0 0 1.5em}
h1, h3, h4, h5, h6 {font-family: verdana,arial,sans-serif;margin: color:#000;border-bottom: 1px solid #eee;}
h2 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 126%}
h3 {font-size: 12px}
h4 {font-size: 116%}
h5 {font-size: 11%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#069000;display:block;letter-spacing: 1px}
small {font-size:11px}

.products ul {margin: .3em 0 1.5em 0;list-style-type:none}
.products ul.related {margin-top: -1em}
.products li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
.products li.doc {background-position: 3px -500px}
.products ul.nomarker li {background:none;padding-left:0}
*/
/* GENERAL */
img {border:none} 
/* hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both} */
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - main body of page */
#sidebar {position:absolute;top:180px;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}
#productbar {position:absolute;top:180px;right:25px;width:20%;padding-top: 1px;padding-bottom: 40px}

#content {margin: 0 50px}
	
.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #069000;color:#000000}
.featurebox p {border:none;margin: 0 0 1em;color:#444}
.featurebox a {font-weight:bold}

.pdfbox {background: url("images/pdf_bgrnd.gif") no-repeat 0 0}
.pdfbox p {border:none;margin: 0 20px 1em;padding: 15px 10px 50px;color:#444}

.box {color:#333;padding: 15px 20px 20px;border-top: 1px solid #006633;margin: 0 0 1.5em;background: #f6f6f6 100% 100%}
.box p, .box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {margin: 0 0 .3em;border-bottom: 1px solid #006633;color:#000000}
.box p {border:none;margin: 0 0 1em;color:#444}
.box a {font-weight:bold}

.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
.thumbnail img {border: 1px solid #000}

.pdftable td {text-align:left;padding-left:5px;}
	
/* LAYOUT TYPE D */
	#type-b #content {margin: 0 25% 0 20px}