/*
-----------------------------------------------
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 Verdana,Sans-serif;
  text-align:center;
  color:#111;
  }
#page, #page-app, #page-noNav {
  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;
  }
#page-noNav {
  background:none;
  }


/* =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:532px;
  padding-left:12px;
  border-top:1px solid #933;
  }
#app, #appNoNav {
  background:#fff;
  float:left;
  width:100%;
  padding:12px 0 10px;
  }
#appNoNav {
  padding:10px 12px;
  text-align:center;
  }
#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;
  /*SPIYGAB 2010-11-17 fix right module float to centre of page*/
  clear:right;
  }

.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 #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:Tahoma,Verdana,Sans-serif;
  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: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.num1, td.num1 {
  width:70%;
  text-align:right;
  }

th.num2, td.num2 {
  width:35%;
  text-align:right;
  }

th.num3, td.num3 {
  width:25%;
  text-align:right;
  }

th.num4, td.num4 {
  width:20%;
  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;
  }
select {
  font-size:100%;
  }
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;
  }
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;
  }
fieldset {
    border:none;
}
label.hidden { 
  position: absolute; 
  left: -200em; 
  top: -20em; 
}

/* =Nav
----------------------------------------------- */
#nav h2 {
  position:absolute;
  left:-9999px;
  }
#navlist {
  background:#227780;
  margin:0;
  padding:0;
  list-style:none;
  font-family:Tahoma,Verdana,Sans-serif;
  }
#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 4px 2px 28px; 
  border-width: 1px 1px 0 0; 
  border-color: #D3E2E2; 
  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: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:#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:Tahoma,Verdana,Sans-serif;
  font-size:100%;
  font-weight:bold;
  color:#9dd;
  text-indent:0;
  }
#search .txt {
  width:110px;
  }
.didyoumean {
  color:#cc0000;
  font-weight:bold;
}

#refinesearch {
  background:#D3E2E2 url("../img/bg-nav-level2.jpg") repeat-y;
  border-color:#D3E2E2 #A4BDBD #A4BDBD;
  margin:0;
  padding:0px 12px 15px;
  border-style:solid;
  border-width:1px 1px 1px 0;
  color:#0C5F65;
  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;
  }
#searcharticle  {
  position:relative;
  padding-top:0px;
  left:0px;
  float:left;
  width: 342px;
  }
  
#searcharticle td {
  border: none;
  }
  .searcharticle_rigth {text-align:right;}
.search_suggestbox {
  position:absolute;
  width:150px;
  background:#ffffff;
  border:1px solid #006666;
  }
.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:#bfdbdb;
  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: #bfdbdb;
  color: #000000;
  cursor: pointer;
  }
.search_suggestbox .srt {
  float: left;
  font: 100% Tahoma,Verdana,Sans-serif;
  padding: 2px 4px 2px 4px;
  }


/* TOOLS: =Tabs
----------------------------------------------- */
#tools {
  overflow-x: visible !important; 
  overflow-x: hidden;
  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 {
  overflow: hidden; 
  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;
  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 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: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;
  }

/* 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:#d8d8d8;
  }
li#tab7 a {
  background-image:url("../img/tools/tabl7.gif");
  }
li#tab7 a.hover, li#tab7 a.focus {
  color:#221;
  background-color:#d8d8d8;
  }
/* tab7, new PNRSVC tab - END by CPPHOWC 20090225 */

li#tab8 {
  background-image:url("../img/tools/tabr8.gif");
  left:-10px;
  z-index:5;
  border-bottom-color:#fff9eb;
  }
li#tab8 a {
  background-image:url("../img/tools/tabl8.gif");
  }
li#tab8 a.hover, li#tab8 a.focus {
  color:#221;
  background-color:#fff9eb;
  }


/* 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 -3px 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:Tahoma,Verdana,Sans-serif;
  font-weight:normal;
  }

/* tab7, new PNRSVC tab - START by CPPHOWC 20090225 */
#tool7 {
  background-image:url("../img/tools/bg-tools7.jpg");
  background-color:#d8d8d8;
  border-top-color:#ececec;
  border-left-color:#ececec;
  color:#221;
  }
#tool7 a {color:#442;}
#tool7 label {color:#665;}
/* tab7, new PNRSVC tab - END by CPPHOWC 20090225 */

/* tab8, new Package tab - START by CPPTOMC 20090623 */
#tool8 {

  background-image:url("../img/tools/bg-tools8.jpg");
  background-color:#fff9e8;
  border-top-color:#ece0b2;
  border-left-color:#ece0b2;
  color:#221;
  }
