/**** Global Layout ****/

/* Global
*/
#content h1{
  font-size: 24px;
  width: 500px;
}
#content h2{
  font-size:14px;
}
#content h3, #content h4{
  text-transform:uppercase;
}
#content h3{
  font-size:12px;
}
#content h4{
  font-size:11px;
  color:#666;
}

#widecontent {
  clear:both;
}

a{
  text-decoration:none;
}
#content a{
  color:#006699;
}
#content a:hover{
  color:#003366;
  text-decoration:underline;
}

ul.dot {
  margin-left:0;
  padding-left:25px;
}

ul.dot li{
  list-style:none;
  background:url('//developer.flightstats.com/images/fs-bullet.png') left top no-repeat;
  padding-left: 15px;
}

ul.link-list {
  margin-left:0;
  padding-left:0;
}

ul.link-list li{
  list-style:none;
  background:url('//developer.flightstats.com/images/fs-arrow.png') left 5px no-repeat;
  padding-left: 15px !important;
}

ul.double {
  margin-left:0;
  padding-left:0px;
}

ul.double li{
  list-style:none;
}

ul.primaryNav {
  margin-left:0;
  padding-left:0;
}

ul.primaryNav ul {
  margin-left:0;
  padding-left: 15px;
}

ul.primaryNav li{
  list-style:none;
}

ul.primaryNav a{
  text-decoration:none;
}

p.skip-down {
  list-style:none;
  background:url('//developer.flightstats.com/images/fs-arrow-down.png') left top no-repeat;
  padding-left: 15px !important;
}

a.button-basic{
  background-color:#e6e6e6;
  line-height:1em;
  padding:5px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  text-align:center;
  font-weight: bold;
  text-decoration: none;
}
a.button-action {
  background-color:#FFC72C;
  color: #666666;
  text-transform:uppercase;
  font-weight:bold;
  line-height:1em;
  padding:5px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  text-align:center;
  text-decoration: none;
}

a.button-action:hover {
    color: #666666 !important;
    cursor: pointer;
    text-decoration: none !important;
}

ul.tab-horizontal, ul.tab-vertical{
  margin:0;
  padding:0;
}

ul.tab-horizontal li a{
  text-align:center;
  line-height:1em;
  padding:10px 15px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -khtml-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-right:1px solid #CCC;
  border-left:1px solid #CCC;
}

ul.tab-vertical{
  border-top:1px solid #CCCCCC;
}
ul.tab-vertical li, ul.tab-horizontal li {
  background: transparent;
}
ul.tab-vertical li a{
  line-height:1em;
  padding:10px 15px;
  border-bottom:1px solid #CCCCCC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  display: block;
  font-size: 18px;
}
ul.tab-vertical li a.active, ul.tab-horizontal li a.active{
  background-color:#333;
  color:#FFF !important;
}

.tab-container{
  border:1px solid #CCC;
  padding:25px 20px;
}

table{
  width:100%;
  border:1px solid #CCC;
  border-collapse: collapse;
  font-size: 12px;
}
table td, table td{
  padding:15px 20px;
}
table th{
  background-color:#ffcc66;
  color:#663300;
  font-weight:bold;
  text-align:center;
  padding: 8px;
  font-size: 13px;
  border: 1px solid #CCCCCC;
}
table.quick_ref td{
  padding:5px 5px;
}
table.quick_ref th{
  text-align:left;
}
table td.first{
   font-weight:bold;
}
table.quick_ref td.code{
   font-family: "Andale Mono","Lucida Console",Courier,monospace;
}

table.deflist {
   border: 0px;
}
table.quick_ref table.deflist {
    margin-left: 20px;
    width:85%;

}
table.deflist td{
   vertical-align: top;
   border: 0px;
   padding: 0px;
}
table td{
  background-color:#FFF;
  border: 1px solid #CCCCCC;
}
table tr.odd td{
  background-color:#fafaf9;
}

table.quick_ref .name_column {
   width:140px;
}
table.quick_ref .response_column {
   width:140px;
}
table.quick_ref .MRD_column {
   width:140px;
}

table.pricing td{
  padding:5px 5px;
}

table.pricing td.first{
   font-weight:bold;
}

