﻿body 
{
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Times New Roman;
	font-size:12px;
}
img
{
	border:0px;	
}
input[type=text], select
{
	border:1px solid #455fbe;
	width:186px;
	font-family:Verdana, Arial, Times New Roman;
	font-size:12px;
}

input[type=checkbox]
{
	padding:0px;
	margin:0px;
	vertical-align:middle;

}
input[type=button], input[type=submit], input[type=reset]
{
	min-width:80px;
	border-top:1px solid #455fbe;
	border-right:1px solid #455fbe;
	border-bottom:1px solid #455fbe;
	border-left:4px solid #455fbe;
	background-color:#ffffff;
	font-family:Verdana, Arial, Times New Roman;

}
h1
{
	color:#000000;
	font-weight:bold;
	font-size:12px;
}

h2
{
	color:#38b243;
	font-size:12px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

a:link, a:visited
{
	color:#455fbe;
	text-decoration:none;
	font-weight:normal;
}
a:hover
{
	color:#9c9c9c;
}

th
{
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	background-color:#455fbe;
}



.bubbleInfo 
{
    position: relative;
}


.popup 
{
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	background-color:#ffffff;
	border:1px solid #dedede;
	padding:5px;
}
.trigger
{
}

.margin_top_40
{
	margin-top:40px;
}

#container
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#header
{
	width:740px;
	overflow:hidden;
	margin-top:17px;
	margin-bottom:10px;
	padding-left:30px;
	padding-right:30px;
}

#airport_logo
{
	width:650px;
	float:left;
	height:57px;
	overflow:hidden;
}

#niko_logo
{
	width:80px;
	float:right;
	height:57px;
	background-image:url(../images/logo_niko.png);
	background-repeat:no-repeat;
	background-position:right top;

}

#step_title
{
	width:650px;
	font-size:18px;	
	line-height:18px;
	float:left;
	color:#455fbe;
}

#flags
{
	width:80px;
	height:18px;
	float:right;
	text-align:right;
}

#flags img
{
	margin-top:4px;
	margin-left:10px;
	border:0px;
}

#steps_container
{
	border-top:1px solid #455fbe;
	border-bottom:1px solid #455fbe;
	height:36px;
}

#steps
{
	list-style:none;
	list-style-image:none;
	width:auto;
	overflow:hidden;
	margin:0px;
	padding-left:30px;
}
#steps li
{
	padding-right:15px;
	float:left;
	color:#9c9c9c;
	font-weight:bold;
	padding-top:10px;
}
#steps .active_step
{
	background-image:url(../images/triangle-bottom.png);
	background-position:top center;
	background-repeat:no-repeat;
	color:#455fbe;
}

.error_message
{
	color:#ff0000;
	font-weight:bold;
}

.error_summary
{
	color:#ff0000;
	font-weight:bold;
	margin-bottom:35px;
}
.error_summary ul
{
	list-style:none;
	list-style-image:none;
	margin:0px;
	padding-left:0px;
}

.table
{
	margin-top:15px;
	margin-bottom:30px;
}

.table_full
{
	width:100%;
	margin-top:15px;
	margin-bottom:30px;
}

.table_label
{
	width:210px;
	text-align:right;
}

.table_header
{
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
.table_header td
{
	background-color:#455fbe;
}

.table_data td
{
	color:#9c9c9c;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}

.left
{
	text-align:left;
}

.center
{
	text-align:center;	
}

.right
{
	text-align:right;	
}

.navigation_buttons_holder
{
	text-align:right;
}

.step_4_action_buttons_holder
{
	margin-top:15px;
	margin-bottom:30px;
}
.step_4_action_buttons_holder input
{
	min-width:160px;
	border-top:1px solid #455fbe;
	border-right:1px solid #455fbe;
	border-bottom:1px solid #455fbe;
	border-left:4px solid #455fbe;
	background-color:#ffffff;
	margin-right:15px;
}
#step_2_select_guests
{
	color:#9c9c9c;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:30px;
}

#step_2_select_guests input
{
	padding:0px;
	margin:0px 15px 0px 0px;
	vertical-align:middle;
}
#step_1, #step_2, #step_2_api, #step_3, #step_3_seat_change, #step_4, #step_5
{
	margin:30px;
}

.step_2_input_ffn_prefix
{
	width:30px;
}
#step_2_add_new_passenger
{
	border:1px solid #dfdfdf;
	margin-top:5px;
	width:442px;
	padding:5px;
}

#step_3_seat_change_map_container
{
	margin-bottom:20px;
	width:100%;
	overflow:auto;
	padding-bottom:15px;
	padding-top:15px;
}

#step_3_seat_change_map_container input 
{
	min-width:0px;
	border: 1px #000000 solid;
	background-color:#FFFFFF;
}

#step_3_seat_change_current_seat_txt
{
	width:40px;
}
.seat_legend
{
	min-width:0px;
	border: 1px #000000 solid;
	height:17px;
	width:17px;
}

.red
{
	background-color:#ff0000;
}

.green
{
	background-color:#00ff00;
}

.blue
{
	background-color:#455fbe;
}

.open
{
	display:block;
}
.close
{
	display:none;
}

#step_2_add_new_passenger_buttons
{
	overflow:hidden;
}

#step_2_add_new_passenger_link
{

}

#step_2_close_new_passenger_link
{
	display:none;

}

#step_2_add_new_passenger_next
{
	width:130px;
}

.hidden
{
	width:0px;
	display:none;
}

.step_3_change_seat_header
{
	background-image:url(../images/triangle-bottom-white.png);
	background-position:center;
	background-repeat:no-repeat;	
}

.step_2_change_api_header
{
	
}

.step_2_change_api_item_red a:link, .step_2_change_api_item_red a:visited 
{
	color:#ff0000;
}
.step_2_change_api_item_red a:hover 
{
	color:#f66e6e;
}

.step_2_change_api_item_green a:link, .step_2_change_api_item_green a:visited 
{
	color:#23a635;	
}
.step_2_change_api_item_green a:hover 
{
	color:#52d85f;	
}

#step_2_api input[type=text], #step_2_api select
{
	border:1px solid #455fbe;
	width:100%;
	font-family:Verdana, Arial, Times New Roman;
	font-size:12px;
}

#step_3_seat_change_notice_1
{
	color:#ff0000;
}
#step_3_seat_change_ok
{
	width:140px;
}
#step_4_export_to_pdf
{
	width:170px;
}
#step_4_email
{
	border:1px solid #dfdfdf;
	margin-top:5px;
	width:338px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

#step_4_email_buttons
{
	overflow:hidden;
}

#step_4_email_send
{
	width:98%;
}

#step_4_close_email_link
{
	display:none;

}


#step_4_email_value
{
	width:100%;
	height:17px;
}

.success
{
	color:#27bb2e;
	font-weight:bold;
}

/* Z-index of #mask must lower than #boxes .window */  
#mask {  
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  /*background-color:#000;*/
  display:none;

}  
    
#boxes .window {  
  position:absolute;  
  width:227px;  
  height:150px;  
  display:none;  
  z-index:9999;  

}  
  
  
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
  width:227; 
  height:150;
  background-color:#ffffff;
  border:solid 1px #9c9c9c;
  overflow:auto;
}  

#dialog a:link, #dialog a:visited
{
	color:#000000;
	height:20px;
	width:100%;
	display:block;
}
#dialog a:hover
{
	color:#000000;
	background-color:#CFDAFF;
}
