/* CSS FILE: AUTHOR: Mohammed Mahmoud VERSION: 1.1.6.0 LAST UPDATED: 15.6.2014 UPDATED BY: Mohammed Mahmoud */ /*==================================================================================================================================================================== GENERAL ELEMENTS ====================================================================================================================================================================*/ .formbackground {background: none repeat scroll 0 0 #F0F7FC;border:1px solid #FFFFFF;padding:10px;} .com-page-spacer-line{ background: transparent url("../images/backgrounds/gold-background-30.png") repeat-x scroll left center;} select{cursor: pointer;} .error-message{color: #F60821!important;} .booking-error-message{color: #F7BCBC;padding-right: 12px; } .notTranslated_ar{direction:rtl;} .notTranslated_en{direction:ltr;} .flag.tr {background: rgba(0, 0, 0, 0) url("../images/spritesheet.png") no-repeat scroll -157px -232px;height: 11px;width: 16px;} .content-header ul.breadcrumb-bar li {margin-right: 5px;} .large-size-20{font-size:20px;} /*-------- new design (Blind) adjust -------*/ a {color: inherit;} /*.accordion-links article ul li.selected {text-transform: uppercase;color: #1B246F;}*/ .meganav ul li { line-height: 15px;} footer ul.social li.instagram {background-image: url("../images/icons/social/Instagram_off_grey.png");background-repeat: no-repeat; } footer ul.social li.instagram:hover{ background-image: url('../images/icons/social/Instagram_on.png'); } footer ul.social li.linkedin {background-image: url("../images/icons/social/linkedin_off_grey.png");background-repeat: no-repeat; } footer ul.social li.linkedin:hover{ background-image: url('../images/icons/social/linkedin_on.png'); } footer ul.social li.pintrest {background-image: url("../images/icons/social/pinterest_off_grey.png");background-repeat: no-repeat; } footer ul.social li.pintrest:hover{ background-image: url('../images/icons/social/pinterest_on.png'); } footer ul.social li.telegram {background-image: url("../images/icons/social/telegram_off_grey.png");background-repeat: no-repeat; } footer ul.social li.telegram:hover{ background-image: url('../images/icons/social/telegram_on.png'); } /*----------------------------------------------------------------- WorldWide Offices ------------------------------------------*/ .wwoffices h2{font-size: 18px;color: #517891;} .wwoffices h3{font-size: 23px;color: #517891;} .wwoffices label{color: #5A7E96;font-size: 14px;font-weight: bold;} .wwoffices input[type="radio"]{vertical-align: top;} .wwoffices input[type="submit"],.submit {margin-left: -11px;background-position: -1097px -190px;} .wwoffices input[type="submit"] ,.submit{display: inline-block;margin: 0px 0px 0px;padding: 0px;border: 0px none;height: 34px;width: 37px;cursor: pointer;} .wwoffices input[type="submit"] ,.submit{background-color: #517891;background-repeat: no-repeat;background-image: url("../images/spritesheet.png");} .wwoffices select option{font-size: 14px;} .wwoffices .title{padding-left: 16px;color: #517891;font-weight: bold;margin-bottom: 10px;} .wwoffices .item {padding-left: 30px;color: #517891;} .wwoffices .com-page-spacer-line{ position: relative;height: 20px;width: 60%;left: 20%;} .wwoffices .customSelect .customSelectInner{font-size: 15px;} /*----------------------------------------------------------------- Multi Level Content ------------------------------------------*/ .messagediv .contact_forms_message{background-color: #F0F7FC;padding-left: 10px;padding-top: 30px;padding-bottom: 50px;display: none;} .contact_forms_lable{margin-top: 10px;width: 120px;} /*------------------------------------------------------------------------- Customer Relation FORM ----------------------------------------------------------*/ /*.contact_forms h2 {font-size: 18px;color: #517891;} .contact_forms label {color: #5A7E96;}*/ .contact_forms textarea{height: 150px;} /*------------------------------------------------------------------------- Home Page ----------------------------------------------------------*/ body.IE-11_0 .need-help input[type=submit], body.IE-11_0 .need-help button {margin-top: 5px; } .locationMessage-popup-container {z-index: 410000;display: none;top: 0px;left: 0px;position: absolute;width: 100%;background: transparent url("../images/backgrounds/popup-black-background.png") repeat scroll 0% 0%;} .locationMessage-popup-container .saudia_popup{direction: rtl;text-align: right;} .locationMessage-popup-container .question {padding-right: 25px;} .locationMessage-popup-container .saudia_popup {width: 800px;position: relative;display: inline-block;padding: 20px;top: 25%;text-align: left;} .sa-popup-container {display: none;right: 0px;} .sa-popup-container {z-index: 410000;display: none;right: 0px;top: 0px;left: 0px;margin-top: 0px;margin-left: 0px;position: absolute;width: 100%;background: transparent url("../images/backgrounds/popup-black-background.png") repeat scroll 0% 0%;} .sa-popup-container .saudia_popup {text-align: right;} .sa-popup-container .saudia_popup {width: 940px;padding: 20px;display: inline-block;top: 5%;margin-bottom: 10px;position: relative;text-align: left;background: #e1e8ed none } /*------------------------------------------------------------------- CALENDAR ------------------------------------------------------------*/ .ui--datepicker__calendar button a{font-family: "Frutiger LT W02 65 Bold";background: transparent;color: #537790;height: 100%;width: 38px;text-align: center;padding: 0;text-decoration: none; } .ui--datepicker__calendar .selected button a{color: #ffffff;} .ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon {display: block;text-indent: 20px;overflow: hidden;background-repeat: no-repeat;} .ui--datepicker__calendar button a:hover {text-decoration: none; } #ui-datepicker-div{position: absolute;z-index: 111111111111111;} .ui--datepicker__calendar button.ui-state-highlight {border: 1px solid #FCEFA1;background: #a5936e url("../images/images/datepicker/highlight.png") repeat-x scroll 50% 50%;color: #ffffff;} .ui--datepicker__calendar button.ui-state-highlight span.hijri,.ui--datepicker__calendar button.ui-state-highlight a {color: #ffffff;} .icon--arrow-circle.right.gold { background-position: -455px -138px; } html[dir="rtl"] .icon--arrow-circle.right.gold {background-position: -425px -138px; } .icon--arrow-circle.left.gold {background-position: -425px -138px; } html[dir="rtl"] .icon--arrow-circle.left.gold {background-position: -455px -138px } .button--textual--gold{ color:#a5936e;} /*---------------------------------------------------------------------------------- SA-DROPDOWN-NAVIGATION: ----------------------------------------------------------------------------------*/ .sa-dropdown-language {width: 940px;} .sa-dropdown-language {text-align: left;} .column.tiny-plus-5-col-drop-home {width: 180px;} .column.small-minus-6-col-lng-li-home.language {width: 680px;padding-top: 15px;} ul.column.small-minus-6-col-lng-li-home.language li {float: left;width: 107px;padding: 0px;margin: 0px;} .select_a_country {border-bottom: 1px solid #fff;width: 920px;font-size: 16px;} .select_a_lang {border-bottom: 1px solid #fff;width: 610px;font-size: 16px;} .header-top-bar .sa-dropdown-language input[type=button]{ width: 220px; margin-top: 10px; margin-bottom: 10px; } .sa-dropdown-language .maps{margin-top: 5px!important;} .language-dropdown {margin-top:0px;} .sa-dropdown-language .maps{margin-top: 5px !important;height:auto;} .sa-dropdown-language .ui--expander__content{ background:#39434A; } .sa-dropdown-language .lang {padding-bottom:2%} .sa-dropdown-language .lang ul li {width: auto; padding-right: 10px;padding-top: 5px; } .sa-dropdown-language .lang ul li input,.sa-dropdown-language .lang ul li span {vertical-align:middle;} .sa-dropdown-language button {background-color: #82704a;} html[lang="ar"] .sa-dropdown-language legend,html[lang="ar"] .sa-dropdown-language div,html[lang="ar"] .sa-dropdown-language .select_a_country,html[lang="ar"] .sa-dropdown-language .select_a_country {text-align:right;} .ui--datepicker button .hijri{font-size:11px;} /* MOHAMMED MAHMOUD SA-ICON */ .sa-icon-links .contact-us .icon {width: 34px;height: 34px;background-position: -538px -124px; } .sa-icon-links .book-with-us .icon{ width: 30px;height: 32px;background-position: -338px -127px;} .sa-icon-links .where-we-fly .icon{ width: 35height: 30px;background-position: -1331px -124px; } .sa-icon-links .on-board .icon{ width: 35px;height: 31px;background-position: -1138px -128px; } .sa-icon-links .special-travel-needs .icon{ width: 32px;height: 29x;background-position: -1241px -130px ; } .sa-icon-links .guidance-and-tips .icon{ width: 34px;height: 34px;background-position: -737px -126px ; } .sa-icon-links .airport-services .icon{ width: 34px;height: 34px;background-position: -125px -127px ; } .sa-icon-links .baggage .icon{ width: 34px;height: 34px;background-position: -253px -123px ; } .sa-icon-links .about-saudi-arabia .icon{ width: 34px;height: 34px;background-position: -66px -122px ; } .sa-icon-links .featured-fares-icon .icon{ width: 35px;height: 30px;background-position: -640px -129px; } .sa-icon-links .campaigns .icon{ width: 37px;height: 30px;background-position: -437px -128px; } .sa-icon-links .more-information .icon{ width: 36px;height: 36px;background-position: -936px -124px ; } .sa-icon-links .contact .icon{ width: 34px;height: 37px;background-position: -538px -123px; } .sa-icon-links .membership-benefits .icon{ width: 36px;height: 37px;background-position: -836px -123px} .sa-icon-links .my-alfursan .icon{ width: 34px;height: 34px;background-position: -1375px -122px ; } /*HOME PAGE BOOKING TAB*/ html[lang="tr"] .ui--tab-slider__tabs{font-size: 1.13em;} /***** Flight Disruption CSS ******/ #flight_accordion .ui-accordion-header{width: 100%;padding: 10px 0px 10px 10px;font-size: 16px;color: #ffffff !important;background-color: #517891 !important;margin-bottom: 5px !important;cursor: pointer;} #flight_accordion .ui-accordion-content{width: 575px !important;} .div--accordion .ui-accordion-header{width: 100%;padding: 10px 0px 10px 10px;font-size: 16px;color: #ffffff !important;background-color: #517891 !important;margin-bottom: 5px !important;cursor: pointer;} .div--accordion .ui-accordion-content{width: 575px !important;} .disruption_input{background: url('data:image/svg+xml;utf8,SV') no-repeat; font: inherit; padding-left: 30px; } .left-flight-box{display: block;width: 140px;padding: 55px 24px 40px 40px;float: left;color: #527790;background: url('../images/flight-disruption-information2.png') no-repeat;} .right-flight-box{display: block;width: 370px;float: left;padding: 3px 0px 10px 0px;color: #527790;background: url('../images/flight-disruption-information.png') no-repeat;background-position: 10px 5px;} .gold-color{color: #a48e66;} .header-disrupt{color: #a48e66;padding-left: 35px;display: block;} .hr_light_blue{ display: block;height: 1px;border: 0;border-top: 1px solid #e1e8ed;margin: 1em 0;padding: 0; width: 100%;} .flight-body{background: url('../images/fligh-disruption.png');padding: 10px !important;margin-top: 5px !important;width: 100% !important;} .disruption-content{display: block;padding-left: 35px;} html[lang="ar"] #flight_accordion .ui-accordion-header{padding: 10px 10px 10px 0px;} html[lang="ar"] .left-flight-box{float: right;padding: 55px 40px 40px 25px;background: url('../images/flight-disruption-information2.png') no-repeat;background-position: 122px 0px;} html[lang="ar"] .right-flight-box{float: right;background-position: 345px 5px;} html[lang="ar"] .header-disrupt{padding-right: 35px;padding-left: 10px;} html[lang="ar"] .flight-body{background: url('../images/fligh-disruption-ar.png');} html[lang="ar"] .disruption-content{padding-right: 35px;padding-left: 0px;} /* high-contrast Customizations HOME Page*/ body.high-contrast .cust-homepage-offers article {background: #424141;} body.high-contrast .cust-homepage-offers article:hover {background: #171b1f; } body.high-contrast .com-image-cta h2 {background: #424141;} /* high-contrast Customizations Calendar */ body.high-contrast .ui--datepicker__calendar td.disabled button {color: gray;} body.high-contrast .ui--datepicker__calendar button a{color: #fff;} body.high-contrast .hijri .ui--datepicker__calendar button span.hijri{color: #fff;} /* sa lightbox container */ .sa-lightbox-container{border: 1px solid #a5936e; margin-top: -270px;} /**/ .ui-autocomplete li.ui-state-focus{background: #537790;color: #fff;}