@charset "utf-8";

/*////////////////////////////////////////////////////////////

	[flight.css]

	 1. page title
	 2. swf
	 3. flight plus
	 4. index
	 5. timetable
	 6. input_timetable_period
	 7. input_timetable
	 8. input_schedule_limo
	 9. input_schedule_bus
	10. input_destination
	11. input_airline
	12. input_model

////////////////////////////////////////////////////////////*/

/*------------------------------------------------------------

	1. page title

------------------------------------------------------------*/
div#body h1 {
	background: url(../img/title/flight.jpg) no-repeat;	
}

body.en div#body h1 {
	background-image: url(../img/title/flight_en.jpg);	
}

body.ko div#body h1 {
	background-image: url(../img/title/flight_ko.jpg);	
}

body.zh-cn div#body h1 {
	background-image: url(../img/title/flight_zh-cn.jpg);	
}

body.ru div#body h1 {
	background-image: url(../img/title/flight_ru.jpg);	
}

/*------------------------------------------------------------

	2. map

------------------------------------------------------------*/
div#map {
	width: 588px;
	height: 400px;
}

/*------------------------------------------------------------

	3. flight plus

------------------------------------------------------------*/
div#flight_plus div.swf {
	margin: 24px 34px;
}

div#flight_plus dl {
	position: relative;
	width: 520px;
	margin: 0 34px;
}

div#flight_plus dt {
	float: left;
	margin: 0;
}

div#flight_plus dd {
	margin: 0 0 0 3em;
}

/*------------------------------------------------------------

	4. index

------------------------------------------------------------*/
div#index {
	overflow: auto;
}
* html div#index {
	height: 1%;
}

div#index h2 {
	margin: 0 0 6px;
}

div#index p.top {
	float: left;
}

/* line list
------------------------------------------------------------*/
div#index ul {
	list-style: none;
	margin: 0;
}

div#index ul li {
	margin: 0;
	border-bottom: 1px dotted #CCC;
	line-height: 1.2;
}

div#index ul li a,
div#index ul li.suspended {
	display: block;
	padding: 6px 6px 6px 24px;
	background-position: 8px 8.8px;
	color: #333;
	outline: none;
}

div#index div.domestic ul li a:hover {
	background-color: #E1F5BE;
}

div#index div.international ul li a:hover {
	background-color: #FFD7DC;
}

div#index ul li.suspended {
	background: #F6F6F6;
	color: #999;
}

/* domestic line list
------------------------------------------------------------*/
div#index div.domestic {
	float: left;
	width: 282px;
}

div#index div.domestic h2 {
	background-image: url(../img/content/bg_heading2_buttom_domestic.gif);
}

div#index div.domestic h2 span {
	background-image: url(../img/content/bg_heading2_top_domestic.jpg);
}

div#index div.domestic a {
	background-image: url(../img/content/bullet_link_domestic.gif);
}

/* international line list
------------------------------------------------------------*/
div#index div.international {
	float: right;
	width: 282px;
}

div#index div.international h2 {
	background-image: url(../img/content/bg_heading2_buttom_international.gif);
}

div#index div.international h2 span {
	background-image: url(../img/content/bg_heading2_top_international.jpg);
}

div#index div.international a {
	background-image: url(../img/content/bullet_link_international.gif);
}

/*------------------------------------------------------------

	5. timetable

------------------------------------------------------------*/

/* heading
------------------------------------------------------------*/
div#content div.timetable h3 {
	position: relative;
	margin-bottom: 0;
	padding: 6px 12px 6px 30px;
	font-size: 100%;
}
* html div#content div.timetable h3 {
	width: 566px;
}

div.domestic div.timetable h3,
div.domestic div.panel h3 {
	background-image: url(../img/content/bg_heading_lv3_tab_domestic.jpg) !important;
	border-bottom: 2px solid #690;
	color: #690;
}

div.international div.timetable h3,
div.international div.panel h3 {
	background-image: url(../img/content/bg_heading_lv3_tab_international.jpg) !important;
	border-bottom: 2px solid #F36;
	color: #F36;
}

div.domestic div.timetable h3 input,
div.international div.timetable h3 input {
	position: absolute;
	right: 0;
	top: 0;
}

