/*
-----------------------------------------------
CATHAY PACIFIC GLOBAL STYLES
Version:  26 Sep 2005
----------------------------------------------- */



/* MISC: =Lists
----------------------------------------------- */
ul, dl {
  margin:0 0 12px;
  padding:0;
  list-style:none;
  }
ul li {
  background:url("../../img/arrow-rt-green.gif") no-repeat 2px .5em;
  margin:0 0 4px;
  padding:0 0 0 10px;
  }

ul liAuto {
  background:url("../../img/arrow-rt-green.gif") no-repeat 2px .5em;
  margin:0 0 0px;
  padding:0 0 0 10px;
  }

li.error  {
  background:url("../../img/errorSymbol_crop_trans.gif") no-repeat 2px 0em;
  margin:0 0 0px;
  padding:0 0 0 23px;
  }
  
ol {
  margin-top:0;
  }
.blocklist li {
  background-image:none;
  margin:0 0 .5em;
  padding:0 0 5px;
  border-bottom:1px solid #dee;
  }
li.end {
  margin:0;
  padding-bottom:2px;
  border-width:0;
  }
li.nonitem {
  background-image:none;
  }
dt {
  font-weight:bold;
  }
dd {
  margin:0 0 8px;
  padding:0;
  }



/* MISC: =Tables
----------------------------------------------- */
table {
  clear:both;
  margin:5px 0;
  border-width:0;
  font-family:Tahoma,Verdana,Sans-serif;
  font-size:100%;
  line-height:1.3em;
  color:#344;
  }
.prose table {
  font-size:85%;
  }
.caption {
  margin:0 0 5px;
  padding:0;
  text-align:left;
  }
th, td {
  padding:2px 5px;
  text-align:left;
  border-width:0 0 1px;
  border-bottom:1px solid #cdd;
  }
th.schedule, td.schedule {
   padding:2px 5px;
   text-align:left;
   border-width:0 0 1px;
   border-bottom:0px;
 }

TD.autoMessage {

	text-align:center;
	padding-top:12px;
}
TH.autoMessage {

	text-align:center;
}

TD.autoMsgTable {
padding:0px 0px;
	text-align:left;
	margin:0;
}

th {
  color:#122;
  }
thead th {
  background:#83A3A4;
  border-width:0;
  color:#fff;
  font-weight:bold;
  }
.sectionhead th {
  padding-top:15px;
  color:#E2302F;
  }
tr.alt th, tr.alt td {
  background:#E6F0F0;
  }
th.num, td.num {
  text-align:right;
  }
th.icon, td.icon {
  width:1%;
  text-align:center;
  padding-left:2px;
  padding-right:2px;
  }
td.price {
  font-weight:bold;
  color:#122;
  }
th.icon, td.icon {
  padding-top:4px;
  text-align:center;
  }
th.btn, td.btn, th.icon, td.icon {
  width:1%;
  text-align:center;
  }
th.dates, td.dates {
  width:35%;
  white-space:nowrap;
  }
td.code {
  width:1%;
  padding-right:2px;
  }
  


/* MISC: =Forms
----------------------------------------------- */
form {
  margin:0 0 .75em;
  font-family:Tahoma,Verdana,Sans-serif;
  }
input.txt {
  border:1px solid;
  border-color:#899 #dee #dee #899;
  font:100% Tahoma,Verdana,Sans-serif;
  }
input.btn, input.btn2, input.btn-imp {
  background:#58908A;
  padding:0 0 1px;
  border:1px solid;
  border-color:#CAE9EA #3F716C #3F716C #CAE9EA;
  font:100% Tahoma,Verdana,Sans-serif;
  color:#fff;
  cursor:pointer;
  }
input.error {
  background-color:#ffc;
  border-color:#955 #c55 #c55 #955;
  }
  
select.error {
   background-color:#ffc;
   border-color:#955 #c55 #c55 #955;
  }
label.error, label.error strong {
  color:#900;
  font-weight:bold;
  }
form input.btn2 {
  font-weight:bold;
  }
form input.btn-imp {
  background:#CE2724;
  border-color:#FB7977 #A41E1C #A41E1C #FB7977;
  border-width:2px;
  font-weight:bold;
  }
select {
  font:100% Tahoma,Verdana,Sans-serif;
  }
select.small {
  font:90% Tahoma,Verdana,Sans-serif;
  }
form div {
  margin:0 0 5px;
  }
form.topcap {
  background:#cdd;
  padding:8px 5px;
  }
form.topcap div {
  margin:0;
  }
form.bottomcap {
  padding:5px;
  border-top:1px solid #cdd;
  }


/* MISC: =Links
----------------------------------------------- */
a:link, a:visited {
  color:#045;
  }
a:visited {
  color:#757;
  }
a:hover {
  color:#E2302F;
  }
a img {
  border-width:0;
  }
a.more span {
  font-weight:bold;
  }
