/*
-----------------------------------------------
CATHAY PACIFIC GLOBAL STYLES
Version:  26 Sep 2005
----------------------------------------------- */


body {
  background:#fff url("../img/bg-page.jpg") no-repeat 50% 0;
  margin:0;
  padding:10px 0 10px;
  font:small arial;
  text-align:center;
  color:#111;
  }
#page, #page-app {
  background:url("../img/bg-navcol.gif") repeat-y 0 0;
  position:relative;
  width:726px;
  margin:0 auto;
  text-align:left;
  font-size:85%;
  line-height:1.4em;
  border:12px solid #fff;
  }
#page-app {
  background:url("../img/bg-nav.jpg") repeat-y;
  }


/* =Header
----------------------------------------------- */
#header {
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  float:left;
  width:726px;
  height:70px;
  margin:0;
  border-bottom:6px solid #c44;
  }
#logo {
  float:left;
  display:block;
  width:205px;
  height:70px;
  margin:0;
  padding:0;
  border-width:0;
  text-indent:-9999px;
  text-decoration:none;
  }
#tag {
  background-repeat:no-repeat;
  background-position:0 100%;
  position:absolute;
  top:0;
  left:205px;
  width:300px;
  height:70px;
  margin:0;
  text-indent:-9999px;
  }
#tag a {
  display:block;
  width:100%;
  height:70px;
  text-decoration:none;
  }
#skiptonav {
  display:block;
  position:absolute;
  top:0; left:0;
  width:1px;
  margin:0;
  text-indent:-9999px;
  text-decoration:none;
  }


/* =Structure
----------------------------------------------- */
#content {
  float:right;
  width:532px;
  padding-left:12px;
  border-top:1px solid #933;
  }
#app {
  background:#fff;
  float:left;
  width:100%;
  padding:12px 0 10px;
  }
#nav {
  float:left;
  width:182px;
  border-top:1px solid #933;
  }
#nav-content {
  width:158px;
  padding:12px 11px;
  }
.cols {
  background:url("../img/bg-cols.gif") repeat-y 0 0;
  float:left;
  width:100%;
  }
.main {
  float:left;
  width:342px;
  }
.main1 {
  float:left;
  width:165px;
  }
.main2 {
  float:right;
  width:165px;
  }
.extra {
  float:right;
  width:165px;
  }

.altlayout .cols {
  background-image:none;
  }
.altlayout .main, .altlayout .extra {
  float:none;
  width:auto;
  }
.altlayout .main1, .altlayout .main2 {
  width:260px;
  }


/* 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 #DFDEDE;
  }
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: =Headings
----------------------------------------------- */
h1 {
  margin:0 0 15px;
  padding:5px 0;
  border-bottom:1px solid #CE2724;
  font-family:arial;
  font-size:180%;
  line-height:1.2em;
  font-weight:normal;
  }
h2 {
  margin:0 0 5px;
  font-size:110%;
  line-height:1.4em;
  font-weight:bold;
  color:#E2302F;
  }
h2 a:link, h2 a:visited {
  color:#E2302F;
  text-decoration:none;
  }
h2 img {
  display:block;
  }
h2 em {
  font-size:70%;
  font-style:normal;
  }
h3 {
  margin:1em 0 .5em;
  font-size:100%;
  }
h4 {
  margin:1em 0 .5em;
  font-size:100%;
  color:#688;
  }


/* MISC: =Tables
----------------------------------------------- */
table {
  clear:both;
  width:100%;
  margin:5px 0;
  border-width:0;
  font-family:arial;
  font-size:100%;
  line-height:1.3em;
  color:#1D1D1D;
  }
.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 #C5C5C5;
  }
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:#1D1D1D;
  }
thead th {
  background:#BB1100;
  border-width:0;
  color:#fff;
  font-weight:bold;
  }
.sectionhead th {
  padding-top:15px;
  color:#E2302F;
  }
tr.alt th, tr.alt td {
  background:#E6E6E6;
  }
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:#1D1D1D;
  }
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:arial;
  }
select {
  font-size:100%;
  }
input.txt {
  border:1px solid;
  border-color:#808080 #D4D0C8 #D4D0C8 #808080;
  font:100% arial;
  }
input.btn, input.btn2, input.btn-imp {
  background:#CE2724;
  padding:0 0 1px;
  border:1px solid;
  border-color:#FB7977 #A41E1C #A41E1C #FB7977;
  font:100% arial;
  color:#fff;
  cursor:pointer;
  }
