/********** Initialization Styles **********/
body {font-size:12pt;}
#content {font-size:.7em; line-height:1.2em;}
#content img {border:none;}
#content form {margin:0; padding:0;}
#content p {margin:0; padding:0;}
#content p,#content div,#content ul,#content ol,#content dl,#content li,#content dd,#content dt,#content span,#content a,#content table,#content td {font-size:1.0em; line-height:1.2em;}
#content h1 {margin:0; padding:0; font-size:1.3em; line-height:1.3em;}
#content h1 span.moreInfo {font-size:75%; font-weight:normal; padding-left:8px;}
#content h2 {margin:0; padding:0;font-size:1.2em; line-height:1.2em;}
#content h3 {margin:0; padding:0; font-size:1.1em; line-height:1.1em;}
#content ul {margin:0; padding:0; list-style:square;} /* should we globally set none? */
#content ol {margin:0; padding:0;}
#content li {margin:0; padding:0;l ine-height:1.2em;}
#content .superclear {float:none; clear:both; width:1px; height:1px; overflow:hidden; visibility:hidden; padding:0; margin:0;}
/********** /Initialization Styles **********/

/********** Progress Bar **********/
#content #locator {text-align:right; padding:5px 0 3px 0 !important; padding:0 0 3px 0;}
#content #locator #altprogress {padding:0; margin:0;} /* 149 for Travelocity */
#content #locator #altprogress li {
	text-align:center;
	display:inline;
	list-style-type:none;
	width:52px;
	border-top:4px solid #000;
    margin-bottom:1px;
    padding:0 8px;
    margin-left:1px;
    font-size:.9em;
}
#content #locator #altprogress li span {display:inline; color:#000; padding-top:5px;}
#content #locator #altprogress li.off {border-top-color:#999;}
#content #locator #altprogress li.off span {color:#999;}
/********** /Progress Bar **********/

#wideAd {position:absolute; right:0; margin-right:12px;}

/********** Title & Recap **********/
#narrow {width:605px; float:left; position:relative;}
#wide {width:742px;}
#titleRecap {border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
#titleRecap h1 {padding:5px 8px 5px 8px;}
#titleRecap #recap {padding:0 0 20px 2px; margin:8px 8px 0 8px;}
#titleRecap #recap p {font-size:120%;}
#titleRecap #recap p.note {font-size:100%; padding-top:8px;}
#titleRecap #recap a {font-weight:normal;}
#changeDepartureCity {display:none;}
#changeDepartureCity select {font-size:80%;}
/* -------------------------------- */
#titleRecap ul {list-style-type:none; padding:0; margin:0; width:350px;}
#titleRecap ul li {white-space:nowrap;}
#titleRecap ul li.depart{padding:0 0 0 10px;}
#titleRecap ul li.dest {padding:0 0 0 10px;}
#titleRecap ul li.dates {padding:0 0 0 10px;}
/********** /Title & Recap **********/

/********** Workspace & Workarea **********/
#workspace {border:1px solid #000; background-color:#CCC; padding:8px;} 
#workspace .wspaceCol1 {text-align:right; padding:5px 0;}
#workspace .wspaceCol1 h1 {text-align:left;}
#workarea {background-color:#FFF; border:1px solid #000; padding:8px; height:auto !important; height:1%;}
#workspace.tabs {border:1px solid #000; border-top:none;}
#workspace h1, #workspace h2, #workspace h3 {margin:0 0 4px 0; font-size:140%;}
/********** /Workspace & Workarea **********/

/********** Sidebar **********/
#sidebar {width:125px; float:right;}
#sidebar #adspace {margin-bottom:12px;}
#sidebar .tools {background-color:#CCC; padding-bottom:1em;}
#sidebar .tools h3 {position:relative; background-color:#999; color:#EEE; margin-bottom:.5em; padding:.35em 8px;}
#sidebar ul {padding:0 8px 8px 8px; margin:0 0 0 16px;}
#sidebar ul li {padding:3px 0 0 0; list-style-type:square;}
/********** /Sidebar **********/

