/* Styles for BB Widget */

/*
 Functional Styles
 */
#bb_widget
{ position: relative; border-bottom: 1px solid #666; background: url(http://i.slimg.com/seatguru/bb/bg-widget.gif); font-size: .9em;}

#bb_widget ul.nav
{ list-style-type: none; position: relative; overflow: hidden; }

#bb_widget ul.nav li
{ float: left; }

#bb_widget form
{ display: none; }

#bb_widget.hotel     form#hotel_widget_form,
#bb_widget.car       form#car_widget_form,
#bb_widget.air       form#air_widget_form,
#bb_widget.vacation  form#vacation_widget_form
{ display: block; }

/*
 General Look and Feel Styles
 */
#bb_widget ul.nav
{ height: 23px; text-align: center; }

#bb_widget ul.nav li
{ overflow: visible; white-space: nowrap; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url(http://i.slimg.com/seatguru/bb/bg-non-active-btn.gif); height: 21px;}

#bb_widget.hotel     li.hotel,
#bb_widget.car       li.car,
#bb_widget.air       li.air,
#bb_widget.vacation  li.vacation
{ border-bottom: 0px; margin-bottom: 1px; background: url(http://i.slimg.com/seatguru/bb/arrow.gif) no-repeat scroll center 0; }


#bb_widget ul.nav li a
{ font-weight: bold; text-decoration: none; font-size: 11px; line-height: 20px; }

#bb_widget #hotel_widget_tab
{ width: 41px; }

#bb_widget #car_widget_tab
{ width: 68px; }

#bb_widget #air_widget_tab
{ width: 50px; }

#bb_widget #vacation_widget_tab
{ width: 66px; }

#bb_widget .footer
{ font-size: 11px; display: block; }

#bb_widget .footer a
{ text-decoration: none; }

#bb_widget form label
{ margin: 5px 7px -1px; }

/* Just text fields */
#bb_widget form input
{ padding: 2px; }

#bb_widget form input.hidden
{ visibility: hidden; display:none;}

/* All form fields except images */
#bb_widget form input,#bb_widget form select
{ border: 1px solid #0c2d83; font-size: 11px; }

/* text fields and month-day pairs */
#bb_widget form input, #bb_widget form .date_input
{ display: block; width: 130px; }

/* just input images */
#bb_widget form .date_input img
{ display: inline; cursor: pointer; margin-bottom: -3px; }

#bb_widget form input, #bb_widget form input,#bb_widget form .date_input, #bb_widget form select, #bb_widget .footer
{ margin: 2px 10px; }

#bb_widget form .date_input select
{ margin: 0px; }

#bb_widget select.month
{width: 55px;}

#bb_widget select.day
{width: 48px;}

#bb_widget div.num_rooms select,
#bb_widget div.num_guests select,
#bb_widget form select#air_num_travelers,
#bb_widget form select#vacation_num_travelers
{width: 40px;}

#bb_widget form input.btn
{ margin: 10px; display: block; width: auto; border: none; }



/*
 Mode specific form tweaks
*/
#bb_widget #hotel_widget_form .num_rooms, #bb_widget #hotel_widget_form .num_guests
{ display: block; }

#bb_widget #hotel_widget_form .num_rooms
{width: 50px; position: relative; height: 45px; width: 50px; padding: 0;}

#bb_widget #hotel_widget_form .num_guests
{ margin-left: 10px; width: 50px; position: relative; top: -45px; left: 60px; height: 45px; margin-bottom: -50px; padding: 0; }

#bb_widget #hotel_widget_form .num_rooms label
{ position: relative; margin: 0 0 0 7px; }

#bb_widget #hotel_widget_form .num_guests label
{ width: 50px; position: relative; margin: 0 0 0 7px; }

#bb_widget #hotel_widget_form label.num_rooms select, #bb_widget #hotel_widget_form label.num_guests select
{
 display: block; float: left;
 margin-left: 19px;
 width: 40px;
 position: relative;
}

div#bb_widget h3
{
 width: 163px; overflow: hidden;
 background-color:#f99e30;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #666;
 color: #fff;
 font-weight: bold;
 padding: 3px 0 3px 10px;
}
div#bb_widget
{
 width: 160px; overflow: hidden;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 overflow: hidden;
 float: left;
 border-top: 10px solid #0c2d83;

}

/*context specific tweaks*/
div#secondaryContent #bb_widget #car_widget_tab
{ display: none; }
div#secondaryContent #bb_widget div.provider
{ display: none; }

/* lg format widget */
div#mainContent .moduleBlock div#bb_widget {
	width: 724px;
	overflow: hidden;
	float: none;
	border: 8px solid #0c2d83;
	border-top: 0px;
	text-align: left;
	background: none;
	background-color: #f7fafd;
	margin-bottom: -10px;
}

div#mainContent .moduleBlock div#bb_widget h3 {
 background:#0C2D83 none repeat scroll 0% 50%;
 font-size:1em;
 margin:0pt;
 padding:3px 0pt 3px 10px;
 width: auto;
 border-top: 0px;
 line-height:20px;
}

div#mainContent .moduleBlock div#bb_widget ul.nav li{
 height: 23px;
 width: 100px;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 text-align: center;
 background: transparent url(http://i.slimg.com/seatguru/bb/inactive-tab.gif) repeat scroll 0% 50%;
}

div#mainContent .moduleBlock div#bb_widget.air ul.nav li.air,
div#mainContent .moduleBlock div#bb_widget.hotel ul.nav li.hotel,
div#mainContent .moduleBlock div#bb_widget.vacation ul.nav li.vacation,
div#mainContent .moduleBlock div#bb_widget.car ul.nav li.car
 {
	 border-bottom: 1px #F7FAFD;
	 background-image: url(http://i.slimg.com/seatguru/bb/active-tab.gif);
}



div#mainContent .moduleBlock div#bb_widget ul.nav li a{
	font-size: 14px;
	line-height: 22px;
}

div#mainContent .moduleBlock div#bb_widget .footnote {
	color: #777;
	font-size: 9px;
}

div#mainContent .moduleBlock div#bb_widget form{
 margin: 10px 25px 30px;
 overflow: hidden;
 width: 595px;
}

div#mainContent .moduleBlock div#bb_widget input.btn { position: absolute; left: 525px; bottom: 19px; magin: 0; padding: 0;}

div#mainContent .moduleBlock #bb_widget #hotel_widget_form .num_rooms,
div#mainContent .moduleBlock #bb_widget #hotel_widget_form .num_guests
{
 top: 62px;
 position: absolute;
}

div#mainContent .moduleBlock #bb_widget #hotel_widget_form .num_guests select,
div#mainContent .moduleBlock #bb_widget #hotel_widget_form .num_rooms select
{
	margin-top: 5px;
}

div#mainContent .moduleBlock #bb_widget #hotel_widget_form .num_rooms {
 left:530px;
}

div#mainContent .moduleBlock #bb_widget #hotel_widget_form .num_guests
{
 left:455px;
}


div#mainContent .moduleBlock #bb_widget .num_travelers {margin: 0px;top: 81px;position: absolute; left: 475px; width: 140px;}
div#mainContent .moduleBlock #bb_widget .num_travelers label {margin: 0px; padding: 0;}

div#mainContent .moduleBlock div.cities
{
 width: 260px;
 float: left;
}


div#mainContent .moduleBlock div.dates {
 float: left;
 width: 145px;
 margin-left: 40px;
}

