/**
 * General styles
 */
.nostyle {
	display: none;
}

/* clear floats */
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.big {
	font-size: 120%;
}

.small {
	font-size: 80%;
}

.tiny {
	font-size: 60%;
}

.option {
	font-size: 70%;
	float: right;
}

.highlighted {
  background: #ffffaa;
}

.error {
	color: red;
}

.error-field {
	border-color: red;
}

#plusone { 
  margin: 1em 0;
}

.plusone p { 
  font-weight: bold;
}

.box {
	float: left;
	padding: 1ex;
	margin: 1ex;
	width: 30em;
	height: 35ex;
	overflow: auto;
	font-size: 80%;
}

.box h2 {
	color: white;
	background: black;
	padding: .5ex;
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.box h2 a:link,.box h2 a:visited,box h2 a:active {
	color: white;
	text-decoration: none;
}

.box h2 a:hover {
	color: yellow;
	text-decoration: underline;
}

.odd { 
  background: #eeeeee;
}

pre {
	font-size: 120%;
}

/**
 * Top-level structure.
 */
body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #aaaaff; /* blue */
	font: 90%/ 1.5 Verdana, Helvetica, sans-serif;
}

/* Main column container (excluding header and footer) */
#main1,#main1-wide {
	clear: both;
	padding: 0;
	background: url("/images/left-bg.gif") top left repeat-y;
}

/* 2-column layout */
#main1-wide {
	margin-right: 10px;
}

/* Second (right-oriented) column container */
#main2,#main2-wide {
	margin: 0;
	padding: 0;
}

/* 3-column layout */
#main2 {
	background: url("/images/right-bg.gif") top right repeat-y;
}

/* 2-column layout */
#main2-wide {
	background: url("/images/top-right-corner.gif") top right no-repeat;
}

#footer {
  font-size: 91%;
	text-align: center;
	font-style: italic;
	padding: 2ex 0 2ex 0;
}

/**
 * Columns
 */ /* sidebars (right is optional) */
#left,#right {
	width: 180px;
	margin: 0 10px;
	padding: 0;
	/* MSIE float double-margin kludge */
	_display: inline;
	overflow: auto;
}

#left {
	float: left;
	background: url("/images/top-left-corner.gif") top left no-repeat;
}

#right {
	float: right;
	background: url("/images/top-right-corner.gif") top right no-repeat;
	font-size: 80%;
}

/* main content, 3-column layout */
#middle {
	background: url("/images/top-left-corner.gif") top left no-repeat;
	margin: 0 200px 0 10px;
}

/* main content, 2-column layout */
#middle-wide {
	background: url("/images/top-left-corner.gif") top left no-repeat;
	margin: 0 0 0 10px;
}

/* inner wrapper for all columns */
.column-in {
	margin: 0;
	padding: 0.5em 1em;
}

/**
 * Header contents
 */
#header {
	padding: 10px 10px 10px 0;
	height: 32px;
}

.searchbox {
	font-size: 80%;
	position: absolute;
	right: 20px;
	top: 5px;
}

.searchbox input {
	font: 90%/ 1.2 Verdana, Helvetica, sans-serif;
	margin-right: 1ex;
	background: #ffffff;
	width: 20em;
}

.searchbox button {
	font: 90%/ 1.2 Verdana, Helvetica, sans-serif;
	background: #ddddff;
}

.searchbox button:hover {
	background: #eeeeff;
}

.login {
	position: absolute;
	top: 5ex;
	right: 20px;
	font-size: 80%;
}

.logo {
	float: left;
	padding-left: 10px;
}

/**
 * Home page
 */
.home { 
  background: #ffffff;
  text-align: center;
}

.home #main1-wide, .home #main2-wide, .home #middle-wide { 
  background: transparent
}

.home h1 {
  font-size: 48px;
}

.home .subhead { 
  margin-top: 1ex;
  font-size: 120%;
  font-style: italic;
}

.home #search { 
  margin: 10ex 0 10ex;
}

.home #search .options { 
  font-size: 91%;
}

.home form div {
  margin-top: 2ex;
  margin-bottom: 2ex;
}

.home #search .text {
  padding: .25ex .5ex .5ex .5ex;
  width: 60%;
  margin: 0;
}

.home #search button {
  background-color: #aaffaa;
  padding: .5ex 1ex;
  margin: 0;
}

.home #menu {
  font-size: 91%;
  text-align: left;
  margin-bottom: 10ex;
}

.home #menu a { 
  margin: 0 .5em;
}

.home #login-info {
  float: right;
}

/**
 * Left navbar contents
 */
#navlinks div {
	margin-bottom: 2ex;
}

#navlinks p {
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 0;
	margin-bottom: .5ex;
}

/**
 * Right navbar
 */ /* IATA and GPS codes on top of icons */
.iata-code,.gps-code {
	margin-left: auto;
	margin-right: auto;
}

.iata-code {
	float: left;
	background: url(/images/tag.png);
	font-size: 11px;
	width: 42px;
	height: 20px;
	padding: 4px 1px 0px 5px;
	font-weight: bold;
	margin-right: 10px;
}

