@charset "utf-8";
/* CSS Document */

/*
 * Styling for forms for the EUSA Papers
 * 2009 conference submissions.
 */
 
 
#form-wrap {
	margin-top:		20px;
	width:			518px;
	background:		#eef;
	border:         2px solid black;
}

.form-instructions {
	line-height:	1.7em;
}

/*
 * The form itself and its entities
 */ 

#eusaform {
	width:			476px;
	margin:			20px 18px;
}

#eusaform fieldset {
	border:			1px solid #666;
	padding:        0px 10px 10px 10px;
	margin:         10px 0px 10px 0px;
}

#eusaform legend {
	font-weight:	bold;
	font-size:		1.25em;
	letter-spacing: 2px;
	color:			#bbc;
	text-transform:	uppercase
}

.eusa-wrap {
	width:			100%;
	margin:			5px 0 12px 0;
}

.eusa-label {
	width:			125px;
	margin-right:	10px;
	float:			left;
}

.eusa-label label { 
	font-weight:	bold; 
	line-height:	24px;
}

.eusa-input {
	float:			right;
	width:			305px;
}

#eusaform input[type="text"], #eusaform textarea, #eusaform select {
	padding:        4px;
	border: 		1px solid #85b1de;
    width: 			297px;
}

.unflagged-input {
	background:		#fff url(../img/design/input-bg.jpg) top left repeat-x;
}

.flagged-input {
	background:		#fff url(../img/design/input-flagged-bg.jpg) top left repeat-x;
}

#eusaform select {
	width:			auto;
}

#eusaform option .sessions:first-letter { font-weight: bold; }

#eusaform textarea {
	margin-bottom:	0;
}


/*
 * Useful classes
 */

#eusaform .optional {
}

#eusaform .required {
}

#eusaform .requirements {
	font-size:		.8em;
	font-weight:	normal;
	color:			#990000;
}

#eusaform .note {
	color:			#666699;
	margin-top:		2px;
	font-size:		.8em;
}

#eusaform .submitbutton {
	padding:        5px 8px;
	font-weight:	bold;
	font-size:		1.1em;
	letter-spacing: 3px;
	word-spacing:   3px;
	float:			right;
	border-top:		1px solid #99f;
	border-right:	1px solid #00f;
	border-bottom:	1px solid #00f;
	border-left:	1px solid #99f;
	background:		#fff;
	width:			auto;
}

#eusaform .flagged {
	background:		#fdd;
}

#eusaform .flagged-label {
	color:			#a00;
}

.full-width {
	width:			100%;
}


/*
 * Confirmation
 */

.confirm-field {
	width:			125px;
	margin-right:	10px;
	float:			left;
}

.confirm-value {
	float:			right;
	width:			305px;
	font-weight:	bold;
}