/* Members area styles */

.select-row, .requestToJoin {
	margin: 5px;
}

.select-row input, .requestToJoin input {
	margin-left: 5px;
	margin-right: 10px;
}

.tasks {
	padding-right: 10px;
}

.register-link {
	font-size: 2em !important;
	text-align: center;
}

/** Validation forms */

#validation-form td {
	font-size: 1.3em;
	vertical-align: top;
	padding: 5px;
}

#validation-form th {
	width: 35% !important;
	text-align: right;
	padding-right: 10px;
}

#validation-form table {
	border-spacing: 1px;
}

.first-field {
	width: 220px;
}

#register-form table {
	width: 100%;
}

.full-field {
	width: 400px;
}

.long-field, #timeFrame, #peopleInvolved,
#username, #email, #websiteurl, #institution {
	width: 250px;	
}

/** Content boxes */

.right-box {
	float: right;
	width: 49%;	
}

.left-box {
	float: left;
	width: 49%;	
}

.box {
	clear: both;
}

.box, .left-box, .right-box {
	margin-bottom: 10px;
}

/* Override default h3 top margin */
.box h3, .left-box h3, .right-box h3 {
	margin-top: 2px !important;
}

.content-box-header {
	background: transparent url(/images/content-box-header-middle.png) repeat-x;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: white !important;
	font-size: 1.3em !important;
	height: 20px;
	padding:2px 10px 0px !important;
}

.content-box th {
	width: 100%;
}

.content-box {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
}

.centre {
	text-align: center;
}

.right {
	text-align: right;
}

.hover:hover {
	background-color: #E8E8E8;
}

table {
	margin-bottom: 10px;	
}

/** Form classes */

.error {
	color: red;
	padding-top: 5px;
}

.error-field {
	background-color: #FFED76;
}

.field-note {
	color: #808080;	
	font-size: 0.8em;
}

.mandatory-star {
	color: red;
}