﻿/* -------------------------------------
   MPOAIRPORT.com
   layout constructed with...
/* -------------------------------------
   Blueprint CSS Framework 0.7.1
   blueprintcss.googlecode.com
  == STRUCTURE: ======================
   * Page width:            870 px
   * Number of columns:     22
   * Column width:          30 px
   * Margin width:          10 px
------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* grid.css */
#wrap {width:870px;margin:0 auto;}
#homeLink, #search, #navbar, #content, #extras, #tagline, #choRoutesBtn, #choRoutesImg, #choFlightsBtn, #flightsTable, #posts, #choNews, #navNews, #navBlog, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
#search, #extras, #flightsTable, #content, #navNews, #navBlog, div.last {margin-right:0;}
#brand, #brandFoot, #main, #foot, div.span-22 {float:left;margin:0;width:870px;}
#choRoutesBtn, #choFlightsBtn, #navNews, #navBlog, .span-4 {width:150px;}
#homeLink, #search, #navbar, #extras, .span-5 {width:190px;}
#posts, .span-11 {width:430px;}
#tagline, #choRoutesImg, #flightsTable, #choNews, .span-12 {width:470px;}
#content, .span-16 {width:630px;}
#content.home, .span-17 {width:670px;}
#content, #posts, .append-1 {padding-right:40px;}
#content.home {padding:0;}
.clearfix:after, #wrap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, #wrap {display:inline-block;}
.clearfix, #wrap {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}

/* -------------------------------------
   On with the show...
------------------------------------- */
body {
background:#e8f0ff;
font-family:Verdana,sans-serif;
margin-top:0;
}

h1,h2,h3,h4,th,dt {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1,h2 {
font-variant:small-caps;
font-weight:400;
}
h2 {
border-bottom:1px solid #494;
color:#0F2B2B;
}
a {
	color: #0F2B2B;
	text-decoration: underline;
}
a:visited {
color:#0F2B2B;
}
a:hover {
color:#0F2B2B;
text-decoration:underline;
}

#wrap {
background:transparent url(http://www.mpoairport.com/bg-site2.png) no-repeat;
}

/* _brand */
#brand {
border-bottom:1px solid #ccc;
margin-bottom:20px;
}
#brand h1 a {
background:transparent url(/images/) no-repeat;
text-indent:-1000em;
width:228px;
}
#brand h1,
#brand h1 a,
#brandPhoto {
float:left;
height:80px;
margin:0;
overflow:hidden;
}
#brandFoot {
background:url(/images/bg-banner-bottom.png) no-repeat;
clear:left;
height:24px;
overflow:hidden;
}
#brandFoot div,
#search p,
#search form {
display:inline;
}
#homeLink a,
#tagline {
visibility:hidden;
}
#search label {
display:none;
}
#searchkey {
background:#dfd;
border:1px solid #696;
color:#6ba92c;
height:13px;
margin-top:1px;
padding:3px 4px;
vertical-align:top;
width:140px;
}
#searchkey:focus {
background:#efe;
color:#222;
}
#searchSubmit {
background:transparent url(/images/btn-sprites.png) 0 0 no-repeat;
border:0;
height:20px;
margin:2px 0 0 -4px;
padding:0;
text-indent:-1000em;
width:30px;
}
#searchSubmit:hover {
background-position:-40px 0;
cursor:pointer;
}
dl#searchResults {
border-bottom:1px solid #bce;
padding-bottom:10px;
}
#searchResults dt {
border-top:1px solid #bce;
margin-top:10px;
padding-top:10px;
}

/* _nav_left */
#navbar div {
background:url(http://www.mpoairport.com/sprite-bg-sidenav.png) 0 0 no-repeat;
}
div#navAirport {
background-position:-200px 0;
}
div#advertising,
div#advertising ul {
background:none;
overflow:hidden;
}