.gps-code {
	float: left;
	background: url(/images/gps.png);
	font-size: 9px;
	width: 43px;
	height: 17px;
	padding: 7px 2px 0px 3px;
	font-weight: bold;
}

/* statistics list */
.stats {
	font-size: 80%;
}

.stats dd {
	margin: 0;
	margin-bottom: 2ex;
	padding: 0;
}

/* Google AdSense */
.adbox {
	margin-top: 2ex;
}

.airport-link {
	margin-left: 22px;
	text-indent: -22px;
}

.airport-link img {
	padding-right: 6px;
}

/**
 * Special types
 */ /* The main map, when present (overridden inline by the Big Map) */
#map {
	height: 40ex;
	background: #dddddd;
}

html.airport-view-page #map-section {
	min-width: 40ex;
	margin-left: 20em;
}

#actions {
	width: 19em;
	height: 38ex;
	padding: 2ex 1em 1ex 0;
	float: left;
}

#actions .content {
	
}

#actions h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	border: none;
}

#actions ul {
	padding-left: 1em;
	margin-left: 0;
}

#actions ul li {
	margin: 1ex 0;
}

.note {
	font-size: smaller;
	color: maroon;
}

.notice,.info {
	padding: 1ex;
	border-style: solid;
	border-width: 1px;
	font-size: small;
}

.notice {
	background: #ffffcc;
}

.breadcrumbs {
	font-style: italic;
	margin-bottom: .5ex;
}

/* paragraph introducing a list */
.list-intro {
	margin-bottom: 3ex;
}

.footer-navigation {
	font-style: normal;
	margin-bottom: 1ex;
}

.footer-navigation a { 
  margin: 0 .5em;
}

/* list of featured airports - floats to fill width */
.featured-airport {
	display: block;
	margin-right: 2em;
	margin-bottom: 3ex;
	padding-left: 52px;
}

.checkmark {
	float: left;
	margin-left: -18px;
}

.large-icon {
	float: left;
	margin-left: -48px;
}

.medium-icon {
	float: left;
	margin-left: -44px;
}

.small-icon {
	float: left;
	margin-left: -42px;
}

/* general pic floated right with border */
.pic-right {
	float: right;
	border-style: solid;
	padding: 5pt;
	border-width: 1px;
}

.pic-right .caption {
	font-size: 80%;
}

/**
 * Tabs above middle column
 */
#tabs {
	clear: both;
	margin: 0 200px 0 20px;
	padding: 0;
	list-style: none;
}

#tabs li {
	float: left;
	background: #ddddff url(/images/top-left-corner-grey.gif) top left
		no-repeat;
	margin-right: .5em;
	padding: .5ex .5ex 0 .5ex;
	font-size: 90%;
}

#tabs li:hover {
	background: #eeeeff url(/images/top-left-corner-hover.gif) top left
		no-repeat;
}

#tabs a {
	text-decoration: none;
	color: #444444;
}

#tabs .selected a {
	color: black;
}

#tabs li.selected {
	font-weight: bold;
	border: 0;
	background: white url(/images/top-left-corner.gif) top left no-repeat;
	padding-bottom: 1px;
}

/**
 * Comments
 */
.comment {
	margin: 0 0 3ex 0;
}

.comment-header {
	background: #ddddff;
	font-size: 80%;
	padding: 1ex;
}

.comment-header .date {
	float: right;
	margin-left: 2ex;
}

.comment-header .title {
	font-weight: bold;
	font-size: 125%;
}

.comment-header .author {
	float: left;
}

.comment-header .airport {
	float: right;
	margin-left: 2ex;
}

.comment-body {
	margin: 1ex .5em;
}

/**
 * Screen shots for home page.
 */
#screenshots {
	float: right;
	margin-left: 1em;
}

.screenshot {
	background: #ddddff;
	width: 256px;
	padding: 1ex;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 2ex;
}

.screenshot img {
	border-style: solid;
	border-width: 1px;
}

.screenshot p {
	margin-top: .5ex;
	font-size: 80%;
}

/**
 * Standard HTML block elements.
 */
h1,h2,h3,h4 {
	font-weight: normal;
}

h1 {
	font-size: 144%;
	padding: 0;
	margin-top: 0;
	margin-bottom: .5ex;
}

h2 {
	font-size: 120%;
	color: maroon;
	border-bottom: solid 1px;
	margin-top: 2ex;
}

h3 {
	font-size: 110%;
	color: maroon;
	font-style: italic;
}

#right h3 {
	font-size: 120%;
	font-weight: bold;
	color: #003333;
	margin-bottom: 1ex;
	margin-top: 1ex;
}

p {
	margin: 1ex 0
}

a img {
	border-style: none;
}

dt {
     margin-top: 1ex;
	font-weight: bold;
}