input.error 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% arial;
  }
form div {
  margin:0 0 5px;
  }
form.topcap {
  background:#E9E7E8;
  padding:8px 5px;
  }
form.topcap div {
  margin:0;
  }
form.bottomcap {
  padding:5px;
  border-top:1px solid #E9E7E8;
  }


/* MISC: =Links
----------------------------------------------- */
a:link, a:visited {
  color:#750600;
  }
a:visited {
  color:#946994;
  }
a:hover {
  color:#ED1C24;
  }
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;
  }
thead th a:link, thead th a:visited {
  color:#fff;
  }


/* MISC: =Other
----------------------------------------------- */
div.block, form.block, p.block {
  display:block;
  margin:0 0 18px;
  }
div.alt {
  background:#EFEFEF;
  padding:5px;
  border:1px solid #cdd;
  }
.prose {
  font-size:112%;
  line-height:1.4em;
  }
p {
  margin:0 0 .9em;
  }
.footnote {
  color:#818181;
  }
p.footnote {
  margin:-3px 0 .5em;
  }
.note {
  background:#EFEFEF;
  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:#828282;
  }
p#path {
  margin:-2px 0 2px;
  font-family:arial;
  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 #828282;
  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 #828282;
  }
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;
  }
fieldset {
    border:none;
  } 
label.hidden {
  left:-200em;
  top:-20em;
  position:absolute;
}

/* =Nav
----------------------------------------------- */
#nav h2 {
  position:absolute;
  left:-9999px;
  }
#navlist {
  background:#AF0C00;
  margin:0;
  padding:0;
  list-style:none;
  font-family:arial;
  }
#navlist li {
  background:#AF0C00 url("../img/bg-nav.jpg") repeat-y 0 0;
  margin:0;
  padding:0;
  line-height:1.3em;
  }
#navlist .current {
  background-color:#AB0B00;
  background-image:url("../img/bg-nav-current.jpg");
  }
#navlist a, #navlist strong {
  background:url("../img/arrow-rt-green.gif") no-repeat 100% 50%;
  display:block;
  width:157px;
  padding:2px 12px;
  border-style:solid;
  border-width:1px 1px 1px 0;
  border-color:#D91600 #AD0B00 #AD0B00;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  }
#navlist li a:hover {
  background-color:#DA605B;
  }
#navlist .current a, #navlist .current strong {
  background:url("../img/arrow-rt-light.gif") no-repeat 6px 50%;
  }

/* Second-level */
#navlist ul {
  background:#E49D9D;
  margin:0;
  padding:0;
  list-style:none;
  }
#navlist ul li, #navlist ul .current {
  background:#E49D9D url("../img/bg-nav-level2.jpg") repeat-y;
  width:182px;
  }
#navlist ul a, #navlist .current ul a, #navlist .current ul strong {
  background-image:none;
  width:149px;
  padding:1px 12px 1px 20px;
  border-color:#FBD8D8 #E49A9A #E49A9A;
  color:#122;
  font-weight:normal;
  }
#navlist ul li a:hover {
  background-color:#FBD8D8;
  }
#navlist ul .current a, #navlist ul .current strong {
  background-image:url("../img/arrow-rt-dark.gif");
  background-position:14px 50%;
  font-weight:bold;
  }

/* Third-level */
#navlist ul ul {
  background:#fff;
  margin:0;
  }
#navlist ul ul li, #navlist .current ul ul li {
  background:#fff;
  }
#navlist ul ul a, #navlist .current ul ul a, #navlist .current ul ul strong {
  background-image:none;
  width:149px;
  padding: 1px 4px 2px 28px; 
  border-width: 1px 1px 0 0; 
  border-color: #FBD8D8; 
  font-weight:normal;
  }
#navlist ul ul li a:hover {
  background-color:#FBD8D8;
  }
#navlist ul ul .current a, #navlist ul ul .current strong {
  background-image:url("../img/arrow-rt-dark.gif");
  background-position:22px 50%; 
  font-weight:bold;
  }

/* JavaScript MouseOver Classes */
#navlist li.over {
  position:relative;
  margin:0;
  }
/* IE/Win (not IE/Mac) needs this li floated, 
   otherwise it adds a bunch of space below the a \*/
* html #navlist li.over {
  float:left;
  } /* */
#navlist li.over a {
  background-color:#DA605B;
  background-image:url("../img/arrow-rt-white.gif");
  margin:0;
  }
