/*
-----------------------------------------------
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 {
  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: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:#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:Tahoma,Verdana,Sans-serif;
  }
select {
  font-size:100%;
  }
input.txt {
  border:1px solid;
  border-color:#808080 #D4D0C8 #D4D0C8 #808080;
  font:100% Tahoma,Verdana,Sans-serif;
  }
input.btn, input.btn2, input.btn-imp {
  background:#CE2724;
  padding:0 0 1px;
  border:1px solid;
  border-color:#FB7977 #A41E1C #A41E1C #FB7977;
  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:#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: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 #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 { 
  position: absolute; 
  left: -200em; 
  top: -20em; 
}

/* =Nav
----------------------------------------------- */
#nav h2 {
  position:absolute;
  left:-9999px;
  }
#navlist {
  background:#AF0C00;
  margin:0;
  padding:0;
  list-style:none;
  font-family:Tahoma,Verdana,Sans-serif;
  }
#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 {
  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;
  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 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;*/
  border-bottom-color:#EFEFEF;
  }
li#tab2 a {
  background-image:url("../img/tools/tabl2.gif");
  }
li#tab2 a.hover, li#tab2 a.focus {
  /*background-color:#F8E0B5;
  color:#180801;*/
  background-color:#EFEFEF;
  color:#221;
  
  }
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;*/
  border-bottom-color:#F8E0B5;
  }
li#tab4 a {
  background-image:url("../img/tools/tabl4.gif");
  }
li#tab4 a.hover, li#tab4 a.focus {
  /*color:#221;
  background-color:#EFEFEF;*/
  background-color:#F8E0B5;
  color:#180801;
  }

/* 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 */

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:#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;*/
  background-color:#F6F6F6;
  border-top-color:#DDDDDD;
  border-left-color:#DDDDDD;
  color:#222211;

  }
#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;*/
  background-color:#F8E0B5;  
  border-top-color:#FAECCE;
  border-left-color:#FAECCE;  
  color:#180801; 
  
  }
#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: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:#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 */

/* 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;}

/*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}
.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:#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 */

#tool8 a:visited {
	color:#cc3300;
  }

/* 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:4px 22px 4px;
  border:1px solid #B2B2B2;
  vertical-align:baseline;
  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: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;
  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:Tahoma,Verdana,Sans-serif;
  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:Verdana,Sans-serif;
  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;
  }
.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;
  }

#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:#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;
    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;
}
#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 {
	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;
}
.fromCityBoxListDiv {
	overflow:auto;
	position: absolute;
	margin: 26px 0px 0px 0px;
	top: 41px;
	left: 9px;
	width: 260px;
	height: 150px;
	background-color:#F7F7F7;
	border:1px solid #b5b5b5;	
	display: none;
	z-index: 100;
}

.toSingleCityBoxListDiv {
	overflow:auto;
	position: absolute;
	margin: 21px 0px 0px 0px;
	top: 118px;
	left: 9px;
	width: 260px;
	height: 150px;
	background-color:#F7F7F7;
	border:1px solid #b5b5b5;
	display: none;
	z-index: 100;
}

.fromCityBoxFrame {
	position:absolute;	
	top: 68px;
	left: 9px;
	width: 260px;
	height: 150px;
	z-index:1;
	display:none;
}

.toSingleCityBoxFrame {
	position:absolute;
	top: 124px;
	left: 9px;
	width: 260px;
	height: 150px;
	z-index:1;
	display:none;
	margin: 15px 0 0;
}

table#predictiveLookUp {
  position:absolute;
}

table#predictiveLookUp a{
	color:#000000;
   	text-decoration:none;
	display: block;
	padding:2px 4px 2px 4px;
	font:100% Tahoma,Verdana,Sans-serif;
}

table#predictiveLookUp a:hover{
	color:#000000;
   	background:#ccc;
	text-decoration:none;
	font:100% Tahoma,Verdana,Sans-serif;
}

table#predictiveLookUp a span.aCode  {
	color:#ccc;
	text-decoration:none;
}
table#predictiveLookUp a:hover span.aCode  {
	color:#000000;
	background-color:#ccc;
	text-decoration:none;
}

table#predictiveLookUp a.toBoxHighlight,
table#predictiveLookUp a.toBoxHighlight span.aCode{
	background-color:#ccc;
	color:#000000;
}

table#predictiveLookUp a.selected{
	color:#000000;
   	background-color:#ccc;
	text-decoration:none;
}

table#predictiveLookUp a.selected span.aCode  {
	color:#000000;
	background-color:#ccc;
	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;
}

.bar-PEYFF {
	border-top: 6px solid #a26018;          
}

.bar-PEYSF {
	border-top: 6px solid #e6aa28;          
}
.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 */


/* 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:31px;
	text-align:center;
	position:fixed;
	bottom:15px;
}

#olOver {
	right:25px;
	text-align:center;
	position:fixed;
	bottom:7px;
}

.feedstyle {
	type:Verdana;
	color:#111111;
	size: 11px
}
/*  cppelpha add for PAX0985II/1131 20110713 end*/  