#tool8 th, #tool8 td {
  padding:2px 5px;
  text-align:left;
  border-width:0 0 1px;
  border-bottom:0px solid #cdd;
  }  
  
  
#tool8 a {color:#cc3300;}
#tool8 label {color:#111;}
.tool8_hr{color:#fad3ab; width:1px;}
.tool8_bottom{vertical-align:bottom;}
.tool8_table{border-bottom:solid 1px #fad3ab;}
.tool8_table2{border-top:solid 1px #fad3ab;}
.left {float: left;}
.bottom {left:15px;}

/* tab8, new Package tab - END by CPPTOMC 20090623 */
/*cppkml add tool8-table3 start*/
#tool8_table3{
	width:200;
	border:0;
	padding:0;
	margin:0;
}
#tool8_table3 td{
	border-bottom:solid 1px #fad3ab;
	display:text-align:center;vertical-align:middle;
}
.tool8_prior_price{font-family:arial;font-weight:bold;font-size:larger;color:#004B44}
.tool8_other_price{font-family:arial;font-weight:bold;}
.tool8_table4{width:200;border:0;padding:0;margin:0;}
/*cppkml add tool8-table3 end*/

/* tab8, new Package tab - END by CPPTOMC 20090623 */



#tool1 a:visited {
  color:#fff;
  } 
#tool2 a:visited {
  color:#045;
  } 
#tool3 a:visited {
  color:#fff;
  } 
#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 */
#tool8 a:visited {
	color:#cc3300;
  }

/* 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
----------------------------------------------- */
/* added #retrieveBooking - PNRSVC new tab7 - CPPHOWC 20090225 */
#book, #checkin, #sched, #status form, #retrieveBooking {
  width:100%; 
  margin:0;
  padding:0;
  }
/* added .tool #retrieveBooking form - PNRSVC new tab7 - CPPHOWC 20090225 */
.tool #book, .tool #checkin, .tool #sched, .tool #status form, .tool #retrieveBooking form {
  float:left;
  }
/* added #retrieveBooking table - PNRSVC new tab7 - CPPHOWC 20090225 */
#book table, #checkin table, #sched table, #retrieveBooking table {
  margin:0 0 5px;
  }