#navlist li.over ul {
  background:#FBD8D8 url("../img/bg-nav-level2.jpg") repeat-y;
  position:absolute;
  top:-1px;
  left:182px;
  width:182px;
  z-index:100;
  margin:0;
  border:solid #0D4246;
  border-width:0 1px 1px 0;
  }
#navlist li.over ul a {
  background:none;
  margin:0;
  }
#navlist li.over ul a:hover {
  background-color:#DA605B;
  }

/* =Search
----------------------------------------------- */
#search {
  background:#AF0C00 url("../img/bg-nav.jpg") repeat-y;
  margin:0;
  padding:15px 12px 10px;
  border-style:solid;
  border-width:1px 1px 1px 0;
  border-color:#D91600 #AD0B00 #AD0B00;
  }
#search form {
  margin:0;
  padding:0;
  }
#search h2 {
  position:static;
  margin:0 0 5px;
  font-family:Tahoma,Verdana,Sans-serif;
  font-size:100%;
  font-weight:bold;
  color:#ffff99;
  text-indent:0;
  }
#search .txt {
  width:110px;
  }
.didyoumean {
  color:#cc0000;
  font-weight:bold;
  }

#refinesearch {
  background:#E49D9D url("../img/bg-nav-level2.jpg") repeat-y;
  border-color:#FBD8D8 #E49A9A #E49A9A;
  margin:0;
  padding:0px 12px 15px;
  border-style:solid;
  border-width:1px 1px 1px 0;
  color:#750600;
  font-family:Tahoma,Verdana,Sans-serif;
  }
#refinesearch ul {
  margin-bottom:5px;
  }
#refinesearch ul li {
  background:none;
  padding-left:0px;
  margin:2px 0px 0px 0px;
  }
#refinesearch ul ul li {
  background:none;
  padding-left:10px;
  }
.search_suggestbox {
  position:absolute;
  width:150px;
  background:#ffffff;
  border:1px solid #ae0a00;
  }
.search_suggestbox ul {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  }
.search_suggestbox li {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  background:none;
  }
.search_suggestbox li a:link, .search_suggestbox li a:visited {
  color:#000000;
  display:block;
  width:192px;
  padding:2px 4px 2px 4px;
  text-decoration:none;
  font:100% Tahoma,Verdana,Sans-serif;
  }
.search_suggestbox li a:hover {
  color:#000000;
  background:#ccc;
  text-decoration:none;
  font:100% Tahoma,Verdana,Sans-serif;
  }
.search_suggestbox .sr, .srs {
  width: 150px;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  }
.search_suggestbox .sr {
  background-color: #ffffff;
  color: #000000;
  }
.search_suggestbox .srs {
  background-color: #ccc;
  color: #000000;
  cursor: pointer;
  }
.search_suggestbox .srt {
  float: left;
  font: 100% Tahoma,Verdana,Sans-serif;
  padding: 2px 4px 2px 4px;
  }

/* TOOLS: =Tabs
----------------------------------------------- */
#tools {
  position:relative;
  z-index:0;
  float:left;
  width:100%;
  margin:0 0 12px;
  }
#tools h2 {
  position:absolute;
  left:-9999px;
  width:50px;
  text-indent:-9999px;
  }
#tabs {
  height:21px;  
  width: 550px; 
  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 96% 0;
  float:left;
  position:relative;
  z-index:5;
  margin:0;
  padding:0 24px 0 0;
  border-bottom:1px solid #9B0A00;
  }  
#tabs li a {
  background:#AD726E url("../img/tools/tabl.gif") no-repeat 0 0;
  float:left;
  /* padding:5px 5px 5px 12px; */
  padding:5px 0px 5px 6px;
  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:100% -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:#9B0A00;
  }
li#tab2 {
  background-image:url("../img/tools/tabr2.gif");
  left:-10px;
  z-index:4;
  border-bottom-color:#F8E0B5;
  }
li#tab2 a {
  background-image:url("../img/tools/tabl2.gif");
  }
li#tab2 a.hover, li#tab2 a.focus {
  background-color:#F8E0B5;
  color:#180801;
  }
li#tab3 {
  background-image:url("../img/tools/tabr3.gif");
  left:-20px;
  z-index:3;
  border-bottom-color:#F9DFD7;
  }
li#tab3 a {
  background-image:url("../img/tools/tabl3.gif");
  }
