﻿/*!
 *  sjl-styles.css
 *  sjl Additions
 *
 * Additions by @stopjetlag
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: 'Telex', sans-serif;
  font-weight: bold;
  line-height: 1.1; /* 20px; */
  color: #555555; /* #317eac; */
  text-rendering: optimizelegibility;
}

/*
.btn-info-sjl.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-info-sjl {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #6d76b3;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #9760b3, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9760b3), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #9760b3, #2f96b4);
  background-image: -o-linear-gradient(top, #9760b3, #2f96b4);
  background-image: linear-gradient(to bottom, #9760b3, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9760b3', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
*/


.btn-info-sjl-x {
  color: #555555; /* #ffffff; */
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5; /* #9e6ab8; */
  *background-color:#f5f5f5; /*  #9760b3; */
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #a271bb, #9760b3);
    border-left-color: #9760b3;
    border-right-color: #9760b3;
    border-top-color: #9760b3;
    border-bottom-color: #6f4086;
}

.btn-info-sjl-x:hover,
.btn-info-sjl-x:focus,
.btn-info-sjl-x:active,
.btn-info-sjl-x.active,
.btn-info-sjl-x.disabled,
.btn-info-sjl-x[disabled] {
  color: #555555; /* #ffffff; */
  background-color: #9760b3;
  *background-color: #8b51a9;
}

.btn-info-sjl-x:active,
.btn-info-sjl-x.active {
  background-color: #7d4898 \9;
}


.jet-lag-influences-table
{
    border-collapse: separate;
    border-spacing: 5px;
}


    .jet-lag-influences-table th, .jet-lag-influences-table td
    {
        padding: 0.2em;
        
    }

        .jet-lag-influences-table td.icon
        {
            text-align: center;
            vertical-align: middle;
        } 

        .jet-lag-influences-table td.description
        {
            text-align: left;
        } 

        .jet-lag-influences-table td.description-flights
        {
            text-align: left;
            background-color: lightblue;
        } 
        .jet-lag-influences-table td.description-bright-light
        {
            text-align: left;
            background-color: #FEFF00;
        } 
        .jet-lag-influences-table td.description-dim-light
        {
            text-align: left;
            background-color: #D3D3D3;
        } 
        .jet-lag-influences-table td.description-reset
        {
            text-align: left;
            background-color: #90EF93;
        }


.jet-lag-flights-table
{
    border-collapse: separate;
    border-spacing: 5px;
}


    .jet-lag-flights-table th, .jet-lag-flights-table td
    {
        padding: 0.2em;
        
    }

 
    /*   
.landing-page-table
{
    border-collapse: separate;
    border-spacing: 5px;
}


    .landing-page-table th, .landing-page-table td
    {
        padding: 0.2em;
        
    }
*/
    
.landing-page-table { border-collapse: collapse;
font-family: Futura, Arial, sans-serif; }

