@charset "utf-8";
/* CSS Document */

body {
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#444444;
	margin:0;
	padding:0;
	background:#E8E2CE url(../images/bg01.gif) repeat;
}
h1{
	margin:10px;
	padding:0;
	color:#F60;
	font:normal 16px/20px Arial, Helvetica, sans-serif;
}
h2{
	margin:10px;
	padding:0;
	color:#F30;
	font:normal 15px/18px Arial, Helvetica, sans-serif;
}
#pannel{
	width:100%;
	margin:0;
	height:30px;
	padding:0;
	background:url(../images/pannel_bg.jpg) repeat-x;
}
#pannel #task{
	width:800px;
	height:30px;
	margin:0 auto;
	padding:0;
	font:normal 11px/30px Arial, Helvetica, sans-serif;
	color:#CCC;
}
#task #sm_nav{
	float:right;
}
#sm_nav a{
	color:#CCC;
	text-decoration:underline;
	padding:0 5px;
}
#sm_nav a:hover{
	color:#FFF;
	text-decoration:none;
}
#top{
	width:800px;
	height:100px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#logo{
	width:208px;
	height:60px;
	margin:0;
	padding:20px
}
#logo img{
	border:none;
}
#top #awb{
	width:300px;
	height:40px;
	margin:0;
	position:absolute;
	top:30px;
	right:30px;
	background:url(../images/awb_bg.png) no-repeat;
}
#awb input{
	width:280px;
	height:30px;
	margin:5px 10px;
	border:none;
	background:none;
	color:#666;
	font:normal 16px/30px Arial, Helvetica, sans-serif;
	letter-spacing:-0.02em;
}
#menu{
	width:800px;
	height:55px;
	margin:0 auto;
	position:relative;
}
#menu .lefter{
	width:10px;
	height:55px;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/menu_lf.png) no-repeat;
}
#menu .righter{
	width:10px;
	height:55px;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/menu_rt.png) no-repeat;
}
#menu ul{
	width:780px;
	height:55px;
	display:block;
	list-style-type:none;
	padding:0;
	margin:0 10px;
	background:url(../images/menu_bg.png) repeat;
}
#menu li{
	width:140px;
	height:50px;
	margin:5px 14px 0 0;
	display:inline-block;
	float:left;
}
#menu li.last{
	margin:5px 0 0 0;
}
#menu li.spc{
	width:1px;
	height:55px;
	margin:0;
	padding:0;
	background:url(../images/spc.png) no-repeat;
	float:left;
}
#menu li a{
	width:125px;
	height:42px;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	display:block;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	padding:8px 0 0 15px;
}
#menu li a:hover{
	color:#F00;
	background:#ffffff url(../images/li_top.jpg) top left no-repeat;
}
#menu li a span{
	font-size:11px;
	font-weight:normal;
	color:#999;
	float:left;
	text-transform:none;
}
#menu li a:hover span{
	color:#999;
}
#banner{
	width:760px;
	height:220px;
	margin:0 auto;
	padding:0;
	background:url(../images/plane_banner.jpg) no-repeat;
	text-align:right;
	text-transform:uppercase;
	font:normal 26px/28px Georgia, "Times New Roman", Times, serif;
	color:#900;
	padding:20px;
}
#banner span{
	text-transform:none;
	font:normal 20px/30px Georgia, "Times New Roman", Times, serif;
	color:#333;
}
#page{
	width:790px;
	height:auto;
	margin:0 auto;
	padding:5px;
	display:block;
	position:relative;
	background-color:#FFF;
}
#hcass{
	width:260px;
	height:80px;
	margin:0 1px 0 0;
	padding:0;
	background:url(../images/hcass_bg.jpg) repeat-x;
	display:inline-block;
	color:#FFF;
	position:relative;
}
#hcass .last{
	margin:0;
}
#hcass h1{
	margin:10px 0 10px 10px;
	padding:0;
	color:#FFF;
}
#hcass p{
	margin-left: 10px;
	padding:0;
	line-height:14px;
}
#hcass p a{
	margin-left:10px;
	padding:0;
	text-decoration:none;
	color:#CCC;
	position:absolute;
	bottom:5px;
	right:5px;
	font-size:16px;
}
#hcass p a:hover{
	color:#F30;
	text-decoration:none;
}
#concass{
	width:500px;
	margin:0;
	padding:0;
}
#newscass{
	width:240px;
	height:60px;
	margin:10px 0;
	padding:10px;
	position:absolute;
	top:100px;
	right:5px;
	background:url(../images/dest.jpg) no-repeat;
}
#contact{
	width:240px;
	height:100px;
	margin:10px 0;
	padding:10px;
	position:absolute;
	top:-10px;
	right:70px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#333;
}
#footer{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	z-index:-10;
}
#foot{
	width:800px;
	height:55px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#foot #lefter{
	padding:0;
	width:10px;
	height:55px;
	display:block;
	position:absolute;
	left:0;
	top:-1px;
	background:url(../images/ft_lf.png) no-repeat;
}
#foot #center{
	width:781px;
	height:54px;
	display:block;
	padding:0;
	margin:0;
	background:url(../images/ft_bg.png) repeat;
	position:absolute;
	top:0;
	left:9px;
	color:#999;
	font-size:10px;
}
#center a{
	font:bold 10px/32px Arial, Helvetica, sans-serif;
	color:#CCC;
	text-decoration:none;
	padding:5px;
}
#center a:hover{
	text-decoration:none;
	background-color:#DDD;
	color:#000;
}
#foot #righter{
	padding:0;
	width:10px;
	height:55px;
	display:block;
	position:absolute;
	right:0;
	top:-1px;
	background:url(../images/ft_rt.png) no-repeat;
}
#foot #dev{
	width:70px;
	height:20px;
	display:block;
	background:url(../images/amd.png) no-repeat center center;
	text-decoration:none;
	border:none;
	position:absolute;
	right:20px;
	top:20px;
}
#foot #dev:hover{
	background:url(../images/amd_ov.png) no-repeat center center;
	box-shadow:0 1px 2px #111111;
}
.context{
	margin:5px;
	padding:0;
	font:normal 13px/14px Arial, Helvetica, sans-serif;
	color:#333;
}
.context th{
	font-weight:bold;
	text-align:left;
}
.enum{
	list-style-type:none;
	margin:0 0 0 10px;
	font:normal 13px/14px Arial, Helvetica, sans-serif;
	color:#333;
}
.enum li{
	background:url(../images/bullet.gif) no-repeat left;
	padding-left:20px;
}