li#tab3 a.hover, li#tab3 a.focus {
  background-color:#F9DFD7;  
  color:#180801;
  }
li#tab4 {
  background-image:url("../img/tools/tabr4.gif");
  left:-30px;
  z-index:2;
  border-bottom-color:#EFEFEF;
  }
li#tab4 a {
  background-image:url("../img/tools/tabl4.gif");
  }
li#tab4 a.hover, li#tab4 a.focus {
  color:#221;
  background-color:#EFEFEF;
  }

/* tab7, new PNRSVC tab - START by CPPHOWC 20090225 */
li#tab7 {
  background-image:url("../img/tools/tabr7.gif");
  left:-40px;
  z-index:1;
  border-bottom-color:#cadee4;
  }
li#tab7 a {
  background-image:url("../img/tools/tabl7.gif");
  }
li#tab7 a.hover, li#tab7 a.focus {
  color:#221;
  background-color:#cadee4;
  }
/* tab7, new PNRSVC tab - END by CPPHOWC 20090225 */

/* TOOLS: =Boxes
----------------------------------------------- */
div.tool {
  background:#9B0A00 url("../img/tools/bg-tools1.jpg") repeat-x 50% 100%;
  float:left;
  position:relative;
  z-index:6;
  width:512px;
  min-height:12.5em;
  margin:-1px -3px 0 0;
  padding:.5em 10px .5em 9px;
  border-top:1px solid #CA534C;
  border-left:1px solid #DD614B;
  color:#fff;
  }
/* 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 */
* html div.tool {
  height:12.5em;
  }
div.tool a {
  color:#fff;
  }
div.tool label {
  color:#fff;
  }
#tool2 {
  background-image:url("../img/tools/bg-tools2.jpg");
  background-color:#F8E0B5;
  border-top-color:#FAECCE;
  border-left-color:#FAECCE;
  color:#180801;
  }
#tool2 a {color:#9A0A01; }
#tool2 label {color:#180801;}
#tool3 {
  background-image:url("../img/tools/bg-tools3.jpg");
  background-color:#F9DFD7;
  border-top-color:#FEF7F0;
  border-left-color:#FEF7F0;
  color:#180801;
  }
#tool3 a {color:#9A0A01; }
#tool3 label {color:#180801;}
#tool4 {
  background-image:url("../img/tools/bg-tools4.jpg");
  background-color:#F6F6F6;
  border-top-color:#DDDDDD;
  border-left-color:#DDDDDD;
  color:#222211;
  }
#tool4 a {color:#9A0A01; }
#tool4 label {color:#222211;}
#tool4 h3, #tool4 strong {
  color:#222211;
  }
#tool4 h3 {
  border-bottom:1px solid;
  border-color:#bb8;
  font-family:arial;
  font-weight:normal;
  }

/* tab7, new PNRSVC tab - START by CPPHOWC 20090225 */
#tool7 {
  background-image:url("../img/tools/bg-tools7.jpg");
  background-color:#cbdee4;
  border-top-color:#aac8d0;
  border-left-color:#aac8d0;
  color:#222211;
  }
#tool7 a {color:#9A0A01; }
#tool7 label {color:#222211;}
/* tab7, new PNRSVC tab - END by CPPHOWC 20090225 */

#tool1 a:visited {
  color:#fff;
  } 
#tool2 a:visited {
  color:#045;
  } 
#tool3 a:visited {
  color:#045;
  } 
#tool4 a:visited {
  color:#442;
  }

/* tab7, new PNRSVC tab - START by CPPHOWC 20090225 */
#tool7 a:visited {
  color:#442;
  }
/* tab7, new PNRSVC tab - END by CPPHOWC 20090225 */

/* Added by Infosys, Modified by Andrew Tse for Day Display style -- START */
#toolDay {
  background-color: #B73C39;
  color: #FFFFFF;
  text-align: center;
  padding: 3px 3px 3px 3px;
  border: 0px none;
  }  
/* Added by Infosys for Day Display style -- END */

/* TOOLS: =Tools
----------------------------------------------- */
/* added #retrieveBooking - PNRSVC new tab7 - CPPHOWC 20090225 */
#book, #checkin, #sched, #status form, #retrieveBooking {
  width:100%; 
  margin:0;
  padding:0;
  }
/* .tool #retrieveBooking form - PNRSVC new tab7 - CPPHOWC 20090225 */
.tool #book, .tool #checkin, .tool #sched, .tool #status form, .tool #retrieveBooking form {
  float:left;
  }
