body {
}

a:link {color:#837e7e; text-decoration:none;} 
a:visited {color:#837e7e; text-decoration:none;}
a:hover {color:#105e5e; text-decoration:none;}
a:active {color:#837e7e; text-decoration:none;}

a:link:hover {color:#408e8e; text-decoration:none;} 
a:visited:hover {color:#408e8e; text-decoration:none;}
a:active:hover {color:#60aeae; text-decoration:none;}

a.back_link_style:link, a.back_link_style:visited {-webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out; color:#898989;
  text-decoration:none;
} 
a.back_link_style:hover, a.back_link_style:active  {-webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out; color:#f5e236;
  text-decoration:none;
}

span {
  display: inline-block;
  vertical-align: bottom;
}

.album_big_th0 {
  opacity: 0;
  display: none;
  max-width: 100%;
  max-height: 100%;
  float: left;
  margin-top: 0%;
  transform: translate(0%, 0%);
}

.album_big_th1 {
  opacity: 1;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  float: left;
  margin-top: 0%;
  transform: translate(0%, 0%);
}

.big_th_hidden {
  display: none;
}

.big_th_shown {
  display: inline-block;
}

.castle_map_fadein {
  display: block;
  height: 100%;
  z-index: 100000;
  float: left;
  opacity: 1;
   -webkit-transition: opacity 2.05s ease-in-out;
   -moz-transition: opacity 2.05s ease-in-out;
   -ms-transition: opacity 2.05s ease-in-out;
   -o-transition: opacity 2.05s ease-in-out;
   transition: opacity 2.05s ease-in-out;
}

.castle_map_fadeout {
  display: block;
  height: 100%;
  z-index: 100000;
  float: left;
  opacity: 1;
}

.description_text_fadein {
  opacity: 1;
   -webkit-transition: opacity 2.05s ease-in-out;
   -moz-transition: opacity 2.05s ease-in-out;
   -ms-transition: opacity 2.05s ease-in-out;
   -o-transition: opacity 2.05s ease-in-out;
   transition: opacity 2.05s ease-in-out;
}

.description_text_fadeout {
  opacity: 0;
}

div#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35 0 0 -35;
    z-index: 1000;
    width: 24px;
    height: 24px;
    background: url(../_toolimages/loading_phases_3.gif) no-repeat;
    cursor: wait;
    }

.base {
  width: 100%;
  height: 100%;
}

.resizeable_fields {
  position: absolute;
  top: 50px;
  bottom: 15px;
  width: 100%;
}



.icon_photo_invisible_bar {
  position: absolute;
  margin: -210 0 0 -50%;
  top: 50%;
  left: 50%;
  height: 420px;
  width: 100%;
  float: left;
  display: block;
  valign: top;
  z-index: 150;
}

.icon_photo {
  position: absolute;
  top: 140px;
  left: 225px;
  width: 140px;
  height: 140px;
  opacity:1.00;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

.image_title {
  position:absolute;
  left:225px;
  top:310px;
  margin:0px;
  color:#898989;
  text-align: justify;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing:0px;
  line-height: 160%;
  width: 77%;
  height: 70px;
  overflow: auto;
  opacity:1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  z-index: 1000;
  transition-duration: 0.35s;
  -webkit-transition: opacity 0.35s ease-in-out;
  -moz-transition: opacity 0.35s ease-in-out;
  -o-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

.icon_photo_invisible_bar_moved {
  position: absolute;
  width: 100%;
  top: 50px;
  bottom: 50px;
  left: 0px;
  right: 0px;
  float: left;
  display: block;
  valign: top;
  z-index: 150;
}

.whitebar_albums {
  position: absolute;
  width: 100%;
  top: 50px;
  bottom: 50px;
  left: 0px;
  right: 0px;
  float: left;
  display: inline;
  valign: top;
  background-color:#ffffff;
  opacity:0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter:alpha(opacity=75); /* For IE8 and earlier */
  z-index: 100;
  transition-duration: 1s;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


.whitebar_albums_null {
  position: absolute;
  width: 100%;
  top: 50px;
  bottom: 50px;
  left: 0px;
  right: 0px;
  float: left;
  display: inline;
  valign: top;
  background-color:#ffffff;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter:alpha(opacity=75); /* For IE8 and earlier */
  z-index: 100;
}


.album_name {
  width: 100%;
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-size:14pt;
  line-height: 22pt;

  font-weight:normal;
  vertical-align:top;
  background-color:#cccccc;
}

.castle_name_selected {
  width: 100%;
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-size:14pt;
  line-height: 22pt;

  font-weight:normal;
  vertical-align:top;
  color:#004e4e;
  background-color:#cccccc;
}

.album_divider {
  width: 100%;
  height: 3px;
}

.albums {
  display:block;
  color:#837e7e;
  background-color: #ffffff;
  transition-duration: 0.25s;
  opacity: 0.5;
}

.albums_mouseover {
  color:#837e7e;
  background-color: #eaeaea;
  transition-duration: 0.25s;
}

.albums_selected {
  color:#cccccc;
  background-color: #332e2e;
  transition-duration: 0.25s;
}

.castle_a {
  position: absolute;
  left:0px;
  top:0px;
  float: left;
  align: left;
  width: 100px;
  height: 100px;
  font-family:Open Sans;
  font-size:8pt;
  font-weight:normal;
  vertical-align:top;
}

.castle_d {
  position: absolute;
  left:0px;
  top:0px;
  float: left;
  align: left;
  font-family:Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight:normal;
  vertical-align:top;
}

.castle_a_sel {
  height: 100px;
  width: 100px;
  font-family:Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight:normal;
  vertical-align:top;  
  color:#cccccc;
  background-color:#332e2e;
}

.castle_item {
  position: relative;
  width: 100%;
  height: 100px;
  float: none;
  overflow-x: hidden;
  z-index: 0;
}

.castle_item_sel {
  position: relative;
  width: 100%;
  height: 100px;
  float: none;
  overflow-x: hidden;
  z-index: 0;
  background-color: #332e2e;
}


.castle_phot {
  position: absolute;
  top: 3px;
  height: 97px;
  left: 107px;
  right: 3px;
  overflow-x: scroll;
  overflow-y: hidden;
  float: left;
  display: inline;
  valign: top;
  z-index: 1000;
}


.image_row {
  width: 100%;
}

.th_img {
  margin:0px 0px 0px 0px;
}





.main_box {
  opacity: 1;
  display: block;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  transition-duration: 1s;
  position: absolute;
  left: 11%;
  right: 11%;
  top: 160px;
  bottom: 85px;
  z-index: 400;
  margin: 1 2 1 2;
}


.main_box_null {
  opacity: 0;
  display: block;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  transition-duration: 0.25s;
  position: absolute;
  left: 11%;
  right: 11%;
  top: 160px;
  bottom: 85px;
  z-index: 400;
  margin: 1 2 1 2;
}



.main_box_shadow {
  position: absolute;
  left: 11%;
  right: 11%;
  top: 158px;
  bottom: 83px;
  z-index: 350;
  margin: 0 0 0 0;
  background-color: #635e5e;
  opacity: 0.1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter:alpha(opacity=20); /* For IE8 and earlier */
  transition-duration: 0.25s;
}





.main_title_box {
  background-color: rgb(51, 46, 46);
  position: absolute;
  top: 0px;
  width: 100%;
  min-height: 50px;
  display: box;
  float: none;
  z-index: 0;
}




.main_title {
  color: #ffffff;
  margin-left: 2px;
  margin-top: 5px;
  font-family: Open Sans Condensed, Extralight, EL, Arial, Helvetica, sans-serif;
  letter-spacing:18px;
  line-height: 28pt;
  font-size: 50pt;
  vertical-align: top;
  z-index: 0;
}

.main_thumbnail_description_box_fadein {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 30%;
  max-height: 240px;

  display: block;
  float: none;
  z-index: 0;

  opacity: 1;
   -webkit-transition: opacity 2.05s ease-in-out;
   -moz-transition: opacity 2.05s ease-in-out;
   -ms-transition: opacity 2.05s ease-in-out;
   -o-transition: opacity 2.05s ease-in-out;
   transition: opacity 2.05s ease-in-out;

}

.main_thumbnail_description_box_fadeout {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 30%;
  max-height: 240px;

  display: block;
  float: none;
  z-index: 0;
  opacity: 0;

}


.main_thumbnail_description_box_padding {
  position: absolute;
  left: 0px;
  right: 7px;
  top: 2px;
  bottom: 2px;
  display: block;
  z-index: 0;
}

.big_thumbnail {
  display: inline-block;
  float: left;

}


.country_map {  
}

.country_map_pointer_box {
  float: left;
  width: 20px;
  height: 240px;
  z-index: 0;
}

.description_outer {
  display: inline-block;

  valign: top;
  height: 100%;


  z-index: 0;

}

.description {
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  letter-spacing: 0pt;
  line-height: 15pt;
  font-size: 16pt;
  margin-left: 0px;

  position: absolute;

  padding-left: 7px;
  padding-right: 7px;
  top: 7px;
  bottom: 7px;


  overflow-y: auto;
  valign: top;
  text-align: justify;  

  float: none;
  z-index: 0;

}

.clear {

}

.main_list_box {
  position: absolute;
  height: 70%;
  min-height: 60px;
  bottom: 0;
  background-color: #ffffff;
  width: 100%;
  float: none;
  display: block;
  z-index: 0;
}

.main_list_box_inside {
  position: absolute;
  left: 7px;
  right: 7px;
  top: 7px;
  bottom: 7px;
  background-color: #ffffff;
  display: block;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 0;
}

.main_letter_selector {
  position: absolute;
  bottom: 0px;
  height: 15px;
  background-color: #eaeaea;
  width: 100%;
  float: none;
  display: block;
  z-index: 0;
}

.letters {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 2px;
  color:#332e2e;
  float: none;

  display: block;
  z-index: 0;
}

.one_letter {
  width: 25px;
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-weight:normal;
}

.under_uploading {
  width: 350px;
  height: 50px;
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-weight:normal;
}


.back_style {
  position:absolute;
  left:11%;
  bottom:6px;
  height:18px;
  margin:0px;
  color:#898989;
  font-size: 7pt;
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing:8px;
  opacity:1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  z-index: 1000;
  transition-duration: 2.25s;
}

.back_style_null {
  position:absolute;
  left:11%;
  bottom:6px;
  height:18px;
  margin:0px;
  color:#898989;
  font-size: 7pt;
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing:100px;
  opacity:0.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  z-index: 1000;
  transition-duration: 0.35s;
  -webkit-transition: opacity 0.35s ease-in-out;
  -moz-transition: opacity 0.35s ease-in-out;
  -o-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

.back_style_mouseover {
  position:absolute;
  bottom:6px;
  height:18px;
  margin:0px;
  color:#FFEB3Ac;
  font-size: 7pt;
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing:8px;
  opacity:1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  z-index: 1000;
  transition-duration: 0.15s;
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.copyright_style_null {
  display:inline;
  valign: bottom;
  position:absolute;
  left:11%;
  bottom:-23px;
  right: 83px;
  height: 23px;
  overflow: hidden;
  margin:0px;
  color: #898989;
  font-size: 8pt;
  line-height: 260%;
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing:50px;
  word-wrap: break-all;
  white-space: normal;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  z-index: 1000;
}

.copyright_style {
  display:inline;
  valign: bottom;
  position:absolute;
  left:11%;
  bottom:-23px;
  right: 83px;
  height: 23px;
  overflow: hidden;
  margin:0px;
  color: #898989;
  font-size: 8pt;
  line-height: 260%;
  font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing:1px;
  word-wrap: break-all;
  white-space: normal;
  opacity:1;
  transition-duration: 2.25s;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  z-index: 1000;
}



.csaph {
  position:absolute;
  left:11%;
  top:80px;
  margin:0px;
  color:#77818c;
  font-size: 30pt;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing:40px;
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  z-index: 500;
  transition-duration: 5s;
  -webkit-transition: opacity 5s ease-in-out;
  -moz-transition: opacity 5s ease-in-out;
  -o-transition: opacity 5s ease-in-out;
  transition: opacity 5s ease-in-out;
}


.csaph_null {
  position:absolute;
  left:11%;
  top:80px;
  margin:0px;
  color:#77818c;
  font-size: 30pt;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing:40px;
  opacity:0.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0); /* For IE8 and earlier */
  z-index: 500;
  transition-duration: 1s;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 15s;
  animation-name: fade;
  animation-duration: 15s;
}


.title_photos_moved {
  position:absolute;
  left:35px;
  top:50px;
  margin:0px;
  color:#77818c;
  font-size: 30pt;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing:40px;
  opacity:1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100); /* For IE8 and earlier */
  z-index: 500;
  transition-duration: 0s;
}


table {
  border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th {
  padding: 0; /* 'cellpadding' equivalent */
  border: 0;
  white-space: nowrap;
}
}