/* main definitions */
div.container {
    margin-bottom: 5px;
	overflow: auto;
}

div.clear {
    font-size: 0px;
    clear: both;
    height: 0px;
}

#pNavi {
    position: absolute;
    top: 35px;
    left: 225px;
    width: 765px;
    text-align: right;
    vertical-align: bottom;
    color: #345B82;
}

#pNavi a, #pNavi a:link, #pNavi a:visited {
    color: #345B82;
    text-decoration: underline;
}

#banner {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 775px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #345B82;
	border: 0px;
}

#banner .title{
	font-size: 16px;
}

#banner .box {
    background-color: #EEEEEE;
}

#left {
    position: absolute;
    top: 50px;
    width: 210px;
    left: 5px;
    border: 0px;
}

#left .box {
    background-color: #EEEEEE;
}

#center {
    position: absolute;
    top: 50px;
    left: 220px;
    width: 775px;
    vertical-align: top;
}

#center .scrollview {
    height: 393px;
    overflow: auto;
}

* html body #center .scrollview {
    height: 390px;
}

#center .box {
    background-color: #FFFFFF;
}

#right {
    position: absolute;
    top: 50px;
    left: 790px;
    width: 200px;
}

#right .box {
    background-color: #EEEEEE;
}

body {
    margin: 0px;
    font-family: tahoma, arial, sans-serif;
    color: #345B82;
    font-size: 10pt;
    height: 100%;
}

form {
    margin: 0px;
}

form table {
    border-spacing: 0px;
    empty-cells: show;
}

form table .lable {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
}

form table .input {
    text-align: left;
    vertical-align: top;
}

form .msg {
    background-color: white;
    color: black;
    font-weight: bold;
    padding: 3px;
    border: 1px solid black;
    display: none;
}

input, select, textarea {
    color: #000000;
    font-family: arial, tahoma, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    margin: 2px;
    padding: 0px;
    display: inline;
    vertical-align: middle;
}

div {
    font-family: arial, tahoma, sans-serif;
    font-size: 8pt;
    margin: 0;
    padding: 0;
}

span {
    margin: 0px;
    padding: 0px;
}

img {
    border: none;
    bottom: 0px;
}

.textimg {
    margin: 5px;
}

table {
    font-family: arial, tahoma, sans-serif;
    font-size: 11px;
}

a, a:link, a:visited {
    color: #345B82;
}

a.imglink {
    text-decoration: none;
}

.alternate_link {
  margin-left: 10px;
}

.alternate_link a:link {color:#515151; font-weight:bold; }
.alternate_link a:visited {color:#515151; font-weight:bold; }

.subtitle {
      font-size: 11px;
      font-weight: bold;
      color: #999999;
      font-family: arial, tahoma, sans-serif;
}

#result {
    color: #000000;
}

#RSS {
    color: #333333;
}

#RSS .body {
    height: 510px;
    overflow: auto;
}

#search_fail {
    overflow: auto;
}

#user_register .scroll{
    height: 457px;
    overflow: auto;
}

#book_overview {
}

#creditcard_data{
}

#book_overview{
}

#user_login{
}

#user_feedback_layer {

}

.user_login_loggedIn {
    background-color: #A0F0A0;
}

.user_login_error {
    background-color: #F0A0A0;
}

.user_login_loggedOut {
}

.layer {
    overflow: hidden;
    display: none;
    position: absolute;
}

.layer .box {
    background-color: #EEEEEE;
}
#imageViewer {
    text-align: center;
}

.result {
    margin: 0px;
    padding: 0px;
}

.result .data {
    height: 400px;
    overflow: auto;
}

.result .shown {
    background-color: #EFEFF7;
}

.result .not_available {
    color: #D6D6D6;
}

.result .not_available a {
    color: #92ACDD;
}

.result table {
    empty-cells: show;
    border-spacing: 0;
    margin:0;
}
.result table td, .result table th {
    padding: 2px;
    text-align: left;
}

.result table tr {
    padding: 0px;
}

.result .heading .class {
    width: 75px;
}

.result .heading .name {
    width: 205px;
}

.result .heading .facility {
    width: 110px;
}

.result .heading .price {
    width: 125px;
    white-space: nowrap;
}

.result .scrollview .class {
    width: 42px;
    text-align: center;
}

.result .scrollview .name {
    width: 228px;
}

.result .scrollview .facility {
    width: 18px;
}

.result .scrollview .price {
    width: 65px;
    text-align: center;
}

.result .scrollview .book {
    width: 49px;
    text-align: right;
}

.result .button_book {
    width: 53px;
    height: 20px;
    background-image: url(../images/button_book.gif);
    background-repeat: no-repeat;
    color: white;
    text-align: left;
    text-decoration: none;
    text-indent: 7px;
    padding-top: 2px;
    cursor: pointer;
}

.result .even {background-color: #EEEEEE;}
.result .odd {background-color: white;}

.result .pager {
    text-align: center;
    padding-top: 10px;
    font-size: 10pt;
    color: #345B82;
}

.result .pager a, .result .pager a:visited, .result .pager a:active {
    text-decoration: underline;
    color: #660000;
}

.result .pager a:hover {
    text-decoration: none;
}

.hotelinformation_container {
    display: none;
    overflow: hidden;
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
    height: 160px; /* real height is defined in index.tpl */
}

div.hotelinfo_content {
    display: none;
    overflow: auto;
    padding: 3px;
    height: 145px;  /* must be smaller than the height of the hotelinformationcontainer
                      (height of container defined in top of index.tpl)*/
    background-color: #EEEEEE;
}

.imageBrowse {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

.imageBrowse .browse{
    text-align: center;
    vertical-align: top;
    width: 60px;
}

.imageBrowse .image{
    text-align: center;
    vertical-align: middle;
    width: 280px;
}

#loader_layer {

}
#browse {
    overflow: auto;
	height: 410px;
}