/* #retrieveBooking table - PNRSVC new tab7 - CPPHOWC 20090225 */
#book table, #checkin table, #sched table, #retrieveBooking table {
  margin:0 0 5px;
  }
/* #retrieveBooking td - PNRSVC new tab7 - CPPHOWC 20090225 */
#checkin td, #sched td, #status td, #retrieveBooking td {
  margin:0 12px 0 0;
  padding:2px 10px 2px 0;
  border-width:0;
  }
#book td {
  margin:0 12px 0 0;
  padding:2px 7px 2px 0;
  border-width:0;
  }
/* #retrieveBooking td div - PNRSVC new tab7 - CPPHOWC 20090225 */
#book td div, #checkin td div, #sched td div, #retrieveBooking td div {
  margin-bottom:5px;
  line-height:2em;
  white-space:nowrap;
  }
/* #retrieveBooking label - PNRSVC new tab7 - CPPHOWC 20090225 */
#book label, #checkin label, #sched label, #status label, #retrieveBooking label {
  display:block;
  margin:0;
  padding:0 2px;
  line-height:1.4em;
  }
#status label.basic {
  display:inline ;
  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;
  }
  
/* Added By Infosys -- 27 March 2006 -- STRT
----------------------------------------------- */
#statusNew form {
  width:100%; 
  margin:0;
  padding:0;
  }
.tool #statusNew form {
  float:left;
  }
#statusNew td {
  margin:0 12px 0 0;
  padding:2px 4px 2px 0;
  border-width:0;
  }
#statusNew label {
  display:block;
  margin:0;
  padding:0 2px;
  line-height:1.4em;
  }
#statusNew h3 {
  margin:0;
  padding:0 2px 2px;
  }
#statusNew table {
  width:auto;
  margin:0 0 5px;
  }

/* Added By Infosys -- 27 March 2006 -- END */

/* =Preferences: Region/Language 
----------------------------------------------- */
#pref {
  position:relative;
  top:15px;
  left:-12px;
  z-index:100;
  float:right;
  padding:00;
  width:200px;
  text-align:right;
  color:#481E1E;
  }
#pref h3 {
  position:absolute;
  left:-9999px;
  text-indent:-9999px;
  font-size:100%;
  font-weight:normal;
  }
#pref a {
  text-decoration:none;
  color:#000000;
  }

#region {
  float:right;
  margin:0;
  padding:0;
  list-style:none;
  }
#region li {
  background:url("../img/arrow-region.gif") no-repeat 100% 60%;
  float:right;
  margin:0 0 5px;
  padding:0;
  text-transform:uppercase;
  line-height:1em;
  white-space:nowrap;
  }
#region li a {
  background:url("../img/icon-globe.gif") no-repeat 4px 50%;
  float:right;
  padding:3px 22px;
  border:1px solid #B2B2B2;
  font-size:105%;
  line-height:1em;
  }
#region li a:hover {
  border-color:#ED1C24;
  }


#regionlist {
  position:absolute;
  top:23px;
  right:11px;
  z-index:1000;
  width:165px;
  }
#regionlist ul {
  width:165px;
  background:#fff url("../img/bg-regionlist.jpg") repeat-y 0 0;
  margin:1.1em 0 0;
  padding:1px 0;
  border:1px solid;
  border-color:#fff #A41E1C #A41E1C #fff;
  }
#regionlist ul.display {
  display:block;
  }
#regionlist li {
  background-image:none;
  width:165px;
  margin:0;
  padding:0;
  line-height:1.2em;
  white-space:nowrap;
  text-align:right;
  }
#regionlist li a, #regionlist li strong {
  display:block;
  width:121px;
  padding:1px 22px 3px 22px;
  color:#045;
  text-decoration:none;
  }
#regionlist li a:hover, #regionlist li strong {
  background:url("../img/arrow-lt-black.gif") no-repeat 100% 50%;
  color:#000;
  }
#regionlist li a:hover {
  background-color:#fff;
  }

#regionlistHeader {
  position:absolute;
  top:23px;
  right:11px;
  z-index:1000;
  width:230px;
  }
#regionlistHeader ul {
  width:230px;
  background:#fff url("../img/bg-regionlist.jpg") repeat-y 0 0;
  margin:1.1em 0 0;
  padding:1px 10px;
  border:1px solid;
  border-color:#fff #A41E1C #A41E1C #fff;
  }
