/* ========== GENERAL ========== */
a img {
  border: 0px;
}

/* ========== BODY ========== */
#cmsPage {
  min-height: 100%;
  height: auto;
}

/*#cmsPreviewInfo {
  font-family: Verdana;
  font-size: 11pt;
  font-weight: bold;
  letter-spacing: 1px;
  color: #FF0000;
  
  text-align: center;
  
  background-color: #FFFFEE;
  padding: 5px;
  border-bottom: 1px dashed #999988;
}*/

/* ========== THE WEBSITE ========== */
#cmsMain {
  min-height: 100%;
  height: 100%;
  
  display: table;
}

/* ========== LIST (DEFAULT VIEW) ========== */
#cmsMain .cmsList {
}

#cmsMain .cmsList .cmsListRow {
  overflow: hidden;
  margin-bottom: 20px;
}

#cmsMain .cmsList .cmsListRow .cmsListColumnLeft {
  width: 20%;
  float: left;
  
  font-weight: bold;
}

#cmsMain .cmsList .cmsListRow .cmsListColumnRight {
  width: 80%;
  float: left;
}

/* ========== BLOCK (GENERAL) ========== */
#cmsMain .cmsBlock {
  padding: 1px;
  
  /* These are needed to ensure that all contents of the block will remain in the block's DIV - i.e. the images will not be overfloated */
  width: 100%;
  overflow: hidden;
}

/* ========== BLOCK ELEMENT: GALLERY ========== */
#cmsMain .cmsBlock .cmsGallery {
  margin-left: auto;
  margin-right: auto;
}

#cmsMain .cmsBlock .cmsGalleryImage {
  border: 1px dotted #BBBBBB;
  margin: 10px;
  
  float: left;
  background-repeat: no-repeat;
  background-position: center;
}

/* ========== BLOCK ELEMENT: PARAGRAPH ========== */
#cmsMain .cmsParagraph .cmsFontUnderline {
  text-decoration: underline;
}

#cmsMain .cmsParagraph .cmsFontStrikethrough {
  text-decoration: line-through;
}

#cmsMain .cmsParagraph img {
  border: 0px;
  padding: 0px;
  margin: 5px;
}

/* ========== BLOCK ELEMENT: TABLE ========== */
#cmsMain .cmsTable {
  margin-bottom: 15px;
}

#cmsMain .cmsTableDefault {
  border-collapse: collapse;
}

#cmsMain .cmsTableDefault .cmsTableHeaderCell,
#cmsMain .cmsTableDefault .cmsTableCell {
  border-collapse: collapse;
  border: 1px solid #AAAAAA;
  padding: 2px;
}

/* ========== BLOCK ELEMENT: MAP ========== */
#cmsMain .cmsMapError {
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  color: #FF0000;
  
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

#cmsMain .cmsMap .cmsMapAreaInfo {
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  color: #FF0000;
  background-color: #FFFFF7;
  border: 1px dashed #FF0000;
  
  text-align: center;
}

#cmsMain .cmsMap .cmsMapPois .cmsMapPoisLabel {
  margin-top: 10px;
}

#cmsMain .cmsMap .cmsMapPois .cmsMapPoisCombo {
  margin-top: 5px;
  margin-bottom: 10px;
}

#cmsMain .cmsMap .cmsMapPois .cmsMapPoisCombo select {
  width: 100%;
}

/* ========== BLOCK ELEMENT: FORUM ========== */
#cmsMain .cmsForumNewTopicLink {
  margin-top: 10px;
  margin-bottom: 10px;
  
  text-align: center;
  font-weight: bold;
}

#cmsMain .cmsForumNewTopicLayer {
  position: fixed;
  z-index: 100;
  display: none;
  
  width: 500px;
  height: 560px;
  
  background-color: #F8F8FF;
  border: 2px solid #777777;
  padding: 15px;
}

#cmsMain .cmsForumNewTopicLayer .newTopicClose {
  text-align: right;
}

#cmsMain .cmsForumNewTopicLayer .newTopicClose a {
  font-family: Arial;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

#cmsMain .cmsForumNewTopicLayer .newTopicClose a:hover {
  color: #AAAAAA;
  text-decoration: underline;
}

#cmsMain .cmsForumNewTopicLayer .newTopicTitle {
  font-family: Arial;
  font-size: 13pt;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}

#cmsMain .cmsForumNewTopicLayer .formFieldLine {
  margin-top: 10px;
}

#cmsMain .cmsForumNewTopicLayer .formFieldLeft {
  font-family: Arial;
  font-size: 10pt;
  color: #000000;
}

