form {
	margin: 2px 0 2px 0;
	padding: 3px 3px 3px 3px;
	border: 1px solid #8a8375; 
	background-color: #f5f5f5;
}

dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

label {
	display:inline;
	float:left;
	width: 150px;
	font-weight:bold;
	margin:5px 0;
}
input, select {
	padding: 2px 3px;
	margin-right: 4px;
	border:1px solid #9c9485;
	font: normal 1em Verdana, sans-serif;
	color: #024a80;
}

radio {
	border: none;
}

textarea {
	width:300px;
	padding:2px 3px;
	margin-right: 4px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #9c9485;
	height:100px;
/*	display:block; */
	color: #024a80;
}

textarea:hover, input:hover, select:hover {
	border-color: #9EC630;  /*from 9900ff */
/*	background-color: #EEE; */
}

input.button { 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF; 
}

input.button:hover {
	color: #9EC630; /*from 9900ff */
	border-color: #9EC630; /*from 9900ff */
}

form p {
	clear: both;
}

.single-button {
	margin: 0 0 0 0;
	padding:0;
	background:inherit;
	border:none;
	display: inline;
}

	.single-button input.button { 
		font: bold 1.1em Arial, Sans-serif;
		background-color: #4284B0;
		border:1px solid #bbb;
		color: #fff;
/*		color: #fff; */
/*		border:1px solid #000; */
	}
	
	.single-button input.button:hover {
		background-color: #9EC630;
/*		border:1px solid #ffff1a; */
	}

/* Login form */
.login-form {
	max-width:450px;
	float:right;
	background-color: #f2f8e2;
}

.calc-form {
/*	max-width:450px; */
	float: auto;
    text-align: center;
    border: 0px;
	background-color: #ffffff;
}

/* Search form */
.search-form {
	float: right;
	background-color: #E1ECF4;
	margin: 0 3px 5px 0;
	width: 380px;
	border-style:none;
}

	.search-form select {
		width: 100px;
	}

	.search-form p {
		float: right;
		clear: none;
		margin: 0; padding: 0;
	}
/* Standard wide form */

.std-wide-form {
	margin: 15px 0 15px 15px;
	width: 500px;
}

	.std-wide-form input.button {
		margin: 10px;
		text-align: center;
	}

.sidesearch {
	color: #333;
/*	border-left: 3px solid #4284B0; */
	padding:0 0 0 5px;
	background-color: #E1ECF4;
}

	.sidesearch select {
		width: 92px;
	}
	
	.sidesearch label {
		width: 80px;
	}
	
	.sidesearch select, .sidesearch input {
		float: right;
	}
	
	.sidesearch a {
		float: left;
	}