@charset "UTF-8";

/****************
*  Used for typography, color-schemes.  Anything that doesn't affect the general layout
*****************/
a,a:visited,a:link,a:hover,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	color:#0C2D83;
}

table {
}
fieldset,img { 
}
address,caption,cite,code,dfn,em,strong,th,var {
}
strong, th {
	font-weight: bold;
}
ol,ul {
}
caption,th {
}
h1,h2,h3,h4,h5,h6 {
}
q:before,q:after {
}
abbr,acronym {
}

em {
	font-weight: bold;
	font-style: italic;
}

body {
	background-color:#0C2D83;
}


#pageWrapper
{
	background-color:#0C2D83;
	font-size: 80%;
	font-family: arial, helvetica, sans-serif;
}

#secondaryContent {
	padding-left: 2px;
	width: 162px;
}

#innerContentWrapper
{
	background-color: #fc0000;	/* middle column background */
	background:transparent url(../../wrapper.jpg) repeat-y scroll right top;
}

#outerContentWrapper
{
	background-color: #fcfcfc;	/* middle column background */
	background:#FFFFFF url(../../outer.jpg) repeat-y scroll 0%;
}

div.debug h2,div.debug h3 { font-size: 1.2em; font-weight: bold;}

div.debug {
	background-color: #6cf;
	border: 3px solid black;
	overflow: scroll;
	font-size: .8em;
}

div.debug dt, div.debug dd {
	margin-top: 3px; float: left;
}
div.debug dt {
	clear: left;
	min-width: 60px;
}

/*outside of a module block*/
#mainContent h1,#mainContent h2 {
	font-weight: bold;
	font-size: 1em;
	margin: 8px 20px 12px;
}

#mainContent .moduleBlock {
	background-color:#F7FAFD;
	text-align: center;
}

/* for p outside of a module block */
#mainContent p {
	margin: 4px 30px 0;
}

#mainContent .moduleBlock,
#mainContent div.summary {
	margin: 4px 20px 0;
}

div.airline #mainContent .moduleBlock ul {
	margin:5px 0pt 5px 20px;
	padding:0pt 12px;
}

#mainContent .moduleBlock p {
	margin: 0;
	padding-bottom: 5px;
}

#mainContent .moduleBlock img.moduleBlockShadow {
	width:100%;
	display: block;
	margin-top: 10px;
}

/* drop shadow outside of module block */
#mainContent img.moduleBlockShadow {
	width: 760px;
	display: block;
	margin: 0;
	background-color: #fff;
}

/* Hide the img shadow on the right column */
#secondaryContent .moduleBlock img.moduleBlockShadow {
	display: none;
}


dl{margin: 4px 20px 0;}

.moduleBlock h1,
.moduleBlock h2,
.moduleBlock h3,
.moduleBlock p,
.moduleBlock ol,
.moduleBlock ul,
.moduleBlock dl
{ padding: 3px 10px; text-align: left;}

dt {font-weight: bold; margin-top: 20px;}
dd {padding-left: 9px;}

.moduleBlock h1 {
	text-align: center;
}

.moduleBlock h1, .moduleBlock h2, .moduleBlock h3 {
	font-weight: bold;
	color: white;
	background-color: #0C2D83;
	text-align: left;
}

.moduleBlock ul,.moduleBlock ol {
	list-style-type: disc;
	margin-left: 10px;
}

#masthead
{
	background:transparent url(../../header.gif) repeat-x scroll left bottom;
	height: 87px;
	position: relative;
}

#masthead div.logo {
	background:transparent url(../../sg_logo.gif) no-repeat scroll left top;
	height: 65px;
	width: 433;
}

#masthead div.logo a {
	display:block;
	float:left;
	height:70px;
	overflow:hidden;
	width:370px;
}

div.valueProp {
position: absolute;
color: #fff;
font-size: 1.15em;
top: 10px;
width: 580px;
height: 50px;
right: 0;
line-height: 19px;
}

div.valueProp h2 {
font-weight: bold;
color: #F99E30;
font-size: 1.3em;
}

#masthead div.logo a,#masthead div.logo a,#masthead div.logo a
{
	text-decoration: none;
}

