/* CSS Document */

.formTitle{
		position: relative;
		color: #FFFFFF;
		background: #454545;
		border: 1px solid #666666;
		border-bottom: none;
		padding: 2px 4px;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
	}	
	form{
		font-size: 1.2em;
		margin: 0px;
	}
	fieldset{
		padding: 5px;
		border: 1px solid #666666;
		background: #DDDDDD;
	}
	legend{
		font-weight: bold;
		padding: 1px 4px;
	}
	label{
		display: block;
		margin-bottom: 4px;
	}
	label.left{
		position: relative;
		float: left;
		width: 125px;
		padding: 2px 4px;
		text-align: right;
		padding-right: 10px;
	}
	input#search_site{
		background: #B9A773;
	}
/*	input[type="text"],
	input[type="password"],
	textarea,
	select,
*/	.textbox{
		background: #b2b2b2;
		border: 1px solid #48412E;
		color: #000000;
		font: inherit;
		padding: 2px 4px;
		margin: 0px 2px 2px 0px;
		width: 160px;
		position: relative;
	}
	select{
		padding: 1px 0px;
		width: 170px;
	}
	td{
		vertical-align: top;
	}
/*	input[type="submit"],
	input[type="reset"],
	input[type="button"],
*/	input.button{
		position: relative;
		background: #454545;
		border-width: 1px;
		border-style: solid;
		border-color: #48412E;
		color: #FFFFFF;
		font: 1em Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 1px;
		margin: 0px 2px 2px 0px;
	}
	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input.button:hover{
		background: #ff0000;
		border-color: #685E42;
		cursor: pointer;
	}
	input[type="checkbox"],
	input.checkbox{
		margin: 3px 0px 0px 0px;
	}
	.fieldWrapper{
		position: relative;
		float: left;
		width: 100%;
	}
	.fieldSubset{
		position: relative;
		float: left;
		background: #F3F3F3;
		border: 1px solid #BBBBBB;
		margin: 5px 0px;
		padding: 0px 0px 10px 0px;
		width: 100%;
	}
	.fieldSubsetPadding{
		margin: 10px;
	}
	.fieldSubsetTitle{
		font-weight: bold;
		margin-bottom: 10px;
	}
	.checkboxWrapper{
		padding: 2px 4px;
		margin-bottom: 2px;
	}

	.fieldExample{
		font-style: italic;
		margin: 0px 4px;
	}
	.fieldGroup{
		position: relative;
		float: left;
		background: #FFFFFF;
		padding-bottom: 10px;
		margin-bottom: 5px;
		width: 485px;
	}
	.fieldGroup div{
		position: relative;
		float: left;
		margin: 15px;
	}
	.fieldGroup div.comments{
		margin: 0px;
	}


	/* ============================================================================ */
	/* ===== Field Hint Styles ==================================================== */
	/* ============================================================================ */
	
	/* All form elements are within the definition list for this example */
		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;
			left: 320px;
			width: 200px;
			margin-top: -4px;
			border: 1px solid #c93;
			padding: 10px 12px;
			background-color: #ffc;
			z-index: 500;
		}
	
	/* The pointer image is hadded by using another span */
		.hint .hint-pointer {
			position: absolute;
			left: -10px;
			top: 5px;
			width: 10px;
			height: 19px;
			background: url(../images/pointer.gif) left top no-repeat;
		}