body {
	margin:0;
	padding:0;
	font-size:0.8em;
	font-family:Arial,Helvetica,sans-serif;
  background-color:#fff;
}

a:link, a:visited {
	color:#666666;
  text-decoration:none;
}

a:hover	{
	text-decoration:underline;
}

sub, sup {
  font-size: 80%;
  line-height: 90%;
}

.small {
  font-size: 80%;
}

.colorIntro {
  background-color:#999999;
}

.colorResult {
  background-color:#999999;
}

.colorCancel {
  background-color:#999999;
}

.colorPerson {
  background-color:#987b53;
}

.colorCommon {
  background-color:#b4cb32;
}

.colorCommonDefault {
  background-color:#c6d865;
}

.colorLiving {
  background-color:#005aab;
}

.colorLivingDefault {
  background-color:#3f83c0;
}

.colorMobility {
  background-color:#e4992b;
}

.colorMobilityDefault {
  background-color:#ebb25f;
}

.colorFood {
  background-color:#599733;
}

.colorFoodDefault {
  background-color:#afbd5e;
}

.colorConsumption {
  background-color:#8198cd;
}

.colorConsumptionDefault {
  background-color:#a0b1d9;
}

#container {
	float:left;
	margin:0px;
	padding:0px;
  background-color:#fff;
}

#containerIframe {
	float:left;
  width:440px;
	margin:0px;
	padding:0px;
  background-color:#fff;
}

#topHeader {
	margin:0px;
	padding:0px;
  height:50px;
}



/* Columns */

#container #leftColumn {
  clear:both;
	float:left;
	margin:0;
	padding:0;
	width:500px;
}

#leftColumnAirports {
	float:left;
	margin:0;
	padding:0;
}

#container #centerColumn {
	float:left;
  position:relative; /* added because of css/slider.css */
  overflow:auto;
	margin:0;
	padding:10px 15px;
	width:470px;
  height:470px;
  background-color:#fff;
}

#container #centerColumnAirports {
	float:left;
  overflow:auto;
	margin:0 0 10px 0;
	padding:10px 15px;
	width:650px;
  height:500px;
  background-color:#fff;
}

#container #centerColumnPayment {
	float:left;
  /* overflow:auto; */
	margin:0;
  padding:0;
	/* padding:10px 15px; */
  background-color:#fff;
}

#container #footerColumn {
	float:left;
	margin:0;
	padding:5px 5px;
	width:490px;
  height:60px;
  background-color:#fafafa;
  border-top:1px solid #999;
}

#container #chartColumn {
	float:left;
	margin:0;
	padding:10px;
	width:179px;
  height:500px;
  border-left:1px solid #999;
  background-color:#fff;
}

#container #chartColumn.p {
	margin:0;
	padding:0;
}

#container #emissionChart {
  position:relative;
  height:300px;
  width:170px;
  padding:0;
  margin:15px 0 0 0;
  background-color:#fff;
}



/* Columns Iframe */

#containerIframe #leftColumn {
  clear:both;
	float:left;
	margin:0;
	padding:0;
	width:440px;
  /*border-left: 1px solid #aab8bd;
	border-bottom: 1px solid #aab8bd;*/
}

#containerIframe #leftColumnAirports {
	float:left;
	margin:0;
	padding:0;
}

#containerIframe #centerColumn {
	float:left;
	margin:0;
	padding:10px 0;
	width:440px;
  background-color:#fff;
}

#containerIframe #centerColumnAirports {
	float:left;
	margin:0;
	padding:10px 0;
	width:440px;
  background-color:#fff;
}

#containerIframe #centerColumnPayment {
	float:left;
	margin:0;
	padding:0;
  background-color:#fff;
}

#containerIframe #footerColumn {
	float:left;
	margin:0;
	padding:5px;
	width:420px;
  background-color:#eee;
}

#containerIframe #chartColumn {
	float:left;
	width:401px;
	margin:10px 0 0 0;
  padding:5px 0 0 25px;
  border:2px solid #ccc;
}

#containerIframe #chartColumn.p {
	margin:0;
	padding:0;
}

#containerIframe #emissionChart {
  position:relative;
  height:130px;
  width:400px;
  padding:0;
  margin:0;
  background-color:#fff;
}


/* Top menu */

#container #menu_top {
  position:relative;
  z-index:100; /* added because css/slider.css */
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  font-weight:bold;
}

#container #menu_top .navWidthIntro {
  width:60px;
}

#container #menu_top .navWidthPerson {
  width:80px;
}

#container #menu_top .navWidthLiving {
  width:80px;
}

#container #menu_top .navWidthMobility {
  width:80px;
}

#container #menu_top .navWidthFood {
  width:80px;
}

#container #menu_top .navWidthConsumption {
  width:80px;
}

#container #menu_top .navWidthResult {
  width:80px;
}

