html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after {
  content: ""; }

q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

html {
  overflow-y: scroll; }

body {
  font: 12px/1em helvetica, arial, sans-serif;
  background: #cbe4f0;
  color: #333; }

a {
  color: #12644c; }

input[type=image] {
  cursor: pointer; }

.avatar {
  float: left; }

.hidden {
  display: none; }

.clear {
  clear: both; }

.wrap {
  background-image: url(/images/medium_glow.png) !important;
  background-repeat: repeat-y !important;
  background-position: top left !important; }

.small .wrap {
  background-image: url(/images/small_glow.png) !important;
  background-repeat: repeat-y !important;
  background-position: top left !important.inwrap; }

.ms .wrap {
  background-image: url(/images/ms_glow.png) !important; }

.inwrap {
  margin: 0 4px !important; }

#topbar {
  background: #E3F1E8;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-family: georgia, serif;
  font-size: 16px;
  text-align: center;
  color: #333;
  position: absolute;
  top: 0;
  z-index: 9999;
  border-bottom: 1px solid #9ED8B5; }

#header {
  height: 178px;
  background: url(../../images/head_bg.png) repeat-x top left;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: hidden; }
  body.topped #header {
    top: 40px; }
  #header .content {
    margin: 0 auto;
    position: absolute;
    width: 940px;
    left: 50%;
    margin-left: -470px;
    /* Errors and success */
    /* clouds */ }
    #header .content h1 {
      position: absolute;
      top: 30px; }
    #header .content #success, #header .content #error {
      background: url(../../images/success_bg.png) no-repeat top left;
      color: #12644c;
      font-size: 14px;
      font-weight: bold;
      left: 180px;
      line-height: 30px;
      padding: 10px 10px 10px 30px;
      position: absolute;
      top: 28px;
      width: 237px;
      z-index: 999; }
    #header .content #error {
      background-image: url(../../images/error_bg.png);
      color: #cc0000; }
    #header .content .cloud {
      position: absolute;
      z-index: 2;
      background-repeat: none;
      background-position: top left; }
    #header .content #cloud1 {
      width: 160px;
      height: 87px;
      left: 200px;
      top: -60px;
      background-image: url(../../images/cloud1.png); }
    #header .content #cloud2 {
      width: 190px;
      height: 102px;
      left: -180px;
      top: 60px;
      background-image: url(../../images/cloud2.png); }
    #header .content #clouds {
      width: 297px;
      height: 118px;
      left: 300px;
      top: 45px;
      background-image: url(../../images/clouds.png); }
    #header .content #cloud3 {
      width: 225px;
      height: 124px;
      right: -225px;
      top: -30px;
      background-image: url(../../images/cloud3.png); }

#users.new #header #nav li.signup a,
#flights.index #header #nav li.home a,
#users.edit #header #nav li.settings a {
  color: #84cca1; }

#nav {
  height: 51px;
  position: absolute;
  top: 0;
  right: -80px;
  background: url(../../images/nav_bg.png) no-repeat top right;
  width: 372px; }
  #nav ul {
    top: 0;
    right: 80px;
    position: absolute; }
    #nav ul li {
      float: left;
      list-style-type: none; }
      #nav ul li a {
        line-height: 30px;
        float: left;
        display: block;
        padding: 0 10px;
        color: #fff;
        text-decoration: none;
        font-weight: bold; }
        #nav ul li a:hover {
          color: #cde8d8; }
  #nav ul.secondary {
    height: 20px;
    top: 31px;
    right: 85px; }
    #nav ul.secondary li a {
      line-height: 20px;
      padding: 0 5px;
      font-weight: normal;
      font-size: 11px; }

.jqmOverlay {
  background: #000; }

.modal {
  position: absolute;
  z-index: 99999;
  top: 10%;
  left: 50%;
  display: none;
  width: 388px;
  padding: 9px 0 0;
  margin-left: -195px;
  background: url(/images/small_titled_bg.png) no-repeat top left; }
  .modal .title .content {
    background: url(/images/title_bg.png) repeat scroll left bottom;
    line-height: 20px;
    padding: 5px 10px 8px;
    border-bottom: 1px solid #A2CDB2;
    position: relative; }
    .modal .title .content h2 {
      font-size: 18px;
      font-weight: bold; }
    .modal .title .content a.jqmClose {
      display: block;
      width: 20px;
      height: 21px;
      position: absolute;
      top: 5px;
      right: 10px;
      background: url(/images/modal_close_btn.png) no-repeat top left; }
      .modal .title .content a.jqmClose:hover {
        background-position: 0 -21px; }
      .modal .title .content a.jqmClose:active {
        background-position: 0 -42px; }
  .modal > .content {
    background: url(/images/small_bottom_bg.png) no-repeat bottom left;
    padding-bottom: 9px; }
    .modal > .content #please_register .content, .modal > .content #userSignup .content {
      background: #fff; }