/*
-----------------------------------------------
CATHAY PACIFIC GLOBAL STYLES
Version:  10 May 2005
----------------------------------------------- */
/*added by bhaskarp*/
@media tty {
 i{content:"\";/*" "*/}} @import url('ie5win.css'); /*";}
}
th, td {
  text-align:left;
  vertical-align:top;
  }

body {
  /*background:#fff url("../img/bg-page.jpg") no-repeat 50% 0;*/
  margin:0;
  padding:22px 0 15px;
  font:small arial;
  text-align:left;
  color:#111;
  }
  #page, #page-app {
  /*background:url("../img/bg-navcol.gif") repeat-y 0 0;*/
  position:relative;
  width:550px;
  margin:0 auto;
  text-align:left;
  font-size:85%;
  line-height:1.4em;
  }
#page-app {
  background:url("../img/bg-nav.jpg") repeat-y;
  }


/* =Header
----------------------------------------------- */
#header {
  background-color:#227780;
  background-repeat:no-repeat;
  float:left;
  width:726px;
  height:70px;
  margin:0;
  border-bottom:4px 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:400px;*/
 /* 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;
  }
  
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: =Headings
----------------------------------------------- */
h1 {
  margin:0 0 15px;
  padding:5px 0;
  border-bottom:1px solid #78B2B4;
  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:#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:1px solid #cdd;*/
  }
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:left;
  }
th.icon, td.icon {
  width:1%;
  text-align:left;
  padding-left:2px;
  padding-right:2px;
  }
td.price {
  font-weight:bold;
  color:#122;
  }
th.icon, td.icon {
  padding-top:4px;
  text-align:left;
  }
th.btn, td.btn, th.icon, td.icon {
  width:1%;
  text-align:left;
  }
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:#899 #dee #dee #899;
  font:100% arial;
  }
input.btn, input.btn2, input.btn-imp {
  background:#58908A;
  padding:0 0 1px;
  border:1px solid;
  border-color:#CAE9EA #3F716C #3F716C #CAE9EA;
  font:100% arial;
  color:#fff;
  }
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;
  }
li.error  {
  background:url("../img/errorSymbol_crop_trans.gif") no-repeat 2px 0em;
  margin:0 0 0px;
  padding:0 0 0 23px;
  } 
  
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:#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;
  }


/* MISC: =Other
----------------------------------------------- */
div.block, form.block, p.block {
  display:block;
  margin:18px 18px 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;
  }
p.error {
  margin:0 0 1em;
  padding:5px;
  border:1px solid #c00;
  color:#c00;
  }
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: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 #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:left;
  }
.standalone {
  margin:15px 0;
  }


/* =Nav
----------------------------------------------- */
#nav h2 {
  position:absolute;
  left:-9999px;
  }
#navlist {
  background:#227780;
  margin:0;
  padding:0;
  list-style:none;
  font-family:arial;
  }
#navlist li {
  background:#227780 url("../img/bg-nav.jpg") repeat-y 0 0;
  margin:0;
  padding:0;
  line-height:1.3em;
  }
#navlist .current {
  background-color:#0B5E64;
  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:#227780 #0B5E64 #0B5E64;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  }
#navlist li a:hover {
  background-color:#227780;
  }
#navlist .current a, #navlist .current strong {
  background:url("../img/arrow-rt-light.gif") no-repeat 6px 50%;
  }

/* Second-level */
#navlist ul {
  background:#D3E2E2;
  margin:0;
  padding:0;
  list-style:none;
  }
#navlist ul li, #navlist ul .current {
  background:#D3E2E2 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:#D3E2E2 #A4BDBD #A4BDBD;
  color:#122;
  font-weight:normal;
  }
#navlist ul li a:hover {
  background-color:#D3E2E2;
  }
#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 12px 2px 20px;
  border-width:0 1px 0 0;
  font-weight:normal;
  }
