@import "global.css";
@import "form.css";
@import "jquery.autocomplete.css";

html
{
   background:  #FFFFFF url("images/headerbg.png") top left repeat-x;
   text-align: justify;
}

body 
{
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 10pt;
	line-height: 15pt;
	color: #333;
}

h2, h3
{
	font-family: "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 1em 0 1em 0;
}

h1 
{ 	
	font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
   padding-top: 20px;
   padding-bottom: 20px;
   font-size: 34px;
}

h2 { font-size: 16pt; }
h3 { font-size: 14pt; }

img 
{ 
  border: 0; 
}

a.linkimg, a.linkimg:hover, a.linkimg:active a.linkimg:link 
{
   text-decoration: none;
   background: none;
}

a        { text-decoration: none; }
a:link   { color: #375; }
a:active { color: #253; }
a:visited { color: #375; }

a:hover {
   color: #253;
   background: #CDC;
}

ul 
{
   padding-left: 10px;
   margin-left: 0px;
   list-style: none;
}

li 
{
   background-image: url(images/li_desc.gif);
   background-repeat: no-repeat;
   background-position: 0 8px;
   padding-left: 15px;
}

.button-container
{
   margin: 2em 0 2em 0;
}

.download-button 
{
   display:inline-block;
	width: 125px;
	height: 35px;
   margin: 0 1ex 0 1ex;
	background: url(images/button.png) top no-repeat;
   text-align: center;
   color: #EEE;
}

.download-button h3 { padding: 0.2em 0 0 0; }
a.download-button { color: #EEE; }
a.download-button:visited { color: #EEE; }

a.download-button:hover 
{
   color: #EEE;
	background: url(images/button.png) top no-repeat;
}

/***************/
/* Page Header */
/***************/
.header 
{
   height:  80px;
}

.header #logo
{
   padding-left:3em;
	color: #111;
}

.header-bottom
{
   float: right;
   padding-right: 3ex;
   font-size: 7.00pt;
  }


/***************/
/* Page footer */
/***************/
div.footer 
{
   clear: both;
   /* background-color: #ABA; */
   background:  url("images/footerbg.png") top left repeat-x;
   text-align: center;
   color: black;          
   font-size: 7.00pt;
	min-height: 100px;
}

div.footer img
{
   vertical-align: middle;
}
div.footer a:hover
{
   background-color: #ABA;
}


/*************************************/
/* Common elements to left and right */
/*************************************/
div.Element
{
   position:relative;
   margin: 0;
}

div.ElementTop 
{
   text-align: center;
   position:relative;
   margin-left: 5px;
   font-weight: bold;
}

div.ElementBody 
{
  margin:0;
  padding-left:0;
  position:relative;
}

div.Element li 
{
   list-style-type: none;
   background-image: url(images/li_menu.gif);
   background-repeat: no-repeat;
   background-position: 0 5px;
   width: 10px;
   padding-left: 10px;
}

/*******************/
/* left definition */
/*******************/
#left 
{
	position: absolute;
	top: 90px;
	left: 20px;
	margin: 0;
	width: 150px;
}

#left div.Element
{
   /* background: #FBFBF3 url(images/leftbg.png) right top repeat-y; */
   border-right: 1px dotted #000

}

html>body #left 
{
	width: 120px; /* ie5win fudge ends */
}
/********************/
/* right definition */
/********************/
#right 
{
	position: absolute;
	top: 90px;
	right: 20px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 0;
	width: 150px;
}

#right div.Element
{
   /* background: #FBFBF3 url(images/rightbg.png) left top repeat-y; */
   border-left: 1px dotted #000
}

html>body #right 
{
	width: 120px; /* ie5win fudge ends */
}

/**********************/
/* middle definitions */
/**********************/
#middle 
{
	min-width: 400px;
	margin: 0px 195px 20px 190px;
}

.articleimg 
{
   float:left;
	padding: 1ex 2ex 1ex 1ex;
}

.right-image 
{
   float:right;
	padding: 1ex 10ex 1ex 10ex;
}

.left-image 
{
   float:left;
	padding: 0.5ex 1ex 0.5ex 1ex;
}

div.Article 
{
   /* background: #FBFBF3 url(images/articlebg.png) left top repeat-x; */
   /* background: #F2F2F2; */
   background: #FFFFFF;
   position:relative;
   margin: 0;
   margin-bottom: 1.5em; /* Space between header and body; changed from 1 > 1em */
} 

div.ArticleTop 
{
  position:relative;
   /* background: #FBFBF3 url(images/headerbg.png) left top repeat-x; */
  padding:5px;
  font-weight: bold;
  color: #6F9669;
}

div.CenterText
{
  text-align: center;
}


div.ArticleBody 
{
   /* background: #F2F2F2; */
   margin:0;
   margin-top:-24px;
   padding:10px;
   padding-left:0;
   position:relative;
   right:-10px;
}

div.ArticleBottom 
{
   position:relative;
   border-top: 1px dotted #000
}

/***********************
 * Product definitions *
 ***********************/
.product-header-container
{
   background: #F2F2F2;
   padding: 0ex 20ex 1em 20ex;
}

.product-header
{
   width: 100ex;
	padding: 0 20px 0 20px;
	margin: 0 auto 0 auto;
}

.product-header h2
{
  color: #6F9669;
}

.product-content-container
{
   background: #FFFFFF;
}

.product-content
{
   background: #FFFFFF;
   width: 100ex;
	padding: 0 20px 0 20px;
	margin: 0 auto 1em auto;
	color: #333;
}

.head-column 
{
	width: 50ex;
	padding: 0 4% 0 2%;
}

.left-column 
{
	width: 40ex;
	float: left;
	padding: 0 4% 0 2%;
}

.right-column 
{
	width: 40ex;
	float: right;
	padding: 0 2ex 0 2ex;
}

/*****************
 * Misc elements *
 *****************/
/* list arrays */
table.List
{
	width: 80%;
   border-collapse: collapse;
   margin-top: 1em;
   margin-left:auto; 
   margin-right:auto;
}

table.List tr.Title, table.List thead
{
   background-color: #375;
}

table.List tr.Even
{
   background-color: #FBFBF3;
}

table.List tr.Odd
{
   background-color: #CDC;
}

table.List a:hover 
{
   color: #375;
   background: none;
}

#BtnSide
{
   margin-top: 1em;
   margin-right: 1em;
   float: right;
}
div .FloatGraph
{
   float: left;
}