/* CSS Document */

/* with :focus and :hover for fieldset, input and textarea - special effects are not visible with ie, sorry */

/* sabine brings - www.brings-online.com - a form with style - www.cssplay.co.uk */

form#contactfm {
	background: #ccc;
	width: 470px;
	padding: 10px;
	border: 1px solid #eee;
	margin: 20px auto 20px;
	font-size: 1em;
	font-family: verdana, arial, helvetica, sans-serif;
}

form#contactfm p {font-size:.9em; color:#fff; text-align:left; padding:10px 5px 5px 0; margin:0;}

form#contactfm fieldset {width:450px; display:block; border:1px dotted #fff; padding:5px 5px 5px 10px; font-family:verdana, sans-serif; margin-bottom:.5em; line-height:1.5em; font-size:1em; }

form#contactfm fieldset:hover {border:1px solid #1d44bb;}

form#contactfm legend {font-size:1.1em; font-weight:bold; border-bottom:2px solid #1d44bb; margin-bottom:15px; padding:6px; background:none; color:#fff;}

* html form#contactfm legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#contactfm label {clear:left; display:block; float:left; width:115px; text-align:left; padding-right:5px; color:#fff; margin-bottom:0.5em;}

form#contactfm label.hear {clear:left; display:block; float:left; width:410px; text-align:left; padding-right:5px; color:#fff; margin-bottom:0.5em;}

form#contactfm input, form#contactfm select {border:1px solid #414d59; padding-left:0.5em; margin-bottom:0.6em; width:250px; background:#f4f4f4;}

form#contactfm input:hover { background:#1d44bb; border:1px solid #fff; color:#fff;}

form#contactfm input:focus {background:#fff; border:1px solid #1d44bb; color:#303030;}

form#contactfm input.age { width: 25px; }

form#contactfm fieldset#comment label {clear:left; display:block; float:left; width:410px; padding-right:5px; color:#fff; margin-bottom:0.5em;}

form#contactfm fieldset#comment input {clear:left; float:left; padding:0; width:15px; height:15px;}

form#contactfm textarea {clear:left; float:left; width:429px; border:1px solid #414d59; padding:0.5em; overflow:auto; background:#f4f4f4; font-family:inherit; font-size:inherit;}

form#contactfm textarea:hover { background:#1d44bb; border:1px solid #fff; color:#fff;}

form#contactfm textarea:focus {background:#fff; border:1px solid #1d44bb; color:#303030;}

form#contactfm #button1, form#contactfm #button2 {
	color: #fff;
	padding-right: 0.5em;
	cursor: pointer;
	width: 205px;
	margin-left: 12px;
	background: #1d44bb;
	border: 1px solid;
	border-color: #6495ED #0000CD #0000CD #6495ED;
}

form#contactfm #button1:hover, form#contactfm #button2:hover {
	color: #303030;
	background: #f4f4f4;
	border: 1px solid;
	border-color: Navy #003 #003 Navy;
}