#navlist ul ul li a:hover {
  background-color:#D3E2E2;
  }
#navlist ul ul .current a, #navlist ul ul .current strong {
  background-image:url("../img/arrow-rt-dark.gif");
  background-position:14px 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:#227780;
  background-image:url("../img/arrow-rt-white.gif");
  margin:0;
  }
#navlist li.over ul {
  background:#D3E2E2 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:#D3E2E2;
  }


/* =Search
----------------------------------------------- */
#search {
  background:#227780 url("../img/bg-nav.jpg") repeat-y;
  margin:0;
  padding:15px 12px 10px;
  border-style:solid;
  border-width:1px 1px 1px 0;
  border-color:#227780 #0B5E64 #0B5E64;
  }
#search form {
  margin:0;
  padding:0;
  }
#search h2 {
  position:static;
  margin:0 0 5px;
  font-family:arial;
  font-size:100%;
  font-weight:bold;
  color:#9dd;
  text-indent:0;
  }
#search .txt {
  width:110px;
  }


/* 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 {
  float:left;
  width:100%;
  margin:0;
  padding:0;
  font-size:100%;
  line-height:1.5em;
  font-family:arial;
  font-weight:normal;
  list-style:none;
  }
#tabs li {
  background:url("../img/tools/tabr.gif") no-repeat 100% 0;
  float:left;
  position:relative;
  z-index:5;
  margin:0;
  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 5px 5px 12px;
  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:#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:512px;
  min-height:12.5em;
  margin:-1px 0 0;
  padding:.5em 10px .5em 9px;
  border-top:1px solid #64A3A7;
  border-left:1px solid #64A3A7;
  color:#acc;
  }
/* 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:#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:arial;
  font-weight:normal;
  }


/* TOOLS: =Tools
----------------------------------------------- */
#book, #checkin, #sched, #status form {
  width:100%; 
  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:2px 10px 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;
  }


/* =Preferences: Region/Language 
----------------------------------------------- */
#pref {
  position:relative;
  top:15px;
  left:-12px;
  z-index:100;
  float:right;
  padding:00;
  width:200px;
  text-align:right;
  color:#7AADB3;
  }
#pref h3 {
  position:absolute;
  left:-9999px;
  text-indent:-9999px;
  font-size:100%;
  font-weight:normal;
  }
#pref a {
  text-decoration:none;
  color:#fff;
  }

#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 #65A0A6;
  font-size:110%;
  line-height:1em;
  }
#region li a:hover {
  border-color:#acc;
  }


#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 #7CA1A4 #7CA1A4 #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:left;
  }
#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;
  }


#lang {
  float:right;
  width:auto;
  margin:0;
  padding:0;
  font-family:arial;
  font-size:100%;
  }
#lang td {
  background-image:none;
  margin:0;
  padding:0 0 0 6px;
  border-width:0;
  vertical-align:left;
  }
#lang strong, #lang a {
  display:block;
  margin:0;
  padding:0 0 0 5px;
  }
#lang a:hover {
  background:url("../img/arrow-rt-light.gif") no-repeat 0 50%;
  }
#lang td img {
  display:block;
  }
#lang strong {
  background:url("../img/arrow-rt-light.gif") no-repeat 0 50%;
  font-weight:normal;
  color:#fff;
  }


/* =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:#688;
  }
#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:#256;
  }
#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 Utilities Nav
----------------------------------------------- */
#mpo-utils {
  background:#227780 url("../img/bg-nav.jpg") repeat-y;
  margin:0;
  padding:10px 12px 1px;
  border-style:solid;
  border-width:1px 1px 1px 0;
  border-color:#227780 #0B5E64 #0B5E64;
  }
#mpo-utils h2 {
  position:static;
  left:0;
  margin:0 0 2px;
  font-family:arial;
  font-size:100%;
  font-weight:bold;
  color:#9dd;
  text-indent:0;
  }
