/* use of filemaker.php */
/* 23.05.2011 */

/******
form
******/

.form {
	background:#333;
	padding:15px 20px;
	color:#eee;
	width:91%;
	margin:0 auto;
	margin-bottom:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.formColumns {
	background:#333;	
	padding:15px 20px; 
	color:#eee;
	width:91%;
	margin:0 auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.formUpload {
	border:1px solid #EEE;
	background-color:#DDD;
	padding:3px;
	width:307px;
	height:80px;
	padding:5px;
	margin:0px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

/******
fieldset
******/ 

.form fieldset {
	border:0;
	margin:0;
	padding:0;
	background:#333;	
}

.formColumns fieldset {
	float:left;
	width:250px;
	border:0;
	margin:0;
	padding:0;
	background:#333;	
}

.clear {
	clear:both;
	height:15px;	
}

/******
label
******/

.form label {
	display:block;
	font-size:0.9em;
	color:#ccc;
}

.formColumns label {
	display:block;
	font-size:0.9em;
	color:#ccc;
	margin-top:20px;
}

.formColumns label input {
	display:block;	
}

/******
input
******/

.form input {
	border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#ddd;
	font-size:1em;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow:1px 1px 1px #000;
}

.form input:focus 	{ color:#fff; background-color:#777; }
.form input:active 	{ background-color:#888; }

.formColumns input {
	border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#ddd;
	font-size:1em;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow:1px 1px 1px #000;
}

.formColumns input:focus 	{ color:#fff; background-color:#777; }
.formColumns input:active 	{ background-color:#888; }

.form select {
	border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#ddd;
	font-size:1em;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow:1px 1px 1px #000;
}

.form select:focus 	{ color:#fff; background-color:#777; }
.form select:active 	{ background-color:#888; }

/******
checkbox
******/

p.checkboxes {
	margin-top:24px;
	height:25px;
}

p.checkboxes label {
	margin:0 5px;
}

.checkboxes input {
	margin:0 5px;
}

.checkboxes label {
	float:left;
}

/******
button
******/

.form button {
	outline:0;
	border:1px solid #666;	
}

.formColumns button {
	outline:0;
	border:1px solid #666;	
}

button {
	cursor:pointer;
	border-bottom:0.2em solid #666;
	border-width:1px 1px 0.2em;
	color:#FFF;
	font-size:1em;
	line-height:1;
	margin:0 20px 0 0;
	padding:0.2em 0.7em;
	background-color:#97B4D6;
	background: url(imgs/screen_button.png) repeat-x 0px 0px;

	/* text-shadow:0 0 0.1em #222; */
	-moz-border-radius:9em 9em 9em 9em;
	-moz-box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.5);
}

button:hover {
	border-color:#FFF;
	color:#333;
	background: url(imgs/screen_buttonhover.png) repeat-x 0px 0px;
}

/******
error
******/

.error {
	z-index:10000;
	height:15px;
	background-color:#D0D7E0;
	font-size:0.8em;
	border:1px solid #FFF;
	padding:4px 10px;
	color:#000;
	margin-left:-2px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;

}

.error em {
	border:10px solid;
	border-color:#D0D7E0 transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:60px;
	position:absolute;
	width:0;			
}