div#mainContent .moduleBlock div#bb_widget.car div.dates {
 margin-left: 15px;
}

div#mainContent .moduleBlock div#bb_widget.car div.dates .date_input,
div#mainContent .moduleBlock div#bb_widget.car div.dates { width: 240px;}

div#mainContent .moduleBlock div#bb_widget.car input.btn {left: 545px;}

div#mainContent .moduleBlock div#bb_widget form div.departure_city input,
div#mainContent .moduleBlock div#bb_widget form div.provider input,
div#mainContent .moduleBlock div#bb_widget form div.destination_city input {
 width: 240px;
}

div#mainContent .moduleBlock div#bb_widget ul.nav{
 margin: 0;
 padding: 0;
 width: 490px;
 height: 25px;
}

div#mainContent .moduleBlock div#bb_widget span.footer {
	font-size: 9px;
	text-align: center;
	color: #0c2d83;
	position:absolute;
	overflow: hidden;
	display:block;
	padding: 0;
	margin: 0;
	height: 23px;
	width: 321px;
	line-height:20px;
	right:0px;
	top:26px;
	border-top: 1px solid #0c2d83;
	border-bottom: 1px solid #999;
	background-color: #c1c7d8;
}

div#mainContent .moduleBlock div#bb_widget form label {
 color:  #0c2d83;
 font-size: 13px;
}


/* ab-test winner .companionContent is on seatmap page */

.companionContent div#bb_widget ul.nav {
	border-top: 1px solid #9fa4ba;
	border-bottom: 1px solid #9fa4ba;
	background-color: #d5d9e5;
	height: 22px;
	overflow:visible;;
}

.companionContent div#bb_widget ul.nav li {
	background: none;
	background-color: #d5d9e5;
	border-top: 0;
	border-bottom: 0;
	background-image: none;
	color: #0c2d83;
	text-decoration: underline;
	height: 22px;
}

.companionContent div#bb_widget ul.nav li a {
	font-weight: bold;
	font-size: 11px;
}	


