/*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}*/

body,
html {
    /*  height:100%;*/
}
html {
    height: 100%;
}
body {
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
body {
    margin: 0 auto;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #363636;
    position: relative;
    /*    height: 100%;*/
    padding: 0px;
    min-height: 100%;
}
img {
    border: 0px;
    border-radius: 5px;
}
.clear {
    clear: both;
    height: 0px;
}
a:link,
a:visited {
    color: #1BA5DF;
    text-decoration: none;
}
a:hover {
    color: #1d72ce;
}
#wrapper {
    position: relative;
    min-height: 100%;
/*    height: 100%;*/
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-gutter {
  margin-left:-14px;
  margin-right:-14px;
}

.padding-min {
  padding-left:14px;
  padding-right:14px;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 991px) {
    #wrapper {
        padding-bottom: 72px;
    }
}

@media (min-width: 992px) {
    #wrapper {
        padding-bottom: 54px;
    }
}

.container {
    max-width: 1010px;
}
#content {
    /*padding-bottom: 90px;*/
    position: relative;
    min-height: 100%;
    height: 100%;
	display: grid;
}
.white-bg {
    position: relative;
    min-height: 100%;
    height: 100%;
    background: #FFF;
}
#home_wrapper {
    width: 980px;
    height: auto;
    margin: 0px auto;
}
table {
    font-size: 12px;
}
input {
    font-family: 'Open Sans', sans-serif;
}

.vertical-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; /* Optional, to align inner items 
                              horizontally inside the column */
}

/**
 *  Do NOT include this part into your stylesheet.
 *  "flex: 1" or "flex-grow: 1" is added to make the inner div
 *  - Which is also a flex-item - take up all the horizontal space
 *  available space inside the flex container (.col-* elements)
 */
.vertical-align > [class^="col-"] > div,
.vertical-align > [class*=" col-"] > div {
  /* flex: 1; */
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.captcha-btn {
    margin: 10px 0px;
}

/* No Round */

.no-round {
    border-radius: 0px !important;
    moz-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    border-radius: 0px !important;
}

.title-panel {
        /* line-height: 49px; */
        font-size: 19px;
}

.title-panel .img-heading {
        padding-right: 3px;
}
/* Background */

.bg-hotel {
    background: #EB145A;
    color: #FFF;
}
.bg-hotel .img-heading {
    padding-right: 3px;
}

.bg-tour {
    background: #2B69A2;
    color: #FFF;
}

/* Captcha */

.captcha #CaptchaImage {
        width: 100%;
}

/* Combo Box Fix */

.full-width-combobox .ui-button {
    right: 0px;
    width: 100%;/* 44px; */
    background: none;
    border: 0px;
    left: auto;
}

.captcha #CaptchaInputText {
    width: 100%;
    padding: 12px;
    border: 1px solid #d7d7d7;
}
.captcha #CaptchaImage {
    width: 100%;
}

.full-width-combobox .ui-combobox {
    width: 100%;
}
.full-width-combobox .ui-combobox .ui-combobox-input {
    width: 100%;
    background: none;
}
.full-width-combobox span.ui-combobox:after {
    background: url("images/Drop-N.png") no-repeat scroll center center transparent;
    width: 17px;
    height: 11px;
    position: absolute;
    right: 7px;
    top: 17px;
    z-index: 0;
    content: '';
}
ul.ui-autocomplete.di-combobox li .ui-corner-all {
    padding: 15px 0px 15px;
    line-height: 0px;
}
ul.ui-autocomplete.di-combobox {
    overflow-x: hidden;
}
/* Input date Fix */

.input-date:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 22px;
    top: 49px;
    right: 25px;
    background: url("images/Icon-Calendar.png") no-repeat center center;
    z-index:-1;
}
.input-date .dateInput {
    background: none;
    width: 100%;
    margin: 0px;
    height: auto;
    padding: 12px;
}
.input-date .dateInput {
    background: none;
}
.input-date {
        margin-bottom: 4px;
}
/*Header Section*/

#logo {
    position: absolute;
    left: 298px;
    top: -3px;
}
#header {
    height: 118px;
    background: url(images/MenuBackground.jpg) repeat-x;
    padding: 10px;
    position: relative;
    min-width: 992px;
}
.infobrowser {
    background: url(images/bgbrowser.jpg) repeat-x;
    padding: 10px;
    position: relative;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 4px;
    text-align: center;
}
#mainHeader {
    margin: 0px auto;
    width: 980px;
    color: white;
    position: relative;
    height: 34px;
    font-weight: bold;
}
#today {
    position: absolute;
    top: 6px;
}
#outerWrapper {
    height: 1px;
    position: relative;
    top: -71px;
    border-bottom: 1px solid #464646;
}
/*
#today {
    position: absolute;
    left: 0px;
    top: 0px;
}*/

#mainMenu {
    width: 1025px;
    margin: 0px auto;
    position: relative;
}
#mainMenu img {
    border: 0px;
}
#mainMenu > .moduletable_menu > .menu > li {
    float: left;
    list-style: none;
    /*border-left: 1px solid #464646;*/
    height: 67px;
}
.menu > li > a > span {
    font-size: 14px;
}
#mainMenu > .moduletable_menu > .menu > li:hover {
    background-position: 0px -69px;
}
/*add by Lutfiandi 19 Dec 2013*/

.ParentMenu {} .SubMenu {
    display: none;
    padding-left: .5em;
}
.image-title {
    font-weight: bold;
    color: white;
    font-size: 14px;
}
ul.menu > li > ul {
    visibility: hidden;
    position: absolute;
    z-index: 1000;
}
/*---Home Menu--*/

li.item-292 {
    width: 107px;
    text-align: center;
    background: url(images/Menu-Home.jpg) no-repeat;
    background-position: 0px 0px;
}
.item-292 .image-title {
    display: block !important;
    padding: 26px 0px 26px 24px;
}
/*--Menu Tiket--*/

li.item-435 {
    width: 124px;
    text-align: center;
    background: url(images/Menu-Tiket.jpg) no-repeat;
    background-position: 0px 0px;
}
.item-435 .image-title {
    display: block !important;
    padding: 26px 0px 26px 35px;
    padding-left: 35px;
}
/*--Menu Hotel--*/

li.item-294 {
    background: url(images/Menu-Hotel.jpg) no-repeat;
    text-align: left;
    width: 114px;
}
.item-294 .image-title {
    display: block !important;
    padding: 26px 0px 26px 61px;
}
/*---Tour Menu--*/

li.item-290 {
    width: 116px;
    text-align: left;
    background: url(images/Menu-Tour.jpg) no-repeat;
}
.item-290 .image-title {
    display: block !important;
    padding: 26px 0px 26px 67px;
}
/*--MICE Menu--*/

li.item-439 {
    width: 120px;
    text-align: left;
    background: url(images/Menu-Mice.jpg) no-repeat;
}
.item-439 .image-title {
    display: block !important;
    padding: 26px 0px 26px 66px;
}
/*--Umroh dan Haji--*/

li.item-468 {
    width: 150px;
    text-align: left;
    background: url(images/Menu-UmrohHaji.jpg);
}
.item-468 .image-title {
    display: block !important;
    padding: 26px 0px 26px 50px;
}
/*--Dokumen--*/

li.item-469 {
    background: url(images/Menu-Dokumen.jpg);
    text-align: left;
    width: 119px;
}
.item-469 .image-title {
    display: block !important;
    padding: 26px 0px 26px 42px;
}
/*--Transport--*/

li.item-470 {
    background: url(images/Menu-Transport.jpg);
    width: 130px;
}
.item-470 .image-title {
    display: block !important;
    padding: 26px 0px 26px 51px;
}
.menulast {
    border-right: 1px solid #464646;
}
/*--SubMenu--*/

.menu > li > ul > li {
    list-style: none;
    margin-left: -40px;
    width: 155px;
    background: #193F6A;
    height: 22px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    font-size: 14px;
    color: white;
    padding-bottom: 2px;
}
.menu > li > ul > li > a {
    color: white;
}
.menu > li > ul > li:hover {
    background: #3985C6;
}
.menu > li > ul {
    margin: 0px 0px 0px 0px;
}
#message {
    width: 980px;
    position: absolute;
    bottom: -50px;
}
#register {
    position: absolute;
    right: 0px;
    top: 5px;
    text-align: right;
    width: 273px;
    font-weight: bold;
}
#userid {
    position: absolute;
    right: 150px;
    top: -2px;
    text-align: right;
    width: 400px;
}
.menuanchorclass {
    color: white !important;
}
#saldo {
    position: absolute;
    right: 0px;
    top: -2px;
    text-align: right;
    width: 120px;
}
#panelkendali {
    /*position: absolute;*/
    right: 30px;
    top: 15px;
    text-align: right;
    width: 120px;
}
.menu {
    position: absolute;
    top: 14px;
    left: -18px;
    width: 980px;
    z-index: 999;
    font-family: PT Sans;
}
#bahasa {
    position: absolute;
    top: 0px;
    left: 94px;
    padding-left: 20px;
    border-left: 1px solid #464646;
    display: none;
}
.moduletable_breadcrumbs {
    margin-top: 12px;
    margin-bottom: -12px;
}
/*Slideshow*/

#homeSlide {
    margin: 0px auto 4px;
    width: 980px;
    height: 280px;
}
.moduletable_homeSlideShow {
    margin: 0px auto;
    width: 980px;
    position: relative;
}
#homeSlidenav {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 1000;
    opacity: 0;
}
#homeSlidenav a {
    width: 32px;
    height: 24px;
    background: black;
    display: block;
    float: left;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding-top: 8px;
}
#homeSlidenav a.activeSlide {
    background: #43A2E6;
}
/*Editing Tools*/

.tip-wrap {
    background: white;
    border: 1px solid #4D4D4D;
    padding: 6px;
}
.actions {
    list-style: none;
    position: absolute;
    right: 13px;
    top: -8px;
}
.actions li {
    float: left;
    display: block;
}
.actions img {
    padding: 0 4px;
    border: none;
}
div.item-page {
    position: relative;
}
/*Component Section*/

.breadcrumbs {
    margin-top: 13px;
}
.blog-featured {
    width: 980px;
    position: relative;
}
/*.items-row.cols-8.row-0 {
    margin-left: -36px;
}*/

.blog-featured div.item {
    width: 237px;
    float: left;
    /*background: url(/interfaceimages/Line-PackageDivider.png) no-repeat right top;*/
    margin: 20px 8px;
    position: relative;
}
.blog-featured div.item p {
    width: 180px;
    margin: 0px auto;
}
.blog-featured div.item h2 {
    width: 180px;
    margin: 0px auto;
    height: 56px;
}
.blog-featured div.item h2 a {
    color: black;
    font-size: 18px;
}
.blog-featured div.item h2 a:hover {
    color: #1d72ce;
}
span.row-separator {
    clear: both;
    display: block;
}
.item.column-4 {
    width: 492px !important;
}
.item.column-4 p {
    margin-left: 29px !important;
}
.item.column-4 h2 {
    margin-left: 29px !important;
}
.item.column-5 {
    width: 980px !important;
    margin-left: 32px !important;
}
#homeDotLine {
    height: 1px;
    width: 980px;
    background: url("images/Line-Dots.png") repeat-x top;
    position: absolute;
    top: 425px;
    left: 0px;
}
#homeDotLineTwo {
    height: 1px;
    width: 980px;
    background: url("images/Line-Dots.png") repeat-x top;
    position: absolute;
    top: 574px;
    left: 0px;
}
.item.column-1 {
    position: relative;
    /*background: url(/interfaceimages/Lines-HorizontalDots.png) no-repeat top;*/
}
.item.column-1 h2 {
    /*visibility: hidden;*/
}
/*Home Banner*/

#homeBannerContent {
    text-align: center;
    margin-bottom: 39px;
}
#middleBanner {
    width: 980px;
    margin: 19px auto;
    padding: 42px 0px;
    margin-bottom: 0px
}
div.moduletable_homeBottombanner {
    /*background: url(/interfaceimages/Lines-HorizontalDots.png) no-repeat top;*/
    width: 980px;
    margin: 0px auto;
    padding: 23px 0px;
    text-align: center;
}
#bannerLeft {
    width: 214px;
    float: left;
    height: 214px;
}
#twitter {
    width: 270px;
    float: left;
    height: 214px;
}
#hotdeal {
    width: 281px;
    height: 214px;
    float: left;
}
#middleBanner h2 {
    margin: -10px 0 7px;
}
#hotdeal > div {
    margin-right: 40px;
    margin-left: 25px;
}
#twitter > div {
    margin-left: 41px;
    margin-right: 40px;
}
#bannerRight {
    width: 214px;
    height: 214px;
    float: left;
}
.custom_homeBottombanner h2 {
    display: none;
}
/*Footer Section*/

#footer {
    height: 75px;
    background: black;
    color: #FFF;
    bottom: 0;
    position: absolute;
    width: 100%;
    min-width: 980px;
}
#footerWrapper {
    width: 980px;
    margin: 0px auto;
    position: relative;
    height: 63px;
}
#footer h3 {
    display: none;
}
#footer #footerWrapper li {
    list-style: none;
    float: left;
    /*background: url(/interfaceimages/Line-TextDivider.png) no-repeat left center;*/
    padding: 0px 5px 0px 6px;
}
#footer #footerWrapper a {
    color: #FFF;
}
#footer #footerWrapper a:hover {
    color: #43A2E6;
    text-decoration: none;
}
.menu_footerMenu {
    left: -46px;
    top: 5px;
    position: absolute;
}
.menu_footerContactMenu {
    position: absolute;
    top: 5px;
    right: 0px;
}
.active a {
    color: #FFF !important;
    text-decoration: underline;
}
#poweredBy {
    position: absolute;
    right: 0px;
    top: 33px;
    width: 405px;
    text-align: right;
}
#poweredBy a {
    color: #FFF;
}
#hakCipta {
    position: absolute;
    top: 33px;
    width: 450px;
}
/* Home Search */

.homeCari {
    color: #FFFFFF;
    left: 20px;
    position: absolute;
    top: 0;
    width: 410px;
    z-index: 998;
    left: 20px;
    visibility: hidden;
}
.homeCariBg {
    background: none repeat scroll 0 0 #000000;
    height: 351px;
    opacity: 0.79;
    position: absolute;
    width: 411px;
    z-index: -1;
}
.homeCariTabs h2 {
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 23px 19px 14px;
    background: #000;
    height: 24px;
    color: #4AABFE;
}
.homeTabsBg {
    background: none repeat scroll 0 0 black;
    height: 61px;
    position: absolute;
    right: 0;
    width: 212px;
}
.homeSearchSelected {
    background: transparent !important;
    color: #FFF !important;
}
.homeCariContent .ui-corner-all {
    font-size: 11px;
    margin-left: 5px !important;
}
.homeCariContent .ui-state-hover {
    margin-left: 4px !important;
}
.autoCompleteTheme .ui-widget-content a {
    cursor: pointer;
}
.homeCariContent .ui-state-hover {
    /* font-family: open sans;*/
    font-weight: normal !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}