/********** Tabs **********/
#tabs .tabA, #tabs .tabIA {text-align:center; border:1px solid #000; padding:4px 8px; white-space:nowrap; line-height:1.2em;}
#tabs .tabA {border-bottom-color:#CCC; background:#CCC;}
#tabs .tabIA, #tabs .tabIA h3 {background:#FFF; cursor:pointer; white-space:nowrap; width:auto;}
#tabs .tabspacer {border-bottom:1px solid #000; padding-left:8px;}
#tabs h3 {text-align:center; margin-bottom:2px; font-size:1.1em; line-height:1.1em; width:auto;}
#tabs a {text-decoration:none; color:#000;}
#tabs .tabDesc {display:block;}
#tabs strong {text-decoration:none; font-weight:bold; font-size:1.1em;}
#tabs .disclaimer, #notabsbg .disclaimer {text-align:right; margin-top:.69em; padding:0 8px 4px 0; vertical-align:bottom;}
#tabs td.disclaimer, #notabsbg td.disclaimer {text-align:right; margin-top:.69em; padding-right:8px; padding-bottom:4px; vertical-align:bottom;}
#tabs td.disclaimer {border-bottom:1px solid #000;}
#notabsbg {text-align:right;}
#tabs .disclaimer a, #notabsbg .disclaimer a {text-decoration:underline; text-align:right;}
/********** /Tabs **********/

/********** Popups **********/
body#popup #content {padding:0; margin:8px;}
body#popup #content table th {text-align:left; padding-right:8px;}
body#popup #content h1,
body#popup #content h2,
body#popup #content h3,
body#popup #content p,
body#popup #content img,
body#popup #content table td {margin-bottom:1em;}
/********** /Popups **********/

/********** Errors & Alerts **********/
#content .e_box {position:relative; top:0; background:#ffc; border:1px solid #F00; margin:0;}
#content .e_box .e_content {padding:8px 8px 8px 36px;}
#content .e_box img {position:absolute; top:9px; left:9px;}
#content .e_box p {font-weight:600; padding-top:8px;}
#content .e_box ul {margin:0 0 0 16px; font-weight:300;}
#content .e_box h3 {font-size:1.4em; padding-top:.35em; color:#c00;}
#titleRecap #interstitial .a_box {border:1px solid #000; background-color:#FFF; margin:0 8px; padding:7px;}
#titleRecap #interstitial table {width:587px;}
#titleRecap #interstitial .a_img {padding-left:7px;}
#titleRecap #interstitial .a_content {font-size:11px; padding-left:7px;}
#titleRecap #interstitial .sc-price {color:#000; font-weight:bold;}
#workspace #interstitial .a_box {border:1px solid #000; background-color:#FFF; margin:0; padding:7px 7px 7px 7px;}
#workspace #interstitial .a_img {padding-left:7px;}
#workspace #interstitial .a_content {font-size:11px; padding-left:7px;}
#workspace #interstitial .sc-price {color:#000; font-weight:bold;}