.companionContent div#bb_widget.air ul.nav li.air,
.companionContent div#bb_widget.hotel ul.nav li.hotel,
.companionContent div#bb_widget.vacation ul.nav li.vacation,
.companionContent div#bb_widget.car ul.nav li.car
{
	height: 22px;
	border-bottom: 1px solid #f1f3f6;
	background: url(../../ab/bb_widget/active-tab-arrow.gif) no-repeat center 0pt;
	background-color: #f1f3f6;
	text-decoration: none;
	margin-bottom: 0px;
}


.companionContent div#bb_widget {
	border-top: 0px solid blue;
}

.companionContent div#bb_widget h3 {
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 0;
	border-top: 0px;
}


#mainContent .companionContent div#bb_widget {
	border: 1px solid #0c2d83;
	margin-bottom: 25px;
}
/* lg format widget */

#mainContent .companionContent div#bb_widget {
	width: 329px;
	margin-bottom: 10px;
}

#mainContent .companionContent div#bb_widget ul.nav li {
	width: auto;
	padding: 0 10px;
}

div#mainContent .companionContent div#bb_widget form {
	margin: 0px;
	width: 329px;
	background: url(../../ab/bb_widget/light-blue-gradient-bg.gif) repeat-x 0 0;
	height: 154px;
	clear: left;
}

div#mainContent .companionContent div#bb_widget form div.departure_city input,
div#mainContent .companionContent div#bb_widget form div.provider input,
div#mainContent .companionContent div#bb_widget form div.destination_city input {
	width: 150px;
}

div#mainContent .companionContent div#bb_widget.car div.dates .date_input, div#mainContent .companionContent div#bb_widget.car div.dates {
	width: 130px;
}

div#mainContent .companionContent div.cities {
	width: 170px;
	float: left;
}

div#mainContent .companionContent div.dates {
	margin-left:8px;
	width:130px;
	float: left;
	margin-bottom: -10px;
	overflow: hidden;
}

div#mainContent .companionContent #bb_widget .num_travelers {
	position: static;
	width: 150px;
	margin-left: 10px;
	padding-top:  10px;
	clear: left;
	float: left;
}

div#mainContent .companionContent #bb_widget .num_guests {
	bottom:25px;
	left:0px;
	margin-left:10px;
	padding:0pt;
	position:absolute;
	width:50px;
	margin-bottom: 0px;
	top: auto;
}

div#mainContent .companionContent #bb_widget.hotel .num_rooms {
	bottom:25px;
	left:109px;
	position:absolute;

}

div#mainContent .companionContent #bb_widget.hotel .dates {
	left:170px;
	margin-left:8px;
	position:absolute;
	top:64px;
	width:130px;
}

div#mainContent .companionContent #bb_widget.car .dates {
	width: 144px;
}

div#mainContent .companionContent #bb_widget.hotel .btn {
	position: absolute;
	left: 170px;
}

div#mainContent .companionContent #bb_widget.car .btn {
	position: relative;
	left: 0px;
	top: -30px;
}

div#mainContent .companionContent #bb_widget input.btn {
	bottom:19px;
	float:left;
	padding:0pt;
	position:static;
}

#mainContent .companionContent div#bb_widget h3 {
	height: 17px;
	background: url(../../ab/bb_widget/vertical-widget-header.gif) no-repeat 0 0;
	border-right: #C47B2E;
}

#mainContent .companionContent div#bb_widget h3 span {
	display: block;
}

#mainContent .companionContent div#bb_widget h3 {
	width:100%;
	margin:auto;
	text-align: center;
	padding-left: 0px;
	margin: 0px auto;
}

#mainContent .companionContent div#bb_widget h3 {
	display: block;
	height: 34px;
}

#mainContent .companionContent div#bb_widget h3 span {
	height: 34px;
}

#mainContent .companionContent div#bb_widget h3 {
	background: url(../../ab/bb_widget/horizontal-header.gif) no-repeat 0 0;
}

#mainContent .companionContent div#bb_widget h3 {
	background:transparent url(../../ab/bb_widget/short-orange-gradient-bg.gif) repeat-x scroll 0pt 0pt;
	color: #0C2D83;
}

#mainContent .companionContent.slim div#bb_widget h3 {
	background: url(../../ab/bb_widget/vertical-widget-header.gif) no-repeat 0 0;
}

#mainContent .companionContent div#bb_widget h3,
#secondaryContent .companionContent div#bb_widget h3 {
	height: 17px;
}

div#mainContent .companionContent div#bb_widget span.footer {
	background-color: transparent;
	border-bottom: 0px solid #999999;
	border-top: 0px solid #0C2D83;
	font-size:10px;
	height:19px;
	left: 0px;
	position: absolute;
	bottom: 0px;	
	line-height: 7px;
	text-align:left;
	color: #60709d ;
	clear: left;

}

