/* General form styling */
/* Modifiziert: Jussi,  am 11.04.2010 18:40 */

form {
    color: #333333;
	font-family: Helvetica, Verdana, Arial, sans-serif;  
	margin-top: 2em;    
}

form fieldset {
	padding: 1em;
	border: 2px solid #CCCCCC;
	margin: 0 auto 2em; /* for centering & downward spacing */
	text-align: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

form legend {
    letter-spacing: 0.1em;
	color: #666666;
	text-transform: uppercase;
	padding: 0.3em;
}

form div {
	margin: 0.8em 0;
	clear: both;
}

/* Special effects */
.invalid {
    color: #990000;
}

/* The feedback form under "Kontakt" */

#feedback-container {
	position: relative;
	width: 22em;
}

#feedback-message textarea {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: smaller;
	width: 95%;
	height: 8em;
	padding: 0.4em;
}

#feedback-sender label, #feedback-replyTo label {
	font-family: Georgia, serif;
	text-align: right;
	float: left;
	width: 4em;
	padding-top: 0;
}

#feedback-sender input, #feedback-replyTo input {
	width: 13em;
}

#feedback-submit {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* General label properties */

form label {
    display: block;
	float: left;
	margin-right: 0.4em;
    margin-top: 0.2em;
    text-align: right;
    width: 42%;
}

form label + select {
    margin-top: 0.2em;
}

/* Player instructions */
#player-instructions {
    font-style: italic;
    margin: 2em 0 1em 0;
}

/* Boxes for players and pieces */

#pieces .piece, #players .player {
	border: 1px solid #EAEAEA;
	background: #FAFAFA;
	margin-top: 1em;
	padding: 0.8em 1em;
	text-align: right;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#pieces .piece > div, #players .player > div {
	text-align: left;
}

/* Widths of player and piece fields */

#players input[type="text"] {
	width: 14em;
}

#pieces input.title-field {
	width: 22em;
}
#pieces input.composer-field {
	width: 16em;
}
#pieces input.composerdates-field {
	width: 9em;
}
#pieces input.duration-field {
	width: 4em;
}


/* Login */

input.password-field {
	width: 5em;
}


/* The Submit button */

form div[id="submit"] {
	text-align: right;
}


form div[id="pin-request"] {
	text-align: right;
}

form div[id="login-submit"] {
	text-align: right;
}