#cmsMain .cmsForumNewTopicLayer .formFieldRight input {
  width: 100%;
}

#cmsMain .cmsForumNewTopicLayer .formTextarea textarea {
  width: 100%;
  height: 200px;
}

#cmsMain .cmsForumNewTopicLayer .formSubmit {
  margin-top: 20px;
  text-align: center;
}

#cmsMain .cmsForumNewPostLink {
  margin-top: 10px;
  margin-bottom: 10px;
  
  text-align: center;
  font-weight: bold;
}

#cmsMain .cmsForumNewPostLayer {
  position: fixed;
  z-index: 100;
  display: none;
  
  width: 500px;
  height: 510px;
  
  background-color: #F8F8FF;
  border: 2px solid #777777;
  padding: 15px;
}

#cmsMain .cmsForumNewPostLayer .newPostClose {
  text-align: right;
}

#cmsMain .cmsForumNewPostLayer .newPostClose a {
  font-family: Arial;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

#cmsMain .cmsForumNewPostLayer .newPostClose a:hover {
  color: #AAAAAA;
  text-decoration: underline;
}

#cmsMain .cmsForumNewPostLayer .newPostTitle {
  font-family: Arial;
  font-size: 13pt;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}

#cmsMain .cmsForumNewPostLayer .formFieldLine {
  margin-top: 10px;
}

#cmsMain .cmsForumNewPostLayer .formFieldLeft {
  font-family: Arial;
  font-size: 10pt;
  color: #000000;
}

#cmsMain .cmsForumNewPostLayer .formFieldRight input {
  width: 100%;
}

#cmsMain .cmsForumNewPostLayer .formTextarea textarea {
  width: 100%;
  height: 200px;
}

#cmsMain .cmsForumNewPostLayer .formSubmit {
  margin-top: 20px;
  text-align: center;
}

#cmsMain .cmsForumBackLink {
  margin-top: 10px;
}

#cmsMain .cmsForumPostReply {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
  background-color: #FFFFF0;
  border: 1px solid #888888;
  padding: 10px;
}

#cmsMain .cmsForumPostReply .cmsForumPostReplyName {
  font-family: Verdana;
  font-size: 7pt;
  font-weight: bold;
  color: #000000;
  
  margin-bottom: 10px;
}

#cmsMain .cmsForumPostReply .cmsForumPostReplyText {
  font-family: Verdana;
  font-size: 7pt;
  color: #000000;
}

/* ========== BLOCK ELEMENT: POSTCARD ========== */
#cmsMain .cmsPostcard .infoText {
  font-family: Verdana;
  font-size: 11pt;
  font-weight: bold;
  color: #000000;
  text-align: center;
  
  margin-bottom: 20px;
}

#cmsMain .cmsPostcard .infoText2 {
  text-align: center;
  margin-bottom: 20px;
}

#cmsMain .cmsPostcard .postcardList .postcardThumbnail {
  float: left;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
}

#cmsMain .cmsPostcard .postcardList .postcardThumbnail .postcardThumbnailImage {
  border: 1px dotted #AAAAAA;
}

#cmsMain .cmsPostcard .postcardList .postcardThumbnail .postcardThumbnailImage img {
  border: 0px;
}

#cmsMain .cmsPostcard .postcardList .postcardThumbnail .postcardThumbnailLink {
  text-align: center;
  padding-top: 5px;
}

#cmsMain .cmsPostcard .postcardForm {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

#cmsMain .cmsPostcard .postcardForm .formFieldLine {
  margin-bottom: 10px;
}

#cmsMain .cmsPostcard .postcardForm .formFieldLine .formFieldRight input {
  width: 400px;
}

#cmsMain .cmsPostcard .postcardForm .formFieldLine .formFieldRight textarea {
  width: 400px;
  height: 300px;
}

#cmsMain .cmsPostcard .postcardForm .formSubmit {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

#cmsMain .cmsPostcard .postcardForm .formSubmit input {
  margin-left: 10px;
  margin-right: 10px;
}

#cmsMain .cmsPostcard .postcardPreview {
  margin-bottom: 20px;
  overflow: hidden;
}

#cmsMain .cmsPostcard .postcardPreview .postcardPreviewLeft {
}

#cmsMain .cmsPostcard .postcardPreview .postcardPreviewRight {
  font-weight: bold;
  margin-bottom: 10px;
}

#cmsMain .cmsPostcard .postcardPreview .postcardPreviewImage {
  float: left;
}

#cmsMain .cmsPostcard .postcardPreview .postcardPreviewMessage {
  float: left;
  margin-left: 30px;
}

#cmsMain .cmsPostcard .thankYouBackLink {
  text-align: center;
}