div#mainContent .companionContent div#bb_widget span.footer a {
	color: #60709d ;
}

/*******************************/
/* For the iframe-based widget */
iframe.compareWidget {
   overflow: hidden;
   border-style: none;
}
div#mainContent .moduleBlock div#bb_widget form#air_widget_form {
   padding:0;
   width: 715px;
   margin: 0;
}

#mainContent iframe.compareWidget {
   height: 125px;
   width: 715px;
}
#mainContent #seatmap_info iframe.compareWidget {
   width: 330px;
   height: 130px;
}
#secondaryContent iframe.compareWidget {
   width: 160px;
   height: 220px;
}
#air_widget_form h4 {
   margin: 0 7px;
   padding-top: 7px;
   font-size:13px;
   font-weight:bold;
   line-height:16px;
   background: none;
}

div#mainContent .companionContent div#bb_widget {
   background: none;
}

div#mainContent .companionContent div#bb_widget form {
   height: 179px;
   /* move bg down to compensate for new h4 and footer offset */
   background:#F2F3F8 url(http://i.slimg.com/seatguru/ab/bb_widget/light-blue-gradient-bg.gif) repeat-x scroll 10px 30px;
}

div#mainContent .moduleBlock #air_widget_form h4 {
   margin-left: 20px;
   font-size:16px;
}


/* new widget test (overrides wide header) */
div#mainContent .moduleBlock div#bb_widget h3 {
	background:#F7FAFD url(http://i.slimg.com/seatguru/bb/sgnew/bbwide-headerbg.jpg) repeat-x scroll 0%;
	height:35px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #0C2D83;
	font-size: 16px;
	font-weight: bold;
	line-height: 34px;
	border-top: 1px solid #0C2D83;
}

div#mainContent .moduleBlock div#bb_widget {
	border-width:0px 1px 1px;
	width:738px;
}

div#mainContent .moduleBlock div#bb_widget span.footer {
	border-top: none;
	top: 36px;
	width: 336px;
}

div#mainContent .moduleBlock div#bb_widget h3 {
	border-bottom: none;
	text-transform: none;
}

div#mainContent .moduleBlock div#bb_widget #doodad {
	background:transparent url(http://i.slimg.com/seatguru/bb/sgnew/bbwide-headerdoodad.jpg) no-repeat scroll 0%;
	z-index: 1;
	width: 49px;
	height: 49px;
	position: absolute;
	top: 1px;
	right: 5px;
}

/* new widget test (overrides seatmap version) */
#mainContent .companionContent div#bb_widget h3 {
	text-align: left;
}

#mainContent .companionContent div#bb_widget h3 span {
	background: none;
	height: 37px;
	margin: 0;
	padding-left: 3px;
	text-transform: none;
	text-align: left;
	word-spacing: -3px;
	letter-spacing: 0px;
	line-height: 30px;
}

#mainContent div#bb_widget h3 em {
	font-weight: normal;
	font-size: .85em;
	font-style: none;
}

#mainContent .companionContent div#bb_widget h3 {
	background:#F7FAFD url(http://i.slimg.com/seatguru/bb/sgnew/bbseatmap-headerbg.jpg) repeat-x scroll 0%;
	height: 37px;
	margin: 0;
	padding: 0;
	text-transform: none;

}

div#mainContent .companionContent div#bb_widget #doodad {
	background:transparent url(http://i.slimg.com/seatguru/bb/sgnew/bbseatmap-headerdoodad.jpg) no-repeat scroll 0%;
	z-index: 1;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 0px;
	right: 0;
}

/* new widget test (overrides slim rail version) */
#secondaryContent div#bb_widget {
	border-top: none;
	margin-top: 10px;
	background: none;
	padding-top: 12px;
}

#secondaryContent div#bb_widget h3 {
	background:#F7FAFD url(http://i.slimg.com/seatguru/bb/sgnew/bbslim-headerbg.jpg) repeat-x scroll 0% 0%;
	height: 41px;
	margin: 0;
	padding: 0 0 0 5px;
	text-transform: none;
	border-top: 1px solid #aaa;
	color: #0C2D83;
	font-weight: bold;
	font-size: 13px;
	line-height: 35px;
}

#secondaryContent div#bb_widget.air h3 {
	font-size: 12px;
	line-height: 18px;
}

#secondaryContent div#bb_widget h3 em {
	font-size: .9em;
	font-style: none;
	display: block;
}

#secondaryContent div#bb_widget.air #doodad {
	background:transparent url(http://i.slimg.com/seatguru/bb/sgnew/bbslim-headerdoodad.jpg) no-repeat scroll 0% 0%;
	z-index: 1;
	width: 39px;
	height: 36px;
	position: absolute;
	padding-top: 11px;
	top: 0;
	right: 3px;
}