* { border: 0; margin: 0; padding: 0; position: relative; }
html { height: 100%; }
body { background: #fff; color: #666; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 12px; line-height: 20px; height: 100%; text-align: center; }
a { color: #69c; }
a:hover { color: #b3cce5; }
img { border: 0; display: block; margin: 0; }
h1 { color: #69c; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 20px; font-style: italic; font-weight: normal; line-height: 24px; margin: 10px 0 0 0; text-align: center;  }
h2 { color: #b3cce5; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; font-style: italic; margin: 10px 30px 0 30px; text-align: center; }
h3 { color: #b3cce5; font-size: 12px; margin: 10px 30px 0 30px; }
h1 a, h2 a, h3 a { color: #9cf; text-decoration: none; }
p { margin: 10px 10px 0 10px; }
p.label { font-size: 11px; margin: 2px 0 0 0; text-align: center; }
ul { list-style-type: none; margin: 10px 0 0 0; padding: 0; }
ul li { list-style-type: square; margin: 0 10px 0 22px; padding: 0; }
table { border: 2px solid #e5e5e5; border-collapse: collapse; border-spacing: 0; margin: 10px 10px 0 10px; padding: 0; }
th { background-color: #f3f3f3; border: 2px solid #e5e5e5; padding: 5px; text-align: left; }
td { border: 2px solid #e5e5e5; padding: 5px; text-align: left; }
td.max { white-space: nowrap; }
td.min { font-size: 10px; }
td.none { background: transparent url(../img/tablenone.png) repeat 0 0; }
div.js { overflow: hidden; position: relative; width: 100%; }

a.bullet, span.bullet { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; font-weight: bold; height: 24px; line-height: 24px; margin: 10px 0 0 0; overflow: hidden; padding: 0 0 0 29px; text-decoration: none; }
a.bullet:hover { background-position: 0 -80px; }
a.bulletfile { background-image: url(../img/bulletfile.png); background-repeat: no-repeat; }
a.bulletdoc { background-image: url(../img/bulletdoc.png); background-repeat: no-repeat; }
a.bulletpdf { background-image: url(../img/bulletpdf.png); background-repeat: no-repeat; }
a.bulletxls { background-image: url(../img/bulletxls.png); background-repeat: no-repeat; }
a.bulletmov { background-image: url(../img/bulletmov.png); background-repeat: no-repeat; }
a.bulletaudio { background-image: url(../img/bulletaudio.png); background-repeat: no-repeat; }
a.bullethome { background: url(../img/bullethome.png); background-repeat: no-repeat; }
a.bulletlink { background: url(../img/bulletlink.png); background-repeat: no-repeat; }
span.bulleterror { background: url(../img/bulleterror.png); background-repeat: no-repeat; color: #f00; }

a.button, input.button, span.button { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; color: #fff; cursor: pointer; display: block; float: left; font-size: 12px; font-weight: bold; height: 24px; line-height: 24px; margin: 10px 10px 0 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 24px; }
a.button:hover, input.button:hover, span.button:hover { background-position: 0 -40px; }
a.button.here, a.button.here:hover, input.button.here, input.button.here:hover, span.button.here, span.button.here:hover { background-position: 0 -80px; color: #999; cursor: auto; }
a.buttonmin, input.buttonmin, span.buttonmin { background-image: url(../img/buttonmin.png); width: 60px; }
a.buttonmid, input.buttonmid, span.buttonmid { background-image: url(../img/buttonmid.png); width: 120px; }
input.buttondelete { background-image: url(../img/buttondelete.png); font-size: 0; text-indent: -1000px; }
input.buttonfile { background-image: url(../img/buttonfile.png); font-size: 0; text-indent: -1000px; }
input.buttonclose, span.buttonclose { background-image: url(../img/buttonclose.png); float: right; font-size: 0; margin: 0; text-indent: -1000px; }
input.buttonnum, span.buttonnum { background-image: url(../img/buttonnum.png); margin: 0 2px 0 0; }
input.buttonprev, span.buttonprev { background-image: url(../img/buttonprev.png); font-size: 0; text-indent: -1000px; }
input.buttonnext, span.buttonnext { background-image: url(../img/buttonnext.png); font-size: 0; text-indent: -1000px; }
span.buttonnone, span.buttonnone:hover { background-image: url(../img/buttonnone.png); background-position: 0 0; color: #999; cursor: auto; }
span.buttonhelp { background-image: url(../img/buttonhelp.png); color: #fff; font-size: 0px; text-indent: -1000px; }
table a.button, table input.button, table span.button { margin: 0; } 

div.row { overflow: hidden; width: 100%; }
div.rowbutton { text-align: center; }
div.rowbutton a.button, div.rowbutton input.button, div.rowbutton span.button { float: none; margin-left: auto; margin-right: auto; }
label { float: left; line-height: 24px; margin: 10px 10px 0 0; text-align: right; width: auto; }
label + p { font-weight: bold; font-size: 14px; line-height: 24px; }
input, textarea, select { float: left; margin: 10px 10px 0 0; }
input:first-child, textarea:first-child, select:first-child { margin-left: 10px; }
input.fieldmid, textarea.field, select.field { background: #f3f3f3; border: 2px solid #ccc; border-bottom: 2px solid #e5e5e5; font-size: 12px; padding: 2px; }
input.fieldmin { width: 32px; }
textarea.fieldmid { height: 112px; }
div.row img { float: left; margin: 10px 10px 0 0; }

div.rowlist { border-bottom: 1px dashed #ccc; }
div.rowlist select.field { margin: 18px 10px 0 10px; }
div.rowlist input.button { float: right; margin: 18px 10px 0 0;  }

div.cellmin { float: left; height: 40px; overflow: hidden; padding: 10px; }
div.cellmin * { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 9px; font-style: normal; line-height: normal; margin: 0; text-align: left; }
div.cellmin img { background: #fff; border: 1px solid #ccc; float: left; height: 36px; margin: 0 10px 0 0; padding: 1px; }
div.cellmin h2 { font-size: 11px; font-weight: bold; }

html.js div.cellfile { float: left; height: 34px; overflow: hidden; position: relative; width: 210px; }
html.js div.cellfile input.fieldfile { left: 0; position: absolute; top: 0; z-index: 2 }
html.js div.cellfile input.buttonfile { position: absolute; right: 0; top: 0; z-index: 1; }
html.js div.cellfile input.fieldmid { left: 0; position: absolute; top: 0; width: 166px; z-index: 1; }

html.js div.cellrte { background: #ccc; border: 2px solid #ccc; border-bottom: 2px solid #e5e5e5; float: left; margin: 10px 10px 0 0; overflow: hidden; }
html.js div.cellrte input { background: #ccc; border: 1px solid #f3f3f3; color: #333; cursor: pointer; float: left; font-size: 9px; line-height: 12px; margin: 0 2px 2px 0; padding: 0; text-align: center; text-decoration: none; text-transform: capitalize; width: 30px; }
html.js div.cellrte input.alt { float: right; margin-right: 0; }
html.js div.cellrte input:hover, html.js div.cellrte input.here { background: #e5e5e5; }
html.js div.cellrte textarea.fieldrte { border: none; margin: 0; }

div.cellhelp { background: #ccc url(../img/cellhelp.png) no-repeat 0 0; border: 2px solid #fff; color: #333; display: none; font-size: 11px; margin: -2px 0 0 -2px; overflow: hidden; position: fixed; padding: 0 5px 5px 31px; width: 200px; z-index: 1; }
div.cellhelp h3 { color: #333; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; font-style: normal; font-weight: bold; line-height: normal; margin: 5px 0 0 0; }
div.cellhelp p { font-size: 11px; line-height: normal; margin: 5px 0 0 0; }
div.win div.cellhelp img { float: right; margin: 5px 10px 0 0; }

div.celljump { float: right; }

ul.menu, ul.menu li { background: none; list-style-type: none; margin: 0; padding: 0; }
ul.menuleaf { height: 24px; overflow: hidden; padding: 10px; }
ul.menuleaf li { float: left; margin: 0 2px 0 0; }
ul.menuleaf li.other { float: right; margin: 0 0 0 2px; }
ul.menuleaf input.button, ul.menuleaf span.button { margin: 0; }

dl { overflow: hidden; width: 100%; }
dt { line-height: 24px; font-size: 14px; font-weight: bold; }
dl.menu { overflow: hidden; position: relative; width: 100%; }
dl.menu dt { margin: 10px 0 0 0; padding: 0 10px; }
dl.menu dd { border-top: 1px solid #ccc; overflow: hidden; width: 100%; }
html.js dl.menu {  padding-bottom: 20px; }
html.js dl.menu dt { background: #fff; border: 1px solid #e5e5e5; cursor: pointer; float: left; line-height: 22px; margin-right: 2px; padding: 0 9px; z-index: 1; }
html.js dl.menu dt:first-child { margin-left: 10px; }
html.js dl.menu dt:hover { border-color: #ccc; }
html.js dl.menu dt.here, html.js dl.menu dt.here:hover { border-bottom: none; border-color: #ccc; cursor: auto; padding-bottom: 4px; }
html.js dl.menu dd { background: #fff; left: 0; overflow: auto; overflow-x: hidden; padding-top: 10px; position: absolute; top: 36px; }



div.win { background: transparent url(../img/win.png) repeat 0 0; display: none; height: 100%; left: 0; overflow: hidden; position: fixed; text-align: center; top: 0; width: 100%; z-index: 99; }
div.win div.col { float: none; margin: 0 auto; text-align: left; }
div.winhead { background: transparent url(../img/winhead.png) no-repeat 100% 0; height: 24px; margin: 10px; overflow: hidden; }
div.winhead h1 { background: #fff url(../img/winhead.png) no-repeat 0 0; color: #fff; float: left; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 14px; font-style: normal; font-weight: bold; line-height: 24px; margin: 0; padding: 0 10px; }

div#all { overflow: hidden; position: relative; width: 100%; }
div.page { background: #69c url(../img/page.jpg) no-repeat 0 0; margin: 20px auto 0 auto; overflow: hidden; position: relative; text-align: left; width: 980px; }

div.pagehead { background: transparent url(../img/pagehead.png) no-repeat 0 0; height: 210px; margin: 0; position: relative; width: 100%; }
div.pagehead img.logo { left: 20px; position: absolute; top: 20px; }
div.pagehead h1 { color: #b3cce5; left: 150px; line-height: 30px; margin: 0; position: absolute; top: 10px; }
div.pagehead ul.menu { bottom: 50px; float: left; font-weight: bold; position: absolute; right: 30px; }
div.pagehead ul.menu li { background: none; float: left; font-size: 12px; font-weight: bold; margin: 0; }
div.pagehead ul.menu a { background: transparent url(../img/pagehead-menu-a.png) repeat-x 0 0; color: #fff; float: left; line-height: 24px; padding: 0 0 2px 0; text-align: center; text-decoration: none; width: 120px; }
div.pagehead ul.menu a:hover { background-position: 0 -40px; }
div.pagehead ul.menu a.here, div.pagehead ul.menu a.here:hover { background-position: 0 -80px; color: #69c; }

div.pagebody { background: transparent url(../img/pagebody.png) no-repeat 0 100%; margin: -20px 0 0 0; overflow: hidden; padding: 0 0 10px 0; width: 100%; }
div.pagebody > ul.menu { float: left; margin: 15px 10px 0 0; padding: 0 0 20px 0; width: 240px; }
div.pagebody > ul.menu a { background: transparent url(../img/pagebody-menu-a.png) no-repeat 100% 0; display: block; font-size: 11px; line-height: 26px; padding: 0 20px 0 20px; text-align: right; text-decoration: none; width: 200px; }
div.pagebody > ul.menu a:hover { background-position: 100% 50%; }
div.pagebody > ul.menu li a.here, div.pagebody > ul.menu li a.here:hover { background-position: 100% 100%; color: #fff; }

div.pagefoot { background: #fff; color: #999; font-size: 11px; height: 400px; line-height: 16px; overflow: hidden; width: 100%; } 
div.pagefoot ul.menu { margin: 0; overflow: hidden; width: 500px; }
div.pagefoot ul.menu li { float: left; font-size: 11px; line-height: 14px; margin: 20px 0 0 0; }
div.pagefoot ul.menu a { border-bottom: 1px solid #fff; border-right: 1px solid #ccc; border-top: 1px solid #fff; color: #999; float: left; padding: 0 9px; text-decoration: none; }
div.pagefoot ul.menu a:hover { color: #0d405a; }
div.pagefoot ul.menu li:first-child a { border-left: 1px solid #ccc; }
div.pagefoot ul.menu a.here, div.pagefoot ul.menu a.here:hover { border-bottom-color: #ccc; border-top-color: #ccc; line-height: 14px; text-decoration: none; }
div.pagefoot p { margin: 20px 0 0 0; overflow: hidden; width: 500px; }
div.pagefoot p span { border-left: 1px solid #ccc; float: left; line-height: 16px; padding: 0 10px; }
div.pagefoot p span:first-child { border-left: none; padding-left: 0; }
div.pagefoot img.logo { margin: 20px 0 0 0; }
div.pagefoot div.tripadvisor, div.pagefoot div.flipkey { float: right; height: 120px; margin: 20px 0 0 20px; overflow: hidden; width: 140px; }
div.pagefoot div.tripadvisor > div { overflow: hidden; margin: -1px -5px 0 -5px; }
div.pagefoot div.flipkey > div { margin: 0 -10px 0 -10px; overflow: hidden; }

div.rowkey label { line-height: 16px; }
div.rowkey ul li { border-left: 16px solid #ccc; float: left; font-size: 10px; line-height: 16px; list-style-type: none; margin: 0 20px 0 0; padding: 0 0 0 5px; }
div.rowkey ul li.dayfree { border-color: #6c6; }
div.rowkey ul li.daylock { border-color: #903; }

div.date { border: 2px solid #ccc; border-bottom-color: #e5e5e5; overflow: hidden; position: relative; }
div.dateyear { height: 668px; margin: 10px 0 0 68px; width: 784px; }
div.datemonth { float: left; height: 212px; margin: 10px 0 0 0; width: 196px; }
div.date div.js { left: 0; position: absolute; top: 0; }
div.year { float: left; }
div.dateyear div.year { float: left; width: 784px; }
div.year table.month { border: 8px solid #fff; border-collapse: collapse; float: left; font-size: 14px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; width: auto; }
div.year table.month th { background: #fff; border: 2px solid #fff; padding: 0; text-align: center; }
div.year table.month tr.day th { background: #fff; font-size: 11px; font-weight: normal; line-height: normal; }
div.year table.month td { border: 2px solid #fff; padding: 0; }
div.year h2.year { background: #666 url(../img/dateyear.png) repeat 50% 0; color: #fff; height: 24px; line-height: 24px; margin: 8px 8px 0 8px; }
div.year span { background: transparent url(../img/datespan.png) no-repeat 0 0; color: #fff; display: block; height: 24px; text-align: center; width: 24px; }
div.year span.month { background: #666 url(../img/datemonth.png) no-repeat 50% 0; text-align: center; width: 180px;  }
div.year span.next { background: #666 url(../img/datenext.png) no-repeat 100% 0; cursor: pointer; float: right; }
div.year span.prev { background: #666 url(../img/dateprev.png) no-repeat 0 0; cursor: pointer; float: left; }
div.year span.next:hover, div.year span.prev:hover { background-color: #333 }
div.year span.none { background-color: #666; float: right; }
div.year span.none:first-child { float: left; }
div.year span.daynone { background-color: #fff; }
div.year span.dayfuture.dayfree { background-color: #6c6; cursor: pointer; }
div.year span.dayfuture.daypick { background-color: #063; }
div.year span.dayfuture.daylock { background-color: #903; }
div.year span.dayfuture.daystart { background-color: #f03; }
div.year span.daypast.dayfree { background-color: #ccc; }
div.year span.daypast.daypick { background-color: #808080; }
div.year span.daypast.daylock { background-color: #999; }
div.year span.daypast.daystart { background-color: #b3b3b3; }
div.datemonth div.year span.daypast { background-color: #ccc; }
div.dateyear div.year span.day { cursor: pointer; }