body  {
	padding: 0px;
	margin: 0px;
	background: #111;
}

form, table  {
	margin: 0px;
	padding: 0px;
	border: none;
}

img {
  border: 0px;
}

#game_box  {
	position: relative;
	width: 900px;
	height: 600px;
	margin: 0px auto 0px;
	border: 0px;
	font-family: "BebasNeue", Helvetica, Arial, sans-serif;
	overflow: hidden;
}

#loading  {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 600px;
	background: #ccc;
}

#loading_text  {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 18px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	z-index: 52;
	font-size: 17px;
}

#loading_bar_box  {
	position: absolute;
	left: 338px;
	top: 410px;
	width: 200px;
	height: 18px;
	border: 3px solid #000;
	z-index: 50;
	background: #222;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}

#loading_bar  {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 18px;
	background: #666;
	z-index: 51;
}

#gui {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 600px;
	overflow: hidden;
}

#gui a,
#gui div {
	cursor: default;
}

#hint {
	display: none;
	position: absolute;
	z-index: 10000;
}

.icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.buoyancy_icon { background: url(../img/hint_icons.png) 0px 0px no-repeat; }
.weight_icon { background: url(../img/hint_icons.png) -15px 0px no-repeat; }
.acc_u_l_icon { background: url(../img/hint_icons.png) -30px 0px no-repeat; }
.acc_d_s_icon { background: url(../img/hint_icons.png) -45px 0px no-repeat; }
.acc_r_l_icon { background: url(../img/hint_icons.png) -60px 0px no-repeat; }
.acc_l_s_icon { background: url(../img/hint_icons.png) -75px 0px no-repeat; }
.acc_d_l_icon { background: url(../img/hint_icons.png) -90px 0px no-repeat; }
.acc_u_s_icon { background: url(../img/hint_icons.png) -105px 0px no-repeat; }
.acc_l_l_icon { background: url(../img/hint_icons.png) -120px 0px no-repeat; }
.acc_r_s_icon { background: url(../img/hint_icons.png) -135px 0px no-repeat; }
.lock_icon { background: url(../img/hint_icons.png) -150px 0px no-repeat; }
.sadness_icon { background: url(../img/hint_icons.png) -165px 0px no-repeat; }

#hint_content {
	padding: 2px 6px;
	line-height: 22px;
	white-space: nowrap;
	font-size: 18px;
	letter-spacing: 0.03em;
}

#hint_content span {
	font-size: 22px;
	line-height: 26px;
}

#hangar_gui {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 600px;
	z-index: 1000;
}

#hangar_key_hint {
	display: none;
	position: absolute;
	left: 306px;
	top: 503px;
}

#hangar_key_hint_content {
	padding: 2px 6px;
	line-height: 24px;
	white-space: nowrap;
	font-size: 18px;
	letter-spacing: 0.03em;
}

#hangar_clear {
	position: absolute;
	left: 660px;
	top: 543px;
	width: 90px;
	height: 45px;
}

#hangar_clear a {
	width: 90px;
	background: url(../img/buttons.png) -270px 0px no-repeat;
}

#hangar_clear a:hover { background: url(../img/buttons.png) -270px -45px no-repeat; }
#hangar_clear a:active { background: url(../img/buttons.png) -270px -90px no-repeat; }

#hanger_launch {
	position: absolute;
	left: 765px;
	top: 543px;
	width: 120px;
	height: 45px;
}

#hanger_launch a {
	width: 120px;
	background: url(../img/buttons.png) -150px 0px no-repeat;
}

#hanger_launch a:hover { background: url(../img/buttons.png) -150px -45px no-repeat; }
#hanger_launch a:active { background: url(../img/buttons.png) -150px -90px no-repeat; }

#hangar_tutorial {
	display: none;
	position: absolute;
	left: 306px;
	top: 9px;
}

#hangar_tutorial_content {
	width: 164px;
	height: 72px;
	padding: 2px 6px;
	line-height: 24px;
	font-size: 18px;
	letter-spacing: 0.03em;
}