.homeCariContent .hasDatepicker {
    background: url("images/Icon-Calendar.png") no-repeat scroll 149px center white;
    border: 1px solid white;
    cursor: pointer;
    font-size: 11px;
    margin-top: 0;
    outline-color: white;
    padding: 6px 0 8px 7px;
    width: 168px;
}
.homeCariRow-1,
.homeCariRow-2,
.homeCariRow-3,
.homeCariRow-4 {
    margin: 0 auto;
    position: relative;
    width: 373px;
}
.homeCariRow-1 {
    height: 81px;
}
.homeCariRow-1 > label:first-child {
    position: absolute;
    top: 13px;
}
.homeCariRow-1 > label:first-child + label {
    left: 212px;
    position: absolute;
    top: 43px;
}
.homeCariRow-1 > label:first-child + label + label {
    left: 303px;
    position: absolute;
    top: 43px;
}
.homeCariRow-1 #onewayTripHome {
    left: 191px;
    position: absolute;
    top: 41px;
}
.homeCariRow-1 #roundTripHome {
    left: 277px;
    position: absolute;
    top: 41px;
}
.homeCariRow-1 .autoCompleteTheme.maskapai {
    position: absolute;
    top: 36px;
    left: -1px;
}
.homeCariRow-1 > .autoCompleteTheme.maskapai > select:first-child + .ui-combobox + ul,
.homeCariRow-1 > .autoCompleteTheme.maskapai > select:first-child + .ui-combobox + ul + ul {
    height: 164px;
    overflow-y: hidden;
}
.homeCariRow-1 .autoCompleteTheme.maskapai .ui-combobox-input,
.homeCariRow-3 input.ui-state-default,
.homeCariRow-2 input.ui-state-default {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-family: open sans;
    font-size: 12px;
    margin-left: 2px;
    margin-top: 1px;
    padding: 5px 2px 7px 9px;
    width: 162px;
}
.homeCariRow-1 .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all.di-combobox li {
    margin-left: -5px;
    margin-top: -2px;
    width: 370px;
}
.homeCariRow-1 .autoCompleteTheme.maskapai .ui-combobox-toggle {
    height: 29px;
    left: 0;
    top: 0;
    width: 173px;
    cursor: pointer;
}
.autoCompleteTheme.maskapai > select:first-child + .ui-combobox + ul + ul + ul + ul + ul + ul {
    width: 171px !important;
    font-family: open sans;
    font-size: 12px;
}
.homeCariRow-2 > label:first-child {
    position: absolute;
    top: 0;
}
.homeCariRow-2 {
    height: 67px;
}
.homeCariRow-2 .autoCompleteTheme.dataKota {
    left: -1px;
    position: absolute;
    top: 22px;
}
.homeCariRow-2 .hasDatepicker {
    position: absolute;
    right: 0;
    top: 23px;
}
.homeCariRow-2 > label:first-child + label {
    left: 193px;
    position: absolute;
}
.homeCariRow-3 {
    height: 67px;
}
.homeCariRow-3 > label:first-child {
    left: 1px;
    position: absolute;
}
.homeCariRow-3 > label:first-child + label {
    left: 193px;
    position: absolute;
}
.homeCariRow-3 .autoCompleteTheme.dataDestiny {
    left: -1px;
    position: absolute;
    top: 22px;
}
.homeCariRow-3 .hasDatepicker {
    position: absolute;
    right: 0;
    top: 23px;
}
.rowCover {
    background: none repeat scroll 0 0 #000000;
    height: 64px;
    opacity: 0.3;
    position: absolute;
    top: -5px;
    width: 376px;
}
.homeCariRow-4 {
    height: 66px;
}
.homeCariRow-4 > div {
    float: left;
    width: 65px;
}
.homeCariRow-4 > div > label {
    display: block;
    margin: 0 0 6px;
}
.homeCariRow-4 .ui-combobox .ui-state-default {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    font-family: 'Open Sans', ​sans-serif;
    font-size: 11px;
    padding: 7px 2px 7px 6px;
    width: 35px;
}
.homeCariRow-4 .ui-corner-right.ui-combobox-toggle {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    cursor: pointer;
    height: 29px;
    right: 0;
    top: -7px;
    width: 43px;
}
.homeCariRow-4 .ui-combobox {
    position: relative;
}
.autoCompleteTheme.maskapai > select:first-child + .ui-combobox + ul + ul + ul > li,
.autoCompleteTheme.maskapai > select:first-child + .ui-combobox + ul + ul + ul + ul > li,
.autoCompleteTheme.maskapai > select:first-child + .ui-combobox + ul + ul + ul + ul + ul > li {
    margin-left: -2px !important;
    width: 43px !important;
}
.homeCariContent .makeHomeReserv {
    background: url("images/Button-CariDanPesan.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    bottom: 11px;
    color: white;
    font-weight: bold;
    height: 21px;
    margin: 0;
    padding: 5px 2px 27px 4px;
    position: absolute;
    right: 1px;
    width: 121px;
    cursor: pointer;
}
.homeCariContent .makeHomeReserv:hover {
    background-position: 0px -32px;
}
.homeCariRow-3 .autoCompleteTheme.dataDestiny,
.autoCompleteTheme.dataKota,
.homeCariRow-1 .autoCompleteTheme.maskapai,
.homeCariRow-3 #tanggalKembali {
    /* visibility: hidden;*/
}
/* Contact Page*/

.contact-name {
    display: block;
    background: black;
    color: white;
    padding: 13px 21px;
    font-size: 18px;
    font-weight: bold;
}
.contact h3 {
    display: none;
}
.contact .contact-image {
    display: none;
}
#contact-form fieldset {
    border: 0px solid transparent;
}
#contact-form input {
    height: 34px;
    border: 1px solid #D7D7D7;
}
#contact-form legend {
    display: none;
}
#contact-form label {
    color: #464646;
    font-weight: bold;
}
span.star {
    display: none;
}
#contactLeftSection {
    float: left;
    width: 468px;
    height: 553px;
    position: relative;
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 143px;
}
div.contact-miscinfo {
    display: none;
}
/*Contact Form*/

#jform_contact_name {
    position: absolute;
    top: 27px;
    left: -1px;
    width: 465px;
}
#jform_contact_name-lbl {
    position: absolute;
    top: 2px;
    left: 0px;
}
#jform_contact_email-lbl {
    position: absolute;
    top: 82px;
    left: 0px;
}
#jform_contact_email {
    position: absolute;
    top: 104px;
    left: -1px;
}
#jform_contact_emailmsg-lbl {
    position: absolute;
    top: 82px;
    left: 255px;
}
#jform_contact_emailmsg {
    position: absolute;
    top: 104px;
    left: 252px;
    width: 211px;
}
#jform_contact_message-lbl {
    position: absolute;
    top: 156px;
    left: 0px;
}
#jform_contact_message {
    position: absolute;
    top: 176px;
    left: 0px;
    width: 460px;
    border: 1px solid #D7D7D7;
}
#jform_captcha-lbl {
    display: none;
}
#dynamic_recaptcha_1 {
    position: absolute;
    top: 363px;
    left: 0px;
}
#recaptcha_table {
    width: 467px;
}
#jform_contact_email_copy {
    position: absolute;
    top: 499px;
    left: -5px;
}
#jform_contact_email_copy-lbl {
    position: absolute;
    top: 509px;
    left: 23px;
}
.button.validate {
    position: absolute;
    top: 501px;
    right: 0px;
    /*background: url(images/contact-page-button.png) no-repeat;*/
    width: 215px;
    height: 32px;
    font-size: 0px;
    border: 0px solid transparent;
}
.button.validate:hover {
    /* background: url(images/contact-page-button-h.png) no-repeat; */
}
#contactRightSection {
    width: 465px;
    float: right;
}
.jicons-icons {
    display: none;
}
.contact-links li {
    list-style: none;
    margin-left: -38px;
}
.contact-links li a {
    font-size: 17px;
}
.contact-position {
    font-weight: bold;
    font-size: 18px;
}
.contact-address {
    width: 104px;
}
address {
    font-style: normal;
}
.contact-links {
    border-bottom: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
}
.contact-webpage {
    display: block;
    /* background: url(images/Kontak-W.png) left no-repeat; */
    padding-left: 34px;
    margin-top: -14px;
}
.contact-telephone {
    display: block;
    /* background: url(images/Kontak-T.png) left no-repeat; */
    padding-left: 34px;
}
.contact-email {
    display: block;
    /* background: url(images/Kontak-E.png) left no-repeat; */
    padding-left: 34px;
    margin-bottom: 32px;
    margin-top: -14px;
}
img.bannerLeft {
    position: absolute;
    bottom: -105px;
}
img.bannerRight {
    position: absolute;
    right: -518px;
    bottom: -105px;
}
/*Home Flash News*/

.newsflash {} #newsflashDate {
    display: block !important;
    width: 177px;
    overflow: hidden;
    height: 15px;
    color: #959595;
}
.newsflash_homeNews {
    top: -3px;
    margin-left: 138px;
    display: none;
}
.moduletable_homeNews {
    height: 33px;
    max-width: 980px;
    margin: 0px auto;
    position: relative;
    padding-top: 9px;
}
.newsflash-title_homeNews {
    width: 980px;
}
a.newsFlashlink {
    float: left;
    display: block;
    margin-right: 5px;
}
.newsFlashnext {
    position: absolute;
    width: 11px;
    height: 11px;
    /*background: url(/interfaceimages/Button-FN-Next.png) left no-repeat;*/
    left: 113px;
    top: 16px;
    cursor: pointer;
}
.newsFlashprev {
    position: absolute;
    width: 11px;
    height: 11px;
    /*background: url(/interfaceimages/Button-FN-Prev.png) left no-repeat;*/
    left: 90px;
    top: 16px;
    cursor: pointer;
}
/*Paket Tour*/

.paketTourImage {
    float: left;
}
.tourImage {
    width: 471px;
    height: 138px;
}
.paketTourShortDesWrapper {
    width: 509px;
    float: left;
    position: relative;
    height: 136px;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
}
.paketTourDes {
    width: 471px;
    margin: 0px auto;
}
.paketTourVar {
    width: 108px;
    float: left;
}
.btnDetail {
    bottom: 21px;
    position: absolute;
    right: 21px;
    width: 122px;
    height: 32px;
    background: url(images/Button-LihatLebihRinci.png);
}
.btnDetail:hover {
    background: url(images/Button-LihatLebihRinci.png) 0px -32px;
}
.btnDetail > a {
    color: #FFFFFF;
    display: block;
    margin: 6px auto;
    text-align: center;
    font-weight: bold;
}
.paketTourHeading {
    margin: 10px 0px;
    font-size: 20px;
    color: #1BA5DF;
}
div.paketTourVal {
    font-weight: bolder;
}
.list_paketTour {
    margin: 20px 0px;
}
a.paketTourDetailButton {
    position: absolute;
    right: 18px;
    bottom: 12px;
    background: url(images/Button-LihatLebihRinci-N.png) no-repeat;
    width: 122px;
    height: 32px;
    padding-top: 5px;
    text-align: center;
    color: #FFF;
}
a.paketTourDetailButton:hover {
    background: url(images/Button-LihatLebihRinci-S.png) no-repeat;
}
.tourStartfrom {
    position: absolute;
    right: 20px;
    top: 14px;
    font-size: 18px;
    font-weight: bold;
}
.item-488 {
    display: none;
}
p.paketTourParagraph {
    line-height: 118%;
    margin-top: 0px;
}
#packageTourDetailWrapper {
    margin: 22px auto;
    width: 980px;
}
/*--Ym Online Wrapper--*/

.ymOnlineButton {
    position: relative;
    background: url("images/Left-YMpointer.png") center right no-repeat;
    padding-right: 69px;
    cursor: pointer;
}
.wa_span {
    float: right;
    vertical-align: top;
}
.ymonlinewrapper {
    width: 300px;
    position: absolute;
    top: 22px;
    background: #EBEBEB;
    left: -54px;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(119, 119, 119, 0.18);
    box-shadow: 0px 0px 10px 5px rgba(119, 119, 119, 0.18);
}
.visibility {
    visibility: hidden;
}
.invisibility {
    visibility: visible;
}
.YmOnlineHeading {
    background: black;
    border: 1px solid white;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 14px 0px 15px 19px;
    border-bottom: 0px;
}
.ymonlinewrapper > .ymonlinebox > h3 {
    background: #EBEBEB;
    -khtml-border-bottom-right-radius: 0px
    /*{cornerRadius}*/
    ;
    border-bottom-right-radius: 0px
    /*{cornerRadius}*/
    ;
    -khtml-border-top-right-radius: 0px
    /*{cornerRadius}*/
    ;
    border-top-right-radius: 0px;
    -khtml-border-top-left-radius: 0px
    /*{cornerRadius}*/
    ;
    border-top-left-radius: 0px
    /*{cornerRadius}*/
    ;
    -moz-border-radius-bottomleft: 0px
    /*{cornerRadius}*/
    ;
    -webkit-border-bottom-left-radius: 0px
    /*{cornerRadius}*/
    ;
    -khtml-border-bottom-left-radius: 0px
    /*{cornerRadius}*/
    ;
    border-top-bottom-radius: 0px
    /*{cornerRadius}*/
    ;
    border: 1px solid white;
    height: 26px;
    padding-top: 0px;
    border-bottom: 0px;
    margin: 1px 0px 0px 0px;
}
.ymonlinewrapper > .ymonlinebox > h3:hover {
    background: #3985C6;
}
.ymonlinewrapper > .ymonlinebox > h3 a:hover {
    color: #FFF;
}
.ymonlinebox > .ui-state-active {
    background: #3985C6 !important;
}
.ymonlinebox > .ui-state-active a {
    color: white !important;
}
.ymonlinewrapper > .ymonlinebox > h3 a {
    color: #363636;
    padding: 6px 6px 6px 26px;
}
.ymonlinebox .ui-corner-bottom {
    -khtml-border-bottom-right-radius: 0px
    /*{cornerRadius}*/
    ;
    border-bottom-right-radius: 0px
    /*{cornerRadius}*/
    ;
}
.ymonlinebox .ui-accordion-header > .ui-icon {
    left: 138px !important;
}
.ymonlinebox > .ui-accordion-content > ol {
    margin-left: -29px;
    margin-top: 3px;
    margin-bottom: 0px;
}
.ymonlinebox > .ui-accordion-header > a {} .ymonlinebox > .ui-accordion-content {
    padding: 7px 5px 0px 29px !important;
    background: #FFF;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 0px solid transparent;
    border-top: 0px !important;
    margin-bottom: 0px;
}
.ymonlinebox > .ui-accordion-content > ol > li {
    margin: 0px 0px 0px 0px;
    height: 26px;
    position: relative;
    font-weight: normal;
}
.ymonlinebox > .ui-accordion-content > ol > li img {} .ymonlinewrapper > .ymonlinebox > h3 a {
    font-family: 'Open Sans';
    font-size: 12px;
}
.ymonlinebox > .ui-accordion-content > ol > li > a {
    display: block;
    position: absolute;
    top: 0px;
}
@media (min-width: 979px) {
    .visibility {
        visibility: visible;
    }
    .invisibility {
        visibility: hidden;
    }
}
.ymToggle {
    background: #DDD;
    z-index: 1000;
    position: fixed;
    top: 375px;
    border: 1px solid #EEE;
    cursor: pointer;
}
/*-- Tour --*/