td.number{
    text-align: right;
}


.banner-container-image, .banner-container-link{
  border:2px solid #CCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.banner-container-image .banner-image{
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.banner-container-image .banner-body{
  padding:15px 20px;
  background-color:#FFF;  
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.banner-container-image .banner-body h2 {
  margin: 0;
}
.banner-container-link{
  padding:5px;
  overflow: hidden;
}
.banner-container-link .banner-image{
  float:left;
}
.banner-container-link .banner-body{
  margin-left:82px;
}
.banner-container-link .banner-body a{
  font-size:18px;
  font-weight:bold;
}



/* Header
*/
#header #user_widget{
  padding:12px 0 10px 0;
}
#header #menu{
  clear:none;
}
#menu #tabs li a{
  text-transform:uppercase;
  font-size:12px;
}


/* Footer
*/
#footerLinks{
  background-color:#3F4444;
}
#footerLinks table{
  margin:0 auto;
  width:956px;
}
#footerLinks table tr:hover{
  background:transparent;
}
#footerLinks table td{
  background:transparent;
  color:#FFF;
  border-bottom:0
  border-top:0;
  border-right:1px solid #999;
  color:#999;
  padding:3px 30px;
}
#footerLinks table td.header{
  text-transform:uppercase;
  font-weight:bold;
  padding-top:0;
}
#footerLinks table td a{
  color:#FFF;
} 

.ot-sdk-show-settings{
 color: #ffffff !important;
 font-weight:100;
}
.ot-sdk-show-settings:hover{
 cursor: pointer;
 outline:none;
}

#onetrust-banner-sdk #onetrust-policy-text a {
 margin-left: 0px !important;
}

#onetrust-banner-sdk div, #onetrust-banner-sdk p{
 font-family: "Montserrat", sans-serif !important;
}

#onetrust-consent-sdk #onetrust-policy-title, #onetrust-consent-sdk #onetrust-policy-text, #onetrust-consent-sdk .ot-b-addl-desc, #onetrust-consent-sdk .ot-dpd-desc, #onetrust-consent-sdk .ot-dpd-title, #onetrust-consent-sdk #onetrust-policy-text *:not(.onetrust-vendors-list-handler), #onetrust-consent-sdk .ot-dpd-desc *:not(.onetrust-vendors-list-handler), #onetrust-consent-sdk #onetrust-banner-sdk #banner-options * {
    color: #FFFFFF !important;
}

#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
    color: #FFFFFF  !important;
    background-color: #3F4444 !important; 
}

/**** Homepage Layout ****/

/* Content
*/
body.home #content{
  margin-top:-332px;
  overflow:visible;
}
body.home #background{
   background:#D0CDCC url('//developer.flightstats.com/images/home-bg-new.png') 50% 50% no-repeat;
   height:360px;
}

div.box-three-banner {
    height: 90px;
}

div.box-three-banner img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  display: block;
}

.box-three {
	moz-border-radius: 3px;
	webkit-border-radius: 3px;
	background: none repeat scroll 0 0 #D0CDCC;
    border: 2px solid #CCCCCC;
    border-radius: 3px;
    float: left;
    margin-bottom: 30px;
    margin-right: 3%;
    width: 30%;
}

.box-three:last-child {
	margin-right: 0;
}

.box-three-body {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 10px;
	margin-bottom: 0;
}

.list-five {
	width: 15%;
	height: 163px;
	float: left;
	margin-right: 2%;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
	padding: 1% 1% 0 1%;
	background: none repeat scroll 0 0 #D0CDCC;
}

.list-five ul.link-list {
    padding-left: 1%;
}

.list-five h2 {
    margin-top: 0;
}

.list-five:last-child {
	margin-right: 0;
}


#box-down .list-five  h2 > a {
	font-size: 16px;
	text-decoration: none;
}

.list-four {
	width: 21%;
	height: 163px;
	float: left;
	margin-right: 2%;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
	padding: 1% 1% 0 1%;
	background: none repeat scroll 0 0 #D0CDCC;
}

.list-four ul.link-list {
    padding-left: 1%;
}

.list-four h2 {
    margin-top: 0;
}

