/*
 * Air hostess side menu styles------------------------------------------------------------------------------
 */

.hidden-faq {
    color: rgb(204, 30, 30);
    font-weight: bold;
    font-size: 13px;

    display: none;
    z-index: 3;
    position: fixed;
    width: 80px;
    height: 51px;
    top: 10px;
    right: 15px;
    background-color: white;
    border-radius: 7px;
    padding-top: 3px;
    border: 1px solid black;
    text-align: center;
}

.hidden-faq:hover {
    cursor: pointer;
}

.hidden-faq img {
    width: 35px;
}

.close-hover-menu {
    color: black;
    font-size: 11px;
    background-color: rgb(253, 89, 89);
    display: block;
    position: fixed;
    right: 58px;
    top: 11px;
    z-index: 9998;
    width: 60px;
    height: 15px;
    padding: 2px;   
    border-radius: 5px 5px 0px 0px;

    border-top:1px solid black;
    border-right:1px solid black;
    border-left:1px solid black;
}

.close-hover-menu a {
    font-size: 12px;
}

.close-hover-menu a:hover {
    font-size: 12px;
}

.image-wrapper {
    cursor:pointer;
    position: fixed;
    right: 0;
    padding: 30px;
    z-index: 9997;
}

.image-wrapper .yajun-image {
    border: 1px solid #000;
    border-left: none;
    border-radius: 8px;
    box-shadow: 0 6px 9px rgba(0, 0, 0, 2); /*, 0 0 40px rgba(0, 0, 0, 1) inset*/
    position: fixed;
    right: 15px;
    top: 30px;
}

.yajun-image {
    padding-bottom: 55px;
    background-color: rgb(251, 89, 89);
    box-shadow: 0 0 40px rgba(0, 0, 0, 1) inset;
}

.askYajun1 {
    z-index: 9998;
    position: fixed;
    right: 11px;
    top: 22px;
}

.askYajun2 {
    z-index: 9998;
    position: fixed;
    right: 15px;
    top: 195px;
}

.askYajun3 {
    z-index: 9998;
    position: fixed;
    right: 15px;
    top: 195px;
}

.side-menu {
    text-align: center;
    border: 30px solid #fd5959;
    border: 30px solid rgba(253, 89, 89, 0.3);
    border-radius: 8px;
    border-right: none;
    background-color: #fd5959;
    background-color: rgba(253, 89, 89, 0.95);
    display: none;
    height:170px;
	width: 203px;
    overflow: scroll;
    position: fixed;
    right: 30px;
    z-index: 9998;
    top: 30px;
    font-size: 15px;
    box-shadow: 3px 3px 5px #000000;
    overflow-x: hidden;
}

.flyTitleUnder {
    margin-left: -40px;
}

.flyTitleOver {
    z-index: 9999;
    position:absolute;
    left: 30px;
}

#flyContainer {
    margin-top:-10px;
    width: auto;
}

.flyItem {
    /*border: 2px solid black;*/
    background-color: #3f3;
    font-size: 15px;
    margin: 6px;
    padding: 10px;
    width: 230px;
    border-radius:10px;
    box-shadow: 3px 3px 5px #000000;
}

.flyItem p {
    min-height:25px !important;
    padding-left:32px !important;
    padding-top:6px !important;
    margin:0px;
}

/*.flyItem strong {
    color:#4E4EAF;
}*/

.flyItem hr {
    height: 4px;
    background: url('/images/left-menu/dash-spacer.gif') no-repeat center;
    border: none;
    margin: 0px;
}

.flyItem hr:last-child {
    display:none;
}

.flyVideoItem {
    /*border: 2px solid black;*/
    background-color: #ff8;
    font-size: 15px;
    margin: 6px;
    padding: 10px;
    width: 350px;
}

.flyClose {
    font-size: 20px;
    position: fixed;
    right: 150px;
    top: 60px;
    z-index: 10000;
    border: solid black 2x;
    border-radius: 5px;
    background-color:yellow;
    padding:2px;
}

.flyClose2 {
    font-size: 20px;
    position: absolute;
    padding:3px;
    right: 10px;
    top: 0px;
    z-index: 10000;
}

.flyClose:hover , .flyClose2:hover {
    text-decoration: underline;
    cursor: pointer;
}

.side-menu a:link, .side-menu a:visited {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 15px;
    text-align: left;
    font-style: normal;
}

.side-menu a:hover, .side-menu a:active {
    background-color: #FF87FF;
    border-radius: 3px;
    padding: 0px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 15px;
    transition: width 0.3s ease 0.5s, height 0.3s ease 0.5s;
}