#container #menu_top .navWidthCancel {
  width:80px;
}

#container #menu_top li {
  display:inline;
  position:relative;
  float:left;
  padding:0;
  margin:0;
  border-right:1px solid #ccc;
}

#container #menu_top li a {
  display:block;
  float:left;
  height:22px;
  padding:6px 0 0 6px;
  font-size:0.85em;
  color:#ffffff;
  text-decoration:none;
  white-space:nowrap;
}

#container #menu_top li a:hover {
  height:22px;
  padding:6px 0 0 6px;
  background-color:#919191;
}

#container #menu_top ul {
  position:absolute;
  display:block;
  float:none;
  top:28px;
  left:0px;
  width:130px;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:100;
}

#container #menu_top ul li {
  display:block;
  float:none;
  margin:0;
  padding:0;
  border-right:0;
}

#container #menu_top ul li a:link, #container #menu_top ul li a:visited {
  display:block;
  width:130px;
  float:none;
  height:auto;
  padding:5px 6px;
  margin:0;
  font-weight:normal;
}

#container #menu_top ul li a:hover {
  height:auto;
  width:130px;
  padding:5px 6px;
  margin:0;
  font-weight:normal;
  background-color:#919191;
}

/* Top menu Iframe */

#containerIframe #menu_top {
  position:relative;
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  font-weight:normal;
}

#containerIframe #menu_top .navWidthIntro {
  width:40px;
}

#containerIframe #menu_top .navWidthPerson {
  width:60px;
}

#containerIframe #menu_top .navWidthLiving {
  width:60px;
}

#containerIframe #menu_top .navWidthMobility {
  width:60px;
}

#containerIframe #menu_top .navWidthFood {
  width:60px;
}

#containerIframe #menu_top .navWidthConsumption {
  width:60px;
}

#containerIframe #menu_top .navWidthResult {
  width:60px;
}

#containerIframe #menu_top .navWidthCancel {
  width:60px;
}


#containerIframe #menu_top li {
  display:inline;
  position:relative;
  float:left;
  padding:0;
  margin:0;
  border-right:1px solid #ccc;
}

#containerIframe #menu_top li a {
  display:block;
  float:left;
  height:22px;
  padding:6px 0 0 4px;
  font-size:0.8em;
  color:#ffffff;
  text-decoration:none;
  white-space:nowrap;
}

#containerIframe #menu_top li a:hover {
  height:22px;
  padding:6px 0 0 4px;
  background-color:#919191;
}

#containerIframe #menu_top ul {
  position:absolute;
  display:block;
  float:none;
  top:28px;
  left:0px;
  width:130px;
  margin:0;
  padding:0;
  overflow:hidden;
  z-index:100;
}

#containerIframe #menu_top ul li {
  display:block;
  float:none;
  margin:0;
  padding:0;
  border-right:0;
}

#containerIframe #menu_top ul li a:link, #containerIframe #menu_top ul li a:visited {
  display:block;
  width:130px;
  float:none;
  height:auto;
  padding:5px 6px;
  margin:0;
  font-weight:normal;
}

#containerIframe #menu_top ul li a:hover {
  height:auto;
  width:130px;
  padding:5px 6px;
  margin:0;
  font-weight:normal;
  background-color:#919191;
}

/* Forms */

#container form {
  margin:0;
  padding:0;
}

#containerIframe form {
  width:430px;
  margin:0;
  padding:0;
}

fieldset {
  margin:5px 0;
  padding: 5px 10px;
}

.fieldsetPerson {
  border:2px solid #987b53;
}

.fieldsetLiving {
  border:2px solid #005aab;
}

.tableLiving {
  border:1px solid #005aab;
}

.fieldsetMobility {
  border:2px solid #e4992b;
}

.fieldsetFood {
  border:2px solid #599733;
}

.fieldsetConsumption {
  border:2px solid #8198cd;
}

.fieldsetCommon {
  border:2px solid #b4cb32;
}

legend {
  margin:0;
  padding:5px;
  font-weight:bold;
}


label.left {
  float: left;
  text-align: right;
  width: 160px;
  padding: 0 0 10px 10px;
  margin-right: 5px;
}

#co2loginForm label.left {
  float: left;
  text-align: right;
  width: 260px;
  padding: 0 0 10px 10px;
  margin-right: 5px;
}

label.right {
  float: left;
  text-align: left;
  width:210px;
  padding: 0 0 10px 0;
  margin-right: 5px;
}

label.leftAirport {
  float: left;
  padding:0;
  width:130px;
  margin: 5px;
}

p.errorMessageAirport {
  margin:0 0 5px 0;
  padding-left:13.8em;
  font-size: 0.8em;
  font-weight:bold;
}


input, select {
  border:1px solid #666;
}

input[type=text], select {
  float: left;
}

#co2loginForm input[type=text] {
  float:none;
}