div.msg-box {
	background-color:#FFFFCC;
	background-repeat:no-repeat;
	background-position:9px 9px;
	border-width:1px; 
	border-style:solid;
	padding:8px 9px 8px 38px;
	margin-bottom:10px;
	font-weight:normal !important;
}
div.msg-box.error-box {background-image:url(/img/layout/error.gif); border-color:#FF0000;}
div.msg-box.alert-box {background-image:url(/img/layout/alert.gif);	border-color:#0066CC;}
div.msg-box.one-line {background-position:9px center;}
div.msg-box.price-jump-or-drop {
	width:538px;
	margin:0 auto;
	background-color:white;
	background-image:url(/img/layout/alert.gif);
	border-color:black;
}
div.msg-box h3 {font-size:1.3em !important; padding-bottom:6px !important;}
div.msg-box h5 {padding:0; margin:0;}
div.msg-box p {margin:8px 0 !important;}
div.msg-box ul {margin:0 0 0 16px !important;}
div.msg-box ul li {margin:0 !important;}
/********** /Errors & Alerts **********/

/********** Numbered Forms **********/
#content .steps {position:relative;}
#content .stepBullet {position:absolute; width:15px; height:15px; font-size:1.2em; font-weight:bold; color:#fff; text-align:center; padding-top:1px; background:#999; margin-right:.15em;}
#content .steps h2 {padding-left:20px; display:block; line-height:18px;}
#content .stepcontent {margin:8px 0 0 22px;}
#content sup.smark {vertical-align: top; font-size:.85em; text-decoration:none;}
#content sup.footnote {line-height:1.2em; font-size:.85em; text-decoration:none;}
#content span.required {color:#c00;}
#content span.regmark {font-size:.8em; vertical-align:20%; text-decoration:none;}
#navButtons {margin-top:8px; text-align:center;}
/********** /Numbered Forms **********/

/********** Hotcard Product Display **********/
.hotCard {border:1px solid #000; margin:8px 0; background:#EEE}
.hotCardTitle,
#workarea .hotCardTitle {background:#999; padding:0 3px 3px 3px; margin-bottom:8px; font-size:120%; border-bottom:1px solid #000;}
.hotCardTitle a,
#workarea .hotCardTitle a {color:#fff; text-decoration:none; font-weight:bold; display:block; padding-top:3px;}
/********** /Hotcard Product Display **********/

/********** /Hotcard ss_detail Display ********/
.eidtorsPicksLocationHeader{vertical-align:top;}

/********** Buttons **********/
#navBtn1, #navBtn2 {margin:0 auto; text-align:center;}
.btn_box {display:inline; margin:4px;}
#navBtnSm1 {margin:2px auto; text-align:center;}
#content button {margin:0; padding:0; border-style:solid; border-width:2px; font-weight:700; height:36px; text-align:center; width:100px; cursor:pointer;}
#content button span {display:block; line-height:1.2em; margin:0 0 0 1px;}
#content button span.single {margin-top:2px;}
#content button.btn_select {height:20px; width:66px;}
#content button.btn_select span {margin-top:1px;}
/********** /Buttons **********/

/********** TEMPORARY: remove when buttons roll out to all sites **********/
#content button {background-color:#036; border-color:#ACBED0 #003 #003 #ACBED0; color:#FFF;}
#content button span {filter:dropShadow(Color=623F24,offX=1,offY=1,positive=true); text-shadow:2px 2px #7E4725;}
/********** /TEMPORARY **********/

/********** Notes **********/
#notes {padding-top:1em;}
#notes p {margin-bottom:1em;}
#notes ul {margin-left:2em;}
#notes ul li {margin-bottom:1em;}
/********** /Notes **********/

/********** Spotlight Tagging **********/
#spotlight {display:none;}
/********** /Spotlight Tagging **********/

/********** Timekeeper **********/
#timekeeper {display:none;}
/********** /Timekeeper **********/

/********** Media Styles **********/
@media print {
	#locator {display:none;}
	#sidebar {display:none;}
	div.polframe {height:100%;}
	#voucher {page-break-before:always}
	#mainContent {width:auto;}
	#content {padding:0;}
}
@media screen {
	div.polframe {height:auto;}
	#mainContent {}
	#content {padding:12px;} /* padding:12px for Travelocity */
	#locator {display:block;}
	#sidebar {display:block;}
}
/********** /Media Styles **********/

/********** Common ***********/
a img {border:none;}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.tright {text-align:right;}
.vtop {vertical-align:top;}
.no-display {display:none;}
.prelative {position:relative;}

img.button {cursor:pointer;}
/********** /Common **********/