#guest_names table th {
    text-align: left;
}

#user_data table td{
    vertical-align: top;
}

#creditcard_faq {
    height: 430px;
    overflow: auto;
}

#creditcard_faq p{
    margin-left: 20px;
    margin-right: 10px;
}

#creditcard_info{
  height: 222px;
  overflow: auto;
}

#TOS {
    height: 358px; /* 438px; */
    overflow: auto;
	z-index:1;
}

#TOS ol {
}

#TOS ol li {
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 5px;
}

#TOS p{
    margin-top: 0px;
    margin-right: 10px;
    text-align: justify;
    font-weight: normal;
}

#user_translations_layer *.content {
    height: 186px;
}

#user_feedback_layer *.content {
    height: 186px;
}

#advancedSearch_layer *.body {
    height: 221px;
    overflow: none;
}

#help {
    height: 358px; /* 438px; */
    overflow: auto;
}

#help ul li{
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 5px;
}

#help p{
    margin-top: 0px;
    margin-right: 10px;
    text-align: justify;
    font-weight: normal;
}

h2 {
    font-size: 14pt;
    margin-top: 2px;
    margin-bottom: 5px;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 3px;
    color: #425C8D;
}

h4 {
    font-size: 9pt;
    margin-top: 5px;
    margin-bottom: 2px;
    color: #345B82;
}

.loader {
    font-size: 11px;
    color: #515151;
    font-weight: bold;
    text-align: center;
}

.errorMsg {
    font-weight: bold;
    color: #800000;
}

.char {
    font-size: 10pt;
    font-weight: bold;
}

.seperator {
    font-size: 1px;
    border-bottom: 1px solid #345B82;
    clear:both;
}

tr.notAvailable td a {color: #A0A0F0}
tr.notAvailable td {color: #A0A0A0}

#search .body{
    height: 350px;
}

.roominformation {
    display: none;
    background-color: #F0F0F0;
}



/* Box layout */

.box .body {
    border-left: 1px solid #345B82;
    border-right: 1px solid #345B82;
}

.box .content {
    padding: 5px;
}

.box .caption {
    background-image: url(../images/box_header_bg.gif);
    background-repeat: repeat-x;
    color: white;
    font-weight: bold;
}

.box .caption .cn_right{
    padding-top: 3px;
    padding-left: 8px;
    padding-bottom: 4px;
    background-image: url(../images/corner_box_tr.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.box .caption .cn_left {
    background-image: url(../images/corner_box_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.box .caption a {
    color: white;
}

.box .bottom {
    background-image: url(../images/box_bottom.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    font-size: 5px;
}

.box .bottom .left {
    background-image: url(../images/corner_box_bl.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    font-size: 5px;
}

.box .bottom .right {
    background-image: url(../images/corner_box_br.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    font-size: 5px;
}

/* Button layout for boxes */
.button_container {
    height: 22px;
}

.button_container a, .button_container a:visited, .button_container a:active {text-decoration: none;}

.button {
    color: white;
    font-weight: bold;
    width: 97px;
    height: 20px;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    text-indent: 4px;
    padding-top: 2px;
    text-align: left;
    float: right;
    cursor: pointer;
    text-decoration: none;
}

/* Tabbed navigation */
.tab_navi {
    font-family: arial, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.tab_navi a {
    text-decoration: none;
}

.tab_navi .closer {
    text-align: right;
}

.tab_navi a span {
    padding-left: 8px;
    padding-right: 5px;
}

.tab_navi a.inactive {
    background: #666666 url("../images/tab-yellow-left.gif") left top no-repeat;
    color: white;
}

.tab_navi a.inactive span {
    background: url("../images/tab-yellow-right.gif") right top no-repeat;
}

.tab_navi a.inactive:hover {
    background: #666666 url("../images/tab-yellow-left-hover.gif") left top no-repeat;
}

.tab_navi a.inactive:hover span {
    background: url("../images/tab-yellow-right-hover.gif") right top no-repeat;
}

.tab_navi a.active {
    background: #EEEEEE url("../images/tab-greyblue-left.gif") left top no-repeat;
    color: black;
}

.tab_navi a.active span{
    background: url("../images/tab-greyblue-right.gif") right top no-repeat;
}

.align_right{
    float:right;
}


.bleu {
    color: #345B82;
}

.red {
    color: #CC0000;
}

.black {
    color: #000000;
}

.black_title {
    color: #000000;
	font-size: 12pt;
	font-weight: bold;
}



div.float {
	/*float: center;*/
}

div.float p {
	text-align: center;
}

#user_feedback_box {
	z-index:1;
}
  
#remedy1box  {
  position:absolute;
  z-index:11;
  border:1px #ccc solid;
  border-top:none;
  background:#fff;
  padding:2px;
  display:none;
  width:50px;
}

#remedy2box  {
  position:absolute;
  z-index:12;
  border:1px #ccc solid;
  border-top:none;
  background:#fff;
  padding:1px;
  display:none;
  width:50px;
}

#remedy3box  {
  position:absolute;
  z-index:13;
  border:1px #ccc solid;
  border-top:none;
  background:#fff;
  padding:1px;
  display:none;
  width:50px;
}

.textbox  {
  border:1px #ccc solid;
  width:50px;
}

.textboxlong  {
  border:1px #ccc solid;
  width:100px;
  overflow:none;
}

.areabox  {
  border:1px #ccc solid;
  width:250px;
}

.selectbox  {
  border:1px #ccc solid;
  width:120px;
}

#printSearch {
	display:none;
}

/* preloader div */
#preload {display:none; width: 1px; height: 1px; position: absolute; top: -100px; left: -100px;}