/* 	*****************************
	FORMS & CONTROLS
	*****************************
	Copyright 2010 Foound
	Licensed under a Creative Commons license (http://creativecommons.org/licenses/by-sa/3.0/)
*/

form {}

form div {
	position: relative;
	clear: left;
	margin: 0 0 5px;
}

.input label {
	float: left;
	margin: 6px 18px 0 0;
	width: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	text-shadow: 0 1px 0 #fff;
	color: #000;
}


/* 	*****************************
	Textfields
	*****************************
*/

.text input,
.text textarea {
	padding: 7px 8px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/* 	*****************************
	Buttons & Submit
	*****************************
*/

#submit {
	padding: 0 10px;
	cursor: pointer;
	color: #666;
	font-weight: bold;
	font-size: 1em;
	text-shadow: 0 1px 1px #fff;
	height: 32px; line-height: 32px;
	background: #dedede url(../img/controls/bg_button.gif) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

	#submit input:hover,
	#submit input.hover {
		color: #111;
		background-position: 0 -36px;
	}
		
	#submit input:active,
	#submit input.active {
		position: relative;
		top: 1px;
		color: #111;
		background-position: 0 -36px;
	}


/* 	*****************************
	Overlabels, Overcaptions
	*****************************
*/

.overlabel, .overlabel-apply,
.overcaption, .overcaption-apply {
	position: absolute;
	left: 12px; top: 9px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
}

	.overlabel-hangout, .overcaption-hangout {
		left: 20px !important;
	}
		
	.overlabel-wrapper,
	.overcaption-wrapper {
		position: relative;
	}
		
	.nolabel .overlabel {
		left: 0 !important;
		margin: 9px 8px !important;
		width: auto !important;
		text-align: left !important;
		font-weight: normal !important;
	}