/* Gives images to bullets of li elements */
.fly1 {
	background: url('/images/fly/1.gif') no-repeat 5px 5px;
}
.fly2 {
	background: url('/images/fly/2.gif') no-repeat 5px 5px;
}
.fly3 {
	background: url('/images/fly/3.gif') no-repeat 5px 5px;
}
.fly4 {
	background: url('/images/fly/4.gif') no-repeat 5px 5px;
}
.fly5 {
	background: url('/images/fly/5.gif') no-repeat 5px 5px;
}
.fly6 {
	background: url('/images/fly/6.gif') no-repeat 5px 5px;
}
.fly7 {
	background: url('/images/fly/7.gif') no-repeat 5px 5px;
}
.fly8 {
	background: url('/images/fly/8.gif') no-repeat 5px 5px;
}
.fly9 {
	background: url('/images/fly/9.gif') no-repeat 5px 5px;
}
.fly10 {
	background: url('/images/fly/10.gif') no-repeat 5px 5px;
}
.fly11 {
	background: url('/images/fly/11.gif') no-repeat 5px 5px;
}
.fly12 {
	background: url('/images/fly/12.gif') no-repeat 5px 5px;
}

/* Gives different backgrounds for all divs */

.flyBgColor1 {
    background-color: #7AFF7A;
}
.flyBgColor2 {
    background-color: #96FF96;
}
.flyBgColor3 {
    /* Original color */
    background-color: #3f3;
}
.flyBgColor4 {
    background-color: #35F035;
}
.flyBgColor5 {
    background-color: #2CDE2C;
}

/*
 * Air hostess video display--------------------------------------------------------------------------
 */

#flyVideoBackground {
    display: none;
    z-index: 10001;
    background:rgba(64, 64, 64, 0.7);
    position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}

#flyVideoDisplayWrapper {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -350px;
    width: 1000px;
    height: 450px;
}

#flyVideoText {
    position: absolute;
    z-index: 10002;
    width:180px;
    max-height: 435px;

    right:400px;
    top:8px;

    padding:10px;
    background-color: yellow;
    border-radius: 8px;
    box-shadow: 3px 3px 5px #000000;
    font-size: 13px;
    color:black;
}

#flyVideoText p {
    padding-bottom:8px !important;
    margin: auto !important;
    font-size: 13px !important;
    font-style: normal !important;
}

#flyVideoDisplay {
    position: absolute;
    z-index: 10003;
    padding:10px;
    height:450px;
    width:700px;
    background: url('/images/fly/background/stripes-purple.gif');
    background-position: center;
    border-radius: 8px;
    box-shadow: 3px 3px 5px #000000;
    font-size: 15px;
    text-shadow: 3px 3px black;
}

#flyVideoDisplay iframe {
    border: solid 2px black;
    float:left;
    margin-bottom:20px;
}

#flyVideoDisplay h2 {
    display: initial !important;
}

#flyFilm {
    z-index: 10000;
    position: absolute;
    padding-top: 25px;
    padding-left: 25px;
}

.flyVideoMainBanner {
    display: block; 
    margin-left:45px;
    margin-bottom:5px;
}

.flyVideoLights {
    float: left;
    width: 67px;
    margin-bottom:20px;
}

.flyTextToggle {
    position:absolute;
    top:170px;
    right:2px;
}

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

.flyLightBottom {
    margin-top:280px;
}

.flyVideoViewed {
    display: block;
    background: url("/images/fly/mini-gifs/viewed.gif") ;
}

/*
 * Air hostess banner styles--------------------------------------------------------------------------
 */

.flyBanner {
    position:relative;
    height:63px;
}

.flyBannerWrapper{
    background-color: #D0ACD0;
    border-radius:7px;
    height:68px;
    padding-top: 10px;
}

.flyBanner:hover {
    cursor:pointer;
}

.flyBanner img {
    position:absolute;
    top:0px;
}

.flyBanner img:first-child {
    top:5px;
    right:0px;
}

.flyBanTrailer {
    margin-top:11px;
    left:283px;
}

/*
 * Styles for the menu in Lingo--------------------------------------------------------------------------
 */

.flyFaqSide {
    width: 245px;
    height: 150px;
    background-color: #333333;
    margin-bottom: 12px;
}

.flyFaqSide:hover {
    cursor: pointer;
}

.flyFaqSide:hover {
    cursor: pointer;
}