div#content div.timetable h4 {
	clear: both;
	float: left;
	margin: 0;
	padding: 3px 6px 4px;
	background: #F3F3F3;
	border: 1px solid #CCC;
	border-bottom: none;
	font-weight: normal;
	font-size: 80%;
	/**/
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

div.international div.timetable h4 {
	border-left-color: #F36;
}

/* page container
------------------------------------------------------------*/
div#departure_timetable_bus,
div#departure_timetable_limo,
div#arrival_timetable_bus,
div#arrival_timetable_limo {
	display: none;
}

/* table
------------------------------------------------------------*/
div.timetable table {
	width: 100%;
}
* html div.timetable table {
	width: 566px;
}

div.timetable table thead th {
	border-top: none;
	font-size: 80%;
}

div.timetable table th,
div.timetable table td {
	padding: 6px;
	border: 1px solid #CCC;
	text-align: center;
	line-height: 1.2;
}

div.timetable table th {
	background: #EEE;
	font-weight: normal;
}

div.timetable table td {
	vertical-align: middle;
}

div.timetable table td.logo {
	padding: 0;
}

div.timetable table td.note {
	font-size: 80%;
}

div.timetable table th.separator,
div.timetable table td.separator {
	vertical-align: middle;
	width: 10px;
	padding: 0;
	border-top: none;
	border-bottom: none;
	background: none;
}

div.timetable table td.separator {
	background: url(../img/flight/bg_separator.gif) no-repeat left center;
}

div.timetable ul.annotation {
	list-style: none;
	margin: 10px 0 0;
}

div.timetable ul.annotation li {
	margin: 0;
}

/* airline
------------------------------------------------------------*/
div.timetable div.airline {
	position: relative;
	width: 568px;
	margin: 24px 0 0;
	padding: 0 0 1px;
	overflow: auto;
}
* html div.timetable div.airline {
	height: 1%;
}

div.timetable div.airline ul  {
	clear: left;
	position: relative;
	margin: 0;
	border-top: 1px solid #CCC;
	list-style: none;
}
* html div.timetable div.airline ul  {
	width: 568px;
}

div.timetable div.airline ul li {
	position: relative;
	float: left;
	width: 168px;
	margin: 6px 20px 0 0;
	padding: 0;
	line-height: 1.2;
}

/* model
------------------------------------------------------------*/
div.timetable div.model {
	position: relative;
	width: 568px;
	margin: 24px 0 0;
}

div.timetable div.model table {
	clear: left;
	position: relative;
	border-collapse: separate;
	border-top: 1px solid #CCC;
}

div.timetable div.model table th {
	background: none;
	border: none;
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
}

div.timetable div.model table td {
	border: none;
	border-bottom: 1px dotted #CCC;
	text-align: left;
}

/*------------------------------------------------------------

	6. input_timetable_period

------------------------------------------------------------*/
div#content p.buttons input#period_cancel {
	margin-right: 20px;
}

/* input_period_list
------------------------------------------------------------*/
table#input_period_list {
	margin: 0;
}

table#input_period_list tr.suspended td {
	background: #F6F6F6;
	color: #999;
}

table#input_period_list td.display,
table#input_period_edit td.display {
	text-align: center;
}

/* input_period_edit
------------------------------------------------------------*/
table#input_period_edit {
	margin: 0 0 10px;
}

/*------------------------------------------------------------

	7. input_timetable

------------------------------------------------------------*/

/* add
------------------------------------------------------------*/
form#add_form {
	padding: 0 6px 6px;
	background: #FFF0DC;
	border: 1px solid #FC9;
	/**/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

form#add_form {
	margin: 0 0 10px;
}

form#add_form p.form {
	margin: 6px 0 0;
	text-align: left;
}

input#flight_name,
input#annotation {
	width: 60px;
}

table#input_timetable td.form {
	width: 1px;
}

/* annotation */
div.timetable form#input_annotation {
	margin: 10px 0;
}

div.timetable form#input_annotation h4 {
	margin: 10px 0 0.5em;
	padding: 0 0 0 6px;
	background: none;
	border: none;
	border-left: 6px solid #F60;
	font-size: 100%;
	font-weight: bold;
}

