@import "profiles.css";

#crewState {
	height: 30px;
}

	#crewState a {
		display: block;
		float: left;
		height: 28px;
		line-height: 28px;
		//height: 30px;
		//line-height: 28px;
		font-size: 1.5em;
		padding: 0px 10px;
	}
	
	#crewState .selected {
		color: #fff;
	}

div.grayBox {
	height: 1280px;
	overflow: hidden;
}

.left div.grayBox {
	width: 390px;
	//width: 430px;
}

div.grayBox.right {
	width: 540px;
	//width: 580px;
}

	div.content div div.grayBox {
		height: 1250px; /*standard gray box minus height of the crew state*/
	}
	
#display {
	font-size: 1.3em;
}

	#display .lightGrayBox {
		margin-bottom: 20px;
	}
	
	#crewBio {}
	
		#crewName {
			margin-top: 0px;
			font-weight: bold;
		}
		
		#crewContact {
			font-weight: bold;
		}
	
		#crewBio .profilePhoto {
			float: left;
			margin: 0px 10px 0px 0px;
		}
		
	#crewLinks {}
	
		#crewLinks a {
			display: block;
			float: left;
			width: 105px;
			text-align: center;
		}

		#display form {}
	
			#display form label {
				display: none;
			}
			
			#display form#bookForm label {
				display: block;
			}

			#display textarea {
				width: 440px;
			}
			
	#display #lastEvents {
		font-size: 0.75em;
	}
	
		#lastEvents .icon {
			margin: 5px 29px 5px 0px;
		}
		
		#lastEvents .last {
			margin-right: 0px;
		}

a.messageScroll {
	display: none; /*shown by JS*/
	float: right;
}

a.messageScroll.inactive {
	color: #666;
}

#crewMessages {
	position: relative;
	height: 150px;
	overflow: hidden;
}

#messageHolder {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
			
	div.crewMessage {
		padding: 10px;
		border-bottom: 1px dashed #888;
	}
	
		div.crewMessage .name, div.crewMessage .time {
			font-size: 0.85em;
			font-style: italic;
		}
		
		div.crewMessage .message {
			display: block;
			line-height: 1.5em;
			margin-top: 5px;
		}