.paketTravelWrapper {
    padding-bottom: 50px;
}
.tourItem {
/*
    margin: 20px auto;
    width: 980px;
*/
    margin-top: 20px;
    margin-bottom: 20px;
    
}
.tourItem img {
    float: left;
}
.pakettravelwrapper > .touritem:nth-child(even) > .tourcontent {
    /* background: #EBEBEB;*/
}
.tourContent {
/*
    width: 509px;
    float: right;
*/
    border-bottom: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    position: relative;
    height: 145px;
    line-height: 16px;
}
.itemContentHover {
    background: #EBEBEB;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.tourContentLeft {
    float: left;
    width: 24%;
    margin-left: 19px;
    margin-top: 38px;
}
.tourTitle {
    font-weight: bold;
    font-size: 14px;
    color: #43A2E5;
    position: absolute;
    top: 10px;
    left: 19px;
}
.tourPrice {
    position: absolute;
    font-size: 14px;
    font-weight: bolder;
    top: 11px;
    right: 20px;
}
.tourContentRight {
    margin-top: 38px;
    font-weight: bold;
    float: left;
    width: 50%;
}
/*Step Pesawat */

.searchFlight .hasDatepicker {
    border: 1px solid #D7D7D7;
    height: 40px !important;
    padding: 0 0 0 11px !important;
    background: url(images/Icon-Calendar.png) no-repeat 182px center;
}
/*Dokumen */

.dokumenWrapper {
    /*border-bottom: 1px dotted #DDDDDD;
    border-top: 1px dotted #DDDDDD;*/
    margin: 0 auto;
    padding-bottom: 24px;
    width: 980px;
}
.transportHeader {
    height: 300px;
    position: relative;
    width: 980px;
    background: url(images/bannertransport.jpg);
}
.dokumenHeader {
    height: 370px;
    position: relative;
    width: 980px;
    background: url(images/Dok-Slide-1.jpg);
}
.dokumenHeaderBox {
    background: none repeat scroll 0 0 #000000;
    bottom: 20px;
    color: #FFFFFF;
    height: 141px;
    padding: 7px 21px 18px 20px;
    position: absolute;
    right: 0;
    width: 429px;
}
.dokumenHeaderBox > h2 {
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 6px;
}
.dokumenHeaderTabsWrapper > h2 {
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 36px;
    margin: 0 8px 0 0;
    padding: 13px 21px 0 19px;
    width: auto;
    background: #0ca7f1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dokumenHeaderTabsWrapper {
    background: none repeat scroll 0 0;
	color: #ffffff;
    margin-bottom: 35px;
    position: relative;
}
.dokumenHeaderTabsWrapper .selected {
    background: #000;
    color: #FFF;
}
.dokumenHeaderContentWrapper {
    min-height: 100px;
    border-radius: 0px 0px 0px 0px;
}
.dokumenHeaderContentWrapper th {
    font-size: 16px;
    background: #e0e4ef;
    padding: 10px;
    border: 1px solid #CCCCCC;
}
.dokumenHeaderContentWrapper td {
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 10px;
}
.dokumenLeft {
    float: left;
    width: 470px;
    font-size: 14px;
}
.dokumenRight {
    float: right;
    width: 470px;
    font-size: 14px;
}
.seeDetails {
    bottom: -34px;
    font-size: 14px;
    position: absolute;
    right: 0;
    width: 130px;
}
/*Mice Detail */

.headerContent {
    width: 960px;
    background-color: #1E76D0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 20px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}
.contentTour {
    margin: 0 auto;
    width: 980px;
    background-image: url(https://www.darmawisataindonesia.co.id/Content/images/background/background3.jpg);
    margin-bottom: -30px;
    border-radius: 0px 0px 20px 20px;
}
.title {
    font-weight: bold;
    font-size: 15px;
    margin-top: 60px;
}
/*Haji dan Umroh */

.hajiHeader {
    margin: 0 auto;
    width: 980px;
    height: 412px;
}
.hajiHeaderLeft > div > a {
    background: url("images/Haji/Nav-UH-Slide-N.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 0;
    height: 7px;
    margin-right: 13px;
    width: 7px;
}
.activeSlideHaji {
    background: url("images/Haji/Nav-UH-Slide-S.png") repeat scroll 0 0 transparent !important;
}
.hajiHeaderLeft > #nav {
    position: absolute;
    right: 6px;
    top: 20px;
}
.hajiHeaderLeft > h3 {
    font-weight: normal;
    margin: 14px 2px 6px 18px;
}
.hajiHeaderLeft {
    border: 1px solid #CCCCCC;
    float: left;
    height: 410px;
    position: relative;
    width: 724px;
}
.hajiSlide {
    height: 344px;
    margin: 11px auto 0;
    position: relative;
    width: 684px;
}
.hajiHeaderRight {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    float: right;
    padding-bottom: 20px;
    width: 253px;
}
.hajiHeaderRight > h4 {
    background: url("images/Haji/Line-H-ArtikelTitle.jpg") no-repeat scroll 0 0 transparent;
    font-size: 14px;
    font-weight: normal;
    margin: 20px 0 14px 20px;
    padding-top: 13px;
}
.hajiHeaderRight > h4:first-child + div {
    border-top: 1px solid #CCCCCC;
}
.hajiArticleItem {
    border-bottom: 1px solid #CCCCCC;
    color: #707070;
    margin: 0 auto;
    padding-bottom: 16px;
    width: 213px;
}
.hajiArticleItem > a {
    color: #707070;
}
.hajiArticleItem > h5 {
    font-size: 12px;
    margin: 16px 1px -2px 0;
}
.hajiArticleItem > h5 > a {
    color: #363636;
}
.hajiMainContent {
    margin: -1px auto 20px;
    width: 980px;
}
.hajiMainContent > div:first-child {
    border-top: 1px solid #CCCCCC;
}
.hajiMainContentItem {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    /*width: 724px;*/
}
.hajiMainContentItem h5 {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 7px;
}
.hajiMainContentItem > div {
    margin: 0 auto;
    padding-bottom: 16px;
    padding-top: 10px;
    width: 963px;
    position: relative;
    border-top: 1px solid #CCCCCC;
    margin-top: -1px;
}
.hajiMainContentItemLeft > span {
    display: block;
}
.hajiMainContentItemLeft {
    float: left;
    width: 70px;
}
.hajiMainContentItemRight > span {
    display: block;
}
.hajiContentItemDetail {
    background: url("images/Haji/Button-LihatLebihRinci.jpg") no-repeat scroll 0 0 transparent;
    bottom: 20px;
    color: #FFFFFF !important;
    height: 26px;
    padding-top: 6px;
    position: absolute;
    right: 1px;
    text-align: center;
    width: 122px;
}
.hajiContentItemDetail:hover {
    background: url("images/Haji/Button-LihatLebihRinci.jpg") no-repeat scroll 0 -32px transparent;
}
.hajiContentItemDetail:hover,
.hajiDetailPesan:hover {
    background-color: #0881d6;
}
.hajiDetailPesan {
    color: #fff !important;
    font-weight: bold;
    font-size: 13px;
    background-color: #0095FF;
    position: absolute;
    right: 51px;
    height: 26px;
    bottom: 35px;
    width: 170px;
    padding-top: 6px;
    text-align: center;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.infoInqHaji {
    font-size: x-small;
    position: absolute;
    right: 55px;
    height: 26px;
    bottom: -2px;
}
.hajiHeaderLeft > img {
    margin: 19px;
}
.hajiHeaderLeft > span {
    display: block;
    position: absolute;
    left: 507px;
    top: 10px;
    font-size: 18px;
}
/*


/*
    .cat-children li {
    float: left;
    width: 216px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    min-height: 115px;
    background: url(/interfaceimages/Line-PackageDivider.png) no-repeat right top;  
}
.cat-children ul {
    margin: 0px auto;
    width: 1000px;
    margin-left: -41px;
}
.category-desc {
    margin: 0px auto;
    width: 131px;
}
span.item-title {
    width: 131px;
    display: block;
    margin: 0px auto;
}
.item-title a {
    color: black;
    font-size: 18px;
}
.cat-children h3 {
    display: none;
}

.first span.item-title {
    width: auto !important;
}

.first div.category-desc {
    width: 180px !important;
    margin-left: 0px;
}

li.first {
    /*background: none !important;*
}

li.packageRight {
    width: 330px !important;
}
.packageRight div.category-desc {
    width: 244px !important;
}

.packageRight span.item-title {
    width: 244px !important;
}

     */

/*#sidebar_left, #sidebar_right {
	width: 230px;
	background: #CCCCCC;
	height:auto;
	padding: 0 5px;
}

#sidebar_left {
	float: left;
}

#sidebar_right {
	float: right;
}
	
#maincolumn0 {
	position: relative;
	width: 470px;
	float: left;
	padding: 0 5px;
}

#maincolumn1 {
	position: relative;
	width: 710px;
	float: left;
	padding: 0 5px;
}

#maincolumn2 {
	position: relative;
	width: 950px;
	float: left;
	padding: 0 5px;
}
*/

/*Added:Timotheus, March 13, 2013, Style for user panel*/

.index_UserPanelButton {
    cursor: pointer;
}
.index_UserPanelButton_wrapperDiv {
    position: absolute;
    z-index: 1000;
    width: 160px;
    background: #FFFFFF;
    left: -39px;
    text-align: left;
    display: none;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
}
.index_UserPanelButton_wrapperDiv div {
    width: 100%;
    padding: 5px 3px 5px 26px;
    margin: 1px 1px 1px 1px;
    color: #363636;
    font-weight: normal;
    background: #EBEBEB;
    /*
    height: 16px;
    width: 129px;
*/
    padding: 7px 11px;
}
.index_UserPanelButton_wrapperDiv div:hover {
    color: #FFFFFF;
    background-color: rgb(57, 133, 198);
}
.footerLine {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 1px 15px 0 white;
    box-shadow: 0 1px 15px 0 white;
}
.clear {
    clear: both;
}
#mainWrapper {
    width: 980px;
    margin: 30px auto;
    position: relative;
}
.headerpage {
    background: url(images/headerpage.jpg) no-repeat;
/*    width: 980px;*/
    display: block;
}
.headerpage h1 {
    color: #FFF;
    padding: 8px 0 0 10px;
    margin-top: 0px;
    height: 45px;
}
.headerpage h2 {
    color: #FFF;
    padding: 15px 0 0 10px;
    margin-top: 0px;
    height: 45px;
}
.headerpageTour h2 {
    color: #FFF;
    padding: 15px 0 0 10px;
    margin-top: 0px;
    height: 53px;
}
.headerpage h1 span.titleplus {
    color: #FFF;
    font-size: 14px;
    padding: 8px 0 0 10px;
    margin-top: 0px;
}
/*-- Update Stylesheet --*/

#mainWrapper label {
    font-weight: bold;
}
#rowOne > input:first-child {
    left: -5px;
    position: absolute;
    top: 24px;
}
#rowOne > input:first-child + label {
    left: 20px;
    position: absolute;
    top: 26px;
}
#rowOne > input:first-child + label + input {
    left: 109px;
    position: absolute;
    top: 24px;
}
#rowOne > input:first-child + label + input + label {
    left: 135px;
    position: absolute;
    top: 25px;
}
#rowOne > input:first-child + label + input + label + label {
    left: 510px;
    position: absolute;
    top: -4px;
}
#rowOne > input:first-child + label + input + label + label + label {
    left: 764px;
    position: absolute;
    top: -4px;
}
#rowOne > .autoCompleteTheme {
    left: 510px;
    position: absolute;
    top: 19px;
}
#rowOne > .autoCompleteTheme.maskapai {
    left: auto !important;
    right: 0;
    width: 216px;
}
#rowOne > .autoCompleteTheme.IsInternationalFlight {
    left: auto !important;
    right: 0;
    width: 725px;
}
.autoCompleteTheme > .ui-combobox > .ui-state-default.ui-combobox-input.ui-autocomplete-input.ui-widget.ui-widget-content.ui-corner-left {
    color: #000000;
}
#orderingFlow {
    height: 33px;
}
#orderingFlow img {
    float: left;
    margin: 0px 0px;
}
h2.orderHeading {
    margin: 12px 0px 2px 0px;
    font-size: 0px;
    height: 52px;
    margin: 12px 0px 2px 0px;
}
#tripTypeLeft {
    width: 23px;
    float: left;
    margin: 11px 0px;
}
#tripTypeRight {
    width: 150px;
    float: left;
    margin-top: -6px;
    position: relative;
}
#tripTypeRight label {
    display: block;
    margin: 11px 0px;
}
label.labelOneWay {
    position: absolute;
    top: 11px;
    left: -4px;
}
label.labelReturn {
    position: absolute;
    top: 34px;
    left: -4px;
}
.tripLabel {
    display: block;
}
#rowOneLeft {
    float: left;
    width: 485px;
}
#rowOneRight {
    float: right;
    width: 485px;
}
#rowOne {
    width: 980px;
    margin: 0px auto;
    height: 90px;
}
.rowTwoRow {
    margin: 13px 0px;
}
.rowTwoRow input {
    margin: 0px 6px 0px 0px;
    float: left;
}
.rowTwoRow label {
    margin-top: -2px;
    display: block;
    width: 185px;
    float: left;
}
.rowTwoOneLeft {
    width: 500px !important;
}
input.tripDestination {
    padding: 12px 0px 12px 15px;
    width: 461px;
    border: 1px solid #D7D7D7;
    background: url("images/Drop-N.png") no-repeat 436px center;
}
ul.tripDestionationOption {
    position: absolute;
    margin: -1px 0px 0px -40px;
    display: none;
    cursor: default;
}
.tripDestionationOption li {
    list-style: none;
    padding: 12px 0px 12px 15px;
    width: 461px;
    border: 1px solid #D7D7D7;
    background: #FFF;
    margin-top: -1px;
}
input.tripOrigin {
    padding: 12px 0px 12px 15px;
    width: 461px;
    border: 1px solid #D7D7D7;
    background: url("images/Drop-N.png") no-repeat 436px center;
}
ul.tripOriginOption {
    position: absolute;
    margin: -1px 0px 0px -40px;
    display: none;
    cursor: default;
}
.tripOriginOption li {
    list-style: none;
    padding: 12px 0px 12px 15px;
    width: 461px;
    border: 1px solid #D7D7D7;
    background: #FFF;
    margin-top: -1px;
}
input.airlines {
    padding: 12px 0px 12px 15px;
    width: 198px;
    border: 1px solid #D7D7D7;
    background: url("images/Drop-N.png") no-repeat 183px center;
}
ul.airlinesOption {
    position: absolute;
    margin: -1px 0px 0px -40px;
    display: none;
    cursor: default;
}
.airlinesOption li {
    list-style: none;
    padding: 12px 0px 12px 15px;
    width: 198px;
    border: 1px solid #D7D7D7;
    background: #FFF;
    margin-top: -1px;
}
input.cabinClassDeparture,
input.cabinClassArrive,
input.adultPassanger,
input.childPassenger,
input.babyPassenger {
    padding: 12px 0px 12px 15px;
    width: 198px;
    border: 1px solid #D7D7D7;
    background: url(images/Drop-N.png) no-repeat 183px center;
}
ul.cabinClassDepartureOption,
ul.cabinClassArriveOption,
ul.adultPassengerOption,
ul.childPassengerOption,
ul.babyPassengerOption {
    position: absolute;
    margin: -1px 0px 0px -40px;
    display: none;
    cursor: default;
}
.cabinClassDepartureOption li,
.cabinClassArriveOption li,
.adultPassengerOption li,
.childPassengerOption li,
.babyPassengerOption li {
    list-style: none;
    padding: 12px 0px 12px 15px;
    width: 198px;
    border: 1px solid #D7D7D7;
    background: #FFF;
    margin-top: -1px;
}
.standarDropBox {
    width: 469px;
    height: 40px;
    padding-left: 22px;
    border: 1px solid #D7D7D7;
}
.shorDropBoxDiv select {
    background: transparent;
    width: 215px;
    padding: 10px 0px 10px 15px;
    border: 1px solid #D7D7D7;
    height: 40px;
}
.shortDropBox {
    width: 217px;
    height: 40px;
    padding-left: 22px;
    border: 1px solid #D7D7D7;
    line-height: 200%;
    overflow: hidden;
}
.stdDropBoxDiv select {
    background: transparent;
    width: 215px;
    padding: 10px 0px 10px 18px;
    border: 1px solid #D7D7D7;
    height: 40px;
    -webkit-appearance: none;
}
.shorDropBoxDiv {
    position: relative;
}
.shorDropBoxDiv span {
    width: 180px !important;
    background: url("images/Drop-N.png") no-repeat 181px center !important;
}
.shorDropBoxDiv select.styled {
    width: 214px !important;
}
#dropButton {
    background: url("images/Drop-N.png") white no-repeat left center;
    width: 27px;
    height: 18px;
    position: absolute;
    top: 11px;
    left: 186px;
}
.stdInputBox {
    height: 37px;
    padding-left: 19px;
    width: 194px;
    border: 1px solid #D7D7D7;
    padding-top: 1px;
    line-height: 250%;
    background: url("images/Icon-Calendar.png") no-repeat 176px center;
}
.tripLabel {
    display: block;
    font-weight: bold;
    margin: 15px 0px 7px;
}
.tripLabelKembali {
    display: block;
    font-weight: bold;
    margin: 14px 0px 7px;
}
#tripType {
    margin: 16px 0px -6px 0px;
    height: 61px;
    width: 200px;
    position: relative;
}
#tripTypeLeft input {
    margin: 6px 0px 0px 0px;
}
#rowOneRightLeft {
    width: 218px;
    float: left;
    margin-top: -6px;
}
#rowTwoRightRight {
    width: 217px;
    float: right;
    margin-top: -5px;
}
#rowTwoDes label {
    display: block;
    margin: 12px 0px;
    color: #D7D7D7;
}
#rowTwoDes {
    float: left;
    margin-top: -11px;
}
#rowTwo {
    margin: 0px auto;
    height: 100px;
    width: 980px;
    position: relative;
}
#rowTwo > label:first-child {
    position: absolute;
    top: 2px;
}
#rowTwo > .dataDestiny {
    left: 509px;
    position: absolute;
    top: 24px;
}
#rowTwo > label:first-of-type + div + label {
    left: 509px;
    position: absolute;
    top: 2px;
}
#rowTwo > .dataKota {
    position: absolute;
    top: 24px;
}
#rowTwo > .autoCompleteTheme input {
    width: 445px;
    background: url("images/Drop-N.png") no-repeat scroll 438px center transparent;
}
.maskapai .ui-autocomplete {
    /* max-height: 152px; */
    overflow-y: hidden;
}
#rowThreeOne,
#rowThreeTwo,
#rowThreeThree {
    width: 245px;
    float: left;
}
#rowThree {
    margin: 0px auto;
    width: 980px;
    position: relative;
    height: 98px;
}
#rowThree label {
    display: block;
}
#rowThree > div > label {
    margin: 0 0 6px;
}
#rowThree > div:first-child {
    position: absolute;
    top: 2px;
}
#rowThree > div > input {
    width: 201px !important;
}
#rowThree > div:first-child + div {
    left: 256px;
    position: absolute;
    top: 2px;
}
#rowThree > div:first-child + div + div {
    left: 508px;
    position: absolute;
    top: 2px;
}
#rowThree > div:first-child + div + div .ui-state-default {
    background: none repeat scroll 0 0 transparent;
}
#rowThree > div:first-child + div + div .ui-combobox-toggle,
#rowThree > div:first-child + div + div + div .ui-combobox-toggle,
#rowThree > div:first-child + div + div + div + div .ui-combobox-toggle {
    border: 0 none transparent;
    height: 39px;
    left: 0;
    top: 0;
    width: 127px;
}
#rowThree > div:first-child + div + div > .ui-combobox .ui-combobox-input,
#rowThree > div:first-child + div + div + div > .ui-combobox .ui-combobox-input,
#rowThree > div:first-child + div + div + div + div > .ui-combobox .ui-combobox-input {
    background: url("images/Drop-N.png") no-repeat scroll 97px center transparent;
}
#rowThree > div:first-child + div + div + div {
    left: 677px;
    position: absolute;
    top: 2px;
}
#rowThree > div:first-child + div + div + div .ui-state-default {
    background: none repeat scroll 0 0 transparent;
}
#rowThree > div:first-child + div + div + div + div {
    left: 849px;
    position: absolute;
    top: 2px;
}
#rowThree > div:first-child + div + div + div + div .ui-state-default {
    background: none repeat scroll 0 0 transparent;
}
.tanggalKembaliCover {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 33px;
    left: 261px;
    position: absolute;
    top: 27px;
    width: 199px;
}
.comboBox input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-size: 11px;
    width: 102px;
}
.comboBox .ui-button-icon-primary {
    display: none;
}
.jenispenerbangan > .ui-combobox > input,
.maskapai > .ui-combobox > input {
    width: 190px;
    background: url("images/Drop-N.png") no-repeat scroll 183px center transparent;
}
.IsInternationalFlight > .ui-combobox > input,
.maskapai > .ui-combobox > input {
    width: 190px;
    background: url("images/Drop-N.png") no-repeat scroll 183px center transparent;
}
/*--Drop Down Box --*/