#tutorial {
	display: none;
	position: absolute;
	top: 511px;
	left: 200px;
	height: 30px;
	z-index: 500;
}

#tutorial_content {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	letter-spacing: 0.03em;
	text-align: center;
	padding: 0px 12px;
}

#intro {
	display: none;
	position: absolute;
	top: 40px;
	left: 180px;
	width: 480px;
	height: 460px;
}

#intro .content {
	width: 420px;
	height: 380px;
	padding: 40px 30px;
	line-height: 28px;
	font-size: 22px;
	letter-spacing: 0.03em;
}

#close_intro {
	position: absolute;
	left: 195px;
	top: 396px;
	width: 150px;
	height: 45px;
}

#close_intro a {
	width: 150px;
	background: url(../img/buttons.png) 0px 0px no-repeat;
}

#close_intro a:hover { background: url(../img/buttons.png) 0px -45px no-repeat; }
#close_intro a:active { background: url(../img/buttons.png) 0px -90px no-repeat; }

#too_happy,
#all_sad {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 400px;
	padding: 200px 0px 0px;
	line-height: 28px;
	font-size: 22px;
	letter-spacing: 0.03em;
	background: rgba(255, 255, 255, 0.97);
	text-align: center;
}

#too_happy span,
#all_sad span {
	line-height: 50px;
	font-size: 36px;	
}

#too_happy .reset_game,
#all_sad .reset_game {
	display: inline-block;
	padding: 6px 12px;
	border: 3px solid #000;
	background: #ddd;
	text-decoration: none;
	color: #000;	
}

#too_happy .reset_game:hover,
#all_sad .reset_game:hover {
	background: #eee;	
}

#version_choice {
	display: none;
}

#rotate_tip {
	float: left;
	margin-right: 9px;
	width: 39px;
	height: 43px;
	background: url(../img/rotate_tip.png) 0px 4px no-repeat;
}

#flip_tip {
	float: left;
	margin-right: 9px;
	width: 39px;
	height: 43px;
	background: url(../img/rotate_tip.png) -39px 4px no-repeat;
}

.button a {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 45px;
	color: #fff;
	line-height: 42px;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.03em;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3);
}

.button a:active {
	top: 3px !important;
}

.frame {
	padding: 6px;
}

.frame .content {
	background: url(../img/frame.png) -6px -6px no-repeat;
}

.frame .border_1 {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 6px;
	width: 6px;
	background: url(../img/frame.png) left top no-repeat;
}

.frame .border_2 {
	position: absolute;
	left: 6px;
	right: 0px;
	top: 0px;
	height: 6px;
	background: url(../img/frame.png) right top no-repeat;
}

.frame .border_3 {
	position: absolute;
	right: 0px;
	top: 6px;
	bottom: 0px;
	width: 6px;
	background: url(../img/frame.png) right bottom no-repeat;
}

.frame .border_4 {
	position: absolute;
	left: 0px;
	right: 6px;
	bottom: 0px;
	height: 6px;
	background: url(../img/frame.png) left bottom no-repeat;
}

.frame_shadow {
	padding: 30px;
}

.frame_shadow .content {
	background: url(../img/frame_shadow.png) -30px -30px no-repeat;
}

.frame_shadow .border_1 {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 30px;
	width: 30px;
	background: url(../img/frame_shadow.png) left top no-repeat;
}

.frame_shadow .border_2 {
	position: absolute;
	left: 30px;
	right: 0px;
	top: 0px;
	height: 30px;
	background: url(../img/frame_shadow.png) right top no-repeat;
}

.frame_shadow .border_3 {
	position: absolute;
	right: 0px;
	top: 30px;
	bottom: 0px;
	width: 30px;
	background: url(../img/frame_shadow.png) right bottom no-repeat;
}

.frame_shadow .border_4 {
	position: absolute;
	left: 0px;
	right: 30px;
	bottom: 0px;
	height: 30px;
	background: url(../img/frame_shadow.png) left bottom no-repeat;
}

#fps  {
	background: #fff;
	color: #000;
}