#mpo-utils li {
  margin:0;
  }
#mpo-utils li a {
  color:#fff;
  text-decoration:none;
  }
#mpo-utils li a:hover {
  text-decoration:underline;
  }


/* =MPO Data
----------------------------------------------- */
#mpo-heading {
  background:url("../img/logos/logo-mpo-white.gif") no-repeat 0 50%;
  padding-left:110px;
  }
.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 #dee;
  }
.mod p, .mod2 p {
  margin:0 0 .75em;
  }

.mod2 {
  background:#D3E2E2;
  }
.secondary {
  background:#EEF2F2;
  }
.mod2 h2 {
  background:#4B7477;
  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;
  }
label strong {
  color:#122;
  }
.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-premiere h2 {border-top-color:#0B539F;}
.main .m-hits h2 {border-top-color:#FF3340;}
.main .m-modern h2 {border-top-color:#9BB0F3;}
.main .m-original h2 {border-top-color:#00AEFB;}
.main .m-asia h2 {border-top-color:#00C6A8;}
.main .m-kids h2 {border-top-color:#3c0;}

.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;
  }
.extra .m-premiere h2 {background:#0B539F;}
.extra .m-hits h2 {background:#FF3340;}
.extra .m-modern h2 {background:#9BB0F3;}
.extra .m-original h2 {background:#00AEFB;}
.extra .m-asia h2 {background:#00C6A8;}
.extra .m-kids h2 {background:#3c0;}

.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;
  }
.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:#9dd;
  }
#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:#0B5E64 url("../img/bg-foot.jpg") repeat-x;
  padding:10px 12px;
  border-bottom:4px solid #E2302F;
  text-align:center;
  color:#7bb;
  }
#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 #477;
  }



/* =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
}


/* =Schedules
----------------------------------------------- */

TH.schedulesTitle {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: White;
}

TH.schedulesFlightTop {
	border-left-color: #2F4F4F;
	border-left-style: dashed;
	border-left-width: 1px;
	border-right-color: #2F4F4F;
	border-right-style: dashed;
	border-right-width: 1px;
	border-top-color: #2F4F4F;
	border-top-style: solid;
	border-top-width: 1px;
	padding:2px 5px;
}

TD.schedulesFlightBody {
	border-left-color: #2F4F4F;
	border-left-style: dashed;
	border-left-width: 1px;
	border-right-color: #2F4F4F;
	border-right-style: dashed;
	border-right-width: 1px;
	padding:2px 5px;
   /* border-bottom:1px solid #cdd;*/
}

TD.schedulesFlightBottom {
	border-left-color: #2F4F4F;
	border-left-style: dashed;
	border-left-width: 1px;
	border-right-color: #2F4F4F;
	border-right-style: dashed;
	border-right-width: 1px;
	border-bottom-color: #2F4F4F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding:2px 5px;
}


td.scheduleT {
  padding:2px 5px;
  text-align:left;
  border-width:0 0 1px;

  }
TD.schedulesFlightBodyT {
	border-left-color: #2F4F4F;
	border-left-style: dashed;
	border-left-width: 1px;
	border-right-color: #2F4F4F;
	border-right-style: dashed;
	border-right-width: 1px;
	padding:2px 5px;
   /* border-bottom:1px solid #cdd;*/
}

TD.schedulesFlightBottomT {
	border-left-color: #2F4F4F;
	border-left-style: dashed;
	border-left-width: 1px;
	border-right-color: #2F4F4F;
	border-right-style: dashed;
	border-right-width: 1px;
	border-bottom-color: #2F4F4F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding:2px 5px;
}


/* =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;
}

/* add space on the left of images which are right-aligned */
img[align="right"] {
 padding-left: 8px;
}
/* add space on the left of images which are right-aligned */

/* add space on the right of images which are leftt-aligned */
img[align="left"] {
 padding-right: 8px;
}
/* add space on the right of images which are left-aligned */