.selectBox > li {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    cursor: pointer;
    list-style: none outside none;
    padding: 10px 7px;
    width: 115px;
    background: #FFF;
}
.selectBox > li:last-child {
    border-bottom: 1px solid #DDDDDD;
}
.selectBox > li:first-child {
    background: url(images/Drop-N.png) no-repeat 104px center;
    border-bottom: 1px solid #DDDDDD;
}
.selectBox > li:first-child + li {
    border-top: 0px solid transparent;
}
.ui-combobox- .autoCompleteTheme > select:first-child + span + ul + ul + ul + ul {
    /*   padding: 2px;
    width: 124px !important;
    max-height:auto !important;
    overflow-x:auto !important;
    overflow-y:auto !important;*/
    background: none repeat scroll 0 0 #FAFAFA !important;
    border: 1px solid #DDDDDD !important;
    margin-left: 0;
    margin-top: -1px;
    width: 122px !important;
}
.di-combobox {
    background: none repeat scroll 0 0 #FAFAFA !important;
    border: 1px solid #DDDDDD !important;
    /* width: 126px !important;*/
    padding: 0px !important;
}
.di-combobox > li {
    background: none repeat scroll 0 0 transparent !important;
    border: 1px solid transparent !important;
    margin-left: -5px !important;
    padding: 0 !important;
    /*width: 128px !important;*/
}
.di-combobox > li > a {
    font-size: 12px;
    height: 18px;
    margin-left: 0;
    /*padding: 0 0 2px 17px !important;
    /*width: 119px;*/
}
.di-combobox > li > a > span {
    display: block;
    margin-left: 14px;
}
.di-combobox li > a.ui-state-hover {
    background: #000 !important;
    color: #FFF;
    border: 1px solid #000 !important;
}
.jenispenerbangan > .ui-combobox > .ui-combobox-toggle,
.maskapai > .ui-combobox > .ui-combobox-toggle {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid transparent;
    height: 41px;
    height: 40px;
    left: 2px;
    top: 0;
    width: 211px;
    cursor: pointer;
}
.IsInternationalFlight > .ui-combobox > .ui-combobox-toggle,
.maskapai > .ui-combobox > .ui-combobox-toggle {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid transparent;
    height: 41px;
    height: 40px;
    left: 2px;
    top: 0;
    width: 211px;
    cursor: pointer;
}
#rowTwo > .autoCompleteTheme > .ui-combobox > .ui-combobox-toggle {
    border: 0 none transparent;
    height: 42px;
    left: 0;
    top: 0;
    width: 470px;
    background: none repeat scroll 0 0 transparent;
}
/*Pilih Maskapai */

