* { margin: 0; padding: 0; }

.rocket-activity { 
	width: 980px; 
	height: 640px; 
	position: relative; 
	background-image: url(../images/bg.jpg); 
	font-family: Arial, sans-serif; 
	font-size: 0.9em; 
}

.rocket-activity .rocket { 
	left: 180px; 
	top: 540px; 
	width: 29px; 
	height: 55px; 
	position: absolute; 
	display: none;
}

.rocket-activity .instructions { 
	left: 280px; 
	top: 200px; 
	width: 434px; 
	height: 221px; 
	position: absolute; 
	background-image: url(../images/instructions.png); 
	display: none;
	cursor: pointer;
}

.rocket-activity .tooltip { 
	left: 32px; 
	width: 48px; 
	height: 19px; 
	padding: 3px 0 0 27px; 
	position: absolute; 
	background-image: url(../images/tooltip.png); 
	display: none;
}

.rocket-activity .build-btn { 
	left: 280px; 
	top: 240px; 
	width: 403px; 
	height: 109px; 
	position: absolute; 
	background-image: url(../images/build-btn.png); 
	cursor: pointer; 
}

.rocket-activity .build-another { 
	left: 340px; 
	top: 240px; 
	width: 287px; 
	height: 123px; 
	position: absolute;
	background-image: url(../images/build-another.png); 
	display: none;
}

.rocket-activity .build-another .yes-btn { 
	left: 21px;
	top: 77px;
	width: 78px; 
	height: 30px; 
	position: absolute;
	background-image: url(../images/yes-btn.png);
	cursor: pointer;
}

.rocket-activity .build-another .no-thanks-btn { 
	left: 116px;
	top: 77px;
	width: 152px; 
	height: 30px; 
	position: absolute;
	background-image: url(../images/no-thanks-btn.png);
	cursor: pointer;
}

.rocket-activity .visualizer {
	right: 20px;
	top: 200px;
	width: 395px;
	height: 311px;
	position: absolute;
	background-image: url(../images/visualizer.png);
	display: none;
}

.rocket-activity .visualizer .built-rocket {
	left: 19px;
	top: 56px;
	position: absolute;
}
.rocket-activity .visualizer .built-rocket.short {
	top: 116px;
}
.rocket-activity .visualizer .built-rocket.medium {
	top: 84px;
}
.rocket-activity .visualizer .built-rocket.long {
	top: 56px;
}

.rocket-activity .visualizer .built-rocket .cone {
	left: 26px;
	top: 0;
	width: 43px;
	height: 52px;
	position: absolute;
	background-image: url(../images/cone.png);
	background-repeat: no-repeat;
	display: none;
}

.rocket-activity .visualizer .built-rocket .body {
	left: 26px;
	top: 47px;
	width: 43px;
	height: 131px;
	position: absolute;
	background-image: url(../images/body-long.png);
	background-repeat: no-repeat;
	display: none;
}
.rocket-activity .visualizer .built-rocket.short .body {
	background-image: url(../images/body-short.png);
}
.rocket-activity .visualizer .built-rocket.medium .body {
	background-image: url(../images/body-medium.png);
}
.rocket-activity .visualizer .built-rocket.long .body {
	background-image: url(../images/body-long.png);
}

.rocket-activity .visualizer .built-rocket .fins {
	left: 0;
	top: 144px;
	width: 94px;
	height: 37px;
	position: absolute;
	background-image: url(../images/fins-3.png);
	background-repeat: no-repeat;
	display: none;
}
.rocket-activity .visualizer .built-rocket .fins.fins-0 {
	background-image: none;
}
.rocket-activity .visualizer .built-rocket .fins.fins-1 {
	background-image: url(../images/fins-1.png);
}
.rocket-activity .visualizer .built-rocket .fins.fins-2 {
	background-image: url(../images/fins-2.png);
}
.rocket-activity .visualizer .built-rocket .fins.fins-3 {
	background-image: url(../images/fins-3.png);
}
.rocket-activity .visualizer .built-rocket .fins.fins-4 {
	background-image: url(../images/fins-4.png);
}
.rocket-activity .visualizer .built-rocket.short .fins {
	top: 84px;
}
.rocket-activity .visualizer .built-rocket.medium .fins {
	top: 116px;
}
.rocket-activity .visualizer .built-rocket.long .fins {
	top: 144px;
}

.rocket-activity .visualizer .cone-btn {
	left: 131px;
	top: 56px;
	margin: 3px;
	padding: 2px;
	width: 42px;
	height: 52px;
	position: absolute;
	background-image: url(../images/cone-btn.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.rocket-activity .visualizer .body-short-btn {
	left: 196px;
	top: 67px;
	margin: 3px;
	padding: 2px;
	width: 42px;
	height: 72px;
	position: absolute;
	background-image: url(../images/body-short-btn.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.rocket-activity .visualizer .body-medium-btn {
	left: 257px;
	top: 35px;
	margin: 3px;
	padding: 2px;
	width: 42px;
	height: 105px;
	position: absolute;
	background-image: url(../images/body-medium-btn.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.rocket-activity .visualizer .body-long-btn {
	left: 319px;
	top: 6px;
	margin: 3px;
	padding: 2px;
	width: 42px;
	height: 134px;
	position: absolute;
	background-image: url(../images/body-long-btn.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.rocket-activity .visualizer .fins-0-btn {
	left: 135px;
	top: 152px;
	margin: 3px;
	padding: 2px;
	width: 41px;
	height: 40px;
	position: absolute;
	background-image: url(../images/fins-0-btn.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.rocket-activity .visualizer .fins-1-btn {
	left: 191px;
	top: 152px;
	margin: 3px;
	padding: 2px;
	width: 68px;
	height: 42px;
	position: absolute;
	background-image: url(../images/fins-1-btn.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.rocket-activity .visualizer .fins-2-btn {
	left: 275px;
	top: 152px;
	margin: 3px;
	padding: 2px;
	width: 94px;
	height: 42px;
	position: absolute;
	background-image: url(../images/fins-2-btn.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.rocket-activity .visualizer .fins-3-btn {
	left: 171px;
	top: 225px;
	margin: 3px;
	padding: 2px;
	width: 94px;
	height: 68px;
	position: absolute;
	background-image: url(../images/fins-3-btn.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.rocket-activity .visualizer .fins-4-btn {
	left: 275px;
	top: 200px;
	margin: 3px;
	padding: 2px;
	width: 93px;
	height: 93px;
	position: absolute;
	background-image: url(../images/fins-4-btn.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.rocket-activity .ready-btn {
	right: 80px;
	bottom: 80px;
	width: 228px;
	height: 40px;
	position: absolute;
	background-image: url(../images/ready-btn.png);
	cursor: pointer;
	display: none;
}

.rocket-activity .rightbar {
	right: 0;
	top: 0;
	width: 45px;
	height: 640px;
	position: absolute;
	background-image: url(../images/rightbar.png);
}

.rocket-activity .launch-btn {
	right: 0;
	bottom: 70px;
	width: 117px;
	height: 79px;
	position: absolute;
	background-image: url(../images/launch-btn.png);
	cursor: pointer;
	display: none;
}

.rocket-activity .visualizer .selected {
	margin: 0;
	border: 3px solid #D4145A;
}







