/* 
 * PCalc Demo Stylesheet
 */

/* Document */



input {
  
}


body {
  padding: 20px;
  font: normal normal normal 12px Arial, sans-serif;
}

/* Main */

#pcalc div {
  float: left;
  clear: both;
  margin-bottom: 10px; 
}

/* Titles */

#pcalc h1 {
  float: left;
  clear: both;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

#pcalc h2 {
  float: left;
  clear: both;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0;
  padding-top: 30px;
}

#pcalc h3 {
  float: left;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}

/* Mode */

#pcalc .mode { }

/* Calculator */

#pcalc .calculator { }

/* Text */

#pcalc .text { }

/* Values */

#pcalc .item {
  margin: 0 0 6px 0;
}

#pcalc .item label {
  display: block;
  clear: both;
  margin-top: 4px;
}

#pcalc .mode label, #pcalc .calculator label {
  display: inline;
  clear: none;
}

#pcalc .value {
  display: block;
  float: left;
  font-size: 14px;
  padding: 4px;
  width: 140px;
  margin-top: 4px;
  margin-right: 4px;
  border: 1px solid #005d8f;


}

#pcalc .input .value {
  color: black;
  background-color: #fff;
}

#pcalc .input .error {
  background-color: #f55 !important;
}

#pcalc .fix .value {
  color: black;
  background-color: #ddd;
}

#pcalc .calc .value {
  color: #ff0000;
  background-color: #ecf5f8;
  border: 1px solid #d7e1ec;
}

#pcalc .unit {
  display: block;
  float: left;
  margin: 2px 0 0 3px;
  padding-top: 8px;
  clear: right;
}


#text_outro {
  padding: 15px 0px 0px 0px;
}




#pcalc div.grouped {
	background-color: #ecf4f8 !important;
	width: 430px;
	padding: 5px;
	margin: 1px;
  
}




/* Buttons */


#pcalc #button_preset input {
  display: block;
  font: normal normal normal 12px Arial, sans-serif;
  text-decoration: none;
	color: #fff;
	background-color: #005d8f !important;
	background-image:url('http://www.fleetboard.info/templates/fleetboard/images/but_daten.gif');
  	border: 0;
	margin: 15px 0 0 0;
	padding: 4px 12px 2px 12px;
	border: 3px solid #ebf5f8;
	cursor:pointer;
}

#pcalc #button_preset input:active {
  color: #a00;
  cursor:pointer;
}



#pcalc #button_calculate input {
  display: block;
  font: normal normal normal 15px Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
	color: #fff;
	background-color: #005d8f !important;
	background-image:url('http://www.fleetboard.info/templates/fleetboard/images/but_daten.gif');
  	border: 0;
	margin: 15px 0 0 0;
	padding: 7px 22px 5px 22px;
	border: 3px solid #ebf5f8;
	cursor:pointer;
}



/* Tooltips */

.right-tooltip {
  background-color: #d8e1ec !important;
  border-color: #fff !important;
}

.right-tooltip-container {
  font: normal normal normal 12px Arial, sans-serif;
  color: #005d8f;
  border: none !important;
  padding-left: 0 !important;
}

div.info_tooltip {
 margin-left: 390px;
 margin-top: -25px;

}

* html div.info_tooltip {
 margin-left: 195px;
}