#masthead div.logo a span {
	visibility: hidden;
}

#footer
{
	border-top: 1px solid #B0B0B0;
	background-color: #fff;
	text-align: center;
	font-size: .9em;
}

#footer .innerWrapper {
	padding: 15px 0;
	margin: 0 auto;
	width: 100%;
}

#footer a {
	color:#F99E30;
	font-weight:bold;
}

#footer p {
	padding: 5px 0;
}

#footer #pivacyANDterms a {
	color:#0C2D83;
}

#footer div {
	margin:9px auto;
	width:96px;
}

#footer ul, #footer li { display: inline; }

#footer li {margin: 0 5px;}

#navContent div#searchbox {
	width:192px;
	height:100px;
	background-color: #0c2d83;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding-top: 10px;
	padding-left: 8px;
}

#navContent div#searchbox form input.btn {
	margin-left: 100px;
	color: #FFF;
}

#navContent div#searchbox form input{
	margin-top: 8px;
}

#mainContent div#searchbox {
	height:100px;
	background-color: #0c2d83;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding-top: 10px;
	padding-left: 8px;
}

#mainContent div#searchbox form input.btn {
	margin-left: 100px;
	color: #fff;
	float: left;
}

#mainContent div#searchbox form input{
	margin-top: 8px;
	float: right;
}

/*for airline pages*/
ul#airlineMenu {
	min-height:3em;
	line-height:3em;
	background-color:#0c2d83;
	height: 38px;
	color:#fff;
}

#airlineMenu li {
	display:inline
}

#airlineMenu li a,
#airline #airlineMenu li a:link {
	float:left;
	display:block;
	white-space:nowrap;
	text-decoration:none;
	padding:0 9px;
	font-weight:bold;
	color:#fff;
}

#airlineMenu li a:hover,
#airline #airlineMenu li a:focus,
#airline #airlineMenu li a:active {
	text-decoration:underline
}

#airlineMenu.information li#general-tab a,
#airlineMenu.checkin li#checkin-tab a,
#airlineMenu.baggage li#baggage-tab a,
#airlineMenu.infants li#infants-tab a,
#airlineMenu.minors li#minors-tab a,
#airlineMenu.pets li#pets-tab a,
#airlineMenu li.active a{
	color:#0c2d83 !important;
}

#airlineMenu.information li#general-tab,
#airlineMenu.checkin li#checkin-tab,
#airlineMenu.baggage li#baggage-tab,
#airlineMenu.infants li#infants-tab,
#airlineMenu.minors li#minors-tab,
#airlineMenu.pets li#pets-tab,
#airlineMenu li.active {
	float:left;
	display:block;
	padding:0;
	font-style:normal;
	color:#0c2d83 !important;
	background:#fff url(../../horNavHank.jpg) repeat-x 0 100%;
	border-left:9px solid #fff;
	border-right:9px solid #fff;
}


/* recent additions module */
div.moduleBlock ul.additions, div.moduleBlock ul.additions ul { margin: 0px; padding: 0px;}
#mainContent ul.additions li.airline li.plane {display:inline; padding-right: 10px;}
ul.additions li.airline,ul.additions li.stats { padding: 5px 0px 5px 5px; border-bottom: 1px solid #666;}
ul.additions li { list-style-type: none;}
ul.additions li.airline li.plane{ font-size: .8em;}
/* ul.additions li.airline:last-child, ul.additions li.last { border-bottom: 0px; padding-bottom: none;} */
ul.additions li.airline a
 { font-weight: bold; text-decoration: none;}
ul.additions li.plane a { font-weight: normal;}
li.stats {font-weight: bold; font-size: 0.88em; color: #333; background-color: #fff;}

div.story h4,div.story h3 {
	font-weight: bold;
	text-align: left;
}

div#mainContent div.story h2 {
	font-size: 1.25em;
	margin-bottom: -1px;
}

#mainContent #carrier_info h2 {
	margin-bottom: 0px;
}

#mainContent #carrier_info div.story {
	margin-top: 16px;
}

div.story {
text-align: left;
}

div.story ol {
	list-style-type: decimal;
}