/*
.landing-page-table table { border-collapse: collapse;
font-family: Futura, Arial, sans-serif; }
*/
.landing-page-table caption { font-size: larger; margin: 1em auto; }
.landing-page-table th, td { padding: .65em; }
.landing-page-table th, thead { background: #000; color: #fff; border: 1px solid #000; }
.landing-page-table tr:nth-child(odd) { background: #ccc; }
.landing-page-table tr:hover { background: #aaa; }
.landing-page-table td { border-right: 1px solid #777; }
.landing-page-table table { border: 1px solid #777; }

.landing-page-table td.important
        {
            font-weight:bold;
        } 

.sjl-logo img
{
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.5em;
}

.followusiconsmiddle
{
    /* height: 40px;
    display: table-cell;
    vertical-align: middle;
    */
}


.order_secure {
	font-size:11px;
	/* font-family: arial,verdana,helvetica,sans-serif;
	font-weight:bold; */
	padding-top:8px;
	padding-bottom:0px;
}


.sjliconAdjustContainer
{
    margin-left: 0px;
    vertical-align:central;
    padding-bottom: 2px;
    height: 64px;
}


.sjlicon-floatleft { 
   float: left; 
   /* width: 140px;*/
   color: #000;
   padding-left: 0px;
   padding-right: 3px;
   vertical-align:central;
   /*
   font-size: 11px;
   text-align:center;
   padding: 3px 2px; margin: 1px 7px;
   */
}


.sjliconAdjustContainerH3size {
  margin-bottom: 0;
  font-size: 19px; /* 60px; */
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
  margin-top: 10px;
}


.sjlHeaderContainer
{
    margin-left: 0px;
    vertical-align:central;
    padding-bottom: 4px;
    padding-top: 4px;
    height: 68px; /* 72px; */ /* 64px; */
}
.sjliconHeaderH3size {
  margin-bottom: 0;
  font-size: 19px; /* 60px; */
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
  margin-top: 10px;
}

.sjlHeaderH3size {
  margin-bottom: 0;
  font-size: 22px; /* 60px; */
  font-weight:500;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
  margin-top: 10px;
}

.sjlHeaderTextContainer{
    /* vertical-align: central; */
    padding-top: 18px;
    text-align:center;
}

.sjlHeaderSocialContainer{
    /* vertical-align: central; */
    padding-top: 16px;
    text-align: right;
}

.sjl-logoHeader img
{
    padding-left: 0px;
    padding-top: 1px; /* 5px;*/
    padding-right: 5px;
    padding-bottom: 1px; /* 5px;*/
}


/*
.header
{
    color:aquamarine;

    padding-bottom: 10px;
}
    */


/* Historical  */
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }


.sjlstylized{
    
}


	/* font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; */

 /*
.sjlstylized{
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:115%;
	font-weight: 700; 
	font-style: italic;
}
*/

.followus
{
    font-weight: bold;
}



.cephoto { 
   float: right; 
   /* width: 140px;*/
   color: #000;
   font-size: 11px;
   text-align:center;
   padding: 3px 2px; margin: 1px 7px;
}


/* ----------------------------------------------- */


blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #f5f5f5;
}

blockquote p {
  margin-bottom: 0;
  font-size: 15.5px; /* 17.5px; */
  font-weight: 300;
  line-height: 1.25;
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #f5f5f5;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}


/* -------------------------------------------------------------------------------- */

/*
.btn-sjlfollow.active,
.btn-sjlorder.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlfollow {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ec5c00;
  *background-color: #dd5600;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #f76000, #dd5600);
    border-left-color: #dd5600;
    border-right-color: #dd5600;
    border-top-color: #dd5600;
    border-bottom-color: #913800;
}

.btn-sjlfollow:hover,
.btn-sjlfollow:focus,
.btn-sjlfollow:active,
.btn-sjlfollow.active,
.btn-sjlfollow.disabled,
.btn-sjlfollow[disabled] {
  color: #ffffff;
  background-color: #dd5600;
  *background-color: #c44c00;
}

.btn-sjlfollow:active,
.btn-sjlfollow.active {
  background-color: #aa4200 \9;
}

.btn-sjlorder {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d41e24;
  *background-color: #c71c22;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #dd1f26, #c71c22);
    border-left-color: #c71c22;
    border-right-color: #c71c22;
    border-top-color: #c71c22;
    border-bottom-color: #841317;
}

.btn-sjlorder:hover,
.btn-sjlorder:focus,
.btn-sjlorder:active,
.btn-sjlorder.active,
.btn-sjlorder.disabled,
.btn-sjlorder[disabled] {
  color: #ffffff;
  background-color: #c71c22;
  *background-color: #b1191e;
}

.btn-sjlorder:active,
.btn-sjlorder.active {
  background-color: #9a161a \9;
}


.btn-group.open .btn-sjlfollow.dropdown-toggle {
  background-color: #dd5600;
}

.btn-group.open .btn-sjlorder.dropdown-toggle {
  background-color: #bd362f;
}


.btn-sjlfollow .caret,
.btn-sjlorder .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
*/



/* ----------------------------------------------------------------------------- */

/* Based on Danger Color instead of Primary */

.btn-sjlorder.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlorder {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d41e24;
  *background-color: #c71c22;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #dd1f26, #c71c22);
    border-left-color: #c71c22;
    border-right-color: #c71c22;
    border-top-color: #c71c22;
    border-bottom-color: #841317;
    padding: 8px 10px;
}

.btn-sjlorder:hover,
.btn-sjlorder:focus,
.btn-sjlorder:active,
.btn-sjlorder.active,
.btn-sjlorder.disabled,
.btn-sjlorder[disabled] {
  color: #ffffff;
  background-color: #c71c22;
  *background-color: #b1191e;
}

.btn-sjlorder:active,
.btn-sjlorder.active {
  background-color: #9a161a \9;
}


.btn-group.open .btn-sjlorder.dropdown-toggle {
  background-color: #bd362f;
}


.btn-sjlorder .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}


/* ----------------------------------------------------------------------------- */

/* Based on Warning Color instead of Primary */

.btn-sjlfollow.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlfollow {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ec5c00;
  *background-color: #dd5600;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #f76000, #dd5600);
    border-left-color: #dd5600;
    border-right-color: #dd5600;
    border-top-color: #dd5600;
    border-bottom-color: #913800;
    padding: 2px 6px;
}

.btn-sjlfollow:hover,
.btn-sjlfollow:focus,
.btn-sjlfollow:active,
.btn-sjlfollow.active,
.btn-sjlfollow.disabled,
.btn-sjlfollow[disabled] {
  color: #ffffff;
  background-color: #dd5600;
  *background-color: #c44c00;
}

.btn-sjlfollow:active,
.btn-sjlfollow.active {
  background-color: #aa4200 \9;
}


.btn-group.open .btn-sjlfollow.dropdown-toggle {
  background-color: #dd5600;
}

.btn-sjlfollow .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

@media (max-width: 979px)
{
    
.btn-sjlfollow {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ec5c00;
  *background-color: #dd5600;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #f76000, #dd5600);
    border-left-color: #dd5600;
    border-right-color: #dd5600;
    border-top-color: #dd5600;
    border-bottom-color: #913800;
}

.btn-sjlfollow:hover,
.btn-sjlfollow:focus,
.btn-sjlfollow:active,
.btn-sjlfollow.active,
.btn-sjlfollow.disabled,
.btn-sjlfollow[disabled] {
  color: #ffffff;
  background-color: #dd5600;
  *background-color: #c44c00;
}

.btn-sjlfollow:active,
.btn-sjlfollow.active {
  background-color: #aa4200 \9;
}

.btn-sjlorder {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d41e24;
  *background-color: #c71c22;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #dd1f26, #c71c22);
    border-left-color: #c71c22;
    border-right-color: #c71c22;
    border-top-color: #c71c22;
    border-bottom-color: #841317;
    padding: 6px 6px;
    margin: 8px 2px 12px;
}

.btn-sjlorder:hover,
.btn-sjlorder:focus,
.btn-sjlorder:active,
.btn-sjlorder.active,
.btn-sjlorder.disabled,
.btn-sjlorder[disabled] {
  color: #ffffff;
  background-color: #c71c22;
  *background-color: #b1191e;
}

.btn-sjlorder:active,
.btn-sjlorder.active {
  background-color: #9a161a \9;
}
}
/* ----------------------------------------------------------------------------- */
/* Based on Primary Color instead of Danger */

/*
.btn-sjlorder.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlorder {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2f92e7;
  *background-color: #2f76e7;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #2fa4e7, #2f76e7);
    border-left-color: #2f76e7;
    border-right-color: #2f76e7;
    border-top-color: #2f76e7;
    border-bottom-color: #1553b5;
}

.btn-sjlorder:hover,
.btn-sjlorder:focus,
.btn-sjlorder:active,
.btn-sjlorder.active,
.btn-sjlorder.disabled,
.btn-sjlorder[disabled] {
  color: #ffffff;
  background-color: #2f76e7;
  *background-color: #1a67e2;
}
   
.btn-sjlorder:active,
.btn-sjlorder.active {
  background-color: #175dcc \9;
}


.btn-group.open .btn-sjlorder.dropdown-toggle {
  background-color: #2f76e7;
}

.btn-sjlorder .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

*/

/* ----------------------------------------------------------------------------- */

/* Based on Primary Color instead of Warning */

/*
.btn-sjlfollow.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlfollow {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2f92e7;
  *background-color: #2f76e7;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #2fa4e7, #2f76e7);
    border-left-color: #2f76e7;
    border-right-color: #2f76e7;
    border-top-color: #2f76e7;
    border-bottom-color: #1553b5;
}

.btn-sjlfollow:hover,
.btn-sjlfollow:focus,
.btn-sjlfollow:active,
.btn-sjlfollow.active,
.btn-sjlfollow.disabled,
.btn-sjlfollow[disabled] {
  color: #ffffff;
  background-color: #2f76e7;
  *background-color: #1a67e2;
}
    
.btn-sjlfollow:active,
.btn-sjlfollow.active {
  background-color: #175dcc \9;
}


.btn-group.open .btn-sjlfollow.dropdown-toggle {
  background-color: #2f76e7;
}

.btn-sjlfollow .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
*/

/* ----------------------------------------------------------------------------- */
.tag-line-sjl {
  color: #ffffff;
}

.tag-line-sjl-logo {
  padding-right: 0.5em;
  padding-bottom: 0.2em;
}


.sjl-underheader_container {
    margin-top: 6px;
    margin-bottom: 4px;
}


.tag-line-sjl-logo_container {
  padding-bottom: 1em;
}


/* ----------------------------------------------------------------------------- */
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}