*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
HTML, BODY { height: 100%; font-size: 16px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
BODY { color: #000000; background: #29364D; margin: 0; }
TH { text-align: center; font-weight: 500; padding: 3px; }
TD { text-align: left; border-collapse: collapse; padding: 0 3px; }
H1, H2, H3, H4, H5, H6 { color: #2A52BE; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: normal; margin: 10px 0; }
H1 { font-size: 1.75rem; }
H2 { font-size: 1.5rem; }
H3 { font-size: 1.375rem; }
H4 { font-size: 1.25rem; }
H5 { font-size: 1.125rem; }
H6 { font-size: 1rem; }
H1 I, H2 I, H3 I, H4 I { margin: 0 10px 0 0; }
A:link, A:active, A:visited { color: #8F00FF; }
A:hover { color: #FF00FF; }
A:link.rezlink, A:hover.rezlink, A:visited.rezlink { font-size: 0.75rem; color: #29364D; }
A:link.iconlink, A:visited.iconlink { display: block; }
A:hover.iconlink { background: #005588; display: block; }
P, UL, OL, LABEL { font-size: 0.9375rem; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 140%; }
P { margin: 5px 0; }
INPUT, SELECT, TEXTAREA { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375rem; background: #FFFFFF; border: 1px solid #6495ED; border-radius: 3px; padding: 2px; margin: 2px; }
TEXTAREA { height: 100px; }
INPUT:disabled, SELECT:disabled, TEXTAREA:disabled { background-color: #EEEEEE; opacity: 0.5; filter: Alpha(Opacity=50); }
INPUT:hover, INPUT:focus, TEXTAREA:hover, TEXTAREA:focus, SELECT:hover, SELECT:hover, SELECT:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 5px #BBBBBB; }
BUTTON { min-width: 100px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 1rem !important; font-weight: normal; line-height: 20px; padding: 7px 14px; cursor: pointer; margin: 5px; border: none; border-radius: 3px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
BUTTON:hover { color: #000000 !important; background: #F5F5F5 !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
BUTTON:disabled:hover { color: #FFFFFF; background: #2A80B9; box-shadow: none; }
BUTTON I { margin: 0 8px 0 0; }
IMG { border: 0px solid #000000; }
HR { color: #628BB8; height: 0; }
DEL { color: #B22222; }
MARK { color: #FF1493; background: #FFE4E1; border-bottom: 1px dotted #FF1493; }
STRONG { font-weight: 600; }
FIELDSET { font-size: 0.9375rem; background: #FFFFFF; margin: 10px auto; padding: 10px; }
LABEL { margin: 0 4px 0 0; }
::placeholder { color: #007FFF; }
#topbar1 { width: 100%; height: 60px; background: #29364D; position: fixed; top: 0px; z-index: 100; }
#topbar2 { width: 1100px; margin: 0 auto; display: flex; justify-content: space-around; }
#logo { width: 500px; }
#prefs { width: 600px; color: #FFFFFF; text-align: right; padding: 5px 0 0; margin: 0 auto; }
#menubar { width: 100%; height: 45px; position: fixed; top: 60px; background: #007FFF; box-shadow: 0 0 10px #000000; z-index: 100; }
#nav_pc { width: 1100px; margin: 0 auto; }
#dropmenu, #dropmenu UL { font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; list-style-type: none; margin: 8px 0 0; }
#dropmenu A { display: block; padding: 5px 12px; color: #FFFFFF; border-right: 1px solid #AAAAAA; text-decoration: none; font-size: 1rem; }
#dropmenu .nosub A { background: transparent; }
#dropmenu A:hover { color: #FFFFFF; background: #CCDDEE; }
#dropmenu .nosub A:hover { color: #000000; background: #CCDDEE; }
#dropmenu LI { float: left; position: relative; }
#dropmenu UL { width: 180px; font-size: 1rem; background: #F7F7F7; position: absolute; top: 23px; left: 10px; display: none; padding: 7px 5px 7px 9px; outline: 6px solid #FFFFFF; box-shadow: 8px 8px 10px #999999, -5px -5px 10px #999999; }
#dropmenu UL A { border-bottom: 1px solid #AAAAAA; border-right: none; font-size: 1rem; color: #000000; width: 170px; padding: 7px 5px 7px 9px; }
#dropmenu UL A:hover { color: #000000; background: #CCDDEE; }
#dropmenu LI:hover { color: #000000; background: #CCDDEE; }
#dropmenu LI:hover A { color: #000000; }
#dropmenu LI UL { padding: 2px; }
#dropmenu LI UL A { height: auto; float: left; }
#dropmenu LI:hover UL, #dropmenu LI LI:hover UL, #dropmenu LI LI LI:hover UL, #dropmenu LI LI LI LI:hover UL { display: block; }
#dropmenu LI I { margin: 0 10px 0 0; font-size: 1.125rem; }
#pagebody { background: #FFFFFF; width: 100%; margin-top: 105px; }
#pictures { height: 250px; text-align: center; background: url(images/pictures-1.jpg) center no-repeat #000000; box-shadow: 0 0 10px #000000; }
#pagecontent { color: #000000; width: 1100px; min-height: 600px; margin: 0 auto; padding: 10px; }
#footer { width: 100%; height: 50px; color: #DCDCDC; background: #007FFF; text-align: center; padding: 10px 0 0; }
#bill_bg { background: #FFFFFF; }
#reportbox { width: 680px; min-height: 400px; overflow: auto; background: #FFFFFF; border: 1px solid #BBBBBB; margin: 10px auto; padding: 10px; box-shadow: 0px 0px 5px #AAAAAA; }
.invhead { color: #777777; }
.hotelname { font-family: "times new roman", times, serif; font-size: 1rem; color: #B22222; }
.errhead { width: 100%; font-family: "Times New Roman", Times, Roman; font-size: 1.25rem; text-indent: 10px; text-shadow: 1px 0px #000000; display: block; color: #FFFFFF; background: #DC143C; padding: 5px 0px; margin: 10px 0; }
.inlineicon { vertical-align: bottom; }
.boxshadow { min-width: 200px; min-height: 100px; margin: 10px auto; color: #000000; background: #FAF0E6; position: relative; padding: 10px; box-shadow: 0px 0px 8px #AAAAAA; }
.tblcenter { margin: 0 auto; }
.gridtbl { margin: 0 auto; border-collapse: collapse; }
.gridtbl TD { padding: 5px; }
.invtbl { width: 640px; margin: 0 auto; border: 1px dotted #A9A9A9; border-collapse: collapse; }
.invtbl TD { border: 1px dotted #A9A9A9; border-collapse: collapse; }
.reporttbl { width: 100%; color: #000000; border: 1px solid #C0C0C0; border-collapse: collapse; }
.reporttbl TH { background: #E6E6FA; border: 1px solid #AAAAAA; padding: 2px; }
.reporttbl TD { text-align: right; background: #FFFFFF; border: 1px dotted #AAAAAA; padding: 2px; }
.reporttbl TD.colleft { text-align: left; }
.reporttbl TD.colcenter { text-align: center; }
.srchinfo { width: 90%; margin: 0 auto 20px; border: 1px solid #BCBCBC; height: 32px; background: url(images/srch-info-bg.png) repeat-x #E5E5E5; }
.resoff { width: 130px; height: 30px; display: inline-block; float: left; background: url(images/srch-res-1.png) repeat; }
.reson { width: 130px; height: 30px; display: inline-block; float: left; background: url(images/srch-res-2.png); }
.resoffon { width: 130px; height: 30px; display: inline-block; float: left; background: url(images/srch-res-3.png); }
.roomtext { position: relative; top: 5px; left: 20px; }
.tabtbl { padding: 1px 5px; }
.srchtbl { border-collapse: collapse; width: 90%; }
.srchhd { color: #006699; padding: 6px; border-top: 1px dotted #006699; border-bottom: 1px dotted #006699; }
.srchdet1 { padding: 6px; border-bottom: 1px solid #BCBCBC; vertical-align: top; }
.srchdet2 { padding: 2px 6px; }
.misctbl { border: 1px dotted #006699; border-collapse: collapse; }
.mischd { color: #006699; padding: 3px; border: 1px dotted #006699; }
.miscdet { padding: 3px; border: 1px dotted #006699; }
.header { color: #000000; background: #DDEEFF; font-size: 1rem; border-top: 1px solid #999999; border-bottom: 1px solid #999999; line-height: 2rem; }
.reztbl { color: #000000; background: #FFFFFF; border: 1px dotted #708090; border-collapse: collapse; outline: 8px solid #FFFFFF; box-shadow: 10px 10px 10px #999999, -7px -7px 10px #999999; margin: 20px auto; }
.tblhead1 { font-size: 1rem; color: #00008B; border-bottom: 1px dotted #800000; padding: 6px; }
.tblhead2 { font-size: 0.9375rem; color: #00008B; border-bottom: 1px dotted #708090; padding: 6px; }
.tblhead3 { font-weight: normal; color: #000000; background: #FAF0BE; width: 30px; height: 25px; border: 1px solid #A9A9A9; border-collapse: collapse; }
.tblhead4 { color: #800000; height: 3px; border-bottom: 1px dotted #800000; padding: 2px 0 0px; }
.tblhead5 { font-weight: normal; color: #000000; background: #FAF0BE; border: 1px solid #A9A9A9; }
.tbldet1 { padding: 3px; border: 1px solid #A9A9A9; }
.tbldet2 { padding: 2px; }
.tbldet3 { border-bottom: 1px dotted #708090; }
.tbltotal { padding: 2px 5px; border-top: 1px solid #A9A9A9; border-bottom: 1px solid #A9A9A9; border-collapse: collapse; }
.totalrow { font-weight: 600; }
#tinytip { position: absolute; display: block; z-index: 9999; }
#tinytip #tipcontent { width: 300px; color: #FFFFFF; background: #29364D; font-size: 0.875rem; padding: 10px; outline: 2px solid #FFFFFF; box-shadow: 2px 2px 4px #999999, -2px -2px 4px #999999; }
#tinytip #tiparrow { position: absolute; border-color: #29364D transparent transparent transparent; border-width: 15px; border-style: solid; }
.availicon { color: #008800; background: #FFFFFF; cursor: pointer; display: block; vertical-align: middle; padding: 10px; border: 1px solid; border-radius: 5px; }
.availtbl { border: 1px solid #A9A9A9; border-collapse: collapse; margin: 0 auto; }
.avail { min-width: 60px; height: 16px; font-weight: normal; color: #003366; background: #E5E4E2; border: 1px solid #A9A9A9; }
.availhd { color: #FFFFFF; background: #29364D; padding: 2px 0px; }
.avail0 { min-width: 60px; height: 44px; text-align: center; text-decoration: line-through; color: #708090; background: #FFF0F5; border: 1px solid #A9A9A9; }
.avail1 { min-width: 60px; height: 44px; text-align: center; color: #000000; background: #AAFFAA; border: 1px solid #A9A9A9; cursor: pointer; }
.avail2 { min-width: 60px; height: 44px; text-align: center; color: #FF0000; background: #FFCCFF; border: 1px solid #A9A9A9; cursor: pointer; }
.avail3 { min-width: 60px; height: 44px; text-align: center; color: #A0522D; background: #F0E38C; border: 1px solid #A9A9A9; cursor: pointer; }
.avail4 { min-width: 60px; height: 44px; text-align: center; color: #000000; background: #00CC00; border: 1px solid #A9A9A9; cursor: pointer; }
.avail5 { height: 44px; color: #000000; background: #FFFFFF; border-bottom: 1px solid #A9A9A9; }
.arrday { padding: 0; }
.arrday:after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 0 43px 60px; border-color: transparent transparent #00CC00; display: block; margin: -43px 0 0; }
.depday { padding: 0; }
.depday:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 43px 60px 0 0; border-color: #00CC00 transparent transparent; display: block; margin: -43px 0 0; }
.arrdep { background: #00CC00; border: 1px solid #BBBBBB; }
.arrday1 { padding: 0; }
.arrday1:after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 0 45px 60px; border-color: transparent transparent #00CC00; display: block; margin: -35px 0 -15px; }
.depday1 { padding: 0; }
.depday1:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 45px 60px 0 0; border-color: #00CC00 transparent transparent; display: block; margin: -35px 0 -15px; }
.sold1 { color: #005500; background: #CCFFCC; text-align: center; border: 1px solid #BBBBBB; padding: 0; }
.sold1:after { color: #FFCCFF; content: "\25E2"; font-size: 60px; position: absolute; margin: -44px 0 0 -16px; }
.sold2 { color: #A40000; background: #FFCCFF; text-align: center; border: 1px solid #BBBBBB; padding: 0; }
.sold2:before { color: #00CC00; content: "\25E4"; font-size: 60px; position: absolute; margin: -44px 0 0 -32px; }
.colcenter { text-align: center; }
.colright { text-align: right; }
.colleft { text-align: left; }
.coldisabled { color: #708090; }
.hlite { color: #FF00FF; }
.highlite { color: #FF00FF; font-weight: 600; }
.success { font-size: 0.875rem; text-align: center; color: #005500; background: #AAFFAA; position: relative; width: 250px; margin: 0 auto; padding: 5px; outline: 4px solid #FFFFFF; box-shadow: 6px 6px 8px #999999, -3px -3px 8px #999999; z-index: 101; }
.formfld, .datepickerclass { background: #F8F8F8; border: 1px solid #888888; border-radius: 2px; margin: 1px; }
.formfld-error { background: #FFE4E1; border: 1px solid #FF0084; }
.formfld-reqd { background: #FFFFCC; border: 1px solid #888888; }
.formfld-auto { color: #708090; background: #CCFFCC; border: 1px solid #888888; }
.fld25 { width: 25px; }
.fld50 { width: 50px; }
.fld65 { width: 65px; }
.fld75 { width: 75px; }
.fld100 { width: 100px; }
.fld125 { width: 125px; }
.fld140 { width: 140px; }
.fld150 { width: 150px; }
.fld175 { width: 175px; }
.fld200 { width: 200px; }
.fld250 { width: 250px; }
.fld275 { width: 275px; }
.fld300 { width: 300px; }
.fld375 { width: 375px; }
.fld425 { width: 425px; }
.fld435 { width: 435px; }
.fld450 { width: 450px; }
.fld500 { width: 500px; }
.fld525 { width: 525px; }
.fld550 { width: 550px; }
.fld100p { width: 100%; }
.min220 { min-width: 220px; }
.dispfld { color: #000000; border: 1px solid #888888; border-radius: 2px; display: block; padding: 1px; min-width: 100px; }
.childfld { color: #000000; border: 1px solid #888888; border-radius: 2px; display: block; padding: 1px; min-width: 50px; }
.clearfld { color: #FFFFFF; background: transparent; border: none; }
.pricefld { color: #B22222; background: transparent; border: none; min-width: 125px; }
.error { background: #FFE4E1; border: 1px solid #FF0084; }
.error-diaglog { width: 500px; padding: 2px; position: relative; top: 50px; }
.pageloading { width: 90px; color: #000000; background: #ACE1AF; position: fixed; top: 45%; left: 45%; text-align: center; outline: 8px solid #FFFFFF; box-shadow: 10px 10px 10px #999999, -7px -7px 10px #999999; z-index: 150; padding: 30px 10px 10px; }
.thinline { background: #ECECEC url(images/line.png) repeat-x; }
.vertline { background: url(images/vert-line.png) repeat-y center; }
.fieldgroup { text-align: left; margin: 10px 0px 0px; border: 1px solid #BBBBBB; padding: 0px 7px 7px; }
.group-title { color: #B22222; background: #ECECEC; padding: 0px 5px; position: relative; top: -8px; white-space: nowrap; }
.smalltext { font-size: 0.75rem; color: #00008B; }
.imgleft { float: left; width: auto; padding-right: 10px; }
.imgright { float: right; width: auto; padding-left: 10px; }
.review { width: 820px; height: 70px; position: relative; padding: 0; margin: 15px auto; background: url(images/review-pc.png) no-repeat; }
.reviewtext { font-style: italic; color: #B22222; position: absolute; padding: 10px; }
.reviewer { color: #003366; top: 55px; left: 40px; position: absolute; }
.barcode { text-align: center; background: #FFFFFF; margin: 0px auto; padding: 6px 26px 3px 24px; }
.thinspace { width: 1px; height: 25px; background-color: #FFFFFF; display: inline-block; float: left; }
.thickspace { width: 3px; height: 25px; background-color: #FFFFFF; display: inline-block; float: left; }
.thinbar { width: 1px; height: 25px; background-color: #000000; display: inline-block; float: left; }
.thickbar { width: 3px; height: 25px; background-color: #000000; display: inline-block; float: left; }
.termstext { font-size: 0.75rem; color: #555555; }
.clearall { clear: both; }
.fullprice { color: #708090; text-decoration: line-through; }
.rooms { width: 786px; margin: 0 auto; }
.column-1 { width: 240px; float: left; margin: 10px; border: 1px solid #880000; }
.roomhd { font-family: "Times New Roman", Times, Roman; font-size: 1.25rem; text-align: center; color: #FFFFFF; background: #C19B76; padding: 5px; border-bottom: 1px solid #880000; }
.roomdet { background: #FFF8DC; height: 280px; text-align: justify; padding: 10px; }
.roomdet IMG { padding: 0 0 0 10px; }
.btn-blue { color: #FFFFFF; background: #2A80B9; }
.btn-green { color: #FFFFFF; background: #00A86B; }
.btn-orange { color: #FFFFFF; background: #FE7510; }
.btn-red { color: #FFFFFF; background: #E30022; }
.btn-grey { color: #FFFFFF; background: #738678; }
.imgoff { background: #FFFFFF; margin: 5px; padding: 5px; border: 1px solid #999999; }
.imgon { background: #77AAAA; box-shadow: 5px 5px 3px #666666; }
.inputerr { width: 500px; color: #FF0000; text-align: center; border: 1px solid #FF0084; padding: 5px; margin: 5px auto; z-index: 100; }
.album { outline: 4px solid #FFFFFF; box-shadow: 6px 6px 8px #999999, -3px -3px 8px #999999; margin: 10px; }