a.homepage {
  color:#FFFFFF;
  margin-right:1em;
  }
a.homepage:visited {
  color:#FFFFFF;
  margin-right:1em;
  }
a.homepage:hover {
  color:#E2302F;
  }


/* MISC: =Other
----------------------------------------------- */
div.block, form.block, p.block {
  display:block;
  margin:0 0 18px;
  }
div.alt {
  background:#E6F0F0;
  padding:5px;
  border:1px solid #cdd;
  }
.prose {
  font-size:112%;
  line-height:1.4em;
  }
p {
  margin:0 0 .9em;
  }
.footnote {
  color:#688;
  }
p.footnote {
  margin:-3px 0 .5em;
  }
.note {
  background:#E6F0F0;
  margin:0 0 1em;
  padding:5px;
  border:1px solid #cdd;
  }
div.error {
  margin:0 0 1em;
  padding:5px;
  border:1px solid #c00;
  color:#c00;
  }
.error strong {
  color:#000;
  }
p.dates {
  font-size:112%;
  line-height:1.4em;
  text-transform:uppercase;
  color:#688;
  }
p#path {
  margin:-2px 0 2px;
  font-family:Tahoma,Verdana,Sans-serif;
  color:#777;
  }
#page-app #path {
  margin-top:0;
  }
p#path strong {
  color:#222;
  }
div.footnote p {
  margin:0 0 .5em;
  }
.prose p.footnote {
  font-size:85%;
  line-height:1.4em;
  }
div.inset {
  float:right;
  width:165px;
  padding:0 0 0 12px;
  border-left:1px solid #cdd;
  margin:0 0 12px 12px;
  }
img.inset {
  float:left;
  margin:2px 8px 5px 0;
  }
img.inset2 {
  float:right;
  margin:2px 0 5px 8px;
  }
a img.inset, a img.inset2 {
  border:1px solid #ccc;
  }
a:hover img.inset {
  border-color:#E2302F;
  }
hr {
  display:none;
  }
span.nobr {
  white-space:nowrap;
  }
.fullimg {
  margin:0 0 12px;
  padding-bottom:5px;
  border-bottom:1px solid #cdd;
  }
div.end {
  background:#fff;
  clear:both;
  margin:0;
  font-size:1px;
  line-height:1px;
  height:1px;
  }
em.stressed {
  text-decoration:underline;
  }
img.icon {
  vertical-align:middle;
  }
.standalone {
  margin:15px 0;
  }



/* TOOLS: =CXlogo
----------------------------------------------- */
#cxlogopanal {
   margin-bottom:-33px;
   }



/* TOOLS: =Tabs
----------------------------------------------- */
#tools {
  position:relative;
  z-index:0;
  margin:0 0 12px;
  }

  

#tools h2 {
  position:absolute;
  left:-9999px;
  width:50px;
  text-indent:-9999px;
  }
#tabs {
  float:left;
  width:100%;
  margin:0;
  padding:0;
  font-size:100%;
  line-height:1.5em;
  font-family:Arial,Tahoma,Verdana,Sans-serif;
  font-weight:normal;
  list-style:none;
  }
#tabs li {
  background:url("../../img/tools/tabr.gif") no-repeat 98% 0;
  float:left;
  position:relative;
  z-index:5;
  margin:0;
  margin-right:-5px;
  padding:0 24px 0 0;
  border-bottom:1px solid #0C5E64;
  }
#tabs li a {
  background:#4B7477 url("../../img/tools/tabl.gif") no-repeat 0 0;
  float:left;
  padding:5px 0px 5px 10px;
  margin:0;
  height:1em;
  line-height:1em;
  text-decoration:none;
  font-weight:normal;
  color:#fff;
  }
#tabs li.hover {
  cursor:pointer;
  }
#tabs li.hover, #tabs li.focus {
  background-position:98% -120px;
  }
#tabs li.hover a, #tabs li.focus a {
  background-position:0 -120px;
  }
#tabs li.focus {
  z-index:10;
  }
#tabs li.focus a {
  cursor:default;
  }

li#tab1 a.hover, li#tab1 a.focus {
  background-color:#0B5E64;
  }
li#tab2 {
  background-image:url("../../img/tools/tabr2.gif");
  left:-10px;
  z-index:4;
  border-bottom-color:#CAD8D8;
  }
li#tab2 a {
  background-image:url("../../img/tools/tabl2.gif");
  }
li#tab2 a.hover, li#tab2 a.focus {
  background-color:#CAD8D8;
  color:#244;
  }
li#tab3 {
  background-image:url("../../img/tools/tabr3.gif");
  left:-20px;
  z-index:3;
  border-bottom-color:#376389;
  }
li#tab3 a {
  background-image:url("../../img/tools/tabl3.gif");
  }
li#tab3 a.hover, li#tab2 a.focus {
  background-color:#376389;  
  }
li#tab4 {
  background-image:url("../../img/tools/tabr4.gif");
  left:-30px;
  z-index:2;
  border-bottom-color:#dda;
  }