/* added #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;
  }
#aboutus td {
  margin:0 12px 0 0;
  padding:2px 4px 2px 0;
  border-width:0;
  }
/* added #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;
  }
/* added #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, #prefLan {
  position:relative;
  top:15px;
  left:-12px;
  z-index:100;
  float:right;
  padding:00;
  width:200px;
  text-align:right;
  color:#7AADB3;
  }
#prefLan {
	top:50px;
  }
#pref h3 {
  position:absolute;
  left:-9999px;
  text-indent:-9999px;
  font-size:100%;
  font-weight:normal;
  }
#pref a, #prefLan 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:4px 22px 4px;
  border:1px solid #65A0A6;
  vertical-align:baseline;
  font-size:105%;
  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: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 #7CA1A4 #7CA1A4 #fff;
  }
#regionlistHeader ul.display {
  display:block;
  }
#langselect {
  float:right;
  width:auto;
  margin:0;
  padding:0;
  font-family:Tahoma,Verdana,Sans-serif;
  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;
  }
#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:#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:Tahoma,Verdana,Sans-serif;
  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:Tahoma,Verdana,Sans-serif;
  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 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:Verdana,Sans-serif;
  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;
  }
.mod label.basic, .mod2 label.basic {
  display:inline;
  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-blockbusters h2 {border-top-color:#9BB0F3;}
.main .m-original h2 {border-top-color:#00AEFB;}
.main .m-asia h2 {border-top-color:#00C6A8;}
.main .m-cxchoice h2 {border-top-color:#FF6600;}
.main .m-kidz h2 {border-top-color:#3c0;}
.main .tv-hktv h2 {border-top-color:#FF99CC;}
.main .tv-tvasia h2 {border-top-color:#993399;}
.main .tv-laughter h2 {border-top-color:#FFCC33;}
.main .tv-eentertainment h2 {border-top-color:#999999;}
.main .tv-invogue h2 {border-top-color:#FBE757;}
.main .tv-drama h2 {border-top-color:#FF9900;}
.main .tv-insight h2 {border-top-color:#2D0088;}
.main .tv-disneychannel h2 {border-top-color:#99CC00;}
.main .tv-discovery h2 {border-top-color:#006666;}
.main .tv-newssport h2 {border-top-color:#336699;}
.main .tv-cxhooked h2 {border-top-color:#165827;}
.main .cd-alltime h2 {border-top-color:#FF9900;}
.main .cd-classic h2 {border-top-color:#990000;}
.main .cd-rockpop h2 {border-top-color:#330066;}
.main .cd-easy h2 {border-top-color:#66CC33;}
.main .cd-country h2 {border-top-color:#FF3366;}
.main .cd-jazz h2 {border-top-color:#993366;}
.main .cd-soundtracks h2 {border-top-color:#00513F;}
.main .cd-classical h2 {border-top-color:#000066;}
.main .cd-cantonese h2 {border-top-color:#038D1C;}
.main .cd-asian h2 {border-top-color:#660000;}
.main .cd-kids h2 {border-top-color:#FF6633;}
.main .radio h2 {border-top-color:#330066;}

.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;}

/*** Added by Ankur ***/
.extra .m-laughter h2 {background:#FFCC33;}
.extra .m-eentertainment h2 {background:#E6E6E6;}
.extra .m-invogue h2 {background:#FBE757;}
.extra .m-globalsound h2 {background:#663366;}
.extra .m-drama h2 {background:#FF9900;}
.extra .m-insight h2 {background:#2D0088;}
.extra .m-discovery h2 {background:#006666;}
.extra .m-sport h2 {background:#996600;}
.extra .m-disneychannel h2 {background:#99CC00;}
.extra .m-hktv h2 {background:#FF99CC;}
.extra .m-tvasia h2 {background:#993399;}
/*** Added by Ankur ***/

.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;
  }

#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 {
  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:Tahoma,Verdana,Sans-serif;
  }
#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;
    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;
}

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

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;
	border-bottom: 0px;
}

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;
}


/* =Popup window
----------------------------------------------- */

.body-popup {
  background:#fff;
  padding:0 0 0 0;
  font-family:Tahoma,Verdana,Sans-serif;
  font-size:85%;
  }
  
#header-popup {
	background-image: url(../img/popup_bg.gif);
	width: 100%;
 	margin: 0 0 0 0;
	text-align:left;
  }
  
#page-popup {
	position:relative;
	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;
}

/* CPPJOWO @20100831: modified for PAX.456 */
.fromCityBoxListDiv, .fromCityBoxListDivFrame {
	overflow:auto;
	position: absolute;
	margin: 5px 0px 0px 0px;
	top: 41px;
	left: 9px;
	height: 150px;
	background-color:#F7F7F7;
	border:1px solid #b5b5b5;	
	display: none;
	z-index: 100;
	width: 360px;
	white-space: nowrap;
	overflow-y: scroll;
}

.fromCityBoxListDivFrame {
	overflow:hidden;
}

/*start cpptomc 2010-08-20*/
#opByCXBox {
	min-width:100px; 
	max-width: 120px; 
	background-color:#FFFFFF; 
	border:solid 1px #CCCCCC; 
	float:right; 
	z-index:101; 
	top: 4px; 
	right: 20px;
	overflow: hidden; 
	display:block; 
	position: absolute; 
}
#opByCXBox img{
.vertical-align: middle; /* ie hack */
}
.opByCX{
	height:10px;
	width:20px;
	display: block;
	float:left; 
	border:thin #003366; 
	padding:0;
	margin:0;
	margin-top:-7px;
	.margin-top:0px; /* ie hack */
	_overflow:hidden; /*ie6 hack */
	}

.CityListItem{
	/* margin-left:20px; */
	display:block;
	min-height:13px;
	cursor:pointer;
}

.toSingleCityBoxListDiv , .toSingleCityBoxListDivFrame{
	overflow:auto;
	position: absolute;
	margin: 21px 0px 0px 0px;
	top: 95px;
	left: 9px;
	height: 150px;
	background-color:#F7F7F7;
	border:1px solid #b5b5b5;
	display: none;
	z-index: 100;
	width: 360px;
	white-space: nowrap;
	overflow-y: scroll;

}

.toSingleCityBoxListDivFrame {
	overflow:hidden;
}

.toSingleCityBoxListDivFrame img{ 
	.vertical-align: middle; /* ie hack */;
}

.toSingleCityBoxListDivFrame span{ 
	color:#000000; 
	font-size:11.05px; 
	/* padding: 2px; */
}

/*end cpptomc 2010-08-20*/
.fromCityBoxFrame {
	position:absolute;	
	top: 49px;
	left: 9px;
	width: 260px;
	height: 150px;
	z-index:1;
	display:none;
}

.toSingleCityBoxFrame {
	position:absolute;
	top: 102px;
	left: 9px;
	width: 260px;
	height: 150px;
	z-index:1;
	display:none;
	margin: 15px 0 0;
}

#predictiveLookUp {
  position:relative;
  /*position:absolute;  NORMAL*/
}

#predictiveLookUp a {
	color: black;
   	text-decoration:none;
	display: block;
	padding:2px 4px 2px 4px;
	font:100% Tahoma,Verdana,Sans-serif;
}

