@font-face {
  font-family: 'NIAGSOL';
  src: url('../font/NIAGSOL.TTF') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../font/NIAGSOL.TTF') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}


/* ---------------------------------------------------------------------------------- */
.tabList {
    color: #222222;
    display: table;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 92px;
}
ul{ 
    list-style-type:disc;
}
.tabList li.activeTab {
    background: #003770 url("../images/activeTabArrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #fff;
}
.tabList li.tab1 a{
    background:url("../img/lefticon-book.png") no-repeat center 8px;
}
.tabList li.tab2 a{
    background:url("../img/lefticon-checkin.png") no-repeat center 6px;
}
.tabList li.tab3 a{
    background:url("../img/lefticon-status.png") no-repeat center 8px;
}
.tabList li.tab4 a{
    background:url("../img/lefticon-hotel.png") no-repeat center 6px;   
}
.tabList li.tab5 a{
    background:url("../img/lefticon-manage-booking.png") no-repeat center 6px;
}
.tabList li.tab7 a{
    background: url("../img/evisa.png") no-repeat center 8px;
}
.tabList li.tab1.activeTab a{
    background: url("../img/lefticon-book1.png") no-repeat center 8px;
}
.tabList li.tab2.activeTab a{
    background:url("../img/lefticon-checkin1.png") no-repeat center 6px;
}
.tabList li.tab4.activeTab a{
    background:url("../img/lefticon-hotel1.png") no-repeat center 6px;
}
.tabList li.tab5.activeTab a{
    background: url("../img/lefticon-manage-booking1.png") no-repeat center 8px;
}
.tabList li.tab7.activeTab a{
    background: url("../img/evisa.png") no-repeat center 8px;
}
.tabList li {
    color: #003770;
    font-size: 12px;
    height: 75px;
    line-height: 1.3;
    list-style-type: none;
    padding: 0;
    position: relative;
    text-align: left;
    top: 0;
    /*white-space: nowrap;*/
    width: 100%; 
}
.borderBtm {
    bottom: 0;
    height: 0px;
    left: 9px;
    left: 0px;
    position: absolute;
    width: 74px;
    width: 100%;
}
.tabList li.book .borderBtm{
    border-top: 1px dotted #6D89A5;
}
.tabList li.search .borderBtm{
    border-top: 1px dotted #6D89A5;
}
.tabList li a {
    border: 0 none;
    clear: both;
    cursor: pointer;
    display: table-cell;
    float: none;
    font-size: 13px;
    height: 93px;
    outline: medium none;
    padding: 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    /*white-space: nowrap;*/
    width: 92px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
    color:inherit;
}
.tabList li:not(.activeTab):hover{
    background-color:#ddd;
}
.book{
    background-color: #ccc;
}
.search{
    background-color: #ccc;
}
.tabList li:first-child{
    border-top-left-radius:4px;
}
.tabList li:last-child{
    border-bottom-left-radius:4px;
}
.tab_Section{
    position:absolute;
    top:20px;
    width:100%;
    left:0px;
}
.tab_Container{
    position:relative;
    width:1150px;
    margin:0 auto;
}
.tab_Box{
    position:relative;
    display:block;
    height:380px;
    width:92px;
    z-index:6;
}

.searchBox{
    background:#EEEEEE; /*'url("../img/transparent_white1.png");*/
    min-height:375px;
    max-height:375px;
    height:395px;
    width:335px;
    top:0px;
    position:absolute;
    left:92px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    display:none;
    color:#333;
    z-index:6;
}

.close-btn{
    background-color: transparent;
    background-image: url("../images/sprite_icons.png");
    background-repeat: no-repeat;
    background-position: -1px -364px;
    display: inline-block;
    height: 16px;
    right: 10px;
    overflow: hidden;
    position: absolute;
    text-indent: 20px;
    top: 10px;
    width: 16px;
    z-index:4;
}
.close-btn:hover{
    background-position: -62px -364px;
}
.innerbox{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width:100%;
    height:100%;
    position:relative;
    overflow:none;
    padding: 10px 20px;
    display:none;
    background-color:#fff;
    border:1px solid #aaa;
}
.dateWrapper {
    float: left;
    position: relative;
    width: 50%;
}   
.dateWrapper input{
    width: 130px;
    padding: 2px 2px 2px 5px;
}
.dateWrapper .datepicker2014B{
    margin-left: 5px;
}
#lefttab-1{
    display:block;
}

.ui-autocomplete { 
    max-height: 200px; 
    overflow-y: auto; 
    overflow-x: hidden;
    width: 270px;  /* Dropdown list width*/
    }
    
