/* Make Firefox always show the scrollbar */
html
{
     overflow: -moz-scrollbars-vertical;
}


/**********************************************************\
*                                                          *
* Overall body defintions                                  *
*                                                          *
\**********************************************************/

body
{
  margin-top: 10px;
  text-align: center;
  background-color: white;
}

/* Common table, body font appearance */
body, table
{
  font-family: Arial,Tahoma,Helvetica; 
  font-size: 9pt;
}

/* Specific table appearance */
table
{
  border-collapse: collapse;
}

td
{
  vertical-align: top;
  padding: 0px;
}


/**********************************************************\
*                                                          *
* Definitions for the different sections of the layout     *
* NOTE: the right column is not always used                *
*                                                          *
*                                                          *
*      +--------- Main Table ---------+                    *
*      |       Header Top (row)       |                    *
*      +------------------------------+                    *
*      |       Header Menu (row)      |                    *
*      +------------------------------+                    *
*      |      Header Bottom (row)     |                    *
*      +------+----------------+------+                    *
*      |      |                |      |                    *
*      |      |                |      |                    *
*      |      |                |      |                    *
*      |      |                |      |                    *
*      | Left |   Main Content |Right |                    *
*      |(cell)|      (cell)    |(cell)|                    *
*      |      |                |      |                    *
*      |      |                |      |                    *
*      |      |                |      |                    *
*      |      |                |      |                    *
*      +------+----------------+------+                    *
*      |          Footer (row)        |                    *
*      +------------------------------+                    *
*                                                          *
\**********************************************************/

/* the outside main table, encloses all content */
table.MainTable
{
  width: 750px;
  margin-left:auto;
  margin-right:auto;
  
  
}

/* only contains the very top of the header, normally the ICONICS logo */
td.HeaderTop
{
  background-image: url('../images/header-top.jpg');
  width: 750px;
  height: 80px;
  
}

/* contains the menu as part of the header */
td.HeaderMenu
{
  background-image: url('../images/header-bottom.jpg');
  width: 750px;
  height: 25px;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: middle;
  font-size: 9pt;
  color: white;
}

/* only contains the bottom of the header, use this for the home page */
td.HeaderBottomAlternative
{
  background-image: url('../images/home-main.jpg');
  width: 750px;
  height:200px;
}

/* only contains the bottom of the header */
td.HeaderBottom
{
  background-repeat: no-repeat;
  background-image: url('../images/header.jpg');
  width: 750px;
  height:100px;
}

/* column normally containing the secondary navigation menu */
td.LeftColumn
{
  background-color: #DCDCDC;
  width: 150px;
  /* set this padding to have the button move downwards */
  padding-top: 15px;
  /* force a space of at 'n' pixels at the bottom */
  padding-bottom: 30px;
  /* force a space of at 'n' pixels between the buttons and the line */
  padding-right: 5px;
  padding-left: 5px;
  border-top: 1px #DCDCDC;
  border-left: 1px #DCDCDC;
  border-right: 1px #DCDCDC;
  border-bottom: 1px #DCDCDC;
  
}

/* column normally containing the secondary tertiary menu, may be missing all together */
td.RightColumn
{
  width: 150px;
}

/* column normally containing the main content */
td.MainContent
{
  padding: 2px;
  padding-left: 15px;
  padding-right: 10px;
  padding-bottom: 15px;
  width: 575px;
  
  
}

/* only contains the footer */
td.Footer
{
  text-align: center;
  color: gray;
  height: 20px;
  padding-top: 20px;
  border-top: 1px solid #DCDCDC;
 
  
}

/* any colour for the left border */
td.MainBorderLeft
{
   border-left: 1px solid #DCDCDC; 
}

/* any colour for the right border */
td.MainBorderRight
{
  border-right: 1px solid #DCDCDC;
}

/* any colour for the top border */
td.MainBorderTop
{

  border-top: 1px solid #DCDCDC;

}

/* any colour for the bottom border */
td.MainBorderBottom
{
  border-bottom: 1px solid #DCDCDC;
}


/**********************************************************\
*                                                          *
* Defintions for headers, paragraphs and lists             *
*                                                          *
\**********************************************************/

/* Common properties for headers */
h1, h2, h3, h4, h5
{
  font-weight:  bold;
  font-family:  Helvetica;
  color: #666666;
}

/* Specifics for header 1*/
h1
{
  padding-top:  15px;
  font-size:  12pt;
}

/* Specifics for header 2*/
h2
{
  padding-top:  10 px;
  font-size:    10pt;
}

/* Specifics for header 2*/
h3
{
  padding-top:  8 px;
  font-size:    12pt;
}

/* Specifics for paragraphs */
p
{
  text-align: justify;
}

/* Specifics for lists */
ul
{
  list-style-type: disc;
}

/* specifics for input boxes */
input, select
{
  font-family: Arial,Tahoma,Helvetica; 
  font-size: 10pt;
}



/**********************************************************\
*                                                          *
* Specific content formatting                              *
*                                                          *
\**********************************************************/


p.IntroductionHeader
{
  margin-top: 20px;
  /* use padding to position this content more in the center rathar than BR's */
  padding-left: 70px;
  padding-right: 70px;
  font-size: 9pt;
  font-weight: bold;
  font-style: italic;
  color: gray;
  text-align: center;
}