#predictiveLookUp a:hover {
	color:#000000;
   	background:#bfdbdb;
	text-decoration:none;
	font:100% Tahoma,Verdana,Sans-serif;
}

#predictiveLookUp a span.aCode  {
	color:#bfdbdb;
	text-decoration:none;
}
#predictiveLookUp a:hover span.aCode  {
	color:#000000;
	background-color:#bfdbdb;
	text-decoration:none;
}

#predictiveLookUp a.toBoxHighlight,
#predictiveLookUp a.toBoxHighlight span.aCode {
	background-color:#bfdbdb;
	color:#000000;
}

#predictiveLookUp a.selected{
	color:#000000;
   	background-color:#bfdbdb;
	text-decoration:none;
}

#predictiveLookUp a.selected span.aCode  {
	color:#000000;
	background-color:#bfdbdb;
	text-decoration:none;
}

#predictiveLookUp a:visited {
	color:#000000;
}

/* color bars of fare family table - start */

.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;
}

/* color bars of fare family table - end */
/* cppkml aboutus investor relation table star*/
#aboutUsInvestorRelation{
	width:30%;
	border:0;
	padding:0;
	margin:0;
}
#aboutUsInvestorRelation td{
	width : 100;
	border-bottom:solid 0px #fad3ab;
	display:text-align:center;vertical-align:middle;
}

#aboutUsInvestorRelation input{
	/*height:50%;*/
	color:#ffffff;
	background-color: #83A3A4;
	font:small arial;	 
}

  
  /* cppkml aboutus investor relation table end*/


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

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


/* OnlineOpinion v5.1.7 */
/* Released: 1/12/2011 */
/* Branch: master b83508d0b62506b920a090b03745f962a3450325 */
/* Components: Full */
/* The following code is Copyright 1998-2011 Opinionlab, Inc.  All rights reserved. Unauthorized use is prohibited. This product and other products of OpinionLab, Inc. are protected by U.S. Patent No. 6606581, 6421724, 6785717 B1 and other patents pending. http://www.opinionlab.com */


#oo_feedback_fl_spacer { display: block; height: 1px; position: absolute; top: 0; width: 100px; }

