h1 {font-family:arial; color:#000066; font-weight:bold; font-size:15px;
}
h2 {font-family:arial; color:red; font-style:bold; font-size:13px
}
h3 {font-family:arial; color:black; font-size:9px;
}
p {font-family:arial; color:black; font-size:13px;
}
body {font-family:arial; color:black; font-size:12px
}
div {font-family:arial; color:black; font-style:bold; font-size:18; margin:55px;
}
div.img
{ border-width:2px;
  border-color:#B4D2FF;
  margin:20px;
}
a {font-family:arial; color:blue; font-size:13px; padding:5px
}
a { margin: 0px;
  border: 2px solid #ff0000;
  height: auto;
  float: left;
  text-align: left;
}
div.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
{ text-align:left;
  font-family:arial;
  font-size: 13px;
  border width:2px;
  padding:6px;
}
td {background-color:#D6EBFF;
}
fieldset {margin:0px;width: 33%;
background-color: #D6EFD6;
}
legend { font-family:arial;font-size: 16px;color: red;
}
ul, li {marign-left: 0; padding-left: 25px; font-family:arial; color:blue; font-size:12px;
}
#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);  
}
#button {
    background-color: #E2E2E5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	-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:3px;
	padding : 0px 0px;
    color: #6e9c0b;
    font: bold 14px 'Verdana';
    text-decoration: none;
    cursor: poiner;
   	border : solid 1px #59595c;
}
#button:hover {
    border: 1px;
	border : solid 1px #787678;
    background:#FFFFCC;
    box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
}
#profile {
    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:3px;
	padding : 0px 0px;
    color: #6e9c0b;
    font: bold 14px 'Verdana';
    text-decoration: none;
    cursor: poiner;
   	border : solid 2px #59595c;
}
#profile:hover {
    border: 4px;
	border : solid 2px #787678;
    background:#FFFFCC;
    box-shadow : 0px 0px 10px rgba(100,100,100,2.0);
}
#travel{
    width: 95%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: black;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 1px;
    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;
}
#travel option {
    background: #fff; /* style the dropdown bg color */
}
#carriage{
    width: 95%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: black;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 1px;
    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;
}
#carriage option {
    background: #fff; /* style the dropdown bg color */
}
#inertia{
    width: 92%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: black;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 1px;
    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;
}
#inertia option {
    background: #fff; /* style the dropdown bg color */
}
#coupling{
    width: 95%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: black;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 1px;
    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;
}
#coupling option {
    background: #fff; /* style the dropdown bg color */
}
#load{
    width: 92%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: black;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 1px;
    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;
}
#load option {
    background: #fff; /* style the dropdown bg color */
}
#units{
    width: 92%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: black;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 1px;
    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 */
}
#speed{
    width: 95%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: black;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 1px;
    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;
}
#speed option {
    background: #fff; /* style the dropdown bg color */
}
#spunit{
    width: 92%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: black;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 1px;
    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;
}
#spunit option {
    background: #fff; /* style the dropdown bg color */
}
#torque{
    width: 95%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: black;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 1px;
    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;
}
#torque option {
    background: #fff; /* style the dropdown bg color */
}