ul.feature-list {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

ul.feature-list li {
	padding-left: 30px;
	background: url(/images/bullet.gif) left top no-repeat;
}

/**
 * Forms
 */
label {
	display: block;
	font-size: 90%;
}

input,textarea,select,option,button {
	font: 100%/ 1.5 Verdana, Helvetica, sans-serif;
	background: #eeeeff;
}

.standard-form input,.standard-form textarea,.standard-form select,.standard-form option
	{
	padding: 2px;
}

/**
 * Signup and member options forms
 */
.shorttextfield {
	float: left;
	width: 10em;
	margin-right: 1em;
}

.textfield input,.passwordfield input,textarea {
	width: 98%;
}

#comment textarea {
	height: 10ex;
}

.shorttextfield,.textfield,.passwordfield,.checkboxfield,.selectfield {
	margin-top: 1ex;
	margin-bottom: 1ex;
}

/**
 * "I've been here!" form
 */
.beenhere {
	float: right;
	font-size: 80%;
	border-style: solid;
	border-width: 1px;
	background: #ddddff;
	padding: .5ex;
	width: 12em;
}

.beenhere select {
	font-size: 90%;
	margin-bottom: 1ex;
}

.beenhere input {
	display: inline;
	height: 2ex;
	width: 2ex;
}

.beenhere div {
	padding: .5ex;
}

.beenhere label {
	display: inline;
}

/**
 * Comment form
 */
#comment {
	margin-bottom: 2ex;
}

#comment input {
	width: 95%;
	margin-bottom: 1ex;
	height: 3ex;
}

#comment fieldset {
	border: none;
}

#comment legend {
	display: none;
}

#comment textarea {
	width: 95%;
	height: 30ex;
}

/**
 * Google maps info windows
 */
.airport-marker {
	font-size: 80%;
	font-family: Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.standard-form fieldset {
	padding: 0 2ex 2ex 2ex;
	margin-bottom: 2ex;
}

.standard-form fieldset legend {
	font-size: 120%;
}

.panel {
	font-size: 90%;
	width: 16em;
	height: 20em;
	padding: 0 1ex 0 1ex;
	margin: 1em;
	float: left;
	background: #ddddff;
	overflow: auto;
}

.panel h2 {
	font-size: 120%;
	margin: 0 0 1ex 0;
	font-weight: bold;
}

/**
 * Big map.
 */
html.map-page {
	height: 100%;
}

.map-page body {
	height: 100%;
}

.map-page #main1-wide {
	height: 90%;
}

.map-page #main2-wide {
	height: 100%;
}

.map-page #middle-wide {
	height: 100%;
}

.map-page #middle-wide .column-in {
	height: 100%;
}

.place-item {
	margin-left: 15px;
	text-indent: -15px;
}

.place-item img {
	margin: 0;
	padding: 0;
	padding-right: 5px;
}

code {
	font-size: 120%;
}

.small-message {
	font-size: 80%;
	background: #ddddff;
	padding: 3pt;
	margin-bottom: 2ex;
}

.big-message {
	padding: 3pt;
	margin-bottom: 2ex;
}

.big-message .message-header {
	background: #ddddff;
	padding: .5ex;
	margin: 0;
}

.big-message .message-intro {
	font-size: 90%;
}

.message-date {
	font-size: 70%;
	font-style: italic;
	margin-bottom: 0;
	padding-top: 0;
}

.message-intro {
	margin-top: 0;
	padding-top: 0;
	font-weight: bold;
}

.message-footer {
	font-size: 80%;
	color: #8888ff;
	border-style: solid none none none;
	border-width: 1px;
}

.message-footer a:link,.message-footer a:visited {
	color: #4444ff;
}

.message-footer a:active,.message-footer a:hover {
	color: #ff4444;
}

.small-message .message-body {
	margin-left: 1em;
}

.message-actions {
	font-size: 80%;
}

.big-message .message-actions {
	float: right;
}

.small-message .message-actions {
	text-align: right;
}

.member {
	margin-bottom: 2ex;
}

.member-name {
	font-weight: bold;
}

.member-airport {
	font-style: italic;
	font-size: 80%;
	margin-left: 1em;
}

.member-stats {
	font-size: 80%;
	margin-left: 1em;
}

.headlines {
	border-style: solid;
	border-width: 1px;
	padding: .5em 1em;
	float: left;
	width: 40%;
	background: #ffeeee;
}

.headlines h2 {
	font-size: 120%;
}

.legend img {
	float: left;
	margin-left: -48px;
}

.legend p {
	margin-left: 48px;
	margin-bottom: 24px;
}

#map-controls,#map-links {
	font-size: 80%;
	margin-bottom: .5ex;
	margin-top: .5ex;
	padding: 0;
	height: 3ex;
}

#map-controls span,#map-links span {
	white-space: nowrap;
}

#map-controls label {
	display: inline;
	font-size: 100%;
}

#tags {
	font-size: 80%;
	margin-top: 1ex;
	margin-bottom: 1ex;
}

.tweet {
	text-indent: -1ex;
	margin-left: 1ex;
	font-size: 90%;
}

.tweet-date {
	font-size: 90%;
	color: green;
}

#search-info {
	margin-bottom: 3ex;
}

.label {
	font-size: small;
	color: maroon;
	font-style: italic;
}

#search-info .label {
	float: left;
	font-style: italic;
	color: green;
	width: 7em;
}

.plainlink {
	text-decoration: none;
	color: black;
}