.autoCompleteTheme > select:first-child + span + ul + ul + ul {
    margin-top: -2px;
    width: 213px !important;
    min-height: 273px;
    overflow-y: hidden;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul > li {
    width: 180px !important;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul > li > a {
    width: 212px;
}
/*Pilih Penumpang Dewasa */

.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul {
    width: 126px !important;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul > li {
    width: 128px !important;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul > li > a {
    width: 121px;
}
/*Pilih Jenis Penerbangan */

.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul + ul {
    margin-top: -2px;
    width: 213px !important;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul + ul > li {
    width: 180px !important;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul + ul > li > a {
    width: 212px;
}
/*Penumpang Anak-anak Combobox */

.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul + ul + ul {
    width: 126px !important;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul + ul + ul > li {
    width: 128px !important;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul + ul + ul > li > a {
    width: 121px;
}
/*Penumpang Bayi Combobox */

.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul + ul + ul + ul {
    width: 126px !important;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul + ul + ul + ul > li {
    width: 128px !important;
}
.autoCompleteTheme > select:first-child + span + ul + ul + ul + ul + ul + ul + ul > li > a {
    width: 121px;
}
#rowFour {
    width: 980px;
    /*height: 72px;*/
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
    margin: 2px 0;
    padding-bottom: 25px;
}
.makeReserv {
    display: block;
    margin: 19px 0 0 auto;
    background: url(images/Button-LihatJadwal-N.png) no-repeat;
    width: 216px;
    height: 33px;
    border: 1px solid transparent;
    font-size: 0px;
    cursor: pointer;
}
/*Auto Complete*/

.ui-combobox {
    position: relative;
    display: inline-block;
}
.ui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* adjust styles for IE 6/7 */
    *height: 1.7em;
    *top: 0.1em;
}
.ui-combobox-input {
    margin: 0;
    padding: 0.3em;
}
.ui-combobox-input {
    padding: 12px;
    border: 1px solid #D7D7D7;
    /*  width: 451px;*/
}
/* Alur Step 2*/

#dariKeDiv {
    width: 106px;
    float: left;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 4px;
}
#jalurPenerbangan {
    float: left;
    margin-top: 3px;
}
#flightDestinyOrigin {
    width: 104px;
    float: left;
    margin-left: 20px;
    font-size: 13px;
    margin-top: 16px;
    background: url(images/)
}
#headerLegend {
    margin: 5px auto 0px 0px;
    position: relative;
    background: #DDD;
    height: 54px;
}
#flightDate {
    float: left;
    width: 296px;
    font-size: 13px;
    margin-top: 16px;
}
#headerLegendCalender {
    width: 22px;
    height: 21px;
    position: absolute;
    background: url(images/Icon-Calendar-N.png);
    left: 291px;
    top: 14px;
}
#pricesFlight {
    width: 283px;
    float: left;
    margin-top: 17px;
}
#sortFlight {
    float: left;
    margin-top: 14px;
    width: 277px;
}
.sortHarga span {
    width: 120px !important;
}
.sortFlightInput {
    padding: 4px 6px;
    width: 117px;
    margin-left: 42px;
    background: white url(images/Drop-N.png) 111px center no-repeat;
    border: 0px solid #D7D7D7;
    cursor: default;
}
.sortHarga span.select {
    background: white url(images/Drop-N.png) no-repeat 117px center !important;
    height: 14px;
    padding: 2px 0px 8px 11px;
    font-size: 12px;
}
ul.sortFlightOption {
    margin-left: 80px;
    position: absolute;
    margin-top: 1px;
    display: none;
}
.sortFlightOption li {
    list-style: none;
    padding: 3px 6px;
    border: 1px solid #D4D4D4;
    background: white;
    margin-top: -1px;
    width: 117px;
    cursor: default;
}
.sortHarga select.styled {
    width: 129px;
    margin-left: 1px;
}
.sortHarga {
    position: absolute;
    top: 14px;
    right: 25px;
}
.airwaysdata span {
    display: block;
    margin-left: 20px;
}
.datedata span {
    display: block;
}
.datedata {
    width: 143px;
}
td.airwaysdata {
    width: 126px;
}
#backButton {
    width: 229px;
    height: 32px;
    float: left;
    background: url(images/backButton.png) no-repeat left 4px;
    padding-left: 18px;
}
#backButton:hover {
    background: url(images/backButton-S.png) no-repeat left 4px;
    cursor: pointer;
}
#footerTools {
    margin: 20px auto;
    font-size: 12px;
    font-weight: bold;
    color: #55A1DE;
    margin-bottom: 100px;
}
#printButton {
    height: 32px;
    width: 141px;
    float: left;
    background: url(images/Button-Cetak-N.png) no-repeat left center;
    padding: 0px 0px 0px 42px;
}
#printButton:hover {
    background: url(images/Button-Cetak-S.png) no-repeat left center;
    cursor: pointer;
}
#sendButton {
    width: 141px;
    height: 32px;
    float: left;
    background: url(images/Button-KirimKeEmail-N.png) no-repeat left center;
    padding: 0px 0px 0px 42px;
}
#sendButton:hover {
    background: url(images/Button-KirimKeEmail-S.png) no-repeat left center;
    cursor: pointer;
}
#sendSmsButton {
    width: 141px;
    height: 32px;
    float: left;
    background: url(images/Button-KirimKeSMS-N.png) no-repeat left center;
    padding: 0px 0px 0px 45px;
}
#sendSmsButton:hover {
    background: url(images/Button-KirimKeSMS-S.png) no-repeat left center;
    cursor: pointer;
}
#registerButton {
    width: 300px;
    height: 50px;
    float: right;
    background: url(images/Button-Mendaftar-Normal.png) no-repeat right;
}
#registerButton:hover {
    background: url(images/Button-Mendaftar-Selected.png) no-repeat right;
    cursor: pointer;
}
#loginButton {
    width: 300px;
    height: 50px;
    float: left;
    background: url(images/Button-Login-Normal.png) no-repeat left;
}
#loginButton:hover {
    background: url(images/Button-Login-Selected.png) no-repeat left;
    cursor: pointer;
}
#nextButton:hover {
    background: url(images/Button-Lanjutkan-S.png) no-repeat left center;
    cursor: pointer;
}
#nextButton {
    background: url(images/Button-Lanjutkan-N.png) no-repeat left center;
    width: 165px;
    height: 32px;
    float: right;
    margin-left: auto;
    margin-right: 0px;
    border: none;
}
#totalWrapper {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: #E0E0E0;
    position: relative;
    width: 100%;
    padding: 0px 0px 10px 0px;
}
#totalDetail {
    width: 100%;
    background: white;
    margin: 10px 0px 0px 0px;
    padding: 4px 0px 13px 0px;
}
#totalDetailColumnWrapper span {
    display: block;
}
#totalDetailColumnWrapper {
    width: 207px;
    float: left;
    margin-top: 3px;
}
#totalDetailLeftColumn {
    float: left;
    width: 104px;
    font-weight: bold;
}
.netLeftFarColumn {
    width: 70px !important;
}
#totalDetailRightColumn {
    float: right;
    width: 101px;
}
#totalNetFare {
    /* position: absolute;
    top: 23px;
    left: 235px;*/
    float: left;
    padding-left: 54px;
    width: 176px;
    margin-left: 8px;
}
.detailDeparture {
    background: url(images/plane-Blue.png) no-repeat 0px center;
}
.detailArrive {
    background: url(images/plane-Green.png) no-repeat 0px center;
}
#totalNetFare span {
    display: block;
}
#totalPassenger {
    width: 173px;
    float: left;
    margin-left: 44px;
}
.totalPassengerLeftColumn {
    width: 70px !important;
}
#totalPassenger span {
    display: block;
}
#totalDetailRow {
    width: 940px;
    margin: 0px auto;
    margin: 9px auto 0px auto;
}
#totalOrderWrapper {
    position: absolute;
    top: 0px;
    right: 0px;
}
#totalOrder {
    font-size: 20px;
    font-weight: bold;
    width: 200px;
    background: #DDD;
    padding: 20px;
}
#balanced {
    padding: 13px 24px 0px 20px;
}
/*Step 3*/

h2.passengerDetailHeading {
    background: url(images/dataDetails-HeaderBg.PNG) no-repeat left bottom;
    margin: 0px 0px 0px 19px;
    padding: 22px 0px 4px 42px;
}
#dataDetailsMain {
    background: #DDD;
    margin: 22px 0px;
}
#headerDetailsData {
    padding-top: 25px;
}
.dataDetailsTitle {
    margin-left: 47px;
    font-weight: bold;
}
.dataDetailsName {
    margin-left: 101px;
    font-weight: bold;
}
.detailsDataDropBox {} .detailsDataDropBox span.select {
    width: 47px !important;
}
.detailsDataDropBox .styled {
    width: 88px !important;
    position: relative;
    top: 22px;
}
ol.detailsData {
    position: relative;
    padding: 0px;
    margin-left: 36px;
}
.detailsDataOption {
    position: absolute;
    z-index: 1000;
}
#passengerDetail {
    background: #D2E3F5;
    margin: 5px 0px 22px 0px;
}
ul.detailsDataOption {
    list-style: none;
    opacity: 1;
    display: none;
    margin: 0px 0px 0px -40px;
}
.passDetails {
    padding: 10px;
    width: 64px;
    background: #FFF url(images/Drop-N.png) no-repeat 62px center;
    border: 1px solid #D4D7DC;
    cursor: default;
}
.detailsDataOption li {
    margin: -1px 0px 0px 0px;
    border: 1px solid #D4D7DC;
    padding: 10px 0px 10px 9px;
    width: 75px;
    background: #FFF;
    cursor: default;
}
.detailsDataList {
    float: left;
    /*margin: -23px 42px 0px 0px;*/
    margin-right: 42px;
}
.detailsDataName {
    padding: 10px 16px;
    border: 1px solid #D7D7D7;
    display: block;
    width: 266px;
}
li.detailsDataRow {
    height: 71px;
    margin: 0px 0px 6px 0px;
    position: relative;
}
.detailsRowWrapper {
    position: absolute;
    top: -8px;
    left: 10px;
}
#passengerDetailData {
    background: #D2E3F5;
}
#totalOrderWrapperDataDetail {
    width: 240px;
    margin: 0px 0px 0px auto;
}
#footerSpacer {
    border-bottom: 1px solid #4D4D4D;
    height: 11px;
    background: #DDD;
    margin-top: 19px;
}
/*Step 4*/

#kodeBookingWrapper {
    font-size: 13px;
    margin: 14px 0px -1px 0px;
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 17px;
}
#kodeBookingWrapper span {
    display: block;
}
#kodeBookingLeft {
    float: left;
    width: 108px;
    margin-left: 19px;
    font-weight: bold;
}
#kodeBookingRight {
    width: 280px;
    float: left;
}
#footerSpacerBooking {
    border-bottom: 1px solid #DDD;
    margin-top: 5px;
    height: 1px;
}
/*Hotel Step-2*/

#hotelItemLeft {
    float: left;
    width: 489px;
    margin: 21px 0px;
    position: relative;
}
.hotelItemImage {
    float: left;
    width: 105px;
    height: 76px;
    margin-right: 22px;
}
#hotelItemRight {
    float: right;
    width: 490px;
}
#hotelItemRow {
    border-top: 1px solid #D7D7D7;
}
#hotelItemLeftContent {
    float: left;
    margin-top: -19px;
}
#hotelAddress {
    position: absolute;
    bottom: 0px;
}
#hotelItemRightContent {
    background: #EDEDED;
    padding: 2px 20px;
}
#hotelClassItem {
    position: relative;
}
#hotelRate {
    position: absolute;
    right: 23px;
    top: 18px;
}
.hotelItemRadio {
    /*position: absolute;*/
    right: 10px;
    top: 10px;
}
#moreRoom {
    float: left;
    width: 174px;
    margin-left: 20px;
}
#seeDetails {
    float: right;
    margin-right: 22px;
}
/*Hotel Item Details*/

.hotelItemDetailsTitle {
    font-size: 21px;
    font-weight: bold;
}
#hotelItemDetailsLeft {
    float: left;
    width: 470px;
    margin-top: 256px;
}
.hotelItemDetailsColumn {
    float: left;
    width: 144px;
}
.hotelItemDetailsColumn span {
    display: block;
}
#hotelItemDetailsRight {
    float: right;
    width: 490px;
}
#hotelItemDetailsRight span {
    display: block;
}
#hotelItemDetails {
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 19px;
    margin-bottom: 22px;
}
#hotelItemDetailschangeFilter {
    float: left;
    width: 168px;
    cursor: pointer;
}
#hotelItemDetailschangeDetail {
    cursor: pointer;
}
#hotelItemOrderDateDetail {
    float: left;
    width: 105px;
    margin: 0px 25px;
}
#hotelItemDetailsOrderDetail {
    margin: 20px 0px;
}
#hotelItemDetailsClassRow {
    background: #EBEBEB;
    margin-bottom: 1px;
    position: relative;
}
.hotelItemDetailsClassRoomSelectOption {
    position: absolute;
    top: 35px;
    left: 163px;
    display: none;
    cursor: default;
    z-index: 1000;
}
.hotelItemDetailsClassRoomSelectOption li {
    list-style: none;
    padding: 4px 7px 5px 7px;
    border: 1px solid #D7D7D7;
    background: white;
    margin-top: -1px;
    width: 78px;
}
.hotelItemDetailsClassRowHotelClass {
    float: left;
    width: 146px;
    margin: 1px 10px 20px 20px;
}
.hotelItemDetailsClassRoomSelectButton {
    display: block;
    float: left;
    margin: 20px;
    height: 26px;
    width: 78px;
    padding: 0px 7px;
    border: 1px solid #D7D7D7;
    background: #FFF url(images/Drop-N.png) no-repeat 72px center;
    cursor: default;
}
.hotelItemDetailsClassRate {
    float: left;
    width: 105px;
    margin: 19px 0px 0px 8px;
    font-size: 17px;
    font-weight: bold;
}
.hotelItemDetailsClassRowHotelClass {
    float: left;
    width: 158px;
    margin: 1px 5px 20px 20px;
}
.hotelItemDetailsClassSelectRadio {
    margin: 25px 10px 10px 28px;
}
#hotelItemDetailsPriceDetails {
    border-bottom: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    background: #EDEDED;
    padding: 10px 0px;
}
div.hotelItemDetailsPriceDetailsWrapper {
    background: white;
    position: relative;
}
img.hotelItemDetailsPriceDetailsImage {
    float: left;
    margin: 23px 0px;
}
.hotelItemDetailsPriceDetiailsContent {
    float: left;
    margin-left: 22px;
}
div.hotelItemDetailsPriceDetiailsContentTotal {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #EDEDED;
    padding: 19px 56px 19px 19px;
    font-weight: bold;
    font-size: 20px;
    width: 415px;
}
.hotelItemDetailsPriceDetiailsContentTotalLabel {
    float: left;
    display: block;
}
.hotelItemDetailsPriceDetiailsContentTotalRate {
    float: right;
    display: block;
}
.hotelItemDetailsPriceDetiailsContentBalanced {
    position: absolute;
    top: 63px;
    right: 0px;
    width: 413px;
    padding: 19px 56px 19px 19px;
}
/*Slideshow*/

#hotelDetailsSlideshowNav li {
    list-style: none;
}
img.hotelDetailsSlideshowThumb {
    width: 157px;
}
#hotelDetailsSlideshowNav {
    width: 471px;
    position: absolute;
    top: 107px;
    left: -40px;
}
#hotelDetailsSlideshowNav li {
    float: left;
}
#hotelDetailsSlideshow {
    clear: both;
    margin-top: 17px;
}
#hotelDetailsSlideshowNav img {
    border: 0px;
}
/*Dialog Box*/

.changeFilterDialogBox {
    position: absolute;
    background: url(images/hotel/Back-DialogBox.jpg);
    border: 1px solid #D7D7D7;
    top: 97px;
    width: 978px !important;
    display: none;
    z-index: 1000;
}
.changeFilterDialogBox .autoCompleteTheme .ui-combobox .ui-combobox-input {
    width: 402px;
}
.changeFilterDialogBox .stdInputBox {
    width: 162px;
    background: url(images/Icon-Calendar.png) no-repeat 151px center;
}
.changeFilterDialogBox .cabinClassDeparture {
    width: 166px;
    background: url(images/Drop-N.png) no-repeat 153px center;
}
.changeFilterDialogBox #rowOneLeft {
    width: 428px;
}
.changeFilterDialogBox #rowTwoRightRight {
    width: 183px;
}
.changeFilterDialogBox #rowOneRight {
    width: 473px;
}
.changeFilterDialogBox #rowOneRight {
    width: 424px;
}
.changeFilterDialogBox #rowOneLeft {
    width: 428px;
}
#dialogBoxWrapper {
    margin: 0px auto;
    width: 896px;
    padding-bottom: 39px;
}
.checkFilterButton {
    width: 115px;
    height: 32px;
    background: url(images/hotel/Button-Lihat-N.png);
    font-size: 0px;
    border: 0px solid transparent;
    position: absolute;
    top: 111px;
    right: 38px;
}
.dialogBoxCloseButton {
    background: url(images/hotel/Button-Tutup.png) no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0px;
    right: -21px;
    cursor: pointer;
}
.dialogBoxShadow {
    position: absolute;
    background: url(images/hotel/Shadow-SlideDown.png);
    width: 980px;
    height: 30px;
    display: none;
}
.changeDetailsDataDialogBox .stdInputBox {
    width: 163px;
    background: url(images/Icon-Calendar.png) no-repeat 151px center;
}
.changeDetailsDataWrapper {
    margin: 0px auto;
    width: 900px;
    position: relative;
}
.changeDetailsDataColumn {
    float: left;
    margin: 0px 20px;
}
.changeDetailsDataDialogBox .hotelItemDetailsClassRoomSelectButton {
    margin: 1px 0px 0px 0px;
    height: 39px;
}
.changeDetailsDataColumn.marginDetailsData {
    margin-top: 1px;
}
.changeDetailsDataDialogBox {
    width: 979px;
    padding: 30px 0px 30px 0px;
    background: url(images/hotel/Back-DialogBox.jpg);
    border: 1px solid #D7D7D7;
    position: absolute;
    top: 97px;
    display: none;
}
.changeDetailsDataDialogBox .hotelItemDetailsClassRoomSelectOption {
    left: 428px;
    top: 67px;
}
.changeDetailsDataDialogBox .hotelItemDetailsClassRoomSelectOption li {
    padding: 12px 7px 11px 7px;
}
.changeDetailsDataDialogBox .dialogBoxCloseButton {
    top: -31px;
    right: -61px;
}
.changeDetailsDataDialogBox .checkFilterButton {
    right: 0px;
    top: 41px;
}
/*Hotel Konfirm Step 3*/