#navbar ul {
background:url(http://www.mpoairport.com/sprite-bg-sidenav.png) 0 bottom no-repeat;
list-style:none;
margin:-5px 0 20px;
padding-bottom:15px;
}
div#navAirport ul {
background-position:-200px bottom;
}
#navbar li {
padding-left:20px;
}
#navbar h3 {
border-bottom:1px solid #6ba92c;
color:#fff;
font-size:1.2em;
font-weight:400;
margin-right:10px;
padding:10px 20px;
}
#navAirport h3 {
border-bottom-color:#0F2B5B;
}
#navbar a {
color:#eee;
text-decoration:none;
}
#navbar a:hover {
color:#fff;
font-weight:700;
}
#advertising li {
background:#eee;
border:solid 1px #ccc;
color:#555;
margin:10px 0 0 0;
padding:1px;
width:175px;
}
#advertising li p {
/*font-family:Georgia;
font-style:italic;*/
margin:0 0 0 0;
padding: 0 5px 0 5px;
}

#advertising li form{
margin: 0 5px 0 5px;
}

#advertising li p a, #advertising li p a:visited{
  color: black;
}

#advertising li p a:hover{
  color:black;
  text-decoration:underline;
}
/* _content */
#content h3 {
color:#0F2B2B;
margin-bottom:.5em;
}
#content h4 {
color:#0F2B2B;
height:auto;
margin-bottom:.25em;
}
.contentBox,
.contentAlt {
background:transparent url(/images/bg-pad670w.png) 0 bottom no-repeat;
padding:20px 20px 30px;
width:670px;
}
.contentAlt {
background-position:0 top;
margin:-20px -20px -30px;
padding:20px 25px;
text-indent:-1000em;
}

/* _dashboard */
#dashboard {
clear:both;
margin-bottom:10px;
}
#dashboard > div {
background:#fff url(images/bg-pad670w.png) bottom no-repeat;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
height:10em;
padding-bottom:30px;
}
#dashboard h3 {
display:none;
}
#dashboard fieldset {
background:#c1d4e0;
border:2px solid #0F2B5B ;
margin:0;
padding:0 10px 10px;
position:relative;
}
#dashboard fieldset ul {
list-style:none;
margin:0 0 10px;
}
#dashboard label {
display:block;
margin-top:10px;
}
#dashboard img {
margin:0;
}
#dashboard table {
background:#789;
color:#eee;
/*width:100%;*/
}
#dashboard th,#dashboard td {
background:#0F2B5B;
padding:2px 4px;
}
#dashboard td {
background:#e0e0e0;
border-bottom:1px solid #fff;
color:#222;
}
.ui-tabs-nav a {
color:#fff;
text-decoration:none;
}
#dashboard .ui-tabs-hide {
display: none;
}

#choFlightsBtn button,
#fsubmit input {
background:#6ba92c;
border-color:#6ba92c;
color:#fff;
font-size:1em;
font-weight:700;
margin-bottom:.5em;
padding:2px 0;
width:150px;
}
button#FTdepart {
background:#0F2B5B;
border-color:#0F2B5B;
}
#choFlightsBtn button:hover,
#fsubmit input:hover {
border-color:#9de04c;
}
#choFlightsBtn button:active,
#fsubmit input:active {
background:#9de04c;
color:#000;
}
#choFlightsBtn p {
color:#666;
line-height:1;
margin-top:1em;
text-align:center;
}

#flightsTable {
height:120px;
overflow:hidden;
width:490px;
}
#flightsTable table {
border:2px solid #0F2B2B;
float:left;
width:100%
}
.fixedHead tr,
.scrollBody {
display:block;
}
.scrollBody {
height: 94px;
overflow: auto;
width: 100%
}
/* define width of TH/TD elements      */
.FTairline {
width: 140px;
}
.FTflight {
width: 55px;
}
.FTcity {
width: 112px;
}
td.FTcity {
text-transform:capitalize;
}
.FTtime {
width: 55px;
}
th.FTstatus {
width: 84px;
}
td.FTstatus {
width: 68px;
}
.FTtype {
display: none;
}
#dashboard tr.FTarrival td {
background: #dec;
}
#dashboard tr.FTarrival.odd td {
background: #cdb;
}
#dashboard tr.FTdeparture td {
background: #cde;
}
#dashboard tr.FTdeparture.odd td {
background: #bcd;
}