#regionlistHeader ul.display {
  display:block;
  }
#langselect {
  float:right;
  width:auto;
  margin:0;
  padding:0;
  font-family:arial;
  font-size:100%;
  }
#langselect td {
  background-image:none;
  margin:0;
  padding:0 0 0 6px;
  border-width:0;
  vertical-align:middle;
  }
#langselect strong, #langselect a {
  display:block;
  margin:0;
  padding:0 0 0 5px;
  color:#7B7B7B;
  }
#langselect a:hover {
  background:url("../img/arrow-rt-light.gif") no-repeat 0 50%;
  }
#langselect td img {
  display:block;
  }
#langselect strong {
  background:url("../img/arrow-rt-light.gif") no-repeat 0 50%;
  font-weight:normal;
  color:#7B7B7B;
  }


/* =MPO Login/Info
----------------------------------------------- */
#mpo-login, #mpo-info {
  background:#fff url("../img/bg-mpo-info.jpg") repeat-x 0 100%;
  margin:0 0 12px -12px;
  padding:5px 10px;
  font-family:arial;
  color:#595959;
  }
#page-app #mpo-login, #page-app #mpo-info, #mpo-login div {
  margin-bottom:0;
  }
#mpo-login {
  text-align:right;
  padding:0;
  }
#mpo-login div {
  background:url("../img/logos/logo-mpo.gif") no-repeat 12px 60%;
  width:419px;
  margin:0;
  padding:5px 10px 5px 115px;
  }
#mpo-login h3, #mpo-info h3 {
  position:absolute;
  top:-1000px;
  left:-9999px;
  width:100px;
  margin:0;
  }
#mpo-login .btn2 {
  margin:0 10px 0 5px;
  }
#mpo-login a, #mpo-info a {
  color:#750600;
  }
#mpo-login td {
  border-width:0;
  }
#mpo-info {
  padding:5px 12px;
  }
#mpo-info table {
  margin:0;
  width:auto;
  font-size:100%;
  line-height:1.2em;
  }
#mpo-info td {
  padding:1px 5px;
  border-width:0;
  }
#mpo-info #mpo-card {
  width:1%;
  padding:0;
  vertical-align:middle;
  }
#mpo-info a {
  font-weight:bold;
  }
#mpo-info .acct a {
  font-weight:normal;
  }



/* =MPO Data
----------------------------------------------- */
#mpo-heading {
  background:url("../img/logos/logo-mpo-white.gif") no-repeat 0 80%;
  padding-left:110px;
  line-height:1.6em;
  }
.status-graph {
  width:110px;
  height:9px;
  line-height:7px;
  }
.status-graph img {
  float:left;
  display:block;
  margin:2px 0 0;
  }
.status-graph span {
  background:#fff;
  float:left;
  display:block;
  width:72px;
  margin:2px 3px 0 0;
  border:1px solid #789696;
  }
.status-graph .card1 {
  margin-right:3px;
  }
.status-graph span span {
  background:url("../img/bg-statusgraph.jpg") repeat-y;
  height:7px;
  margin:0;
  border-width:0;
  text-indent:-9999px;
  }


/* =Marketing & Offers
----------------------------------------------- */
.imgad {
  display:block;
  margin:0 0 12px;
  }
.imgad img {
  display:block;
  }


/* =Modules
----------------------------------------------- */
.mod, .mod2 {
  margin:0 0 12px;
  padding:0 0 1px;
  }
.mod h2, .mod2 h2 {
  margin:0 0 5px;
  padding:3px 0 2px;
  font-size:105%;
  color:#E2302F;
  font-family:arial;
  font-size:100%;
  font-weight:bold;
  border-bottom:1px solid #DFDEDE;
  }
.mod p, .mod2 p {
  margin:0 0 .75em;
  }

.mod2 {
  background:#DFDEDE;
  }
.secondary {
  background:#DFDEDE;
  }
.mod2 h2 {
  background:#BB1507;
  padding:3px 8px;
  border-width:0;
  color:#fff;
  }
.secondary h2 {
  background:#888;
  }
.mod2 .body {
  padding:0 8px;
  }
.mod2 p, .mod2 .blocklist li {
  margin:0 0 .75em;
  padding:0;
  border-width:0;
  }

.am {
  background:#F5F5CC;
  color:#333;
  }
.am h2 {
  background:#fc0;
  color:#333;
  }
.am th, .am td {
  border-color:#dda;
  }
