* {
  padding: 0;
  margin: 0;
}

BODY {
  background-color: #33649D;
  background-image: url(/images/bgb.jpg);
  background-position: top center;
  background-repeat: repeat-y;
  font-family : Arial, Helvetica;
  font-size: 11pt;
  color: white;
}

H1 {  margin: 0px;  font-size: 13pt;  color: white;  }
H2 {  margin: 0px;  font-size: 11pt;  color: white;  }
H3 {  margin: 0px;  font-size: 10pt;  color: white;  }
H4 {  margin: 0px;  font-size: 8pt;   color: white;  }

.popup{
  position: absolute;
  visibility: hidden;
  border: 3px solid white;
  z-index:99999;
}

/** Table Styles **/
table {
  border-collapse:collapse;
}

.data-center {
  border: 1px solid #5E5E5E;
  padding: 2px 5px 2px 5px;
  text-align: center;
  vertical-align: bottom;
  font-weight: bold;
}

.data-right {
  border: 1px solid #5E5E5E;
  padding: 2px 5px 2px 5px;
  text-align: right;
  font-weight: bold;
}

.data-left {
  border: 1px solid #5E5E5E;
  padding: 2px 5px 2px 5px;
  text-align: left;
  font-weight: bold;
}

.data-head {
  background-color: #CFDBE8;
  color: black;
  font-weight: bold;
  font-size: 10pt;
}

.data-row1 {
  font-size: 10pt;
  background-color: #C1D0E1;
  color: black;
}

.data-row2 {
  font-size: 10pt;
  background-color: #CFDBE8;
  color: black;
}

.midbg {
  background-color: #8AA8C6;
  color: black;
}

.border-bot-2 {
  border-bottom: 2px solid #5E5E5E;
}

.border-top-2 {
  border-top: 2px solid #5E5E5E;
}

.normal-text {
  font-family : Arial, Helvetica;
  font-size: 11pt;
  color: white;
}

.normal-weight {
  font-weight: normal;
}

.smaller1 {
  font-size: 10pt;
}

.smaller2 {
  font-size: 9pt;
}

.bigger1 {
  font-size: 13pt;
}

.bigger2 {
  font-size: 14pt;
}

.bigger3 {
  font-size: 18pt;
}

.bigger4 {
  font-size: 20pt;
}

.bigger5 {
  font-size: 22pt;
}

.big1 {
  font-size: 13pt;
}

.dark-text {
  color: #0F407B;
}

.med-ital {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: italic;
}  

.smallsuper {
  font-size: 7pt;
  vertical-align: top;
}

.errormsg{
  color: yellow;
  font-weight: bold;
}

.errormsgdark{
  color: red;
  font-weight: bold;
}

/** image popup on facilities page **/
.IMGpopup {
  border: 4px solid white;
  position: absolute;
  padding: 5px;
  width: 500px;
  height: 400px;
  z-index:1;
  visibility: hidden;
}

/** style for form text fields **/
.textfield {
  padding:2px;
  margin: 2px;
  background-color: #D4E4F6;
}

.textfielderror {
  padding:2px;
  margin: 2px;
  color: red;
  background-color: #FFFF9C;
}

.selectlist {
  margin: 2px;
  background-color: #D4E4F6;
}

.selectlisterror {
  margin: 2px;
  background-color: #FFFF9C;
}


/** style used to make cursor look like a pointer on mouseover **/
.cursorpointer {
  cursor: pointer;
  vertical-align: top;
  display: inline;
}

.soform {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 5px;
  font-size: 10pt;
}

.formheading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formheadingI {
  font-family : Arial, Helvetica;
  font-style: italic;
}

radio {
  background-image: none;
}

textarea {
  overflow: auto;
}

label {
  padding: 5px;
}

select {
  background-color: #D4E4F6;
}

option {
  padding: 2px 2px 0 2px;
}

button {
  padding: 3px;
}