div.airline div#mainContent table, 
div#article_content div.story table {
	border-collapse:collapse;
	border-color:#0C2D83;
	font-size:0.85em;
	margin:15px 0pt;
	width:100%;
}

div.airline div.moduleBlock th ,
div.airline div#mainContent th ,
div#article_content div.story th {
	background-color:#E6F4FF;
	text-align:left;
}

div.airline div#mainContent th, div.airline div#mainContent td,
div#article_content div.story th, div#article_content div.story td {
	padding:0pt 9px;
	border:1px solid #0C2D83;
	text-align: left;
}

/*for airline info pages*/
div#leftFloat {
	width: 360px;
	margin-left: 20px;
	padding 0px;
	float: left;
}

#rightFloat {
	width: 360px;
	margin-right: 20px;
	padding 0px;
	float: right;
}

#mainContent,div.story, #doubeWrap {overflow: hidden;}

#doubleWrap img.BoxDropShadow {
	width: 360px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
}

#doubleWrap .moduleBlock {
	padding-bottom: 10px;
	margin: 0;
}

#doubleWrap .moduleBlock p, #doubleWrap .moduleBlock ol, #doubleWrap .moduleBlock ul, #doubleWrap .moduleBlock dl {
	margin: 0px;
}

#doubleWrap dt {
	margin-top: 7px;
}

/* ad stuff 
fine tune with: placement1, placement2, placement3, placement4
*/
div.dartAdWrap {
	margin: 0px auto;
	display: table;
	width: auto;
	overflow: hidden; 
}

div.adPlacement4 { margin-top: 6px; width: 740px;}

div.dartAdWrap div,div.dartAdWrap iframe {
	overflow:hidden;
	margin: 0px auto;
	display: block;
}

/* seatmap specific */
#seatmapInstructions { font-weight: bold; }
#seatmapInstructions .help { font-weight: normal; }

#mainContent #seatmap_info h1,
#mainContent #article_content h1,
#mainContent .searchresults h1
 {
 background-color:#0C2D83;
 color:white;
 font-weight:bold;
 text-align:center;
 margin: 0px;
 padding: 3px 10px;
 font-size: 1.1em;
}

#mainContent #seatmap_info div.summary p {
	margin: 12px 27px;
}

#mainContent #seatmap_info div.summary {
	margin-top: 5px;
}

/* fast facts table */
#mainContent #seatmap_info table#fastFacts {font-size:.9em;border-collapse:collapse;margin:2px 0; width: 728px; margin: 10px auto; }

#mainContent #seatmap_info table#fastFacts th, #mainContent #seatmap_info table#fastFacts td {border: 0px;border-bottom:1px solid #f99e30;padding:0 9px; text-align:left;background-color: #fff; }
#mainContent #seatmap_info table#fastFacts b {font-size:1em;cursor:pointer;text-decoration:underline}

#mainContent #seatmap_info #iconBox li, #mainContent #seatmap_info #iconBox img {
	display: inline;
}

#mainContent #seatmap_info img.moduleBlockShadow { margin-left: 12px; }

#mainContent #seatmap_info #seatmapwrapper img.plane{
	display: block; margin-top:16px;
}

#mainContent #seatmap_info #seatmapwrapper {
	margin-left: 40px;
}

#seatmapwrapper, #seatmapextras { width: 340px; }

#seatmap_info #SGDealsWrapper, #seatmap_info #dealsContainer { width: 330px; overflow: hidden; }

#seatmapwrapper {float: left;}

#mainContent #seatmap_info #seatmapControls,
#mainContent #seatmap_info #seatmapLegend
{
	/*	display:table;*/
	margin: 15px auto;
	width: 310px;
	overflow: auto;
}

#mainContent #seatmap_info #seatmapLegend li,
#mainContent #seatmap_info #seatmapControls li {
display: inline;
}