.oo_feedback_float { width: 100px; font: 12px Arial, Helvetica, sans-serif; text-align: center; color: black; cursor: pointer; z-index: 999997; position: fixed; bottom: 5px; -webkit-transition: -webkit-transform 0.3s ease; }
.oo_feedback_float .olUp { background: url(oo_float_icon.gif) center 10px no-repeat; text-align: center; padding: 30px 0 5px 0; position: relative; z-index: 2; }
.oo_feedback_float .olUp img { margin-bottom: 5px; }
.oo_feedback_float .oo_transparent { display: block; background: white; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0.5; filter: alpha(opacity=50); -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.oo_feedback_float:hover .olUp { display: none; }
.oo_feedback_float .fbText { display: block; }
.oo_feedback_float .olOver { display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; min-height: 50px; z-index: 2; }
.oo_feedback_float .olOver span { display: block; padding: 10px 5px; }
.oo_feedback_float:hover .olOver { background: white; display: block; height: 100%; width: 100%; }

.oo_cc_wrapper { left: 0; padding: 0; position: fixed; text-align: center; top: 25px; width: 100%; z-index: 999999; }
.oo_cc_wrapper span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.oo_cc_wrapper .iwrapper { background-color: white; margin: 0 auto; position: relative; width: 535px; z-index: 2; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px; }
.oo_cc_wrapper iframe { position: relative; border: none; width: 100%; z-index: 4; }
.oo_cc_wrapper .oo_cc_close { display: block; background: url(oo_close.png) no-repeat; height: 27px; position: absolute; right: -10px; top: -14px; width: 27px; z-index: 5; }
.oo_cc_wrapper .oo_shadows { display: block; height: 100%; position: absolute; top: 0; left: -15px; width: 565px; z-index: 1; }
.oo_cc_wrapper .oo_shadows div { background-image: url(oo_shadow.png); display: block; left: 0; position: absolute; width: 100%; }
.oo_cc_wrapper .oo_shadows .oo_top { background-position: left top; height: 15px; top: -15px; }
.oo_cc_wrapper .oo_shadows .oo_body { background-position: top center; height: 100%; top: 0; }
.oo_cc_wrapper .oo_shadows .oo_bottom { background-position: top right; height: 15px; bottom: -15px; }

.oo_bar { padding-bottom: 22px; }

#oo_bar { cursor: pointer; color: black; border-top: black 1px solid; background-color: #999999; background-image: url(oo_bar.png); background-repeat: repeat-x; background-position: 0 0; bottom: 0; display: block; font: 14px Arial, Helvetica, sans-serif; height: 22px; left: 0; line-height: 22px; position: fixed; text-align: left; width: 100%; z-index: 999997; -webkit-transition: -webkit-transform 0.3s ease; }
#oo_bar:hover { color: #666666; background-color: #cccccc; background-position: 0 -22px; }
#oo_bar span { background: url(oo_bar_icon.gif) left no-repeat; display: block; margin: 0 15px; height: 100%; padding-left: 22px; }

#oo_tab { background-image: url(oo_tab.png); background-repeat: repeat-y; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 0 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 0 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: white 2px solid; display: block; position: fixed; top: 45%; height: 130px; width: 45px; -webkit-transition: top 0.3s ease; z-index: 999995; }
#oo_tab span { bottom: 15px; display: block; background: url(oo_tab_icon.gif) no-repeat; height: 19px; position: absolute; width: 17px; }
#oo_tab a { background-image: url(oo_tab.png); background-repeat: no-repeat; position: absolute; display: block; height: 100%; left: 0; top: 0; width: 100%; }

.oo_tab_left { background-position: top left; left: -15px; }
.oo_tab_left span { right: 5px; }
.oo_tab_left a { background-position: -55px 50%; }
.oo_tab_left:hover { left: -4px; }

.oo_tab_right { background-position: top right; right: -15px; }
.oo_tab_right span { left: 8px; }
.oo_tab_right a { background-position: -70px 50%; }
.oo_tab_right:hover { right: -4px; }

.oo_tab_ie_right { border-right: none !important; background-position: top -140px !important; right: 1px !important; width: 28px !important; }

#oo_container { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999999; }

#oo_invitation_prompt { background: white; }

#oo_ol_brand { background: url(oo_inv_opinionlab.gif) top right no-repeat; border-top: #999999 solid 1px; }

#oo_invitation_prompt a { background: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#oo_launch_prompt { background: #990000; }

#oo_invitation_prompt a#oo_launch_prompt:hover { background: red; }

#oo_invitation_prompt a:hover { background: #666666; color: white !important; }

#oo_close_prompt:hover { background: #666666; color: white !important; }

#oo_overlay { background: black url(oo_loading.gif) 50% 80px no-repeat; display: block; height: 1000%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999998; opacity: 0.5; filter: alpha(opacity=50); }
#oo_overlay.no_loading { background: black; opacity: 0.5; filter: alpha(opacity=50); }

@media print { #oo_bar, .oo_feedback_float, #oo_tab { display: none; } }

/* OnlineOpinion v5.1.7 END */


/*  cppelpha add for PAX0985II/1131 20110713 start*/
.oo_feedback{
	position:fixed;
	bottom:5px;
	right:10px;
	width:100px;
}

.oo_feedback_float_main{
	width:100px;
	height:50px;
	font:12px Arial,Helvetica,sans-serif;
	text-align:center;
	cursor:pointer;
	z-index:999997;
	border-right:1px solid;
	border-left:1px solid;
	-webkit-transition:-webkit-transform.3s ease;
	right:10px;
}

.oo_feedback_float_b1{
	width:96px;
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	margin:0 3px;
	clear:both;
}

.oo_feedback_float_b2{
	width:96px;
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:2px solid;
	border-left:2px solid;
	margin:0 1px;
	clear:both;
}

.oo_feedback_float_b3{
	width:99px;
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	margin:0 1px;
	clear:both;
	border-right:1px solid;
	border-left:1px solid;
}

.oo_feedback_float_common {
	background:repeat-x scroll 0 0;
	background-color:#ffffff;
	border-right-color:#ffffff;
	border-left-color:#ffffff;
	filter:alpha(opacity=50);/*for IE*/
	opacity:.5;/*for Firefox*/
}

#olUp {
	right:32px;
	text-align:center;
	position:fixed;
	bottom:15px;
}

#olOver {
	right:28px;
	text-align:center;
	position:fixed;
	bottom:7px;
}

.feedstyle {
	type:Verdana;
	color:#111111;
	size: 11px
}
/*  cppelpha add for PAX0985II/1131 20110713 end*/