/* --- AWB Form --- */
#awbt{
	width:790px;
	height:300px;
	margin:5px 0;
}
#awbt #exp{
	width:280px;
	height:300px;
	display:block;
	margin:5px;
	border:1px solid #CCC;
	float:left;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#666;
}
#awbt #dest{
	width:280px;
	height:300px;
	display:block;
	margin:5px;
	border:1px solid #CCC;
	float:left;
}
#awbt #no{
	width:190px;
	display:block;
	margin:5px 0 5px 5px;
	float:left;
}
#no img{
	margin-bottom:10px;
}
#awbt .desc{
	display:block;
	font:bold 13px/24px Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#333;
	text-transform:uppercase;
	margin:0;
	padding:0 5px;
}
#awbt .desc span{
	width:24px;
	height:24px;
	display:inline-block;
	text-align:center;
	color:#333;
	padding:0;
	margin:0;
	background:url(../images/desc_bg.png) no-repeat center;
}
#awbt .post{
	
	font:bold 14px/24px "Courier New", Courier, monospace;
	color:#333;
	margin:0;
	padding:0 5px;
}

#awbt .awb_no{
	display:block;
	font:bold 24px/28px "Courier New", Courier, monospace;
	color:#333;
	margin:0;
	text-align:center;
	padding:0 5px;
}
#awbt span{
	margin:5px;
	color:#999;
}
#int{
	width:500px;
	height:40px;
	margin:0 auto;
	display:block;
}
#int input{
	width:380px;
	height:30px;
	margin:0;
	padding:5px 10px;
	border:none;
	background:none;
	color:#666;
	font:normal 16px/30px Arial, Helvetica, sans-serif;
	letter-spacing:-0.02em;
	background:url(../images/3w_bg.png) no-repeat;
}
#int input[type='submit']{
	width:100px;
	height:40px;
	display:block;
	float:right;
	color:#FFF;
	background:url(../images/go_bg.png) no-repeat;
	margin:0;
}

/* ---- Form Style ---- */
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0;
width:400px;
padding:5px 15px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 1px #b7ddf2;
background:#ebf4fb;
margin:0 0 0 10px;
}
#stylized h1 {
font-size:16px;
font-weight:normal;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:10px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-size:14px;
font-weight:normal;
text-align:right;
width:140px;
float:left;
}
#stylized label .required{
	color:#F00;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:14px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 10px 5px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 10px 5px;
}
#stylized input[type='submit']{
clear:both;
float:right;
width:125px;
height:31px;
background:#666666 url(../images/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:16px;
font-weight:normal;
border:none;
}
.errormsg {
	display:compact;
  height: 30px;
  line-height: 30px;
  color: #900;
  font-size:12px;
  background: #FF9D9D url(../images/stop.png) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border: 1px solid #FF0000;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkir-border-radius:4px;
  box-shadow:0 1px 3px #666;
  -moz-box-shadow:0 1px 3px #666;
}

.thxmsg {
	display:compact;
  height: 46px;
  line-height: 23px;
  color: #333;
  font-size:12px;
  background: #9DFF9D url(../images/trust.png) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border: 1px solid #00FF00;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkir-border-radius:4px;
  box-shadow:0 1px 3px #666;
  -moz-box-shadow:0 1px 3px #666;
}
#uconst{
	width:968px;
	display:compact;
  height: 30px;
  line-height: 30px;
  color:#C60;
  text-align:center;
  font-size:16px;
  background:#FD9;
  padding:3px 10px;
  margin: 10px 0;
  border: 1px solid #C60;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkir-border-radius:4px;
  box-shadow:0 1px 3px #666;
  -moz-box-shadow:0 1px 3px #666;
}

/* --- Suggestion applet --- */

	.suggestionsBox {
		position: relative;
		top:0px;
		margin:0;
		width: 400px;
		background-color:#FFFFFF;
		border: 1px solid #DDD;	
		color: #000;
		z-index:1;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
		list-style-type:none;
	}
	
	.suggestionList li {
		margin: 0;
		padding: 3px;
		cursor: pointer;
		font:normal 11px/12px Arial, Helvetica, sans-serif;
		z-index:5;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}