div.timetable form#input_annotation table {
	clear: both;
	margin: 0 0 10px;
}

div.timetable form#input_annotation table th {
	width: 36px;
}

div.timetable form#input_annotation table td textarea {
	width: 520px;
}

/*------------------------------------------------------------

	8. input_schedule_limo

------------------------------------------------------------*/
table#input_schedule_limo th,
table#input_schedule_limo td {
	text-align: center;
	vertical-align: middle;
}

table#input_schedule_limo tr.unselected td {
	background: #FFF;
}

/*------------------------------------------------------------

	9. input_schedule_bus

------------------------------------------------------------*/
table#input_schedule_bus th,
table#input_schedule_bus td {
	text-align: center;
	vertical-align: middle;
}

table#input_schedule_bus tr.unselected td {
	background: #FFF;
}

/*------------------------------------------------------------

	10. input_destination

------------------------------------------------------------*/

/* input_destination_list
------------------------------------------------------------*/
table#input_destination_list td.suspended {
	text-align: center;
}

table#input_destination_list tr.suspended td {
	background: #F6F6F6;
	color: #999;
}

table#input_destination_list p.sort {
	margin: 10px 0 0;
}

/* input_destination_edit
------------------------------------------------------------*/
table#input_destination_edit {
	margin: 0 0 10px;
}

table#input_destination_edit th,
table#input_destination_edit td {
	vertical-align: middle;
}

table#input_destination_edit th.lang {
	text-align: right;
}

table#input_destination_edit input#aname_ja,
table#input_destination_edit input#name_ja,
table#input_destination_edit input#aname_en,
table#input_destination_edit input#name_en,
table#input_destination_edit input#aname_ko,
table#input_destination_edit input#name_ko,
table#input_destination_edit input#aname_zhcn,
table#input_destination_edit input#name_zhcn,
table#input_destination_edit input#aname_zhtw,
table#input_destination_edit input#name_zhtw,
table#input_destination_edit input#aname_ru,
table#input_destination_edit input#name_ru {
	width: 210px;
}

div#content p.buttons input#destination_cancel {
	margin-right: 20px;
}

/*------------------------------------------------------------

	11. input_airline

------------------------------------------------------------*/
table#input_airline_edit,
table#input_airline_replace {
	margin-bottom: 10px;
}

table#input_airline_edit .lang {
	text-align: center;
}

table#input_airline_edit .code,
table#input_airline_edit input#icao_code {
	width: 60px;
}

table#input_airline_edit .name,
table#input_airline_edit .url,
table#input_airline_edit input#name_ja,
table#input_airline_edit input#name_en,
table#input_airline_edit input#name_ko,
table#input_airline_edit input#name_zhcn,
table#input_airline_edit input#name_zhtw,
table#input_airline_edit input#name_ja,
table#input_airline_edit input#name_ru,
table#input_airline_edit input#url_ja,
table#input_airline_edit input#url_en,
table#input_airline_edit input#url_ko,
table#input_airline_edit input#url_zhcn,
table#input_airline_edit input#url_zhtw,
table#input_airline_edit input#url_ru {
	width: 210px;
}

table#input_airline_list p.sort {
	margin: 10px 0 0;
}

div#content p.buttons input#airline_cancel {
	margin-right: 20px;
}

/*------------------------------------------------------------

	12. input_model

------------------------------------------------------------*/
table#input_model_edit,
table#input_model_replace {
	margin: 0 0 10px;
}

input#model_num {
	width: 120px;
}

table#input_model_edit input#name_ja,
table#input_model_edit input#name_en,
table#input_model_edit input#name_ko,
table#input_model_edit input#name_zhcn,
table#input_model_edit input#name_zhtw,
table#input_model_edit input#name_ru,
table#input_model_edit input#remarks_ja,
table#input_model_edit input#remarks_en,
table#input_model_edit input#remarks_ko,
table#input_model_edit input#remarks_zhcn,
table#input_model_edit input#remarks_zhtw,
table#input_model_edit input#remarks_ru {
	width: 180px;
}

input#model_cancel {
	margin-right: 20px;
}