p.IntroductionText
{
  font-family: Arial, Tahoma;
  font-size: 10pt;
  text-align: justify;
}


/**********************************************************\
*                                                          *
* special section for the image/thumbnails                 *
*                                                          *
\**********************************************************/

div#LargeImageHolder
{
  width: 580px;
  border: 2px solid #DCDCDC;
  display: none;
  background: white;
  position: absolute;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 5px;
}

div#LargeImageHolder td
{
  vertical-align: middle;
  text-align: center;
  padding-bottom: 10px;
}

div#LargeImageHolder td.close
{
  vertical-align: bottom;
}


div#LargeImageHolder a
{
  cursor: pointer;
}
/**********************************************************\
*                                                          *
* Defintions for side menu navigation                      *
*                                                          *
\**********************************************************/

/* the general layout for a button in the left hand side menu */
td.LeftColumn table tr td.LeftColumnNavButton
{
  /* only show the image once */
  background-repeat: no-repeat;
  /* position in the left (horizontal) and middle (vertical) of the cell */
  background-position: left center;
  /* set the overall height of the cell, must be larger than the image size used */
  height: 70px;
  vertical-align: middle;
  /* set the left padding to be slightly larger 
  than the width of the image */
  padding-left: 70px;
}

/* the image for this menu item */
td.LeftColumnNavButton.OnlineDemo
{
  background-image: url('../images/view-online-demo.jpg');
}

/* the image for this menu item */
td.LeftColumnNavButton.WhatIsOEE
{
  background-image: url('../images/what-is-oee.jpg');
}

/* the image for this menu item */
td.LeftColumnNavButton.FreeTrial
{
  background-image: url('../images/free-trial.jpg');
}

/* the image for this menu item */
td.LeftColumnNavButton.CalculateSavings
{
  background-image: url('../images/calculate-savings.jpg');
}


/**********************************************************\
*                                                          *
* Defintions for partner page                              *
*                                                          *
\**********************************************************/

/* the layout for the cell containing the partner logo, adjust to fit largest logo */
td.PartnerLogoColumn
{
  width: 120px;
  padding-top: 15px;
}

/* the layout for the cell next to the partner logo */
td.PartnerDetailsColumn
{
  padding-top: 8px;
}

/* remove the extra margin at the bottom of a h2 when inserted in a table */
td.PartnerDetailsColumn h2
{
  margin-bottom: 0px;
}

/* remove the extra margin at the top of a p when inserted in a table */
td.PartnerDetailsColumn p
{
  margin-top: 5px;
}

td.AddressDetails
{
  width:90px;
  padding-left: 5px;
  padding-right: 5px;
}


/**********************************************************\
*                                                          *
* Defintions for calculation page                          *
*                                                          *
\**********************************************************/

td.Calculations
{
  padding: 5px;
}

td.Numerator
{
  text-align: center;
  border-bottom: 2px solid black;
}

td.Denominator
{
  text-align: center;
}

td.Result
{
  vertical-align: middle;
}

td.Calculations.DataLabel
{
  padding-right: 10px;
  vertical-align: middle;
}

td.Calculations.DataValue 
{
  vertical-align: middle;
}

td.Calculations.CalculatedValue 
{
  vertical-align: middle;
  text-align: right;
}

td.Calculations.DataValue input
{
  width: 70px;
  vertical-align: middle;
}

td.Calculations.DataHeader
{
  vertical-align: middle;
  background:#DCDCDC;
  font-weight: bold;
}


td.FinalResult
{
  border-top: 2px solid black;
}


/**********************************************************\
*                                                          *
* special behaviour for links (i.e. clickable items)       *
*                                                          *
\**********************************************************/

/* the links in the contact should look identical when visited, not visted, or active */
a, a:visited, a:active
{
  text-decoration: none;
  color: blue;
}

/* the links in the content should only have an underline when the mouse is above them */
a:hover
{
  color: blue;
  text-decoration: underline;
}

/* the links in the header menu should look identical when visited, not visted, or active */
*.HeaderMenu a, *.HeaderMenu a:visited, *.HeaderMenu a:active
{
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  color: white;
}

/* the links in the header menu should only have an underline when the mouse is above them */
*.HeaderMenu a:hover
{
  text-decoration: underline;
}


/* the links in the side menu should look identical when visited, not visted, or active */
*.LeftColumnNavButton a, *.LeftColumnNavButton a:visited, *.LeftColumnNavButton a:active
{
  text-decoration: none;
  color: #D1D1D1;
}

/* the links in the side menu should only have an underline when the mouse is above them */
*.LeftColumnNavButton a:hover
{
  text-decoration: underline;
}


img.RSSPicture 
{
  width: 35px;
  height: 35px;
  border: none;
  margin-right: 4px;
}

img.TwitterPicture 
{
  width: 90px;
  height: 55px;
  border: none;
  margin-right: 4px;
}

img.maintec 
{
  width: 140px;
  height: 54px;
  border: none;
  margin-right: 4px;
}

img.mainteclarge 
{
  width: 330px;
  height: 150px;
  border: none;
  margin-right: 4px;
}

/*Robyn's 6 Big Losses Table */

table.biglosses
{

}

table.screenshots
{
  width: 580px; 
}


table.screenshots a img
{
  border: 0px none;
}