fieldset {
  padding: 5px;
  margin-top: 10px;
  border: 1px solid #007BC6;
}

fieldset.sub {
  padding: 5px;
  margin-top: 10px;
  border: 1px solid #007BC6;
}

legend {
  font-family : Arial, Helvetica;
  padding: 0 5px 0 5px;
  color: #7B0000;
  background-color: inherit;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-decoration: underline;
}

legend.sub {
  color: #7B0000;
  background-color: inherit;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-decoration: underline;
}

.bot-mar {
  margin-bottom: 6px;
}

.top-mar {
  margin-top: 6px;
}

.right-mar {
  margin-right: 6px;
}

.left-mar {
  margin-left: 16px;
}

.margin-small {
  margin: 6px;
  padding: 0;
}

.margin-only {
  margin: 12px;
  padding: 0;
}

.margin-img {
  margin: 4px;
  padding: 0;
}

/** the box to wrap the entire page **/
.page-box {                                                
  border: 1px solid #7CB4E8;
  padding: 0px;
  width: 780px;
  background-color: #114A8D;
  text-align: left;
}

.page-box-print {                                                
  border: 1px solid #7CB4E8;
  margin: 4px;
  padding: 0px;
  width: 780px;
  background-color: white;
  text-align: left;
}

.right-column {
  padding: 10px 4px 0 4px;
  width: 150px;
  text-align: left;
  vertical-align: top;
}

/** thin border box around a content box **/
.box-1 {
  border: 1px solid #7CB4E8;
}

.light-box {
  border: 1px solid #7CB4E8;
  background-color: #33649D;
  padding: 4px;
}
  

/** header portion of a content box **/
.box-hdr {
  border: 0px;
  padding:4px;
  margin: 0px;
  background-color: #2D5A81;
  background-image: url(/images/bg-header2.jpg);
  background-position: bottom left;
  background-repeat: repeat-x;
}

/** header portion of a content box - lighter color **/
.box-hdr-light {
  border: 0px;
  padding:4px;
  margin: 0px;
  background-color: #318EC9;
  background-image: url(/images/bg-hdr-light.jpg);
  background-position: bottom left;
  background-repeat: repeat-x;
}

/** header portion of a content box - promo **/
.box-hdr-promo {
  border: 0px;
  padding:4px;
  margin: 0px;
  background-color: #DD191A;
  background-image: url(/images/bg-header-promo.jpg);
  background-position: bottom left;
  background-repeat: repeat-x;
}

/** thin border box around a promo box **/
.box-1-promo {
  border: 1px solid #C03435;
  border: 1px solid white;
}

/** colored bar to segregate a promo box **/
.box-bar-promo {
  background-color: #C03435;
  height: 3px; 
}

