.ui-autocomplete
{
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
}
.btn-generate
{
    background-color: #7ac242;
    border: 1px solid #5fc112;
    color: white;
    width: 90px;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
}
.btn-generate:hover
{
    color: White;
    background-color: #5fc112;
}
.btn-generate2
{
    background-color: #0FAFC5;
    border: 1px solid #0FAFC5;
    color: white;
    width: 90px;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
}
.btn-generate:hover2
{
    border: 2px solid #117abb;
}
.li_generate
{
    padding-right: 20px;
}
.li_type
{
    width: 70px;
    text-align: left;
}

.li_embed
{
    width: 180px;
    text-align: left;
}
.li_acct
{
    width: 90px;
    text-align: left;
}
.li_farebasis
{
    width: 80px;
    text-align: left;
}
.li_tourcode
{
    width: 80px;
    text-align: left;
}

.li_maxresult
{
    width: 70px;
    text-align: left;
}
.li_maxlist
{
    width: 60px;
    text-align: left;
}
.li_no
{
    width: 25px;
    text-align: right;
    padding-right: 5px;
}
.li_name
{
    width: 200px;
    text-align: left;
    padding-right: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.li_status
{
    width: 70px;
    text-align: left;
}
.tblpromotionbox td, .tblpromotionbox_condition td
{
    padding: 3px;
}
.tblpromotionbox td#rightCol, .tblpromotionbox_condition td#rightCol
{
    width: 17%;
}
.tblpromotionbox td#leftCol, .tblpromotionbox_condition td#leftCol
{
    width: 36%;
}
#divRT, #divOW, #divOWV
{
    display: inline-flex;
    padding-right: 20px;
}
.blockbkg
{
    background-color: rgba(0,0,0,0.90);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 101;
}
.cont
{
    position: absolute;
    top: -200px;
    left: 41%;
    right: 40%;
    background-color: #fff;
    color: #7F7F7F;
    padding: 20px;
    border: 2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index: 102;
}
a.boxclose
{
    float: right;
    width: 25px;
    height: 25px;
    background: transparent url(/Content/Image/close4.png) no-repeat top left;
    margin-top: -12px;
    margin-right: -12px;
    cursor: pointer;
}
#PromotionboxTypeView
{
    margin: 0px;
    padding: 0px;
}
.spandata
{
    background-color: rgba(0,102,255,0.20);
    display: table; /*border-radius: 5px;*/
    margin: 3px 3px 4px 3px;
    text-align: justify;
    cursor: pointer;
    border-collapse: separate;
    border-spacing: 0px;
    border-radius: 5px;
}
.spandata #divDelImg
{
    background: transparent url(/Content/Image/close4.png) no-repeat left top;
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: inherit;
}
.spandata:hover
{
    border: 2px solid rgba(0,102,255,0.33);
}
#txtfarebasis, #txttourcode, #txtairline, #txtRBD, #txtacctcode
{
    text-transform: uppercase;
}

#contentGen
{
    position: fixed;
    top: -500px;
    left: 10%;
    right: 10%;
    background-color: #fff; /*color: #7F7F7F;*/
    padding: 20px;
    border: 2px solid #0fafc5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index: 100;
}
.blockbkgGen
{
    background-color: rgba(0,0,0,0.90);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
}
a.boxcloseGen
{
    float: right;
    width: 25px;
    height: 25px;
    background: transparent url(/Content/Image/close4.png) no-repeat top left;
    margin-top: -12px;
    margin-right: -12px;
    cursor: pointer;
}
a.boxcloseSelectWeb
{
    float: right;
    width: 25px;
    height: 25px;
    background: transparent url(/Content/Image/close4.png) no-repeat top left;
    margin-top: 4px;
    margin-right: 3px;
    cursor: pointer;
}
.blockSelectWeb
{
    background-color: rgba(0,0,0,0.90);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 97;
}
#contentSelectWeb
{
    position: fixed; /*height: 100%;*/
    width: 100%;
    min-height: 544px;
    max-width: 846px;
    top: -1000px;
    left: 15%; /*right: 10%;*/
    background-color: #fff;
    color: #117abb;
    padding: 20px;
    border: 2px solid #0fafc5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index: 98;
}
.blockShowFlight
{
    background-color: rgba(0,0,0,0.90);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
}
#contentShowFlight
{
    position: fixed;
    width: 95.5%; /*min-height: 544px;*/
    min-height: 560px; /*top: -1000px;*/
    left: 0.6%;
    background-color: #fff;
    color: #117abb; /*padding: 20px;*/
    padding: 20px 20px 0px 20px; /*border: 2px solid #0fafc5;*/
    border-top: 4px solid #0fafc5; /*border-bottom: 10px solid #0fafc5;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333; /*z-index: 100;*/
}
/*a.boxcloseShowFlight
{
    float: right;
    width: 25px;
    height: 25px;
    background: transparent url(/Content/Image/close4.png) no-repeat top left;
    margin-top: -12px;
    margin-right: -12px;
    cursor: pointer;
}*/
.ui_button_selectWeb1
{
    width: 60px;
    height: 26px;
    border-radius: 20px;
    border: 2px solid #117abb;
    background-color: #117abb;
    color: White;
    cursor: pointer;
}
.ui_button_selectWeb1:hover
{
    border: 2px solid #0fafc5;
}
.ui_button_selectWeb2
{
    width: 60px;
    height: 22px;
    border-radius: 20px;
    border: 2px solid #0fafc5;
    background-color: #0fafc5;
    color: White;
    cursor: pointer;
}
.ui_button_selectWeb2:hover
{
    border: 2px solid #117abb;
}
.ui_button_selectWeb3
{
    width: 100px;
    height: 26px;
    border-radius: 20px;
    border: 2px solid #117abb;
    background-color: #117abb;
    color: White;
    cursor: pointer;
}
.ui_button_selectWeb3:hover
{
    border: 2px solid #0fafc5;
}
#selwebsite, #selWebfaremarkup
{
    width: 330px;
    height: 25px;
}
.block_title_SelWeb
{
    font-weight: bold;
    font-size: 20px;
    padding: 5px;
    height: 20px;
    margin-bottom: 25px;
    background-color: rgba(15,175,197,0.15);
}
#tblShowDetail thead#head th
{
    height: 30px;
    border: 1px solid rgba(128, 128, 128, 0.22);
    background-color: rgba(215, 219, 220, 0.55);
    font-weight: bold;
    color: #117abb;
}
#tblShowDetail tr td
{
    height: 30px;
    border: 1px solid rgba(128, 128, 128, 0.22);
    color: Black;
    vertical-align: middle;
}
#block_btn_save
{
    float: right;
    margin-right: 30px;
}
#navtotal_feild
{
    width: inherit;
    height: 25px;
    border: 1px solid rgba(128, 128, 128, 0.22);
}
#navtotal_feild #navtotal
{
    width: inherit;
}
#navtotal li
{
    float: left;
    padding: 5px 5px 5px 5px;
    width: 180px;
}
#navtotal li select
{
    width: 40px;
}
#navtotal li select#selectperrecord
{
    width: 103px;
}
#pageright
{
    float: right;
}
#filterActiveRight
{
    float: right;
    padding-right: 18px;
}
.pagenumberSelected
{
    display: inline;
    text-align: center;
    color: White;
    background-color: #71B9D8;
    font-weight: bold;
    margin: 0 3px;
    padding: 2px;
}
.pagenumber
{
    display: inline;
    text-align: center;
    cursor: pointer;
    color: rgb(113, 185, 216);
    margin: 0 3px;
    border: 1px solid rgb(229, 229, 229);
    padding: 2px;
    background-color: transparent;
}
#contentShowFlight #Showflight
{
    width: 100%;
    height: 145px;
}
#triangle-right
{
    position: absolute;
    width: 0;
    height: 0;
    border-top: 64px solid transparent;
    border-left: 100px solid #1387b6;
    border-bottom: 60px solid transparent;
}
#triangle-topright
{
    width: 200px;
    height: 0;
    height: 62px;
    float: left; /*background: #e2f3fa;*/
    background: #a4e6fe;
    margin: 0% 0.2% 0.2% 0%;
}
#rectangle_destination
{
    width: 250px;
    height: 62px; /*background: #e2f3fa;*/
    background: #a4e6fe;
    float: left;
    margin: 0% 0.2% 0.2% 0%;
}
#rectangle_airline
{
    width: 250px;
    height: 62px; /*background: #e2f3fa;*/
    background: #a4e6fe;
    float: left;
    margin: 0% 0.2% 0.2% 0%;
}
#rectangle_class
{
    width: 110px;
    height: 62px; /*background: #e2f3fa;*/
    background: #a4e6fe;
    float: left;
    margin: 0% 0.2% 0.2% 0%;
}
#rectangle_day
{
    width: 130px;
    height: 62px; /*background: #e2f3fa;*/
    background: #a4e6fe;
    float: left;
    margin: 0% 0.2% 0.2% 0%;
}
#rectangle_sale
{
    width: 157px;
    height: 62px; /*background: #e2f3fa;*/
    background: #a4e6fe;
    float: left;
    margin: 0% 0.2% 0.2% 0%;
}
#result_origin
{
    width: 200px;
    height: 0;
    float: left;
    height: 62px; /*background: #a4e6fe;*/
    background: #c9e7f8;
    margin: 0% 0.2% 0% 0%;
}
#result_destination
{
    width: 250px;
    height: 62px; /*background: #e2f3fa;*/
    background: #c9e7f8;
    float: left;
    margin: 0% 0.2% 0% 0%;
}
#result_airline
{
    width: 250px;
    height: 62px; /*background: #e2f3fa;*/
    background: #c9e7f8;
    float: left;
    margin: 0% 0.2% 0% 0%;
}
#result_class
{
    width: 110px;
    height: 62px; /*background: #e2f3fa;*/
    background: #c9e7f8;
    float: left;
    margin: 0% 0.2% 0% 0%;
}
#result_day
{
    width: 130px;
    height: 62px; /*background: #e2f3fa;*/
    background: #c9e7f8;
    float: left;
    margin: 0% 0.2% 0% 0%;
}
#result_sale
{
    width: 157px;
    height: 62px; /*background: #e2f3fa;*/
    background: #c9e7f8;
    float: left;
    margin: 0% 0.2% 0% 0%;
}
#flight_title
{
    font-size: 14pt;
    font-weight: bold;
    color: #117abb;
    margin: 5px 5px 5px 0px;
}
#triangle-text
{
    position: absolute;
    text-align: center;
    left: -97px;
    top: -17px;
    width: auto;
    height: auto;
    color: White;
    font-size: 14pt;
    font-weight: bold;
}
#triangle-origin
{
    position: relative;
    left: 145px;
    top: 24px;
    width: 50%;
    color: #1387b6;
    font-size: 12pt;
    font-weight: bold;
}
#triangle-destination
{
    position: relative;
    text-align: center;
    left: 3px;
    top: 24px;
    width: auto;
    height: auto;
    color: #1387b6;
    font-size: 12pt;
    font-weight: bold;
}
#triangle-airline
{
    position: relative;
    text-align: center;
    left: 0px;
    top: 24px;
    width: auto;
    height: auto;
    color: #1387b6;
    font-size: 12pt;
    font-weight: bold;
}
#triangle-class
{
    position: relative;
    text-align: center;
    left: 0px;
    top: 24px;
    width: auto;
    height: auto;
    color: #1387b6;
    font-size: 12pt;
    font-weight: bold;
}
#triangle-day
{
    position: relative;
    text-align: center;
    left: 0px;
    top: 24px;
    width: auto;
    height: auto;
    color: #1387b6;
    font-size: 12pt;
    font-weight: bold;
}
#triangle-sale
{
    position: relative;
    left: 38px;
    top: 24px;
    width: auto;
    height: auto;
    color: #1387b6;
    font-size: 12pt;
    font-weight: bold;
}
#result-origin
{
    /*width: 75%;*/
    width: 66%;
    position: relative; /*left: 62px;*/
    left: 100px;
    top: 25px;
    color: #1387b6;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
}
#result-destination
{
    position: relative; /*left: 10px;*/
    left: 65px;
    top: 25px; /*width: 90%;*/
    width: 70%;
    color: #1387b6;
    font-size: 9pt;
    font-weight: bold;
}
#result-airline
{
    position: relative; /*text-align: center;*/ /*left: -22px;*/
    left: 7px;
    top: 25px;
    width: 95%; /*width: auto;*/ /*height: auto;*/
    color: #1387b6;
    font-size: 9pt;
    font-weight: bold;
}
#result-class
{
    position: relative;
    text-align: center;
    left: 12px;
    top: 25px;
    width: 86%;
    color: #1387b6;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
}
#result_day #result-day
{
    position: relative;
    text-align: center;
    left: 2px;
    top: 25px;
    width: 96%;
    color: #1387b6;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
}
#result_sale #result-sale
{
    position: relative;
    left: -10px; /*top: 24px;*/
    top: 20px;
    height: auto;
    color: #1387b6;
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
}
#result-sale #result-sale-price
{
    color: #6abd45;
    font-size: 16pt;
    text-align: inherit;
}
.divcondition_tax
{
    /*background-color: #dddedf;*/
    background-color: #ebebeb;
    height: 30px;
}
#divcondition
{
    float: left;
    color: Black;
    font-size: 9pt;
    font-weight: bold;
    margin: 8px;
}
#divtax
{
    float: right;
    color: Red;
    font-size: 9pt;
    font-weight: bold;
    margin: 8px;
}
.contentDetail
{
    width: 100%;
    float: left;
    margin-bottom: 1%;
}
#contentLeft
{
    float: left; /*background: #dddedf;*/
    background: #ecf6fc;
    width: 40%; /*margin: 3% 3% 0% 0%;*/
    margin: 4.6% 3% 0% 0%;
}
#contentCenter
{
    float: left;
    width: 35%;
    margin: 2% 0% 0% 0%;
}
#contentRight
{
    float: left;
    width: 17%; /*margin: 2.5% 0% 0% 4%;*/
    margin: 2.1% 0% 0% 4%;
}
#divtblLeft
{
    /*margin: 2% 0% 10% 1.5%;*/
    margin: 2% 0% 8% 1.5%;
}
table#tblleft td
{
    padding: 2%;
    font-weight: bold;
}
.col1
{
    color: Black;
    width: 70%;
    height: auto;
    display: inline-block;
    margin-top: 2%;
    font-weight: bold;
}
.col2
{
    color: Black;
    width: 29%;
    height: auto;
    display: inline-block;
    margin-top: 2%;
    font-weight: bold;
}
.col_adt
{
    color: Black;
    width: 13%;
    height: auto;
    display: inline-block;
    margin-top: 2%;
    font-weight: bold;
}
.col_cnn
{
    color: Black;
    width: 25%;
    height: auto;
    display: inline-block;
    margin-top: 2%;
    font-weight: bold;
}
br.clear
{
    clear: both;
    line-height: 0;
    height: 0;
    min-height: 0;
    font-size: 1px;
}
.flight_txtbox1
{
    width: 280px !important;
}
.flight_txtbox2
{
    width: 100px !important;
    border: 1px solid #4ea5c8;
    height: 22px;
}
.flight_seladt
{
    width: 45px !important;
}
.divHowto
{
    font-weight: bold;
    margin: 5% 0% 5% 0%;
}
.divrow
{
    margin: 7% 0% 5% 0%;
}
#arrow
{
    width: 150px;
    height: 40px;
    background-color: #40AEBF;
    border: 1px solid #307EA2;
    position: relative;
    cursor: pointer;
}
#arrow:after
{
    content: '';
    position: absolute;
    top: 0px;
    left: 150px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left: 27px solid #40AEBF;
}
#arrow:before
{
    content: '';
    position: absolute;
    top: -1px;
    left: 151px;
    width: 0;
    height: 0;
    border: 21px solid transparent;
    border-left: 27px solid #307EA2;
}
#arrow_text
{
    position: relative;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    color: White;
    top: 11px;
}
#divline
{
    /*background: #e2f3fa;*/
    background: #c9e7f8;
    clear: both;
    height: 27px;
}
#divline2
{
    background: #0fafc5;
    clear: both;
    height: 10px;
}