/*orbitz global stylesheet*/
/*this file should match line for line the ctix sheet until we get to header and footer*/
/*html element definitions*/
body	{padding: 0; margin: 0; background: #fff;}
body, td, th, div, p, input, select, label, legend, h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif; color: #000; margin:0; padding: 0;}
td, p, legend, input, select, h5, h6 {font-size:11px;}
label {font-size:10px; display:block;}
p label {font-size:11px; display:inline; padding-right:5px;}
.finePrint {display:block; font-size:10px;}

h1	{font-size:16px;color:#000;} /* more h1 in page header section */
h2	{font-size:15px;}
h2 em {color: #999; font-style:normal;}
h3, th	{font-size:13px;}
h4	{font-size:12px;}
h1, h2, h3, h4, h5, th	{font-weight: bold;}
h2, h3, h4 {margin:0 0 6px 0;}
p {margin:0 0 4px 0;}
h5 {margin:0 0 3px 0;}

ul {padding: 0; margin: 0 0 6px 0;}
li {margin: 0 0 4px 0; padding: 0 0 0 10px;}
ul li {list-style:none; background: url(http://www.orbitz.com/site/img/icons/bullet.gif) left 6px; background-repeat:no-repeat;}/* no repeat separate for safari */
li.form, ul.form li {padding-left: 0; background-image: none; }
li.form label, ul.form li label{display:inline; font-size:11px; font-weight:bold;}
li.form li, li.form li.form li, ul.form li li, ul.form ul.form li {margin: 0 0 0 20px;}
li li.form, li.form li li {margin: 0;}
.chk_list_item .chk {float:left; margin-bottom:10px;}

.relative { position:relative; }
/* "horizontal" list style - add "#container li" to selectors to style individual lists this way */

.dpPages li, #whosTraveling li, #whosDriving li, #footer li, .pagination li, #meta li, #selectCorpTraveler li, #packageDetails_hotelLinks li, #addTravelArranger li, #myTravelArrangers li {padding: 0 4px 1px 5px; line-height:16px; margin-bottom:2px; list-style:none; background: none; display:inline; border-left: 1px solid #999; font-weight:bold;}
li.first {border-left: none !important; padding-left: 0 !important; }/* important so ID from first rule doesn't override this one */

#body { clear: both; }

/* 'standard' sliding doors tabs - no padding or margin, add that where you need it  */
#body ul.tabs {margin:0; padding:0 16px 0 0; list-style:none;}
#body .tabs li { background:url(http://www.orbitz.com/img/hotel/details/tab_left.gif) no-repeat left top;float:left;padding:0 0 0 9px; margin:0; font-size:12px; }
#body .tabs li a { background:url(http://www.orbitz.com/img/hotel/details/tab_right.gif) no-repeat right top;float:left;display:block;padding:5px 15px 4px 6px;margin: 0 2px 0 0;text-decoration: none;font-weight: bold;color: #039; }
#body .tabs li a:visited {color: #039;} 
 /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#body .tabs li a {float:none;}
  /* End IE5-Mac hack */
#body .tabs .active {background-image:url(http://www.orbitz.com/img/hotel/details/tab_left_o.gif); border-width:0; border-height:0;}
#body .tabs .active a {background-image:url(http://www.orbitz.com/img/hotel/details/tab_right_o.gif); padding-bottom:5px; color: #000;}

hr {border:0 solid #000;color:#000;background:#000;height:1px;margin:3px 0;padding:0;}
input, select, .button {margin: 0px 5px 6px 0px;}
p input, p select {margin-bottom: 0;}
input.chk {padding: 0; margin: 0 3px 0 0; vertical-align:text-bottom; }
p input.chk {margin-top: 3px;}
* html .chk  {margin: -4px 0 0 -3px !important; vertical-align:text-top; } /*gets rid of extra padding on checkboxes and radio buttons in IE*/
div, form, fieldset {margin: 0; padding: 0; border: 0;}
fieldset div {float: left; padding-right:6px;}
td, th {vertical-align: top;}
th {text-align: left;}
img {border: none;}
.keyValue td {padding-right:16px;}
.disabled	{color: #ccc;}

a:link, a.js {cursor:pointer; color: #36f; text-decoration:underline;}
a:active	{color: #039;}
a:visited	{color: #69f;}
a:hover, a.js:hover	{color: #039;}
a.novisit:visited {color: #36f;} /* disable visited states for page anchor links that don't get encoded*/
a.hidden:link	{color: #000; text-decoration: none;}
a.hidden:active	{color: #000; text-decoration: none;}
a.hidden:visited	{color: #000; text-decoration: none;}
a.hidden:hover	{color: #000; text-decoration: none;}

/* clears */
.clear, .clear_r, .clear_l {line-height: 0; padding: 0; margin: 0; display:block; height:0;overflow: hidden;}
.clear {clear: both;}
.clear_r {clear: right;}
.clear_l {clear: left;}

/* page header */
h1 {padding: 13px 0px 11px 16px; line-height:16px; background-color: #cef; margin: 0; text-align:left;}
.myStuff h1, .aboutUs h1, .promos h1 {padding-left: 166px;}
.myStuff h1 {background: #7d3 url(http://www.orbitz.com/img/my_stuff/hdr_photo.jpg) no-repeat left top; }
.aboutUs h1 {background: #adf url(http://www.orbitz.com/img/about/hdr_photo.jpg) no-repeat left top; }
.promos h1 {background: #7d3 url(http://www.orbitz.com/img/deals/occasions/title_image_bg.gif) repeat-x top; }
/* needs investigation */
.promos div.pageTitleBar {background: #7d3 url(http://www.orbitz.com/img/deals/occasions/title_image_bg.gif) repeat-x top; text-align: left; width: 770px; margin: 0px;}
.promos div.pageTitleBar h1 {padding: 17px 0px 8px 166px; line-height:19px;}
.promos div.pageTitleBar img {margin: 0px 0px 3px 0px;} 

/* other top stuff */
.topBanner	{margin: 0 0 4px 150px;}
#blockedPUMesg p.alert{ background-image:url(http://www.orbitz.com/site/img/icons/alert.gif); background-repeat:no-repeat; background-position:top left; padding-left:20px; padding-top:2px; display:block; font-weight:normal; clear:both; }

/* alerts and errors */
.sectionAlert {float: right; width: 243px; text-align:right; margin:15px 16px 0 0; display:inline;}/*display inline fixes IE/Win double float margin bug*/
.alert, .selected, .promoRate, .sectionAlert span {background: url(http://www.orbitz.com/site/img/icons/alert.gif) no-repeat left 2px; padding: 1px 0 1px 16px; font-style:normal;}
.selected {background-image:url(http://www.orbitz.com/site/img/icons/star.gif);}
.promoRate {background-image:url(http://www.orbitz.com/site/img/icons/promo_sm.gif); color:#090; font-weight:bold;}
.crossout { text-decoration: line-through; color: #666; }

/* Hides from IE5-mac \*/
* html .alert, * html .errorTop p, * html .error {height:1%;}
/* End hide from IE5-mac */
.errorTop {background: #ffc url(http://www.orbitz.com/site/img/chrome/corners/12x12_fc_cef_tr.gif) no-repeat top right; border-bottom:1px solid #f30; padding: 10px 16px;}
.errorTop p, p.error { background: url(http://www.orbitz.com/site/img/icons/error.gif) no-repeat top left; font: bold 11px Arial, sans-serif; color: #f30; }
.errorTop p {padding: 0 0 0 16px;}
p.error{padding-left: 16px;}
label.error {color: #f30;}
	

/* global button styles */
button, .btnTagDummy {display:block; margin:0; cursor:pointer; border-width:0; background:transparent; padding: 0;}
a.sysTxtBtn:link, a.sysTxtBtn:active, a.sysTxtBtn:hover, a.sysTxtBtn:visited, button {text-decoration:none; margin:8px 0 0 0 ! important;}
.sysTxtBtn, .buttons {font-size: 8pt;} /* sets font size for width in em units */
.sysTxtBtn .label {display:block; font-weight:bold; color:white; text-decoration:none; font-size: 8pt; font-weight: bold; }/* sets font size inside buttons since they don't pick up the outer size */

/* background positions */
.sysTxtBtn {display:block; margin:0; cursor:pointer; border-width:0; background:transparent; }
.sysTxtBtn span {display:block; margin:0; padding:0; background-repeat:no-repeat; background-position:top right;} /* applies to every span in button */
.sysTxtBtn span span span {background-position:bottom right;}
.sysTxtBtn span span span span {background-position:top left;}
.sysTxtBtn span span span span span {background-position:bottom left;}
.sysTxtBtn span span span span span span {background-position:center left;}

/* deals with width/margin differences between ie & mozilla */
.sysTxtBtn .btnTagDummy {margin: 0 3px ! important;}
.buttons .underButton {font:0.75em verdana ! important; margin: 0 0 0 3px; padding:0;}
* html .sysTxtBtn .btnTagDummy {margin: 0 ! important;}
* html .underButton {margin: 0;}
a.sysTxtBtn span span {margin-right: 6px;}
* html a.sysTxtBtn span span , a.sysTxtBtn span span span {margin-right: 0;}

/* button widths - second set is for IE PC */
.mini, .mini .btnTagDummy  {width:3.2em;}
.xxxs, .xxxs .btnTagDummy  {width:6.75em;}
.xxs, .xxs .btnTagDummy  {width:7.9em;}
.xs, .xs .btnTagDummy  {width:9em;}
.s, .s .btnTagDummy  {width:9.9em;}
.m, .m .btnTagDummy  {width:10.85em;}
.l, .l .btnTagDummy  {width:12.25em;}
.xl, .xl .btnTagDummy  {width:13.65em;}
.xxl, .xxl .btnTagDummy  {width:14.8em;}
.xxxl, .xxxl .btnTagDummy  {width:15.9em;}
* html button.mini, * html .mini .btnTagDummy  {width:3em;}
* html button.xxxs, * html .xxxs .btnTagDummy  {width:6.225em;}
* html button.xxs, * html .xxs .btnTagDummy  {width:7.3em;}
* html button.xs, * html .xs .btnTagDummy  {width:8.4em;}
* html button.s, * html .s .btnTagDummy  {width:9.35em;}
* html button.m, * html .m .btnTagDummy  {width:10.3em;}
* html button.l, * html .l .btnTagDummy  {width:11.7em;}
* html button.xl, * html .xl .btnTagDummy  {width:13.1em;}
* html button.xxl, * html .xxl .btnTagDummy  {width:14.25em;}
* html button.xxxl, * html .xxxl .btnTagDummy  {width:15.35em;}




/* top nav styles */
#topnav { width: 770px; background-color: #fff; padding: 0; }
#topnav div.tabs {padding-left: 16px;}
#topnav .tabs ul { list-style-type: none; margin: 0; padding: 0; line-height:1.2;}
#topnav .tabs ul li { float: left; margin: 0 0px 0 0; padding: 0; line-height: 0;}
#topnav .tabs ul li.cs {margin: 0; padding-right: 0px; background: url(http://www.orbitz.com/site/img/chrome/nav/tab_cs_bg.gif) 100% 0 no-repeat;}
#topnav .tabs img { vertical-align: bottom; }
#blue-tabs { float: left; width: 425px; background: url(http://www.orbitz.com/site/img/chrome/nav/bg_left_bigtabs.gif); margin: 8px 0 0 0;}
#green-tabs { float: right; width: 345px; background: url(http://www.orbitz.com/site/img/chrome/nav/bg_right_bigtabs.gif); margin: 8px 0 0 0;}
#green-tabs .tabs ul{ background: url(http://www.orbitz.com/site/img/chrome/nav/corner_tr.gif) top right no-repeat; padding: 10px 0 0 0; margin: 0;}

/* these images are coming from flight-info dir because we made the template updates before the images were on production */
#green-tabs .tabs#withTLC ul {background-image: url(/flight-info/images/corner_tr_tlc.gif);}
#green-tabs .tabs#withTLC ul.tlcActive {background-image: url(/flight-info/images/corner_tr_tlc_o.gif);}

#green-corner {text-align: right;}
#topnav #meta { height: 32px; width: 345px; margin: 10px 0 0 0; vertical-align: center; text-align: right; font-weight: bold; font-size:13px;}
#meta .smaller { font-size:10px; }
#meta h3 {margin: 0; padding: 0;}
#meta ul { font-size:11px; margin: 0 0 3px 0;}
#meta ul li { margin-left: 3px; padding-right: 0; }
/* IE5 Mac only -- it renders the left border in the wrong place, so I am turning it off */
 /*\*//*/
  #meta li { border-left: none; }
/**/
/* end IE5 Mac only */

/* footer */
#footer {padding: 16px 0 24px 16px; font-size:10px; width: 570px;  color: #999; float: left;}
#footer a, #footer p {font-size:10px;} 
#footer .secondary_nav {margin:4px 0; color:#999;}
#footer .secondary_nav a {color:#999;}
#footer p {padding: 0 0 0 86px; background: url(http://www.orbitz.com/site/img/logos/orbitz_footer.gif) no-repeat left; clear:both; margin-top:10px;}/*margin doesn't actually appear - it's here for ie bug*/
#footer p em {color: #999; font-style:normal;}
#footer ul {clear:both; margin:0 0 1px 0;}
#footer li {white-space:nowrap; clear:none;}

#footer_right {margin: 16px 0 16px 0; text-align: right; font-size:10px; margin-left: 590px; width: 170px;}
#footer_right .logo {padding-right: 10px; vertical-align: top;}
/*HOTEL SPECIAL OFFER BOX - /shared/module/results/hotel/include/specialOffer.jsp */
#specialOffer { border: 1px solid #cef; margin-bottom:12px; width:585px; }
#specialOffer.main {margin: 13px 16px 16px 16px;}
#specialOfferPromo { background:#cf7; vertical-align:top; text-align:left; padding: 10px 20px 0px 20px; }
/* Hides from IE5-mac \*/
* html #specialOfferPromo {height:1%; }
/* End hide from IE5-mac */
#specialOfferPromo img { width:155px; height:25px; float:left; margin-bottom:10px; }
#specialOffer h3, #specialOffer ul { font-size:12px; font-weight:bold; margin:0px; padding:0px; }
#specialOfferPromo h3, #specialOfferPromo ul { margin-left:210px; }
#specialOfferValueAdd { padding:12px 20px; }

/* GTA styles */
#gtaDisclaimer {width:334px; padding:10px 10px 10px 30px; margin:0 0 5px 0; background:#FFFF33 url(http://www.orbitz.com/site/img/icons/alert.gif) 10px 10px no-repeat;}
#gtaSupplier {width:354px; padding:10px; margin:0 0 5px 0; border:1px solid #AADDFF;}

#popupHeader {height:36px; margin:0 0 24px 0; padding:0; background: #cef;}
#popupHeader div {vertical-align: middle;}
#popupHeader .logo {float:left;padding:9px 16px;}
#popupHeader .close {float:right;padding:10px 16px;}
#popupFooter .close {float:right;padding:0 16px;}


#ad468x60_top {width: 770px; text-align:center;}

/* global rail styles */
div.rail {padding:9px 0 12px 0; background-color:#adf}
div.rail h3 {margin:0px; padding:0 8px 4px 12px; color: #000}
div.rail em {display:block; padding-left:28px; font-style:normal;}
div.rail em.single_line {padding:7px 0px 8px 28px;}
div.rail p, div.rail ul, div.rail h4 {margin:0px 8px 3px 12px; }
div.rail li {background-image:none; padding-left:0;}
div.rail a {color:#36f} 




body {font-size:11px;}


/* ocom main button styles */
.sysTxtBtn .label, .buttons button .label, .buttons a .label {font-family: arial; color:white; }/* this keeps "button buttons" from being bigger than "anchor buttons" */
.sysTxtBtn span span span span span span {padding:2px 0 3px 20px;}
.label {text-align:left;}

/* ocom action button bg images */
.submit span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/blue_top_right.gif);} 
.submit span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/blue_bottom_right.gif);}
.submit span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/blue_top_left.gif);}
.submit span span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/blue_bottom_left.gif);}
.submit span span span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/blue_arrow.gif);}

/* ocom back button bg images */
.back span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/grey_top_right.gif);} 
.back span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/grey_bottom_right.gif);}
.back span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/grey_top_left.gif);}
.back span span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/grey_bottom_left.gif);}
.back span span span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/grey_arrow.gif);}

/* ocom mini button bg images */
.mini span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/blue_top_right.gif);} 
.mini span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/blue_bottom_right.gif);}
.mini span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/mini_top_left.gif);}
.mini span span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/mini_bottom_left.gif);}
.mini span span span span span span {background-image:url(http://www.orbitz.com/d.gif);padding:2px 3px 3px 3px ! important; }
.mini .label {text-align:center ! important;}

/* ocom image button bg images and padding */
.value span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/blue_top_left_value.gif) ! important;}
.value span span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/blue_bottom_left_value.gif) ! important;}
.value span span span span span span {background-image:url(http://www.orbitz.com/site/img/chrome/buttons/dollarSign.gif) ! important;background-position:5px center ! important; padding:2px 0 3px 25px ! important;}