#holidays img, #other-offers img {
  display:block;
  margin-bottom:2px;
  }

.mod label, .mod2 label {
  display:block;
  margin:0 0 2px;
  padding:0 2px;
  line-height:1.4em;
  color:#555;
  }
.mod label.basic, .mod2 label.basic {
  display:inline;
  margin:0 0 2px;
  padding:0 2px;
  line-height:1.4em;
  color:#555;
  }
label strong {
  color:#111;
  }
.mod form div, .mod2 form div {
  line-height:2em;
  }
.mod input.txt, .mod2 input.txt {
  }

.mod table, .mod2 table {
  margin:0 0 .75em;
  width:auto;
  }
.mod th, .mod2 th, .mod td, .mod2 td {
  padding-left:0;
  padding-right:5px;
  }
.mod form table, .mod2 form table {
  margin:0 0 5px;
  }
.mod form th, .mod form td, .mod2 form th, .mod2 form td {
  border-width:0;
  }


/* =Movies
----------------------------------------------- */
.movie {
  margin:0 0 18px;
  }
.main .movie h2 {
  background:#fff;
  margin:0;
  padding:3px 0;
  border-top:5px solid #ccc;
  color:#000;
  }
.movie img.inset {
  margin:3px 8px 8px 0;
  }
.movie table {
  float:left;
  clear:none;
  width:212px;
  margin:0 0 8px;
  }
.movie th {
  padding-left:0;
  }
.movie td {
  padding-right:0;
  }
.movie .desc {
  clear:both;
  }