.hotelConfirm #dataDetailsMain {
    padding-bottom: 6px;
    margin-bottom: 21px;
}
.hotelConfirm #hotelItemDetailsPriceDetails {
    margin-bottom: 20px;
}
.hotelConfirm #passengerDetail {
    background: #FAD0DE;
}
.hotelConfirm #headerDetailsData {
    background: #FAD0DE;
}
.ticketBooking #hotelItemDetailsPriceDetails {
    margin-top: 21px;
}
.ticketBooking #kodeBookingWrapper {
    font-size: 11px;
}
.ca-container {
    width: 980px;
    height: 370px;
    margin: 0 auto;
}
.ca-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.ca-item {
    width: 245px;
    height: 100%;
}

.ca-item-en{
    width: 245px;
    height: 100%;
}
.ca-close {
    position: absolute;
    top: 7px;
    right: 11px;
    background: #fff url("images/cross.png") no-repeat center center;
    width: 27px;
    height: 27px;
    text-indent: -9000px;
    outline: none;
    opacity: 0.7;
}
.ca-close:hover {
    opacity: 1.0;
}
.ca-icon {
    width: 241px;
    height: 357px;
    position: relative;
    background: transparent url("images/caradaftar.jpg") no-repeat center center;
}
.ca-item-2 .ca-icon {
    background-image: url("images/caradeposit.jpg");
}
.ca-item-3 .ca-icon {
    background-image: url("images/caratransaksi.jpg");
}
.ca-item-4 .ca-icon {
    background-image: url("images/carafaq.jpg");
    width: 244px;
}

.ca-icon-en {
    width: 241px;
    height: 357px;
    position: relative;
    background: transparent url("images/caradaftar-en.jpg") no-repeat center center;
}
.ca-item-en-2 .ca-icon-en {
    background-image: url("images/caradeposit-en.jpg");
}
.ca-item-en-3 .ca-icon-en {
    background-image: url("images/caratransaksi-en.jpg");
}
.ca-item-en-4 .ca-icon-en {
    background-image: url("images/carafaq-en.jpg");
    width: 244px;
}

.ca-content-wrapper {
    background: #E3E4FA;
    position: absolute;
    width: 0px;
    /* expands to width of the wrapper minus 1 element */
    height: 357px;
    top: 0px;
    z-index: 100;
    overflow: hidden;
	overflow-y: auto !important;
}
.ca-content {
    width: 685px;
    overflow: hidden;
}
.ca-content-text {
    font-size: 13px;
    margin: 0px 21px 0 37px;
    line-height: 25px;
    /*padding:5px 20px;*/
}
.ca-content-text a {
    text-decoration: none;
    color: #0431B4;
}
.ca-content-text span.ctrsfont {
    background: #FAF8CC;
}
.signfoot {
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content-text li {
    /*line-height: 25px;*/
    text-align: justify;
}
.ca-content-text table {
    width: 100%;
    border: 1px solid #cacaca;
    background: #FCFCFC;
    text-align: left;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
}
.ca-content-text th {
    font-weight: bold;
    background: #EBEBEB;
    border-bottom: 1px solid #cacaca;
}
.ca-content-text td {
    border-bottom: 1px solid #e8e8e8;
}
.ca-content h1 {
    margin: 25px 20px 0px 35px;
    font-size: 16px;
    padding-bottom: 5px;
    color: #0431B4;
    text-transform: uppercase;
    border-bottom: 2px solid #0431B4;
    /*text-shadow: 1px 1px 1px #99BCB4;*/
}
.ca-content h2 {
    font-size: 14px;
    /*text-shadow: 1px 1px 1px #99BCB4;*/
    width: 100% !important;
    /*margin: 15px 0px -30px!important;*/
}
.ca-content ul {
    margin: 20px 35px;
}
.ca-content ul.edutanya {
    margin: 10px 0px 10px 0px;
    padding-left: 20px;
    list-style: none;
}
.ca-content li.edutanya {
    margin: 5px 0px 5px 0px;
    padding-left: 25px;
    font-weight: bold;
    /*line-height: 15px;*/
    background: url("images/ask.png") 0 0 no-repeat;
}
.ca-content li.edujawab {
    /*margin: 5px 0px 5px 0px;*/
    padding-left: 25px;
    /*line-height: 15px;*/
    background: url("images/info.png") 0 0 no-repeat;
}
.ca-content .accordion-container {
    /*font-size: 13px;*/
    background: #ffffff;
    padding: 5px 10px 10px 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 15px #cccccc;
    box-shadow: 0 5px 15px #cccccc;
}
.ca-content .accordion-header {
    /*font-size: 16px;*/
    background: #ebebeb;
    margin: 5px 0 0 0;
    padding: 5px 20px;
    border: 1px solid #cccccc;
    cursor: pointer;
    color: #666666;
    border-radius: 5px;
}
.ca-content .active-header {
    border-radius: 5px 5px 0 0;
    /* background: url("images/active-header.gif") #E3E4FA; */
    background: #E3E4FA;
    background-repeat: no-repeat;
    background-position: right 50%;
}
.ca-content .active-header:hover {
    /* background: url("images/active-header.gif") #f5f5f5; */
    background: #f5f5f5;
    background-repeat: no-repeat;
    background-position: right 50%;
}
.ca-content .inactive-header {
    /*background: url("images/inactive-header.gif") #ebebeb;*/
    background-repeat: no-repeat;
    background-position: right 50%;
}
.ca-content .inactive-header:hover {
    /*background: url("images/inactive-header.gif") #f5f5f5;*/
    background-repeat: no-repeat;
    background-position: right 50%;
}
.ca-content .accordion-content {
    display: none;
    /*padding: 20px;*/
    background: #ffffff;
    border: 1px solid #cccccc;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}
.open-content p {
	padding: 0px 20px;
}
.open-content li {
	padding: 0px 20px;
}
.sambutan {
    background: url(images/bg8.png) repeat;
    padding: 1px 15px 1px 15px;
}
.prolog-bottom {
    /*background: #f0f0f0;*/
	width: 45%;
	color: #fff;
    padding: 41px 70px;
    line-height: 28px;
    font-size: 14px;
    /*text-align: justify;*/
    margin-bottom: 31px !important;
}
.featured-videos {
    position: absolute;
    top: 42%;
    left: 75%;
}
.featured-videos i {
    font-size: 75px;
    color: #fff;
}
.popVidCom {
    display: none;
}
/* Boxes
----------------------------------------------------------------------------------------------------*/

.info {
    /*width: 610px;*/
    border-top: 1px solid #f3fbff;
    border-bottom: 1px solid #bedae9;
    /*Background Gradients*/
    background: #e0f4ff url(images/box_info.png) 0 0 no-repeat;
    text-align: left;
    margin: 15px 0;
    padding: 10px;
    padding-left: 40px;
    /*font-size: 14px;*/
}
/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

ul.check {
    margin-left: -30px;
    padding-right: 5px;
    line-height: 24px;
}
ul.check > li {
    list-style: none;
    padding: 0 0 2px 28px;
    background: url(images/list/list_check.png) 0 0 no-repeat;
}
ul.checkblack {
    margin-left: -30px;
    padding-right: 5px;
    line-height: 24px;
}
ul.checkblack > li {
    list-style: none;
    padding: 0 0 2px 28px;
    background: url(images/list/list_check_black.png) 0 0 no-repeat;
}
ul.checkwhite {
    margin-left: -30px;
    padding-right: 5px;
    line-height: 24px;
}
ul.checkwhite > li {
    list-style: none;
    padding: 0 0 2px 28px;
    background: url(images/list/list_check_white.png) 0 0 no-repeat;
}
ul.checkplane {
    margin-left: -30px;
    padding-right: 5px;
    line-height: 24px;
}
ul.checkplane > li {
    list-style: none;
    padding: 0 0 2px 28px;
    background: url(images/list/list_plane.png) 0 0 no-repeat;
}
ul.checkarrow {
    margin-left: -30px;
    padding-right: 5px;
    line-height: 24px;
}
ul.checkarrow > li {
    list-style: none;
    padding: 0 0 2px 28px;
    background: url(images/list/list_arrow.png) 0 0 no-repeat;
}
ul.checkstar {
    margin-left: -30px;
    padding-right: 5px;
    line-height: 24px;
}
ul.checkstar > li {
    list-style: none;
    padding: 0 0 2px 28px;
    background: url(images/list/list_star.png) 0 0 no-repeat;
}
p.dropcap:first-letter {
    display: block;
    margin: 7px 4px 0px 0px;
    float: left;
    font-size: 370%;
}
div.kolomkiriprofil {
    float: left;
    width: 68%;
    font-size: 1.2em;
    line-height: 25px;
}
div.kolomkirikontak {
    float: left;
    width: 44%;
    font-size: 1.2em;
    line-height: 25px;
    /*padding-right: 25px;*/
}
div.kolomkanankontak {
    float: right;
    width: 54%;
    padding: 5px;
    font-size: 1.2em;
    line-height: 25px;
    /*border: 1px solid #D7D7D7;*/
}
div.kolomkanankontak > table {
    font-size: 14px !important;
    font-family: 'Open Sans', Arial, sans-serif;
}
div.kolomkanankontak td.vcardna {
    /* IE10 Consumer Preview */
    /* Mozilla Firefox */
    /* Opera */
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #97AEEF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #97AEEF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#97AEEF));
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #97AEEF 100%);
    padding: 5px 10px 10px 10px;
}
div.kolomkananprofil {
    float: right;
    text-align: left;
    width: 28%;
    display: inline;
    padding: 0 0 0 15px;
    margin-bottom: 25px;
    border-top: 25px solid #1BA5DF;
    background: #f7f7f7;
    font-size: 1.2em;
}
div.kolom2sisi1 {
    width: 46%;
    float: left;
    text-align: left;
    border-top: 25px solid #1BA5DF;
    background: #f7f7f7;
    margin: 15px 0px 90px 0px;
    padding: 0px 10px 0px 10px;
}
div.kolom2sisi2 {
    width: 46%;
    float: right;
    text-align: left;
    border-top: 25px solid #1BA5DF;
    background: #f7f7f7;
    margin: 15px 0;
    padding: 0px 10px 0px 10px;
}
/* Primary */

.button-primary {
    padding: 8px 20px;
    width: 220px;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    /*background-image: url(../../interfaceimages/Book.png) 0 0 no-repeat;*/
    background: none repeat scroll 0% 0% rgb(0, 140, 209);
    color: #EDEDED !important;
    display: block;
}
.button-primary:hover {
    text-shadow: 0 -1px 0 rgba(44, 0, 0, 0.4);
    color: #FFF !important;
}
.shadowboxonglobal {
    /*Border Radius
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*Box Shadow
    -webkit-box-shadow: 2px 2px 4px #cfcfcf;
    box-shadow: 2px 2px 2px #cfcfcf;*/
	background: transparent url("images/bg-about.png") no-repeat center center;
	position: relative;
}
.featured-services {
    background: #fff;
    padding: 40px 50px 40px 27px;
    text-align: center;
    margin: 0px 4px;
}
.jmldownload {
    font-size: 12px;
    font-style: italic;
    display: block;
    margin: 0 13px 10px 0;
    padding: 3px 10px 5px 0px;
    text-align: right;
    background: none repeat scroll 0% 0% rgb(220, 220, 220);
    -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
    color: #8b8989;
}
.headertwitter {
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    background-color: rgb(237, 239, 244);
    border: 1px solid rgb(216, 223, 234);
    margin-left: -14px;
    padding: 3px 0px 3px 5px;
}
.news-wrapper {
    width: 738px;
    position: relative;
    overflow: hidden;
}
.news-title {
    float: left;
}
.news {
    background: #318EDE;
    width: 738px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 4px;
}
.headline {
    width: 720px;
    position: absolute;
    font-weight: bold;
    font-size: 18px;
    padding: 14px 12px 8px 48px;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    font-style: italic;
}
.headline > a {
    color: #a60808;
}
.news-wrapper-flight {
    width: 980px;
    position: relative;
    overflow: hidden;
}
.newsflight {
    background: url('images/2-Pesawat-Header.png');
    width: 980px;
    height: 52px;
    overflow: hidden;
    /*margin-bottom: 4px;*/
}
.newshotel {
    background: url('images/hotel/Header-H-Rencana-en.jpg');
    width: 980px;
    height: 52px;
    overflow: hidden;
    /*margin-bottom: 4px;*/
}
.headlineflight {
    width: 650px;
    text-align: right;
    position: absolute;
    font-weight: bold;
    font-size: 18px;
    padding-top: 16px;
    margin-left: 300px;
    overflow: hidden;
    z-index: 1;
    color: #ffffff;
    font-style: italic;
}
.headlineflight > a {
    color: #a60808;
}
#contUmroh table {
    margin-top: 5px;
    text-align: left;
    border: 1px solid #CCCCCC;
    line-height: 22px;
}
#contUmroh table ul {
    margin: 0 -10px;
    /*list-style: none;*/
    padding-right: 20px;
}
.isikolom {
    margin: 0;
    padding: 0 10px;
    list-style: none;
}
#contUmroh td {
    text-align: justify;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 10px;
}
#contUmroh th {
    text-transform: uppercase;
    background: #e0e4ef;
    padding: 10px;
    border: 1px solid #CCCCCC;
}
.homeSlideShowContent {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 3;
    opacity: 1;
}
.inputLogin {
    border: 1px solid #D0D0D0;
    font-size: 14px;
    height: 25px;
    color: #333333;
    padding: 3px;
    width: 300px;
}
.inputRegister {
    border: 1px solid #D0D0D0;
    font-size: 14px;
    height: 35px;
    color: #333333;
    padding: 3px;
    width: 90%;
}
/*.inputAddress {
    width: 450px;
}*/
.buttonLogin {
    margin-top: 5px;
    margin-left: 153px;
    border: 0px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 71px;
    height: 32px;
    float: left;
    background: url("images/Button-Login-Normal.png") no-repeat left;
}
.buttonLogin:hover {
    background: url("images/Button-Login-Selected.png") no-repeat left;
    cursor: pointer;
}
.button.register {
	width: 100%;
    height: 50px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.button.back {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #dddddd;
    color: #0095FF;
}
.headLogin {
    margin-bottom: 20px;
    padding: 1px;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
    color: white;
}
.headBankTransfer {
    padding: 1px;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
    color: white;
}
.buttonRegister {
    width: 91px;
    height: 32px;
    float: right;
    border: 0px;
    background: url("images/Button-Mendaftar-Normal.png") no-repeat left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.buttonRegister:hover {
    background: url("images/Button-Mendaftar-Selected.png") no-repeat left;
    cursor: pointer;
}
/**
 * @copyright	Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Form validation */

.invalid {
    border-color: #ff0000;
}
label.invalid {
    color: #ff0000;
}
/* Buttons */

#editor-xtd-buttons {
    padding: 5px;
}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
    float: left;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
    display: block;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 11px;
    color: #666;
    cursor: pointer;
}
.button2-left span,
.button2-right span {
    cursor: default;
    color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
    padding: 0 6px;
}
.page span {
    color: #000;
    font-weight: bold;
}
.button2-left a:hover,
.button2-right a:hover {
    text-decoration: none;
    color: #0B55C4;
}
.button2-left a,
.button2-left span {
    padding: 0 24px 0 6px;
}
.button2-right a,
.button2-right span {
    padding: 0 6px 0 24px;
}
.button2-left {
    /*background: url(images/j_button2_left.png) no-repeat;*/
    float: left;
    margin-left: 5px;
}
.button2-right {
    /*background: url(images/j_button2_right.png) 100% 0 no-repeat;*/
    float: left;
    margin-left: 5px;
}
.button2-left .image {
    /*background: url(images/j_button2_image.png) 100% 0 no-repeat;*/
}
.button2-left .readmore,
.button2-left .article {
    /*background: url(images/j_button2_readmore.png) 100% 0 no-repeat;*/
}
.button2-left .pagebreak {
    /*background: url(images/j_button2_pagebreak.png) 100% 0 no-repeat;*/
}
.button2-left .blank {
    /*background: url(images/j_button2_blank.png) 100% 0 no-repeat;*/
}
/* Tooltips */