/* ========== BLOCK ELEMENT: SPECIAL (TAB) ========== */

#cmsMain .cmsSpecialTabsFrame {
  overflow: hidden;
}

#cmsMain .cmsSpecialTabsFrame .cmsSpecialTabsHeader {
  overflow: hidden;
  width: 100%;
}

#cmsMain .cmsSpecialTabsFrame .cmsSpecialTabsHeader .cmsSpecialTabsTab {
  position: relative;
  top: 5px;
  
  display: inline;
  float: left;
  height: 100%;
  
  border-left: 1px solid #BBBBBB;
  border-top: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
  
  padding: 5px;
  margin-right: 10px;
  background-color: #F9F9F9;
  
  cursor: pointer;
  cursor: hand;
}

#cmsMain .cmsSpecialTabsFrame .cmsSpecialTabsHeader .cmsSpecialTabsTabSelected {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  
  top: 0px;
  padding-bottom: 10px;
  font-weight: bold;
  
  background-color: #FFFFFF;
}

#cmsMain .cmsSpecialTabsFrame .cmsSpecialTabsContent {
  padding: 5px;
  border: 1px solid #BBBBBB;
}

/* ========== BLOCK ELEMENT: CONTACT FORM ========== */
#cmsMain .cmsContactform {
  width: 410px;
  margin-left: auto;
  margin-right: auto;
}

#cmsMain .cmsContactform .formFieldLine {
  margin-bottom: 10px;
}

#cmsMain .cmsContactform .formFieldLine .formFieldRight input {
  width: 400px;
}

#cmsMain .cmsContactform .formTextarea textarea {
  width: 400px;
  height: 300px;
  margin-bottom: 10px;
}

#cmsMain .cmsContactform .formSubmit {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

#cmsMain .cmsContactform .formSubmit input {
  margin-left: 10px;
  margin-right: 10px;
}

#cmsMain .cmsContactform .cmsContactformSuccess {
  font-weight: bold;
  text-align: center;
  
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ========== BLOCK ELEMENT: MENU ========== */
#cmsMain .cmsMenu {
}

#cmsMain .cmsMenu .cmsMenuInfo {
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  color: #FF0000;
  background-color: #FFFFF7;
  border: 1px dashed #FF0000;
  
  text-align: center;
  padding: 3px;
}

/* ========== BLOCK ELEMENT: CALENDAR ========== */
#cmsMain .cmsCalendar {
  height: 220px;
}

#cmsMain .cmsCalendar .ui-datepicker {
  width: 14em;
}

#cmsMain .cmsCalendar .ui-datepicker-calendar * {
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-weight: normal;
  font-size: 8pt;
  text-decoration: none;
}

#cmsMain .cmsCalendar .cmsCalendarHasEvent * {
  font-weight: bold;
}

#cmsMain .cmsCalendarError {
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;
  color: #FF0000;
  
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

#tooltip div.body {
  font-family: Arial;
  font-size: 10pt;
}

#ui-datepicker-div {
  display: none;
}

/* ========== BLOCK ELEMENT: POLL ========== */
#cmsMain .cmsPoll {
  margin-bottom: 20px;
}

#cmsMain .cmsPoll .cmsPollHeader {
  font-family: Verdana;
  font-size: 11pt;
  font-weight: bold;
  
  margin-bottom: 10px;
}

#cmsMain .cmsPoll .cmsPollQuestion {
  margin-bottom: 10px;
}

#cmsMain .cmsPoll .cmsPollTableCannotVote,
#cmsMain .cmsPoll .cmsPollTableCanVote {
  width: 100%;
  border: 1px #999999 dotted;
}

#cmsMain .cmsPoll .cmsPollTableCannotVote td,
#cmsMain .cmsPoll .cmsPollTableCanVote td {
  padding: 3px;
}

#cmsMain .cmsPoll .cmsPollTableCanVote td.cmsPollVote {
  width: 20px;
}

#cmsMain .cmsPoll .cmsPollTableCannotVote td.cmsPollAnswer {
  width: 100px;
}

#cmsMain .cmsPoll .cmsPollTableCannotVote td.cmsPollResultLane div.cmsPollResultLaneBar {
  background-color: #EEEEEE;
  border: 1px solid #888888;
  height: 8px;
}

#cmsMain .cmsPoll .cmsPollTableCannotVote td.cmsPollResult {
  width: 1px;
  text-align: right;
  white-space: nowrap;
}

#cmsMain .cmsPoll .cmsPollSubmit {
  margin-top: 10px;
}

#cmsMain .cmsPoll .cmsPollTotal {
  margin-top: 10px;
}