.custom-combobox-input{ 
    font-weight:normal !important; 
    color: #000 !important; /* autocomplete text color */
    font-size:12px !important;
    }

.ui-widget-content a{
    color:#555;
    display:block;
    padding: 3px 1em 3px 0.4em;
    font-size:12px;
}
.ui-state-active span{
    color:#fff !important; /* radiobutton background color */
}
.ui-state-hover span{
    color:#000 !important; /* radiobutton background color */
}
.ui-menu .ui-menu-item{
    padding:0;
}
.ui-menu-item a{
    font-weight:normal;
}
#adults, #children, #infants {
    width: 50px;
}
.ui-selectmenu-text{
    padding: 2px 2px 2px 10px !important;
}
#adults-menu .ui-menu-item, #children-menu .ui-menu-item, #infants .ui-menu-item{
    text-align:center;
}
.fielder {
    margin-top: 0px;
    display: inline-block;
    position: relative;
    width: 100%;
}
.fielder span{
    color: #333;
    font-size: 11px; 
}
.groupSingleWrapper {
    width: 80px;
    margin-right: 6px;
    display:inline-block;
    text-align:center;
}
.bottomLabel {
    color: #666;
    font-size: 10px;
    line-height:12px;
}
.dateFullWrapper{
    width: 270px;
}

#bookfrom, #bookto, #searchfrom, #searchto{
    background: url(../images/icon_datepicker.png) no-repeat scroll right center #fff;
    cursor: pointer;
}
.span_normal{
    line-height:14px;
    color: #333;
    font-size: 11px;    
}
@media only screen and (max-width: 1350px){
    .tab_Section{
      top:10px;
    }
}
@media only screen and (max-width: 1280px){
    .tabList li{
      height:50px;
    }
    .tabList li a{
      background-position: 2px center !important;
      padding:0 0 0 25px !important;
      height:50px;
    }
    .tabList li a span{
      font-size:12px;
    }
}
@media only screen and (max-width: 1150px){
    .travel-advisory-container{
      margin:0;
      width:100% !important;
    }
    .navmenu{
      width:auto !important;
    }
    #header{
      width:100%;
    }
}
@media only screen and (max-width: 900px){
    .tabList li{
      height:40px;
    }
    .tabList li a{
      height:40px;
    }
    .tabList li a span{
      font-size:11px;
    }
}
@media only screen and (max-width: 800px){
    .navmenu ul li{
      display:none;
    }
    #nav_wrap .toggle_wrap{
      display:block;
    }
   
}
@media only screen and (max-width: 700px){
    .advisory_text span{
      display:none;
    }
    .advisory_pic img{
      display:none;
    }
    .advirosy_info{
      width:100%;
      overflow-x:hidden;
      text-overflow: ellipsis;
      white-space:nowrap;
      padding:0 !important;
      z-index:1000;
      height:30px;
    }
    .advirosy_info a.active_adv{
      width:100%;
      overflow-x:hidden;
      text-overflow: ellipsis;
    }
    .tab_Container{
      width:100%;
    }
    .tabList li.activeTab {
        background: #003770;
    }
    .tab_Box{
      width:100%;
      height:40px;
      text-align:center !important;
    }
    .searchBox{
      top:10px;
      border-radius:0px;
    }
    .tabList{
      width:100%;
      height:40px;
    }
    .tabList li{
      width:90px;
      border-radius:4px;
      margin:0 1px 1px 0 !important;
      padding:0 !important;
      display:inline-block;
    }
    .borderBtm {
      display:none;
    }
}
@media only screen and (max-width: 600px){
    .tab_Section{
      position:relative;
    }
    .ffpform
    {
        display:none;
    }
    #logo{
     /* float:none !important; */
      height:50px;
    }
     #logo img{
      width:150px;
    }
    
}
@media only screen and (max-width: 500px){
    #logo{
      float:none !important;
      height:35px;
    }
    #logo img{
      width:100px;
    }
    .ffpform{
      position:static !important;
      background-color:#efefef;
      padding-left:5px;
      text-align:center;
      display:none;
    }
    .travel-advisory-bar{
      display:none;
      width:100%;
    }
}
@media only screen and (max-width: 470px){
    .tab_Box{
      height:80px;
    }
    .tabList{
      height:80px;
    }
    .reklam{
      display:none;
    }
    .searchBox{
      top:0px;
      border-radius:0px;
    }
}
.ui-widget1
{
   font-family: Helvetica, Arial, sans-serif;
    font-size: 0.8em;
}