li#tab4 a {
  background-image:url("../../img/tools/tabl4.gif");
  }
li#tab4 a.hover, li#tab4 a.focus {
  color:#221;
  background-color:#dda;
  }


/* TOOLS: =Boxes
----------------------------------------------- */


div.tool {
  background:#0B5E64 url("../../img/tools/bg-tools1.jpg") repeat-x 50% 100%;
  float:left;
  position:relative;
  z-index:6;
  width:165px;
  min-height:12.5em;
  margin:-1px -3px 0 0;
  adfadpadding:.5em 5px 3px 9px;
  border-top:1px solid #64A3A7;
  border-left:1px solid #64A3A7;
  color:#acc;
  }
  

div.toolpadding {
  padding:.5em 5px 3px 9px;
  }

/* IE does not support min-height, but it treats height as min-height.
   So we serve the height property only to IE by using the star hack */
div.tool a {
  color:#fff;
  }
div.tool label {
  color:#bdd;
  }
#tool2 {
  background-image:url("../../img/tools/bg-tools2.jpg");
  background-color:#CAD8D8;
  border-top-color:#E1E9E9;
  border-left-color:#E1E9E9;
  color:#233;
  }
#tool2 a {color:#045;}
#tool2 label {color:#455;}
#tool3 {
  background-image:url("../../img/tools/bg-tools3.jpg");
  background-color:#376389;
  border-top-color:#79A0B8;
  border-left-color:#79A0B8;
  color:#bde;
  }
#tool3 a {color:#fff;}
#tool3 label {color:#bcd;}
#tool4 {
  background-image:url("../../img/tools/bg-tools4.jpg");
  background-color:#dda;
  border-top-color:#E7E7C2;
  border-left-color:#E7E7C2;
  color:#221;
  }
#tool4 a {color:#442;}
#tool4 label {color:#665;}
#tool4 h3, #tool4 strong {
  color:#332;
  }
#tool4 h3 {
  border-bottom:1px solid;
  border-color:#bb8;
  font-family:Tahoma,Verdana,Sans-serif;
  font-weight:normal;
  }

#tool1 a:visited {
  color:#fff;
  } 
#tool2 a:visited {
  color:#045;
  } 
#tool3 a:visited {
  color:#fff;
  } 
#tool4 a:visited {
  color:#442;
  }

/* Added by Infosys, Modified by Andrew Tse for Day Display style -- START */
#toolDay {
  background-color: #297E81;
  color: #BBDDDD;
  text-align: center;
  padding: 3px 3px 3px 3px;
  border: 0px none;
  }  
/* Added by Infosys for Day Display style -- END */

/* TOOLS: =Tools
----------------------------------------------- */
#book, #checkin, #sched, #status form {
  margin:0;
  padding:0;
  }
.tool #book, .tool #checkin, .tool #sched, .tool #status form {
  float:left;
  }
#book table, #checkin table, #sched table {
  margin:0 0 5px;
  }
#book td, #checkin td, #sched td, #status td {
  margin:0 12px 0 0;
  padding:0px 5px 2px 0;
  border-width:0;
  }
#aboutus td {
  margin:0 12px 0 0;
  padding:2px 4px 2px 0;
  border-width:0;
  }
#book td div, #checkin td div, #sched td div {
  margin-bottom:5px;
  line-height:2em;
  white-space:nowrap;
  }
#book label, #checkin label, #sched label, #status label {
  display:block;
  margin:0;
  padding:0 2px;
  line-height:1.4em;
  }
#book td img, #checkin td img, #sched td img {
  vertical-align:middle;
  }
#book p, #checkin p, #sched p {
  margin:0 0 5px;
  }
p.submit .btn-imp, p.submit a.more {
  margin-right:1em;
  }

#checkin .instructions {
  width:25%;
  }
#status h3 {
  margin:0;
  padding:0 2px 2px;
  }
#status table {
  width:auto;
  margin:0 0 5px;
  }
  


/* =Modules
----------------------------------------------- */
.mod, .mod2 {
  margin:0 0 12px;
  padding:0 0 1px;
  font-size:11px;
  }



/* =Calendar Border
----------------------------------------------- */
#calendar
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    BACKGROUND-COLOR: #ffffff;
    margin:0 0 0px;
    padding:0px 0px 0px 0px;
    text-align:center;
}
#calendar td
{
    BORDER-RIGHT: #666666 0px solid;
    BORDER-TOP: #666666 0px solid;
    BORDER-LEFT: #666666 0px solid;
    BORDER-BOTTOM: #666666 0px solid;
    margin:0 0 0px;
    padding:1px 1px 1px 1px;
    text-align:center;
}

/* Added by Thomas Wan : START */
/* for FareFinder
   cx_HomepagePannelStandAlone2.jsp
*/
#r_city {
  width:140px;
}
/* Added by Thomas Wan : END */