.list-four:last-child {
	margin-right: 0;
}


#box-down .list-four  h2 > a {
	font-size: 16px;
	text-decoration: none;
}

/**** Layout One ****/

/* Content */
#content .header-image{
  position:absolute;
  top:-30px;
  right:0;
}

/* Added for, well, the obvious reason */
table.layout_table{
  border: 0;
}
table.layout_table tr{
    vertical-align: top;
}
table.layout_table td{
  border: 0;
}

/* In Active Docs, move the params so they don't get cut off */
.apidocs-param-tips {
   left: 270px !important;
}

.breakingnews {
   background: #ffcc66;
   font-weight:bold;
}

.breakingnews p {
   padding:1px 15px 1px 15px;
}

/* Style "commit" buttons the same as "link" buttons */
.commit input {
    color: #336699 !important;
}

/* Hide "sign up" button on signin page */
form#edit_session .buttons li > a[href='/signup'] {
    display:none;
}

/* Blog teaser */

.bloglinks {
   clear: both;
}

.bloglinks ul {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
   text-indent: 0;
}

.bloglinks ul li {
   margin-bottom: 5px;
}

.blogdate {
   font-size: 80%;
}

/* This is mostly overriding the default definition list
   stuff that's set up for the messaging area:
*/
dl.definitions {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0px;
    width: 95%;
    padding: 0 0 0 0;
    border-bottom: 1px solid #ccc;
}
dl.definitions dt {
    color: #000000;
}

/* And this is doing some added styling: */
dl.definitions dt {
    font-weight: bold;
    float: left;
    clear: left;
    width: 90px;
    border-top: 1px solid #ccc;
}

dl.definitions dd {
    margin: 0  0 0 90px;
    padding: 0 0 5px 0;
    border-top: 1px solid #ccc;
}

dl.definitions dd:after{
    content: "";
    height: 0px;
    clear: left;
    display: block;
}

/* "code" is often embedded in other elements, as the textile 
    @code goes here@ markup is so easy. This works best if it's 
    declared after the other things it could be embedded in. 
*/
code {
    word-wrap: break-word;
    font-family: "Andale Mono","Lucida Console",Courier,monospace !important;
}

/* For examples and the like */
.figure {
    background: #ffffff; /* Old browsers */
    border: 1px solid #CCC !important;
    border-radius: 10px;
    padding: 10px !important;
}


.info {
    background:url('//developer.flightstats.com/images/info-25.png') left center no-repeat; 
    padding-left: 30px !important; 
    padding-top: 5px;
    padding-bottom: 5px;
}

.showcase {
	border-bottom: 1pt solid #455560;
	padding: 1em 0 1em 0;
	min-height: 180px;
	position: relative;
}
.showcaseImg { position: absolute; left: 10px; }
.showcaseText { position: relative; left: 200px; padding-right: 200px; }

/* Ensure right nav element doesn't wind up "under" a hidden element like the contents of .info */
#nav_toc {
  position: relative;
  z-index: 10;
}

#supportCallout{
	margin-top: 8px;
	color: #455560;
	padding: 5px 8px;
	background-color: #e6e6e6;
	border: 2pt solid #455560;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.graybox{
	margin-top: 8px;
	padding: 5px 8px;
	color: #455560;
	background-color: #e6e6e6;
	border: 2pt solid #455560;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

/* Removes the "Compose" item from the user account pages */
#subsubmenu li:first-child { display: none; }

/* hide the reply form in the Messages center */
body.main_layout form.formtastic.message.reply#message-form {
  display:none;
}

/* Duplicates #normal rules from default.css. Wound up needing multiple 
   divs on a page with these rules */
.normal {
    padding: 0;
    width: 556px;
    overflow: hidden;
}

h2.ideas {
  font-family: Arial,Verdana,Sans-serif;
  font-weight: normal;
  font-size: 18px !important;
  margin: -5px;
  color: #336699;
  padding: 15px;
  background: #D0CDCC url('//developer.flightstats.com/images/light_bulb_88.png') no-repeat right;
}

/* text style for the "Beta" annotation */
.beta {
  color: #ff0000;
  font-style: italic;
  font-variant: small-caps;
}