/** right side of top content box - has picture background **/
.in-box-pic {
  border: 0px;
  padding:4px;
  margin: 0px;
  background-color: #0F407B;
  background-image: url(/images/home/dj_stand.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

/** right side of top content box - has picture background **/
.in-box-pic-oak {
  border: 0px;
  padding:4px;
  margin: 0px;
  background-color: #03305A;
  background-color: #0F407B;
/*  background-image: url(/images/oakland/home/ashley_stand.jpg); */
  background-position: top left;
  background-repeat: no-repeat;
}

/** content portion of a content box **/
.in-box {
  border: 0px;
  padding:4px;
  margin: 0px;
  background-color: #03305A;
  background-color: #0F407B;
}

/** colored bar to segregate a content box **/
.box-bar {
  background-color: #9AF0FF;
  background-color: #008EF5;
  background-repeat: repeat-x;
  height: 3px; 
}

.mid-wide {
  width: 600px;
  margin: auto;
}

.black-bar {
  text-align: center;
  vertical-align: middle;
  background-image: url(/images/navbars/blackbar.jpg);
  background-repeat: repeat-x;
}

.black-bar-left {
  text-align: center;
  vertical-align: middle;
  background-image: url(/images/navbars/blackbar.jpg);
  background-repeat: repeat-x;
  border-left: 1px solid #6C7386;
  border-right: 1px solid #3B4152;
}

.black-bar-right {
  text-align: center;
  vertical-align: middle;
  background-image: url(/images/navbars/blackbar.jpg);
  background-repeat: repeat-x;
  border-right: 1px solid #3B4152;
}

ul {
  padding: 0;
  margin: 0;
}

ul.left {
  padding-left: 25px;
}

li {
  padding: 0;
  margin: 0;
}

ul.circle {
  list-style-type: circle
}

ul.jet {
  list-style-image: url(/images/jet-bullet.jpg);
  list-style-type: circle inside;
  margin-left: 0;
  padding-left: 25px;
}

ul.jet-dark {
  list-style-image: url(/images/jet-bullet-dark.jpg);
  list-style-type: circle inside;
  margin-left: 0;
  padding-left: 25px;
}

.text-bold {
  font-weight: bold;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.align-top {
  vertical-align: top;
}

.align-bottom {
  vertical-align: bottom;
}

/** use to align image in center with text (sometimes works) **/
.va-middle {
  vertical-align: middle;
}

.va-top {
  vertical-align: top;
}

.no-wrap {
  white-space: nowrap;
}

.clear-both {
  clear: both;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.top-pic {  
  clear: both;
  display: block;
  background-color: #0408EF5;
  padding: 0px;
  margin: 0px;
}

.weather-box {  
  border: 1px solid #7CB4E8;
  background-image: url(/images/weather.jpg);    /** remove this background - only used for dev **/
  padding: 0px;
  margin: 0 0 6px 0;
  width: 180px;
  height: 150px;
}

.left-col-box {   
  border: 1px solid #7CB4E8;
  padding: 0px;
  margin: 0 6px 6px 0;
  width: 224px;
}

.bja-box {   
  padding-top: 4px;
  background-image: url(/images/home/bja-bg.jpg);
  background-position: center center;
  text-align: right;
  height: 148px;
}

.oakland-fbo-box {   
  padding-top: 4px;
  background-image: url(/images/home/oaklink-bg.jpg);
  background-position: center center;
  text-align: right;
  height: 148px;
}

.dallas-fbo-box {   
  border: 1px solid #7CB4E8;
  background-image: url(/images/oakland/home/dallink-bg.jpg);
  background-position: center center;
  text-align: right;
  padding: 0px;
  padding-top: 2px;
  margin: 0 6px 6px 0;
  width: 224px;
  height: 155px;
}


/** float a box in the center of the container **/
.center-box {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #7CB4E8;
  background-color: #33649D;
  margin: 6px;
  padding: 6px;
  display: inline;   /** this solves an ie bug causing extra indention on next line of text **/
}
  
/** float a box to the left side of the container **/
.left-box {
  float: left;
  border: 1px solid #7CB4E8;
  background-color: #33649D;
  margin: 6px;
  padding: 6px;
  display: inline;   /** this solves an ie bug causing extra indention on next line of text **/
}
  
/** float a box to the right side of the container **/
.right-box {
  float: right;
  border: 1px solid #7CB4E8;
  background-color: #33649D;
  margin: 6px;
  padding: 6px;
  display: inline;   /** this solves an ie bug causing extra indention on next line of text **/
}
  
/** normal in-page links **/
a{
  font-family: Arial, Helvetica;
  font-size: 12pt;
  color: white;
  text-decoration: none;
}

a:hover{
  color: #A3EBFF;
  text-decoration: underline;
}

/** middle-sized in-page links **/
a.mid {
  font-family: Arial, Helvetica;
  font-size: 11pt;
  color: white;
  text-decoration: underline;
}

a.mid:hover {
  color: #A3EBFF;
  text-decoration: underline;
}

/** links page major link **/
.links-page-major {
  font-family: Arial, Helvetica;
  font-size: 12pt;
  color: white;
  text-decoration: none;
}

a.links-page-major:hover{
  color: #9AF0FF;
  color:white;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: underline;
}

/** links page minor link **/
.links-page-minor {
  font-family: Arial, Helvetica;
  font-size: 11pt;
  color: white;
  text-decoration: none;
}

a.links-page-minor:hover{
  font-size: 10pt;
  color:white;
  font-weight: bold;
  text-decoration: underline;
}

/** bold blue links **/
a.bold-blue {
  font-family: Arial, Helvetica;
  font-size: 12pt;
  font-weight: bold;
  color: #7CB4E8;
  text-decoration: none;
}

a.bold-blue:hover{
  color: #9AF0FF;
  text-decoration: underline;
}

/** links in bottom menu **/
a.bot {
  font-family: Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  color: #B5D6F7;
  text-decoration: none;
}

a.bot:hover{
  color:white;
  text-decoration: underline;
}

a.mid-plain {
  font-family: Arial, Helvetica;
  font-size: 11pt;
  font-weight: normal;
  color: white;
  text-decoration: none;
}

a.mid-plain:hover{
  color: white;
  text-weight: bold;
}

/** small dark **/
a.small-dark {
  font-family: Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  color: black;
  text-decoration: none;
}

a.small-dark:hover{
  color: black;
  text-decoration: underline;
}

/** small light **/
a.small-light {
  font-family: Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  color: white;
  text-decoration: none;
}

a.small-light:hover{
  color: white;
  text-decoration: underline;
}

/** links within images **/
a.in-img {
  font-family: Arial, Helvetica;
  font-size: 11pt;
  font-weight: normal;
  color: white;
  text-decoration: none;
}

a.in-img:hover{
  color:white;
  text-decoration: underline;
}

a.in-img-bold {
  font-family: Arial, Helvetica;
  font-size: 11pt;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

a.in-img-bold:hover{
  color:white;
  text-decoration: underline;
}

/** like data **/
a.like-data {
  font-size: 10pt;
  font-weight: bold;
  color: black;
  text-decoration: underline;
}

a.like-data:hover{
  color: white;
  text-decoration: none;
}

/** normal cursor on mouseover **/
a.none {
 cursor: default;
}

/** this style might be needed to remove whitespace under an image **/
.blockme {
 display: block;
}

.inlineme {
 display: inline;
}

.nodisplay {
 display: none;
}

.showrow {
 display: table-row;
}

a img {
  border: 0;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.pad-only {
  padding: 4px;
}

.pad-left {
  padding-left: 4px;
}

.pad-right {
  padding-right: 4px;
}

.pad-top {
  padding-top: 4px;
}

.pad-bot {
  padding-bottom: 4px;
}

.pad-big {
  padding: 10px;
}

.shadows {
  text-shadow: black 0.1em 0.1em 0.3em;
}

a {
   outline: 0;
}

/**********************/
/**   Page Headers   **/
/**********************/
.dallas-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/bjc-dallas-head.jpg);
  border-bottom: 3px solid #008EF5;
}

.oakland-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/bjc-oakland-head.jpg);
  border-bottom: 3px solid #008EF5;
}

.facilities-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/facilities-head.jpg);
  border-bottom: 3px solid #008EF5;
}

.services-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/services-head.jpg);
  border-bottom: 3px solid #008EF5;
}

.fuel-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/fuel-head.jpg);
  border-bottom: 3px solid #008EF5;
}

.about-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/about-head.jpg);
}

.links-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/links-head.jpg);
}

.contacts-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/contacts-head.jpg);
}

.press-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/press-head.jpg);
}

.directions-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/directions-head.jpg);
}

.site-map-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/site-map-head.jpg);
}

.service-order-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/service-order-head.jpg);
}

.comment-card-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/comment-card-head.jpg);
}

.broker-itinerary-head {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(/images/headers/broker-itinerary-head.jpg);
}

/**********************/
/** End Page Headers **/
/**********************/