div.tooltip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    z-index: 13000;
}
div.tooltip h4 {
    padding: 0;
    margin: 0;
    font-size: 95%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    /* background: url(images/selector-arrow.png) no-repeat; */
}
div.tooltip p {
    font-size: 90%;
    margin: 0;
}
/* Caption fixes */

/* Caption fixes */

.img_caption .left {
    float: left;
    margin-right: 1em;
}
.img_caption .right {
    float: right;
    margin-left: 1em;
}
.img_caption .left p {
    clear: left;
    text-align: center;
}
.img_caption .right p {
    clear: right;
    text-align: center;
}
.img_caption {
    text-align: center!important;
}
.img_caption.none {
    margin-left: auto;
    margin-right: auto;
}
/* Calendar */

a img.calendar {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    /* background: url(images/calendar.png) no-repeat; */
    cursor: pointer;
    vertical-align: middle;
}
/*Added: Timotheus, Thursday, February 14, 2013*/

.button-orange {
    color: #fef4e9;
    /*border: solid 1px #da7c0c;*/
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    -pie-background: linear-gradient(top, #faa51a, #f47a20);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    width: 165px;
    height: 32px;
    font-weight: bold;
}
.button-orange:hover,
.button-orange:focus {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    -pie-background: linear-gradient(top, #f88e11, #f06015);
}
.button-orange:active,
.button-orange.active {
    background: #f47a20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    -pie-background: linear-gradient(top, #f47a20, #faa51a);
}
.button-garuda {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    /*    border-radius: 4px;*/
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    /*    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);*/
    cursor: pointer;
    display: inline-block;
    font: 11px/100% Arial, Helvetica, sans-serif;
    padding: 5px 10px;
    outline: none !important;
    text-align: center;
    text-decoration: none;
    position: relative;
    -moz-box-sizing: border-box !important;
    line-height: 16px;
}
.button {
    min-width: 100px;
    height: 35px;
    color: #fff !important;
    background-color: #0095FF;
    border: 0px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*background: url(..images/Button-Login-Normal.png) no-repeat left;*/
}
.button-konfirmasi-extranet {
    min-width: 100px;
    height: 35px;
    color: #fff;
    background-color: #ff5500;
    margin-top: 20px;
    border: 0px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.button-closedroom {
    min-width: 100px;
    height: 35px;
    color: #fff;
    background-color: #EC1559;
    border: 0px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*background: url(..images/Button-Login-Normal.png) no-repeat left;*/
}
.button:hover {
    /*background: url(..images/Button-Login-Selected.png) no-repeat left;*/
    cursor: pointer;
    background-color: #0881d6;
}
.button-right {
    float: right;
    min-width: 100px;
    height: 35px;
    color: #fff;
    background-color: #0095FF;
    border: 0px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*background: url(..images/Button-Login-Normal.png) no-repeat left;*/
}
.button-right:hover {
    /*background: url(..images/Button-Login-Selected.png) no-repeat left;*/
    cursor: pointer;
    background-color: #0881d6;
}
/* custom radio button */
.radiobutton {
  display: block;
  position: relative;
  font-weight: 400;
  /*color: #cacdd1;*/
  /*margin-bottom: 12px;*/
  cursor: pointer;
  /*font-size: 17px;*/
  /*border: 2px solid #c3c3c3;*/
  /*border-radius: 10px;*/
  padding: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radiobutton.ftrd {
  color: #cacdd1;
  margin-bottom: 12px;
  font-size: 17px;
  border: 2px solid #c3c3c3;
  border-radius: 10px;
}

.radiobutton .lblcheck {
	display: flex;
	margin-left: 40px;
}

/* Hide the browser's default checkbox */
.radiobutton input.cstradio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 7px;
  left: 10px;
  height: 30px;
  width: 30px;
  border-radius: 15px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.radiobutton:hover input.cstradio ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.radiobutton input.cstradio:checked ~ .checkmark {
  background-color: #0095ff;
}

.radiobutton.ftrd input.cstradio:checked ~ .lblcheck {
  color: #0095ff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.radiobutton input.cstradio:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.radiobutton .checkmark:after {
  left: 11px;
  top: 6px;
  width: 5px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fares-content {
    font-size: 11px;
    margin-left: 5px;
    margin-right: 0;
    width: 195px;
}
.header-train {
    background: url(images/Train/Header-Train.jpg);
    height: 52px;
    color: white;
    font-size: 21px;
}
.header-train div {
    position: relative;
    top: 13px;
    left: 49px;
}
/*form.css*/

.checkbox,
.radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    /* background: url(images/checkbox.png) no-repeat; */
    display: block;
    clear: left;
    float: left;
}
.radio {
    /* background: url(radio.png) no-repeat; */
}
.select {
    position: absolute;
    padding: 11px 24px 8px 17px;
    /**width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    /*height: 21px;*/
    /*padding: 0 24px 0 8px;*/
    /*font: 12px/21px arial,sans-serif;*/
    background: url(images/Drop-N.png) no-repeat 436px center;
    overflow: hidden;
    border: 1px solid #DDD;
    width: 436px;
    height: 20px;
}
.select:hover {
    background: url(images/Drop-S.png) no-repeat 436px center;
}
.styled-select select {
    position: absolute;
    padding: 11px 24px 8px 17px;
    /**width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    /*height: 21px;*/
    /*padding: 0 24px 0 8px;*/
    /*font: 12px/21px arial,sans-serif;*/
    background: url(images/Drop-N.png) no-repeat 200px center;
    overflow: hidden;
    border: 1px solid #DDD;
    width: 200px;
    height: 40px;
}
.styled-select select:hover {
    background: url(images/Drop-S.png) no-repeat 200px center;
}
select.styled {
    /*top: 17px;*/
}
.ui-autocomplete {
    /*max-height: 100px;*/
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    overflow: scroll;
    max-height: 200px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */

* html .ui-autocomplete {
    height: 100px;
}
input.kontak,
select.kontak {
    border: 1px solid #D0D0D0;
    font-size: 14px;
    height: 25px;
    color: #333333;
    padding: 3px;
}
select.kontak {
    height: 30px;
    width: 334px;
    font-family: 'Open Sans', arial, sans-serif;
}
textarea.kontak {
    overflow-y: scroll;
    resize: none;
    border: 1px solid #D0D0D0;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 14px;
    color: #333333;
    padding: 3px;
}
/*input.error, select.error { 
    border: 1px solid red;
    
}*/

/*label.error {
    color:red;
    margin-left: 10px;
    
}

input:focus, select:focus, textarea:focus {
	box-shadow: 0 0 5px rgba(93, 179, 245, 1);
	-webkit-box-shadow: 0 0 5px rgba(93, 179, 245, 1);
	-moz-box-shadow: 0 0 5px rgba(93, 179, 245, 1);
	border:1px solid rgba(93, 179, 245, 0.6);
}*/

fieldset.kontak > legend {
    font-weight: 600;
    font-size: 16px;
    font-style: italic;
    padding: 0 5px 0 5px;
}
.headerImage {
    margin: 0px auto;
    display: block;
    margin-bottom: 20px;
}
.imageTour {
    width: 471px;
    height: 138px;
}
.subMainMenu {
    display: block;
    width: 125px;
    height: 22px;
}
.tabHeader {
    width: 100%;
    background-color: #0094ff;
    text-align: left;
}
.tabHeader h2 {
    display: inline-block;
    background-color: #0094ff;
    color: #FFFFFF;
    padding: 10px;
    margin: 0px;
}
.tabContent {
    margin: 15px 0 15px 0;
    text-align: center;
}
.tabHeader .selected {
    background-color: #e4e4e4;
    color: #000000;
}
.slideShowDocumentation {
    margin: 10px 0 15px 0;
    width: 72%;
}
.contentCenter {
    /*width: 980px;*/
	width: 925px;
    margin-left: auto;
    margin-right: auto;
}
.coloumnLogin1 {
    width: 150px;
    display: inline-block;
}
.coloumnLogin2 {
    width: 320px;
    display: inline-block;
}
.titleText {
    margin-left: 25px;
}
.inlineBlock {
    display: inline-block;
}
.addressWrapper {
    display: inline-block;
    margin-left: 45px;
}
.colorRed {
    color: red;
}
.colorWhite {
    color: white;
}
.hajiLeft {
    height: 177px;
    border-bottom: 0px;
}
.width8 {
    width: 8%;
}
.width15 {
    width: 15%;
}
.width62 {
    width: 62%;
}
.imgLiveSupport {
    float: right;
    z-index: 999999;
}
.leftHeadline {
    left: -738px;
}
.overflowHidden {
    overflow: hidden;
}
.ca-item-Absolute {
    position: absolute;
    left: 0px;
}
.ca-item2-Absolute {
    position: absolute;
    left: 245px;
}
.ca-item3-Absolute {
    position: absolute;
    left: 490px;
}
.ca-item4-Absolute {
    position: absolute;
    left: 735px;
}
.width563 {
    width: 563px;
}
.pilihmaskapai_arrow {
    position: absolute;
    right: 225px;
    top: -35px;
    width: 202px;
}
.registernote {
    display: inline-block;
    color: red;
    font-family: initial;
    font-size: 18px;
    width: 460px;
    border: 2px solid #F00;
    padding: 3px 5px 0px 5px;
	margin-top: 5px;
    float: right;
}
.agennewsitem {
    color: #FFF;
    border-radius: 5px;
    font-size: 16px;
    background: #0095FF;
    padding: 8px;
}
.priceboxtour {
    width: 100px;
    color: #FFF;
    border-radius: 5px;
    font-size: 16px;
    background: #0095FF;
    padding: 8px;
}
.row1 {
    width: 250px;
    display: inline-block;
}
/*.inputAddress {
    width: 450px;
}*/
.inputAddressEdit {
    width: 455px;
}
.changePasswordButtonWrapper {
    float: left;
}
.changeAgenButtonWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}
.lineEditAgen {
    margin-top: 20px;
    margin-bottom: 20px;
}
.tableTransaction {
    border-spacing: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 50px;
    margin-top: -20px;
}
.tableRowHeaderTransaction {
    background-color: #0095FF;
    height: 40px;
}
.tableTitleHeader {
    color: white;
    text-align: center;
}
.tableRowDataTransaction {
    background-color: #d4d4d4;
    height: 25px;
}
.tableRowDataTransaction:nth-child(2n+1) {
    background-color: #e4e4e4;
}
.tr-agent-inactive {
    color: white;
    background-color: #ff7c00;
    text-align: center;
}
.textCenter {
    text-align: center;
}
.colItinerary {
    display: inline-block;
    width: 225px;
    font-weight: bold;
}
.rowItinerary {
    margin-bottom: 5px
}
.valueItinerary {
    display: inline-block;
}
.itineraryWrapper {
    padding: 10px;
}
.textColorRed {
    color: red;
}
.headerSummaryItinerary {
    background-color: #e4e4e4;
    padding: 10px;
    font-weight: bold;
}
.itineraryPriceWrapper {
    width: 500px;
    margin: 0px auto;
}
.disableBold {
    font-weight: normal;
}
.priceItinerary {
    width: 120px;
    text-align: right;
    display: inline-block;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.inputBankInfo {
    text-align: center;
    border: 1px solid #D0D0D0;
    font-size: 14px;
    height: 35px;
    color: #333333;
    padding: 0.5em;
}
.textRight {
    text-align: right;
}
.textLeft {
    text-align: left;
}
.tableMutation {
    margin-top: 20px;
    border-spacing: 1px;
}
.tableHeaderMutation {
    height: 50px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}
.colDateMutation {
    width: 200px;
}
.colDescMutation {
    width: 400px;
}
.colBankName {
    width: 300px;
}
.colBankSpace {
    width: 50px;
}
.imgBank {
    max-height: 30px;
}
.backgroundBank {
    background-color: #e4e4e4;
}
.buttonDepositWrapper {
    margin-top: 15px;
    margin-left: 155px;
}
.stepAirline {
    margin-top: 20px;
    margin-bottom: 20px;
}
.summaryInfo {
    display: inline-block;
}
.summaryWrapper {
    margin-top: 20px;
}
.summaryLogo {
    display: inline-block;
    float: right;
    /*padding-right: 100px;*/
}
.summaryTitle {
    vertical-align: top;
    display: inline-block;
    width: 200px;
}
.summaryValue {
    display: inline-block;
}
.headerSchedule {
    font-weight: bold;
    padding: 15px 20px;
    margin-top: 20px;
    background-color: #e9e9e9;
}
.imgAirlineLogo {
    max-width: 200px;
}
.bold {
    font-weight: bold;
}
.rowSummary {
    margin-bottom: 5px;
}
.backSearchLink {
    text-decoration: none;
    font-weight: bold;
}
.informationAgenWrapper {
    border: 1px solid #808080;
    text-align: justify;
    padding-right: 15px;
    background: #d8f0f1;
}
.informationAgenTitle {
    padding-left: 15px;
}
.informationAgenContent {} .listAgenInformation {
    line-height: 30px;
}
.headerAdmin {
    margin-bottom: 70px;
}
.adminContentWrapper {
    vertical-align: top;
    display: inline-block;
    width: 730px;
    float: right;
}
.adminMenuWrapper {
    vertical-align: top;
    display: inline-block;
    width: 230px;
    float: left;
}
ul#menu,
ul#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 15em;
}
ul#menu a {
    display: block;
    text-decoration: none;
}
ul#menu li {
    margin-top: 1px;
}
ul#menu li a {
    background: #0095FF;
    color: #fff;
    padding: 0.5em;
}
ul#menu li a:hover {
    background: #0881d6;
}
ul#menu li ul li a {
    background: #ccc;
    color: #000;
    padding-left: 20px;
}
ul#menu li ul li a:hover,
ul#menu li ul .current a {
    background: #aaa;
    border-left: 5px #000 solid;
    padding-left: 15px;
}
.inputChangePassword {
    width: 300px;
    height: 20px;
    padding: 0.5em;
    border: 1px solid #D0D0D0;
}
.bodyAdmin {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.9em;
}
.userInfoAdminWrapper {
    display: block;
    margin-bottom: 65px;
}
@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.0;
    }
}
@keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.0;
    }
}
.blink {
    -webkit-animation-name: blinker;
    animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
    animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.selectStyle {
    width: 200px;
    height: 35px;
    padding: 0.5em;
    border: 1px solid #D0D0D0;
}
.inputStyle {
    width: 305px;
    height: 20px;
    padding: 0.5em;
    border: 1px solid #D0D0D0;
}
.inputSearchAgen {
    width: 305px;
}
.RegAgenCol {
    width: 200px;
    display: inline-block;
}
.FormTrainCol {
    width: 125px;
    display: inline-block;
}
.RegisterRowWrapper {
    margin-bottom: 5px;
}
.maxWidth {
    width: 100%;
}
.headTable {
    height: 50px;
    background-color: #0095FF;
    text-align: center;
    -moz-text-decoration-color: #fff;
    text-decoration-color: #fff;
    color: #fff
}
/*CSS From OLD Application*/

.tableku {} .tableku td {
    text-align: center;
}
.tableku th {
    background-color: rgb(8, 129, 214);
    height: 30px;
    color: #fff;
}
.tableku tr:nth-child(odd) {
    background-color: #d4d4d4;
}
.tableku tr:nth-child(even) {
    background-color: #e4e4e4;
}
/*End Of Comment*/

.dateInput {
    border: 1px solid #D0D0D0;
    width: 190px;
    height: 25px;
    padding: 0.3em;
    font-size: 12px;
    margin: 10px;
    background: url(images/Icon-Calendar.png) no-repeat 168px center;
}
.searchAgenWrapper {
    margin-bottom: 20px;
}
.rowTable1 {
    background-color: #e4e4e4;
    height: 25px;
}
.rowTable2 {
    background-color: #f4f4f4;
    height: 25px;
}
.colChangeBalance {
    display: inline-block;
    width: 210px;
}
.tableWrapper {
    margin-top: 20px;
}
.marginTop10 {
    margin-top: 10px;
}
.content-pax {
    padding-bottom: 40px;
}
.marginTop20 {
    margin-top: 20px;
}
.marginLeft45 {
    margin-left: 45px;
}
.width100 {
    width: 100px;
}
.width208 {
    width: 208px;
}
.frameStats {
    width: 700px;
    height: 300px;
    border: none;
}
.frameCalendar {
    border-width: 0;
    width: 800px;
    height: 600px;
}
.loginAdmin {
    height: 30px;
}
.filterColoumn {
    border: 1px solid #D0D0D0;
    height: 35px;
    padding: 0.5em;
    width: 145px;
}
.airlineTable {
    width: 100%;
    border-spacing: 2px;
}
.airlineTable td {
    padding: 5px;
}
.titleAdminWrapper {
    background-color: #094992;
    color: #fff;
    font-weight: bold;
    height: 50px;
    margin-bottom: 5px;
    padding-top: 0.2em;
    padding-left: 30px;
}
.menuTour {
    width: 363px;
    height: 40px;
    border: 1px solid #0095FF;
    color: #fff;
    background-color: #0095FF;
    margin-left: 0px;
    margin-bottom: 30px;
}
.menuTour:hover {
    cursor: pointer;
    background-color: #0881d6;
}
.headTableTour {
    height: 30px;
    background-color: #0095FF;
    text-align: left;
    -moz-text-decoration-color: #fff;
    text-decoration-color: #fff;
    color: #fff;
}
.paddingLeft20 {
    padding-left: 20px;
}
.inputStyle4 {
    border: 1px solid #D0D0D0;
    height: 20px;
    padding: 0.5em;
    width: 400px;
}
.colTour1 {
    display: inline-block;
    width: 140px;
}
.textTop {
    vertical-align: top;
}
.textAreaSetting {
    height: 100px;
    width: 400px;
}
.marginTop110 {
    margin-top: 110px;
}
.header-train {
    background: url("images/Header-Train.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 21px;
    height: 52px;
}
.margin50 {
    margin-bottom: 50px;
}
.ticketStatus {
    /*width: 980px;*/
    margin: auto;
    text-align: center;
    color: #f00;
    font-weight: bold;
}
.buttonAnchor {
    border: 1px solid #1ba5df;
    padding: 3px 6px;
    border-radius: 5px;
    color: white;
    background-color: #1ba5df;
}
.buttonAnchor:hover {
    cursor: pointer;
    background-color: #1d72cc;
}
.tableAgen {
    width: 750px;
}
.content-pax {
    padding-bottom: 40px;
}
.headerPax {
    font-weight: bold;
    padding: 15px 20px;
    margin-top: 20px;
    background-color: #e9e9e9;
}
.div-price {
    width: 980px;
    margin: auto;
    text-align: -webkit-center;
}
.div-price-left {
    width: 980px;
    margin: auto;
    text-align: left;
}
.div-content-footer {
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.centerText td {
    text-align: center;
    width: 57px;
}
.div-center {
    width: 980px;
    margin: auto;
}
.detailPax {
    width: 100%;
    margin: auto;
}
.detailPax select {
    max-width: 200px;
}
/*Added : TImotheus, Thursday, December 19, 2013*/

.tableRow {
    background-color: #d4d4d4;
    height: 25px;
}
.tableRow:nth-child(2n+1) {
    background-color: #e4e4e4;
}
.divBookingNote {
    /*width: 960px;*/
    margin-left: auto;
    margin-right: auto;
    display: block;
	color: #fff;
    background: #0095FF;
    font-size: 14px;
    padding: 10px;
}
.garuda-div-center {
    margin: auto;
}
.div-error {
    width: 980px;
    margin: auto;
    /*font-weight: bold;*/
    text-align: center;
    font-size: 15px;
}
.DocumentContentFormTransport th {
    text-align: left;
    font-size: 14px;
    border: 1px solid #CCC;
    padding: 10px;
    background: #E0E4EF;
}
.DocumentContentFormTransport td {
    font-size: 14px;
    border: 1px solid #CCC;
    padding: 10px;
}
.contentDetail {
    margin-left: 10px;
}
.centerTab {
    margin-left: auto;
    margin-right: auto;
	width: 980px;
}
.backgroundAll {
    background-image: url(https://www.darmawisataindonesia.co.id/Content/images/background/background3.jpg);
}
.teksBox {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.boxLogin {
    background: #fff;
    padding: 2px;
    border-radius: 3px;
}
.buttonPage {
    min-width: 20px;
    height: 35px;
    color: #fff;
    background-color: #0095FF;
    border: 0px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}
.submitDetailHotel {
    background: none;
    border: none;
    color: #1BA5DF;
}
.submitDetailHotel:hover {
    background: none;
    border: none;
    color: #0881d6;
}
/*Add loading bar style by dwi angger, Tuesday, November 11, 2014*/

.loadingOverlayPage {
    left: 42%;
    top: 50%;
    width: 300px;
    position: absolute;
}
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}
.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
/*End loading bar*/

.column-hoteldetail-1 {
    line-height: 25px;
    width: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
}
.label-allotment-setting-date {
    font-weight: bold;
    background: #ddd;
    padding: 9px;
}
#divDepositMessage > b {
    font-size: 20px;
}
/* add andRie Sept 16 2015. Citylink itenerary detail*/

.w94p h6 {
    font-size: 1em;
}
/* Make responseive Irsyad Fadlillah 18 Oktober 2015 */

.accordion-content {
    width: 100% !important;
}

.no-round {
    border-radius: 0px !important;
}
.no-margin-bottom {
    margin-bottom: 0px;
}

@media (max-width: 990px) {
    #footer {
        max-width: initial;
    }
    #footer {
        background: transparent;
        min-width: initial;
        color: initial;
    }
    body {
/*        background: #EBEBEB;*/
    }
    .bx-wrapper {
        margin-bottom: 10px !important;
    }
    .gray-bg {
        background: #EBEBEB;
    }
}
#header {
    height: 138px;
}
ul.menu {
    margin-top: initial;
    margin-bottom: 0px;
    top: 27px;
    width: 100%;
}
ul.bxslider {
    margin-bottom: 0px;
    margin-top: 14px;
}
hr.footerLine {
    margin: 0px 0px 10px;
}
.navbar-nav {
    margin: 0px;
}
.navbar-nav>li {
    float: left;
    padding-left: 20px;
}
.navbar-nav>li>a {
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: 'Open Sans', sans-serif;
}
.navbar-header {
    float: left;
}
.navbar .container {
    width: 100%;
}
a.navbar-brand {
    padding: 7px 15px;
}
.navbar.navbar-default {
    background-color: #193F6A;
    margin-bottom: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: #FFF;
}
.navbar-nav {
    float: none;
}
.navbar-nav .open .dropdown-menu {
    width: 211px;
    left: -50px;
    position: absolute;
    /* position: static; */
    /* float: none; */
    /* width: auto; */
    margin-top: 0;
    background-color: #193F6A;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 52px;
    font-family: PT Sans;
    color: #FFF;
    border-radius: 0px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
    padding: 10px 15px 10px 25px !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #FFF;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background: transparent !important;
}
.navbar-default .panel-default .panel-heading:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li:hover {
    background: #3985C6 !important;
}
.navbar-static-top {
    border-bottom: 0px;
}
.navbar-nav>li.main-menu {
    width: 19%;
}
.navbar-nav>li.main-menu:first-child {
    width: 50%;
    padding-left: 20px;
}
.navbar-nav>li.main-menu {
    width: 24%;
    padding-left: 0px;
}
.navbar-nav>li:not(.main-menu) {
    float: right;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
    background: #3985C6;
}
ul.nav.navbar-nav {
    background: transparent;
}
.navbar-default .navbar-nav>li>a {
    display: inline-block;
}
.navbar-default .navbar-nav > li.open > a,
.navbar-default .navbar-nav > li.open > a:focus {
    background: #3985C6;
    font-weight: bold;
    color: #FFF;
}
ul.nav.navbar-nav .panel.panel-default {
    border-radius: 0px;
    border-color: transparent;
    border: 0px;
}
ul.nav.navbar-nav .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px;
}
.panel {
    border: 0px solid transparent;
}
.panel-collapse img{
  display:block;
  max-width:100%;
  height:auto;
}
.username-panel > div > div {
    color: #FFF;
    padding: 0px 14px;
}
.lSSlideWrapper.usingCss img {
    width: 100%;
}
ul.nav.navbar-nav .panel.panel-default {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
ul.dropdown-menu.submenu {
    position: relative !important;
    left: 0px !important;
    display: block;
    width: 100% !important;
    top: 0px !important;
}
ul.nav.navbar-nav .panel-body {
    padding: 0px;
}
.navbar-nav .panel-title>a {
    color: #FFF;
    font-family: PT Sans;
    /* font-weight: normal; */
    font-size: 14px;
    padding: 10px 15px;
    display: block;
}
.navbar-default .navbar-collapse {
    -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0);
}
.navbar-nav .panel-default>.panel-heading {
    background: #193F6A;
    border-radius: 0px;
    padding: 0px;
}
.navbar-nav .panel-group {
    background: #193F6A;
}
.navbar-nav .panel-default>.panel-heading .panel-title a img {
    padding-right: 8px;
    margin-bottom: -2px;
}
.panel.panel-default.panel-blue {
    background: #2DA7E6;
    color: #FFF;
}
.panel.panel-default.panel-blue-1 {
    background: #2DA7E6;
    color: #FFF;
}
.bx-wrapper .bx-controls-direction a {
    z-index: 1 !important;
}
.media.media-home {
    background: #FFF;
}
.media-body .media-heading {
    padding-top: 20px;
}
.home-panel .panel-heading {
    padding: 0px;
    border-radius: 0px;
    border: 0px solid transparent;
}
.home-panel .panel.panel-default {
    border-radius: 0px;
    border: 0px solid transparent;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.panel.panel-default h3 {
    font-weight: normal;
}
.panel-group.home-panel .panel {
    margin-bottom: 10px;
}
.home-panel .panel-body .ca-content {
    width: initial;
}
#footer .dropdown-menu>li>a {
    color: #000;
}
.ym-messenger .panel-body,
.ym-messenger list-group-item {
    color: initial;
}
#respymsupport ul.list-group {
    max-height: 300px;
    overflow: auto;
}
ul#respymsupport .panel-default {
    border-radius: 0px;
    border: 0px solid transparent;
}
ul#respymsupport .panel-group {
    margin-bottom: 0px;
}
ul#respymsupport {
    min-width: 226px;
}
div#footer h4 {
    font-weight: normal;
}

.runningteksnews {
    color: #fff;
    font-size: large;
    background: #0095ff;
    padding: 5px;
    margin-top: 2px;
}

.runningteksdeposit {
    color: #fff;
    font-size: large;
    background: #0095ff;
    padding: 5px;
    margin-top: -17px;
	margin-bottom: 2px;
}

.runningteksvoucher {
    color: #fff;
    font-size: large;
    background: #428bca;
    padding: 5px;
    margin-top: 2px;
}
.button.primary {
	width: 100%;
	/* height: 50px; */
	border-radius: 10px;
	background-color: #fff;
	border: 2px solid #0095FF;
	color: #0095FF;
}
.button.primary:hover {
	color: #fff;
	background-color: #0095FF;
}
body {
    /*font-size: 12px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;*/
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

.kontak {
	border: 1px solid #ddd;
    padding: 12px;
    margin: 0px;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}