/* _airfare deals */
.ddeals li {
line-height:1;
padding:10px;
position:relative;
}
.ddeals a {
color:#347;
text-decoration:none;
}
.ddeals a:hover {
color:#111;
}
.ddeals span {
display:block;
padding-bottom:.5em;
}
.airportcode,
.airfare {
font:700 1.75em Georgia,serif;
}
.airline {
font-size:8.5px;
position:absolute;
right:5px;
bottom:3px;
}
.Delta, .Northwest, .United, .US, .Multiple {
background:url(images/sprite-airlines.png) 0px 10px no-repeat;
height:30px;
text-indent:-1000em;
width:40px;
}
.Northwest {
background-position:-40px 10px;
}
.United {
background-position:-80px 10px;
}
.US {
background-position:-120px 10px;
}
.Multiple {
background-position:-160px 10px;
}

/* _flight booking */
#bookDesc {
color:#c60;
float:left;
font:700 1.25em Georgia,serif;
height:120px;
padding:10px;
width:140px;
}
#bookDesc p + p {
font-weight:400;
padding-top:.5em;
}
.dbooking p {
margin:0;
}

#fdepart,
#freturn,
#ftravelers {
float:left;
width:130px;
}
#fdepart input,
#freturn input {
width:7em;
}
#datepicker_div {
background:#999;
font-size:1em;
}
#datepicker_div td {
padding:0;
}
.datepicker_trigger {
float:none;
padding:0 3px 3px;
}
.datepicker_control {
background:transparent;
}
.datepicker_links {
background:#0F2B5B;
}
.datepicker_header,
.datepicker_header select {
background:#6ba92c;
margin:0;
}
.datepicker_today {
background:#ff3 !important;
}
#ftravelers {
width:60px;
}
#travelers.selectbox {
margin:2px 0 0;
min-width:3.5em;
}
#fsubmit {
float:right;
padding-top:28px;
}
#akayak {
top:10px;
position:absolute;
right:20px;
}

/* _chonews */
#choNews .postDate {
color:#666;
font-size:.9em;
margin:0 0 -10px;
}
.entry {
border-bottom:1px solid #fff;
margin-bottom:10px;
padding-bottom:10px;
}
.postTitle {
font-weight:700;
margin-bottom:0;
}
.postDate,.postAuthor {
font-style:italic;
}
.postBody {
margin:10px 0;
overflow:hidden;
}
.postMeta {
text-align:right;
}
.comments {
background:#eff4ff;
padding-left:10px;
}
.comments .postDateAuthor {
color:#666;
font-style:italic;
}
.wlpLink {
font-style:italic;
}
.readTheRest {
font-style:italic;
margin-top:-.5em;
text-align:right;
}
.entry textarea {
height:6em;
}

/* _extras (weather, maps) */
#extras>div {
background:url(http://www.mpoairport.com/sprite-bg-sidenav.png) -400px 0 no-repeat;
margin:10px 0 20px 10px;
overflow:hidden;
padding:5px;
position:relative;
}
#extras>div ul {
background:url(http://www.mpoairport.com/sprite-bg-sidenav.png) -400px bottom no-repeat;
list-style:none;
margin:-5px -5px -5px -5px;
padding:5px 0 15px 5px;
}
#extras h3,
#extras h4 {
font-size:1em;
margin:2px 0 0 50px;
}
#extras h3 {
font-weight:700;
margin-bottom:.25em;
}
.wicon {
float:left;
height:28px;
width:50px;
}
.wicon img {
height:50px;
left:2px;
position:absolute;
top:2px;
vertical-align:middle;
width:50px;
}
.wtemp,.wclouds {
display:inline;
}
.weather_label {
display:none;
}
#maps h3,
#maps li a {
text-indent:-1000em;
}
#maps li a {
background:url(/images/tour-map.png) no-repeat;
display:block;
height:110px;
margin:-5px 10px 0;
width:144px;
}

/* News nav */
#navNews ul,
#navBlog ul {
list-style:none;
margin:0 0 20px;
}
#navNews li,
#navBlog li {
background:transparent url(http://www.mpoairport.com/btn-sprites.png) -100px 0 no-repeat;
margin-bottom:.5em;
padding-left:13px;
}

/* foot */
#foot {
padding-top:10px;
text-align:center;
}
#foot ul {
margin:10px 0 0;
}
#foot li {
border-left:1px solid #999;
display:inline;
font-size:.95em;
font-weight:700;
padding:0 10px;
}
#foot li:first-child {
border:0;
}
#copyright {
color:#666;
font-size:.9em;
}