input[type=radio], input[type=checkbox] {
  border:0;
}

input.right {
  float: left;
  width: auto;
  clear: both;
  margin-left: 5.3em;
  margin-right: .3em;
}


input[type=text] {
  padding-left:.3em;
}

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
  margin-left: 13.3em;
}

form br {
  clear: both;
}

/* My result tables */

table.result {
  width:95%;
  margin:0;
  padding:0;
	background-color: #fff;
}                  

table.result caption {
  margin:0;
  padding:5px 10px;
  text-align:left;
  font-weight:bold;
  background-color: #fafafa;
}

table.result th, table.result td {
  margin:0;
  padding:5px 10px;
  border-top: 1px solid #ccc;
}

table.result td.emissionType {
  font-weight:bold;
}

table.result td.emissionValue {
  text-align:right;
  font-weight:bold;
  white-space:nowrap;
}

/* interim result table */

table.interimResult {
  width:95%;
  margin-top:10px;
  border: 2px solid #ccc;
	background-color: #fff;
}

table.interimResult th, table.interimResult td {
  margin:0;
  padding:5px 10px;
}

table.interimResult td.emissionValue {
  text-align:right;
  font-weight:bold;
  white-space:nowrap;
}

/* Links */

a:link.navFooter {
	color:#d18804;
	font-size:0.8em;
	text-decoration:underline;
}

a:visited.navFooter	{
	color:#d18804;
	font-size:0.8em;
	text-decoration:underline;
}

a:hover.navFooter	{
	color:#fff;
	text-decoration:none;
	font-size:0.8em;
	background-color:#d18804;
}

.categoryHeadline {
  padding:5px 0;
  margin:0;
	color:#000000;
	font-size:1.25em;
	font-weight:bold;
}

.buttonsChart {
  float:left;
  text-align:center;
  padding:2px 8px;
  color:#333;
  font-size: 0.8em;
  background:#eee;
  border:1px solid #ccc;
}

.buttonsFooter {
  float:right;
  padding:2px 10px 2px 0;
}

.buttonsFooter span {
  cursor:pointer;
  text-align:right;
  padding:2px 4px;
  color:#fff;
  font-size: 0.85em;
  background:#a5a6ad;
  border:1px solid #666;
}

.buttonsFooter span:hover {
  background:#4a555a;
  border:1px solid #333;
}

#startCalculation {
  margin:0;
  padding:3px;
  color:#ffffff;
  background-color:#0055aa;
  font-weight:bold;
}

#saveCalculation {
  padding:3px;
  color:#ffffff;
  background-color:#0055aa;
  font-weight:bold;
}

#improveCalculation {
  padding:3px;
  color:#ffffff;
  background-color:#0055aa;
  font-weight:bold;
}

#compensateCalculation {
  padding:3px;
  color:#ffffff;
  background-color:#0055aa;
  font-weight:bold;
}

.calculate {
  float:right;
  padding: 10px;
}

.calculate span {
  cursor:pointer;
  text-align:right;
  padding:2px 4px;
  color:#fff;
  font-size: 0.85em;
  background:#a5a6ad;
  border:1px solid #666;
}

.calculate span:hover {
  background:#4a555a;
  border:1px solid #333;
}

.myResult {
  margin-top:5px;
  padding-top:5px;
  border-top:1px solid;
}


/*
a:link.help , a:visited.help  {
  color:#000;
	text-decoration: none;
  border-bottom: 1px dotted #005aab;
	cursor: help;
}

a:hover.help , a:active.help  {
  color:#000;
	text-decoration: none;
  border-bottom: 1px dotted #005aab;
  background:#a5a6ad;
	cursor: help;
}
*/

.help  {
  color:#000;
	text-decoration: none;
  border-bottom: 1px dashed #005aab;
	cursor: help;
}

.helpContent {
  padding:10px;
  margin:5px 0;
  color: #000000;
  background-color: #bfd1e1;
  border:1px solid #005aab;
}

.helpContent h4 {
  padding:0;
}

.helpContentClose {
  text-align:right;
  padding:5px 0 0 0;
  margin:0;
}

.helpContentCloseLink  {
  color: #005aab;
  font-size:0.8em;
	text-decoration: none;
  border-bottom: 1px solid #005aab;
	cursor: pointer;
}

.errorContent {
  padding:10px;
  margin:0;
  color:#ff3300;
  background-color:#ffd7cc;
  border:1px solid #ff3300;
  font-weight:normal;
}

.statusContent {
  padding:10px;
  margin:0;
  color:#0033ff;
  background-color:#ccD7ff;
  border:1px solid #0033ff;
  font-weight:normal;
}

#slider {
	width: 200px;
	height: 20px;
	background-color: #0099FF;
}

#knob {
	width: 20px;
	height: 20px;
	background-color: #993333;
}