h1 {font-family:arial; color:blue; font-weight:bold; font-size:16px}
h2 {font-family:arial; color:black; font-weight:normal; font-size:13px; }
h3 {font-family:arial; color:black; font-size:13px}
p {font-family:arial; color:blue; font-size:12px}
body {font-family:arial; color:black; font-size:12px}
div {font-family:arial; color:black; font-style:bold; font-size:18; text-align: center;}
div.img
{ margin: 5px;
  padding: 5px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;}
div.img img
{ display: inline;
  margin: 5px;
  border: 1px solid #ffffff;}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{ text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 5px;}
table,td
{
  font-family:arial;
  font-size: 13px;
  border width:1px;
  padding:4px;
}

a { margin: 0px;
  border: 0px solid #ff0000;
  height: auto;
  float: center;
  text-align: center;
}
span {font-family:arial; color:black; font-size:12px; padding:2px
}
span { margin: 0px;
  height: auto;
  width: auto;
  text-align: left;
}
fieldset {
	margin:0px;
	width: 30%;
	background-color: #D6EFD6;
}
legend
{ font-family:arial;font-size: 14px;color: red;}

#b1 {
    background-color: #E2E2E5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-webkit-box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
	-moz-box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
	box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
    border-radius:2px;
	padding : 3px 3px;
    color: #6e9c0b;
    font: bold 14px 'Verdana';
    text-decoration: none;
    cursor: poiner;
   	border : solid 2px #59595c;
}
#b1:hover {
    border: 4px;
	border : solid 2px #787678;
    background:#FFFFCC;
    box-shadow : 0px 0px 10px rgba(100,100,100,2.0);  
}
#calculate {
    background-color: #E2E2E5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-webkit-box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
	-moz-box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
	box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
    border-radius:2px;
	padding : 3px 3px;
    color: #6e9c0b;
    font: bold 14px 'Verdana';
    text-decoration: none;
    cursor: poiner;
   	border : solid 2px #59595c;
}
#calculate:hover {
    border: 4px;
	border : solid 2px #787678;
    background:#FFFFCC;
    box-shadow : 0px 0px 10px rgba(100,100,100,2.0);  
}
#print {
    background-color: #E2E2E5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-webkit-box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
	-moz-box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
	box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
    border-radius:2px;
	padding : 3px 3px;
    color: #6e9c0b;
    font: bold 14px 'Verdana';
    text-decoration: none;
    cursor: poiner;
   	border : solid 2px #59595c;
}
#print:hover {
    border: 4px;
	border : solid 2px #787678;
    background:#FFFFCC;
    box-shadow : 0px 0px 10px rgba(100,100,100,2.0);  
}
#ldUnit{
    width: 10%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: #333;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 10px;
    padding: 3px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    border-weight: 1px;
	border-color:#000000;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    background: url('D-arrow.png') no-repeat 100% 0px #E2E2E5; /* add your own arrow image */
    *background-image:none; /* turn bg image for IE7 */
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
}
#ldUnit option {
    background: #fff; /* style the dropdown bg color */
}
#momUnit{
    width: 11%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: #333;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 10px;
    padding: 3px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    border-weight: 1px;
	border-color:#000000;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    background: url('D-arrow.png') no-repeat 100% 0px #E2E2E5; /* add your own arrow image */
    *background-image:none; /* turn bg image for IE7 */
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
}
#momUnit option {
    background: #fff; /* style the dropdown bg color */
}
#Units{
    width: 15%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: #333;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 10px;
    padding: 3px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    border-weight: 1px;
	border-color:#000000;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    background: url('D-arrow.png') no-repeat 100% 0px #E2E2E5; /* add your own arrow image */
    *background-image:none; /* turn bg image for IE7 */
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
}
#Units option {
    background: #fff; /* style the dropdown bg color */
}
#Tfact{
    width: 55%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: #333;
    font-size: 1em;
	font-color:#000000;
    line-height:1.2em;
    margin: 0 0 0px;
    padding: 3px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    border-weight: 1px;
	border-color:#000000;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    background: url('D-arrow.png') no-repeat 100% 0px #E2E2E5; /* add your own arrow image */
    *background-image:none; /* turn bg image for IE7 */
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
}
#Tfact option {
    background: #fff; /* style the dropdown bg color */
}
#Lfact{
    width: 50%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: #333;
    font-size: 1em;
	font-color:#000000;
    line-height:1.2em;
    margin: 0 0 0px;
    padding: 3px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    border-weight: 1px;
	border-color:#000000;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    background: url('D-arrow.png') no-repeat 100% 0px #E2E2E5; /* add your own arrow image */
    *background-image:none; /* turn bg image for IE7 */
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
}
#Lfact option {
    background: #fff; /* style the dropdown bg color */
}
#Hfact{
    width: 50%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: #333;
    font-size: 1em;
	font-color:#000000;
    line-height:1.2em;
    margin: 0 0 0px;
    padding: 3px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    border-weight: 1px;
	border-color:#000000;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    background: url('D-arrow.png') no-repeat 100% 0px #E2E2E5; /* add your own arrow image */
    *background-image:none; /* turn bg image for IE7 */
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
}
#Hfact option {
    background: #fff; /* style the dropdown bg color */
}