/* seat info boxes */
#sgc {background:#F7FAFD;}
#sgc p {margin:0; padding:3px 3px 0 3px; }
#sgt {background:#CCD1E4; font-size:15px !important; border-bottom: 1px solid #0C2D83;}
#sgt b {font-size:15px !important}
#sgb {clear:both; border-top: 1px solid #0C2D83}
#sgl {float:left; width:190px}
#sgr {float:right; width:150px}
/* icon boxes */
/* this class will give lists inside #iconBox the "regular look": list block items with bullets */
.ulWITHbullet li {list-style-type:disc !important;display:list-item !important}
.ulWITHbullet {margin:2px 0 2px 15px !important}

/* smaller font-size */
#iconBox {font-size:.9em}

/* amenities icon box */
#mainContent #seatmap_info #iconBox {
	font-size: 0.9em;
	border:1px solid #999999;
	margin:10px 12px 0;
	min-height:50px;
}


#mainContent #seatmap_info #iconBox span#Amenities {
display: block;
height: 23px;
line-height: 21px;
}

#mainContent #seatmap_info #iconBox li#Help {
	display: block; width: 100%;
	color:#FFFFFF !important;
	font-weight:bold !important;
}


/*#BoxDropShadow {text-align:center}*/
#BoxDropShadow {display:block;margin:0 auto;width:100%;height:5px}

/* extra element because we can't rely on padding of the UL (AP DIVs) */
#iconBox {padding:0 3px 0 7px;border:1px solid #999;margin-top:10px;position:relative;min-height:50px;background:url(../../iconBox.gif) repeat-x}
/* the ICONS */
#iconBox img {position:absolute;top:27px;cursor:pointer}
/* *all* the divs */
#iconBox div {position:absolute;top:-9999px;left:7px;margin-right:7px;margin-bottom:-20px;}
/* reset for the DIV in the corner */
#Help div#needHelp {float:right;width:6em;cursor:pointer;margin:-20px 3px 0 0;position:relative;top:0;left:0;padding:0 3px}
/* style the p */
#iconBox p {margin:0;padding:3px 0; clear: both;}

/* divs once clicked - display and width declarations are for Safari */
#iconBox li.showDIV div {position:relative;top:0px;display:inline-block;margin:0 auto 10px;width:100%;margin-top:75px;}

#iconBox li.hideDIV div {position:absolute;top:-9999px}

/* the DIV */
#Help.showDIV div {color:#0c2d83;font-weight:400;}

/* Amenities and Need Help? */
span#Amenities,div#needHelp {background:#0c2d83;font-size:1.1em !important;color:#fff !important;font-weight:bold !important}

/* positioning the images. add more icons below */
#Icon1 img {left:0}
#Icon2 img {left:60px}
#Icon3 img {left:120px}
#Icon4 img {left:180px}
#Icon5 img {left:240px}
#Icon6 img {left:300px}

.tt  {border: 1px solid #0c2d83;}

/* Search results */
div.searchresults {margin:0; padding:0}
div.searchresults a {font-weight:bold}


#mainContent div.searchresults {margin: 20px;}
#mainContent div.searchresults ul {list-style-type:none;margin: 0px;width: 85%}
#mainContent div.searchresults li {margin:10px 0px;}
#mainContent div.searchresults div.pagination {width: 85%;text-align: right}
#mainContent div.searchresults .error ul, #main div.searchresults .error ul li {list-style-type: disc; margin: 0 10px;}

/* charts */
#mainContent table#comparison { width: auto; margin: 10px 1px 1px 1px; }

#mainContent table#comparison td {font-size: 0.95em; padding: 3px; 8px;}

table.sortable a.sortheader { font-weight: bold;text-decoration: none;display: block;}
table.sortable span.sortarrow { text-decoration: none; }
tr.colored { background-color:#e3e3e3;padding:0px;margin:0px; }
tr.hovered { background:#9cf; }
tr.selected { background-color:#fc6; }
.fifty { width:50px }
.sixfiv { width:65px }
.sevfiv { width:75px }

ul.sitemap, .sitemap ul,.sitemap ul ul, .sitemap ul ul ul { margin: 8px 30px; list-style-type: disc; font-size: 14px;}

#mainContent div.moduleBlock {clear: both;}
div.item {text-align: left; padding: 5px;overflow:hidden;}
#mainContent div.moduleBlock div.item img {float:left; clear: left; margin-right: 5px;}