/************************************************************************
0.  CSS reset (Eric Meyer)
1.  Universal styles (typography, etc.)
2.  Header Styles
3.  Main Body Content
4.  Sidebar Content
5.  Footer content
6.  Table Styles
7.  List Styles
8.  Forms, Images & Decorations
************************************************************************/

/*******************************************
********************************************
0.  CSS reset (Eric Meyer, modified)
********************************************
********************************************/
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,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
 table, th, td {
	margin: 0;
	padding: 0;
	/*border: 0;*/
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align:baseline;
  /*text-align: left;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*******************************************
********************************************
1.  Universal styles
********************************************
*******************************************/

body {
  background-color:rgb(255,255,255);
  font-family: "Trebuchet MS", sans-serif;
  font-size: 15px;
  margin: 8px;
  }

#MaxMinContainer {
  position: absolute;
  max-width: 1000px;
  min-width: 340px;
}

h1 {                   /*h1 is for the first section header, h2 is for the other section headers*/
  font-size: 18px;
  font-weight:bold;
  color:#A52A2A;
  margin-bottom:13px;
  }

h2 {                   /*h1 is for the first section header, h2 is for the other section headers*/
  font-size: 18px;
  font-weight:bold;
  color:#A52A2A;
  margin-top:40px;
  margin-bottom:13px;
  }

h3 {                       /*h3 = sidebar header (<nav>) */
  font-size: 18px;
  font-weight: bold;
  color: blue;
  margin-top: 5px;
  margin-bottom: 7px;
  margin-left: 9px;
  padding-left: 1px;
  }

p {
	font-size:small;
	margin-top:5px;
	margin-bottom:10px;
	line-height:1.5;
}

figcaption {
  font-size:small;
  font-style: italic;
  margin-top:3px;
  }

/*******************************************
********************************************
2.  Header and Nav. styles
********************************************
*******************************************/

#Top {
  margin-top:-12px;
  padding-bottom: 80px;
  padding-left:15px;
  background-image: url("control-chart-images/82.png");
  }

.Headline {
  font-size: 73px;
  font-weight:bold;
  color: blue;
  margin-left:-11px;
  padding-left: 188px;
  padding-top:55px;
  }

.Byline {
  font-size: 24px;
  font-weight:bold;
  color: black;
  margin-top:-28px;
  margin-left:-11px;
  padding-left: 190px;  
  }

/*******************************************
********************************************
3.  Main Body Content
********************************************
*******************************************/

article {
  margin-left: 195px;
  margin-right: 10px;
  margin-top: 0px;
  padding-top: 0px;
  min-width:440px;/*To ensure that the header text doesn't wrap*/
}

.snugleft {
    margin-left: 10px;
    margin-right: 250px;
    margin-top: 0px;
    padding-top: 0px;
    min-width: 440px; /*To ensure that the header text doesn't wrap*/
}

/*******************************************
********************************************
4.  Sidebar Content
********************************************
*******************************************/

nav {
  position: fixed;
  top:268px; 
  left: 10px;
  }

#Linktree {
  margin-top:10px;
  margin-left: 0px;
  background-color:rgb(245,255,255);
  border: 1px solid rgb(225,225,225);
  border-radius: 0.5em;
  box-shadow: 2px 2px 10px rgb(205,230,230);
  line-height: 0; /* ! This determines the distance between the Linktree upper border and the first row "Home" ! */
  padding-left:10px;
  padding-right:10px;
  padding-top:0px;
  padding-bottom:10px;
  }

/*******************************************
********************************************
5.  Footer Content
********************************************
*******************************************/

Footer {
  margin-left: 194px;
  margin-top: 50px;
  margin-bottom: 15px;
  font-size: 9px;
  color: gray;
  line-height:0.2;
}

/*******************************************
********************************************
6.  Table Styles
********************************************
*******************************************/

table {
  border-collapse: collapse;
  }

.tableitems {
	font-weight:bold;
	color:#A52A2A;
}

td {                   /*This also affects the spacing between the lines in the treeview link menu*/
  line-height:1.4;
}
  
table.features th {
	font-size:small;
	border: 1px solid black;
    padding: 10px;
	text-align:left;
	font-weight:bold;
	color:#A52A2A;
}

table.features td {
  font-size:small;
	border: 1px solid black;
  padding: 10px;
  vertical-align: top;
  background-color:RGB(248,255,255);
}

table.TotalGoF td, th
{
 vertical-align: top;
}

table.TotalGoF th
{
text-align: left;
}

td.Testnames
{
width: 160px; 
}

table.CalculatorPresentation {
  font-size:small;
  }

/*******************************************
********************************************
7.  List styles
********************************************
*******************************************/

.MyUl {
    list-style-type: disc;
    font-size: small;
    margin-left: 25px;
    line-height: 1.5;
}
  
.MyUl li {
  padding-bottom:5px;
  }

/*******************************************
********************************************
8.  Forms, Images & Decorations
********************************************
*******************************************/

.FigureLeftAligned {
  Margin-left:0px;
  }

a img {
	border:none;/*To eliminate the border around images with links (e.g. in Internet Explorer)*/
  }

a:link {
  text-decoration:none;
  }
a:visited {
  text-decoration:none;
  }
a:active {
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  color:Blue;
  }
  
.pdflink {
    font-size:small;
    line-height:1.5
}

.Address {
  margin-top:-20px;
  margin-left:0px;
  font-size: 10px;
  color: gray;
  line-height:1;
}
		
.gray p{
	font-size: x-small;
	color:gray;
	margin-top:0px;
	margin-left:0px;
	line-height:0.2;	
}
	
.button
{
	color:green;
	font-weight:bold;
	padding: 5px 20px 5px 20px;
}
	
.PleaseWait
{
/*height: 200px;*/
width: 5000px;
background-image: url("control-chart-images/pleasewaitwhite.gif");
/*background-image: url("control-chart-images/pleasewait.gif");*/
background-repeat: no-repeat;
margin-top:10px;
padding-bottom:10px;
padding-top: 1px;
padding-left:40px;
}

.style1
{
padding: 4px 0px 0px 21px;   
}

.style2
{
padding: 10px 0px 1px 0px;
}

.datainput
{
text-align:center;
}