/* Forms Stylesheet clickbasics/css/forms.css 
4/29/05 refined form
*/ 

form {
	/*border: 1px dotted #aaaaaa;*/
	padding: 3px 6px 3px 6px;
}

/*form layout & fonts*/

/*input.txt {
  	color: #00008B;/*dark blue*/
  	/*background-color: #b0c0d0;/*light blue*/
  	/*border: 1px inset #00008B;
  	width: 200px;
}*/
input.login {
 	color: #00008B;
 	background-color: #b0c0d0;
  	border: 1px inset #00008B;
  	width: 50px;
}
input.long {
  	color: #00008B;
  	background-color: #b0c0d0;
  	border: 1px inset #00008B;
  	width: 675px;
	/*width: 100%;*/
}
input.btn {
  	color: #00008B;
  	background-color: #b0c0d0;
  	border: 1px outset #00008B;
  	padding: 2px 4px 2px 4px;
}
select {
	width: 100px;
	/*color: #99998B;medium grey*/
	color: #00008B;/*dark blue*/
	background-color: #b0c0d0;/*light blue*/
	border: 1px solid #00008B;
}
select.wide {
	width: 350px;
	/*color: #99998B;medium grey*/
	color: #00008B;/*dark blue*/
	background-color: #b0c0d0;/*light blue*/
	border: 1px solid #00008B;
}
textarea {
	width: 200px;
	height: 40px;
	color: #00008B;
	background-color: #b0c0d0;
	border: 1px solid #00008B;
}

textarea.long {
	/*width: 675px;*/
	width: 100%;
	height: 40px;
	color: #00008B;
	background-color: #b0c0d0;
	border: 1px solid #00008B;
}

textarea.high {
	width: 675px;
	height: 200px;
	color: #00008B;
	background-color: #b0c0d0;
	border: 1px solid #00008B;
}

form p {
  	clear: left;
  	margin: 0;
  	padding: 0;
  	padding-top: 5px;
}
form p label {
  	float: left;
  	width: 100%;
  	font: bold 0.9em Arial, Helvetica, sans-serif;
}

form p label.short {
  	float: left;
  	width: 20%;
  	font: bold 0.9em Arial, Helvetica, sans-serif;
}

fieldset {
	border: 1px dotted #61B5CF;
	margin-top: 16px;
	padding: 10px;
}

legend {
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #00008B;
	background-color: #FFFFFF;
}

/*----------------------------------
To style a two column form.
From CSS Anthology, pg. 189ff
11/2/2007
------------------------------------*/
/*form {
	display:inline;
	}*/

form div {
clear: left;
margin:0;
padding: 0;
padding-top: 0.6em;
	}

form div label {
	float: left;
	width: 40%;
	}