.main .m-blockbuster h2 {border-top-color:#CC9900;}
.main .m-flimasia h2 {border-top-color:#999999;}
.main .m-default h2 {border-top-color:#8EC7FF;}
.main .tv-comedy h2 {border-top-color:#CC6600;}
.main .tv-documentary h2 {border-top-color:#339933;}
.main .tv-lifestyle h2 {border-top-color:#FF99CC;}
.main .tv-sports h2 {border-top-color:#006666;}
.main .tv-drama h2 {border-top-color:#333399;}
.main .tv-business h2 {border-top-color:#000066;}
.main .tv-asiantv h2 {border-top-color:#663399;}
.main .tv-entmagazine h2 {border-top-color:#990000;}
.main .tv-kidszone h2 {border-top-color:#CC3366;}
.main .tv-default h2 {border-top-color:#8EC7FF;}
.main .radio h2 {border-top-color:#3366CC;}

.extra .m-blockbuster h2 {border-top-color:#CC9900;}
.extra .m-flimasia h2 {border-top-color:#999999;}
.extra .m-default h2 {border-top-color:#8EC7FF;}
.extra .tv-comedy h2 {border-top-color:#CC6600;}
.extra .tv-documentary h2 {border-top-color:#339933;}
.extra .tv-lifestyle h2 {border-top-color:#FF99CC;}
.extra .tv-sports h2 {border-top-color:#006666;}
.extra .tv-drama h2 {border-top-color:#333399;}
.extra .tv-business h2 {border-top-color:#000066;}
.extra .tv-asiantv h2 {border-top-color:#663399;}
.extra .tv-entmagazine h2 {border-top-color:#990000;}
.extra .tv-kidszone h2 {border-top-color:#CC3366;}
.extra .tv-default h2 {border-top-color:#8EC7FF;}
.extra .radio h2 {border-top-color:#3366CC;}

.movielist {
  background:#fff;
  padding:0;
  }
.movielist .body {
  padding-left:0;
  padding-right:0;
  }
.movielist ul {
  margin-bottom:0;
  }
.movielist h2 {
  background:#999;
  padding:2px 8px;
  border-width:0;
  color:#fff;
  }

.warning {
  background:#666;
  float:left;
  display:block;
  width:1.5em;
  margin:0 8px 0 0;
  padding:1px;
  text-align:center;
  color:#fff;
  }
.desc .warning {
  margin-top:4px;
  }
.warnhigh {background-color:#f00;}
.warnmed {background-color:#3329BC;}
.warnlow {background-color:#009B21;}


/* =Alerts & Advisories
----------------------------------------------- */
#alerts {
  background:#ffc;
  margin:0 0 15px;
  padding:5px 8px;
  border:2px solid #c00;
  }
#alerts p {
  margin:0;
  }
#alerts .icon {
  position:relative;
  top:1px;
  vertical-align:baseline;
  }
#alerts em.date {
  font-style:normal;
  color:#887;
  }

#advisories h2 {
  background-color:#996;
  }
.alerts #advisories {
  background-color:#ffc;
  border:2px solid #c00;
  }

#linkmoreadvisory a {
  background:url("../img/arrow-down.gif") no-repeat 5px 50%;
  padding:2px 12px;
  }

#topadvisory a {
  background:url("../img/arrow-up.gif") no-repeat 5px 50%;
  padding:2px 12px;
  }

.alerts #advisories h2 {
  background-color:#c00;
  padding:1px 6px 3px;
  }
.alerts #advisories .body {
  padding:0 6px;
  }


/* =Footer
----------------------------------------------- */
#footer {
  float:left;
  width:100%;
  font-family:arial;
  }
#footer a {
  color:#FFEAED;
  }
#logos {
  background:url("../img/bg-flogos.gif") no-repeat 0 5px;
  margin:0 0 8px 194px;
  padding:22px 0 0;
  }
.altlayout #logos {
  background-image:url("../img/bg-flogos-ctr.gif");
  }
#page-app #logos {
  display:none;
  }
#copyright {
  background:#D31E25 url("../img/bg-foot.jpg") repeat-x;
  padding:10px 12px;
  border-bottom:4px solid #E2302F;
  text-align:center;
  color:#FBA0AB;
  }
#copyright ul {
  display:inline;
  margin:0;
  padding:0;
  list-style:none;
  }
#copyright li {
  background-image:none;
  display:inline;
  margin:0 0 0 .25em;
  padding:0 0 0 .5em;
  border-left:1px solid #FBA0AB;
  }

/* =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;
}
#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;
}
#calendar .days {
	background-color:#FFC5C8
}

/* =Schedules
----------------------------------------------- */

TH.schedulesTitle {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: White;
}

TH.schedulesFlightTop {
	border-left-color: #333333;
	border-left-style: dashed;
	border-left-width: 1px;
	border-right-color: #333333;
	border-right-style: dashed;
	border-right-width: 1px;
	border-top-color: #333333;
	border-top-style: solid;
	border-top-width: 1px;
}

TD.schedulesFlightBody {
	border-left-color: #333333;
	border-left-style: dashed;
	border-left-width: 1px;
	border-right-color: #333333;
	border-right-style: dashed;
	border-right-width: 1px;
	border-bottom: 0px;
}

TD.schedulesFlightBottom {
	border-left-color: #333333;
	border-left-style: dashed;
	border-left-width: 1px;
	border-right-color: #333333;
	border-right-style: dashed;
	border-right-width: 1px;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.schedulesLegend {
	float:right;
	width:120px; 
	padding:0 0 0 12px; 
	border-left:1px solid #CFCFCF; 
	margin:0 0 12px 12px;
}

/* =Popup window
----------------------------------------------- */

.body-popup {
  background:#fff;
  padding:0 0 0 0;
  }
#header-popup {
	background-image: url(../img/popup_bg.gif);
	width: 100%;
 	margin: 0 0 0 0;
	text-align:left;
  }
  
#page-popup {
	width:544px;
	margin:0 auto;
	text-align:left;
	font-size:85%;
	line-height:1.4em;
	left: -1px;
  }

#content-popup {
  border-top:0px;
  padding:8px 0 0 12px
  }

/* to overwrite width:100% defined above for patching vgn-ext-templating.css */
#vgn-div-float-bottom-left table {
    width:auto;
}

.bar-ECOFF {
	border-top: 6px solid #01616f;
}

.bar-ECOSF {
	border-top: 6px solid #009b9f;
}

.bar-ECOSR {
	border-top: 6px solid #8cd8ce;
}

.bar-ECORS {
	border-top: 6px solid #8dcdaa;
}

.bar-ECOVR {
	border-top: 6px solid #d1efcd;
}

.bar-ECOPR {
	border-top: 6px solid #b3fe70;
}

.bar-BUSFF {
	border-top: 6px solid #003399;
}

.bar-BUSSF {
	border-top: 6px solid #5674c5;
}

.bar-BUSRS {
	border-top: 6px solid #71caec;
}

.bar-FIRFF {
	border-top: 6px solid #993333;
}

.bar-FIRSF {
	border-top: 6px solid #ff7676;
}
.fare-family th, .fare-family td {
	text-align: center;
}

.fare-family .title {
	background-color:#f3f3f3;
	text-align:left;
}
